/* Specific event documentation: real image = portfolio cover, never service-general hero. */
.eo-case{background:#0d1016;color:#f4f5f7;font-family:Inter,'Plus Jakarta Sans',sans-serif;min-height:60vh}
.eo-case *{box-sizing:border-box}
.eo-case a:focus-visible{outline:2px solid #ff6b00;outline-offset:5px}
.eoc-breadcrumb{max-width:1240px;margin:auto;padding:26px 0 10px;display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#9da4ae;font-size:11px}
.eoc-breadcrumb a{color:#c7cbd3;text-decoration:none}.eoc-breadcrumb a:hover{color:#ff8d48}
.eoc-hero{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:clamp(40px,5vw,84px);align-items:center;padding:34px 0 76px}
.eoc-content>span{display:block;color:#ff9856;font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:25px}
.eoc-content h1{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(38px,4vw,60px);line-height:1.1;letter-spacing:-.066em;font-weight:750;margin:0 0 27px}
.eoc-intro{max-width:505px;color:#b2b7c3;line-height:1.85;font-size:15px;margin:0 0 35px}
.eoc-data{border-top:1px solid #343942;max-width:530px;margin:0 0 29px}
.eoc-data-row{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #343942;align-items:baseline}
.eoc-data-row small{font-size:10px;color:#858d9b;letter-spacing:.11em;text-transform:uppercase;flex:0 0 125px}
.eoc-data-row strong{font-size:13px;font-weight:650;color:#e8eaed}
.eoc-actions{display:flex;gap:14px;flex-wrap:wrap}
.eoc-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;text-decoration:none;font-size:11px;font-weight:750;border:1px solid #ff6b00;background:#ff6b00;color:#111116}
.eoc-btn:hover{background:#ff8730}
.eoc-btn--quiet{background:transparent;border-color:#464951;color:#e9e9e9}.eoc-btn--quiet:hover{background:#20242d}
.eoc-figure{margin:0;min-width:0;background:#171a20}
.eoc-figure img{display:block;width:100%;max-height:720px;min-height:430px;object-fit:contain;object-position:center;background:#171a20}
.eoc-figure figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#171a20;border-top:1px solid #3b3f48;padding:14px 17px;color:#c4c8d1;font-size:11px}
.eoc-figure figcaption span:last-child{color:#ff9a5c;font-size:9px;letter-spacing:.1em;white-space:nowrap}
.eoc-evidence{border-top:1px solid #343942;background:#12161e;padding:62px max(24px,calc((100% - 1240px)/2)) 76px}
.eoc-evidence-inner{max-width:1240px;display:grid;grid-template-columns:.7fr 1fr;gap:65px;margin:auto}
.eoc-evidence h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(29px,3vw,42px);line-height:1.18;letter-spacing:-.055em;margin:5px 0 0}
.eoc-evidence p{color:#b0b7c1;line-height:1.9;font-size:13px;margin:0 0 16px}
.eoc-evidence small{font-size:10px;color:#87909c;line-height:1.65;display:block}
.eoc-support-photo{margin:28px 0 0;max-width:780px}.eoc-support-photo img{display:block;width:100%;height:auto}.eoc-support-photo figcaption{font-size:11px;color:#9ca4b0;margin-top:12px}
.eoc-back{max-width:1240px;margin:auto;padding:30px 0 55px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.eoc-back a{color:#ff9a5c;text-decoration:none;font-size:12px;font-weight:700}.eoc-back a:hover{color:#fff}
@media(max-width:1340px){.eoc-breadcrumb,.eoc-hero,.eoc-back{margin-left:5vw;margin-right:5vw}}
@media(max-width:900px){.eoc-hero{grid-template-columns:1fr;gap:28px;padding-top:22px;padding-bottom:44px}.eoc-content h1{font-size:clamp(34px,6.1vw,50px)}.eoc-figure img{max-height:610px;min-height:0}.eoc-evidence-inner{grid-template-columns:1fr;gap:22px}}
@media(max-width:550px){.eoc-breadcrumb,.eoc-hero,.eoc-back{margin-left:19px;margin-right:19px}.eoc-breadcrumb{padding-top:16px}.eoc-hero{padding-top:19px}.eoc-content h1{font-size:clamp(31px,9vw,42px);margin-bottom:18px}.eoc-content>span{margin-bottom:15px}.eoc-intro{font-size:13px;margin-bottom:20px}.eoc-data-row small{flex-basis:95px}.eoc-actions{flex-direction:column}.eoc-btn{width:100%}.eoc-figure figcaption{flex-wrap:wrap}.eoc-evidence{padding:42px 19px 48px}.eoc-evidence h2{font-size:30px}}

/* Keep the very same clicked photograph above the project copy on small screens. */
@media(max-width:900px){.eoc-figure{order:-1}.eoc-figure img{height:auto;max-height:630px}.eoc-content{order:0}}
@media(max-width:550px){.eoc-figure img{max-height:430px}.eoc-hero{gap:23px}}