/* Shared case study presentation and portfolio link. */
main .case-study-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:7px 0;color:#044fbf;background:transparent;border:0;text-decoration:none;font:400 14px/1.5 "Voyage Lexend",Arial,sans-serif;white-space:nowrap}
main .case-study-link svg{display:block;width:40px;height:14px;flex:none;transition:transform .18s ease}
main .case-study-link:hover span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
main .case-study-link:hover svg{transform:translateX(4px)}
main .category-copy .case-study-link{margin-top:0}
main.case-study .case-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
main.case-study .case-hero{background:#080808;min-height:0;padding:32px 0 42px;text-align:left;color:white}
main.case-study .case-hero::before{display:none}
main.case-study .case-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#bcbcbc;margin-bottom:42px}
main.case-study .case-breadcrumbs a{text-decoration:none;color:inherit}
main.case-study .case-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
main.case-study .case-breadcrumbs [aria-current]{color:white}
main.case-study .case-introduction{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}
main.case-study .case-introduction h1{margin:12px 0 0;max-width:none}
main.case-study .case-introduction p{max-width:440px;margin:0;color:#e0e0e0}
main.case-study .case-kicker{display:block;color:#044fbf;font-size:12px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
main.case-study .case-hero .case-kicker{color:#89b9ff}
main.case-study .case-film-section{padding:0;background:linear-gradient(#080808 65%,#fff 65%)}
main.case-study .case-film{margin:0}
main.case-study .case-player{background:#080808;outline:1px solid #333}
main.case-study .case-player video{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;background:#080808}
/* Zoid keeps the no-expansion behavior requested for its portfolio video. */
main.case-study:not(.case-study--hover-video) .case-player:hover{transform:none}
main.case-study .case-film figcaption{background:#080808;color:#c4c4c4;display:flex;justify-content:space-between;gap:16px;padding:15px 20px;font-size:12px;line-height:1.5}
main.case-study .case-film figcaption span:first-child{color:white}
main.case-study .case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:30px 0;background:white;border-bottom:2px solid #044fbf}
main.case-study .case-facts>div{display:flex;flex-direction:column-reverse;gap:8px;padding:0 28px;border-right:1px solid #ddd}
main.case-study .case-facts>div:first-child{padding-left:0}
main.case-study .case-facts>div:last-child{border:0}
main.case-study .case-facts dt{font-size:12px;line-height:1.5;color:#555}
main.case-study .case-facts dd{font:400 29px/1.3 "Voyage Lexend",Arial,sans-serif;margin:0;white-space:nowrap}
main.case-study .case-facts dd span{font-size:12px;color:#666}
main.case-study .case-section{padding-block:72px}
main.case-study .case-section-heading h2{margin:12px 0 0;max-width:660px}
main.case-study .case-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}
main.case-study .case-prose p{margin:0 0 18px}
main.case-study .case-prose p:last-child{margin-bottom:0}
main.case-study .case-role-section{background:#f5f6f8}
main.case-study .case-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:38px}
main.case-study .case-role-grid>div{border-top:1px solid #b8c9df;padding-top:22px}
main.case-study .case-step{font-size:13px;color:#044fbf}
main.case-study .case-role-grid h3{margin:14px 0 12px}
main.case-study .case-role-grid p{margin:0}
main.case-study .case-talent{border-left:2px solid #044fbf;padding-left:24px;margin-top:40px;max-width:880px}
main.case-study .case-talent p{margin:8px 0 0}
main.case-study .case-talent a{color:#044fbf;text-underline-offset:3px}
main.case-study .case-section-intro{max-width:760px;margin:20px 0 0}
main.case-study .case-locations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:34px}
main.case-study .case-locations article{border-top:2px solid #044fbf;padding-top:20px;min-width:0}
main.case-study .case-location-number{font-size:12px;color:#044fbf}
main.case-study .case-locations h3{margin:13px 0 9px}
main.case-study .case-locations p{margin:0}
main.case-study .case-deliverables{border-top:1px solid #ddd}
main.case-study .case-delivery-list{padding-left:21px;margin:20px 0 0}
main.case-study .case-delivery-list li{padding-left:5px;margin-bottom:8px}
main.case-study .case-closing{padding:65px 0;background:#f5f6f8;text-align:center}
main.case-study .case-closing h2{margin:13px 0 18px}
main.case-study .case-closing p{max-width:650px;margin:0 auto 28px}
main.case-study .case-actions{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}
@media(max-width:800px){
 main.case-study .case-wrap{width:calc(100% - 40px)}
 main.case-study .case-hero{padding-top:24px;padding-bottom:30px}
 main.case-study .case-breadcrumbs{margin-bottom:28px}
 main.case-study .case-introduction{grid-template-columns:1fr;gap:20px}
 main.case-study .case-introduction p{max-width:620px}
 main.case-study .case-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;padding:24px 0}
 main.case-study .case-facts>div{padding:0 18px}
 main.case-study .case-facts>div:nth-child(odd){padding-left:0}
 main.case-study .case-facts>div:nth-child(even){border-right:0}
 main.case-study .case-facts dd{font-size:25px}
 main.case-study .case-story{grid-template-columns:1fr;gap:25px}
 main.case-study .case-section{padding-block:45px}
 main.case-study .case-role-grid{grid-template-columns:1fr;gap:26px;margin-top:28px}
 main.case-study .case-locations{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
 main.case-study .case-talent{padding-left:18px;margin-top:28px}
 main.case-study .case-closing{padding:45px 0}
}
@media(max-width:400px){
 main.case-study .case-facts dd{font-size:22px}
 main.case-study .case-facts dd span{font-size:11px}
 main.case-study .case-film figcaption{padding:12px;font-size:11px}
 main.case-study .case-actions{gap:14px}
}
@media(prefers-reduced-motion:reduce){main .case-study-link svg{transition:none}main .case-study-link:hover svg{transform:none}}