.project-page #project-main{z-index:1;position:relative}.case-hero{padding:clamp(140px,18svh,184px) 6vw 0}.case-heading h1{letter-spacing:-.03em;text-wrap:balance;max-width:24ch;font:400 clamp(42px,5.2vw,76px)/1.02 Arial,Helvetica,sans-serif}.case-heading-bottom{justify-content:space-between;align-items:center;gap:28px;margin:28px 0 44px;display:flex}.case-heading-bottom p{color:#c6e8f0;margin:0;font-size:15px}.case-back,.case-film-link{color:#00cbed;border-bottom:1px solid #00cbed70;align-items:center;gap:12px;min-height:44px;font-size:12px;display:inline-flex}.case-back svg,.case-film-link svg,.case-neighbor svg{fill:none;stroke:currentColor;stroke-width:1.2px;flex:none;width:20px;height:20px}.case-back svg{transform:rotate(180deg)}.case-photo{background:#061c2e;margin:0;overflow:hidden}.case-image-frame{width:100%;display:block;position:relative;overflow:hidden}.case-image-plane{display:block;position:absolute;inset:0}.case-parallax-enabled .case-image-plane{inset:-12% 0}.case-photo img{object-fit:cover;width:100%;height:100%;display:block}.case-overview,.case-story,.case-film,.case-gallery,.case-navigation{margin:clamp(88px,10vw,160px) 6vw 0}.case-overview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:10vw;scroll-margin-top:100px;display:grid}.case-intro p,.case-story-copy p{color:#c6e8f0;max-width:68ch;margin:0 0 24px;font:400 17px/1.75 Arial,Helvetica,sans-serif}.case-intro .case-service-link{margin-top:32px;font-size:13px;line-height:1.6}.case-service-link a{color:#00cbed;text-underline-offset:5px;text-decoration:underline}.case-facts{grid-template-columns:1fr 1fr;gap:36px 28px;margin:0;display:grid}.case-facts div{border-top:1px solid #23434f;min-width:0;padding-top:16px}.case-facts dt{color:#65bdd2;margin-bottom:12px;font:12px/1.4 Arial,Helvetica,sans-serif}.case-facts dd{color:#fff;margin:0;font:14px/1.65 Arial,Helvetica,sans-serif}.case-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:7vw;display:grid}.case-story-copy h2{letter-spacing:-.025em;margin-bottom:28px;font:400 clamp(30px,3vw,44px)/1.1 Arial,Helvetica,sans-serif}.case-story-reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.case-story-reverse .case-photo{grid-area:1/1}.case-story-reverse .case-story-copy{grid-area:1/2}.case-story-copy p{font-size:15px;line-height:1.75}.case-film-screen{aspect-ratio:16/9;background:#000014;position:relative;overflow:hidden}.case-film-screen>img{object-fit:cover;width:100%;height:100%;display:block}.case-play{color:#fff;background:#00001433;border:0;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;font-size:14px;display:flex;position:absolute;inset:0}.case-play[hidden]{display:none}.case-play-icon{color:#00cbed;width:88px;height:88px;transition:background .2s ease,color .2s ease,transform .24s var(--ease-out);background:#000014b3;border:1px solid #00cbed;border-radius:50%;place-items:center;display:grid}.case-play-icon svg{fill:currentColor;stroke:none;width:30px;height:30px}.case-film-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.case-film-link{margin-top:20px}.case-gallery{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);display:grid}.case-photo-wide{grid-column:1/-1}.case-gallery .case-photo{background:0 0;align-self:center}.case-gallery .case-image-frame{max-width:var(--case-image-width);margin-inline:auto}.case-navigation{border-top:1px solid #23434f;grid-template-columns:1fr 1fr;gap:6vw;padding-top:32px;padding-bottom:56px;display:grid}.case-neighbor{min-width:0;padding:12px 0;display:block}.case-neighbor>span{color:#00cbed;align-items:center;gap:16px;min-height:44px;font-size:12px;display:flex}.case-neighbor:first-child svg{transform:rotate(180deg)}.case-neighbor strong{letter-spacing:-.02em;text-wrap:balance;margin-top:16px;font:400 clamp(20px,2vw,28px)/1.2 Arial,Helvetica,sans-serif;display:block}@media (hover:hover) and (pointer:fine){.case-back:hover,.case-film-link:hover{color:#fff}.case-play:hover .case-play-icon{color:#002447;background:#00cbed}.case-neighbor:hover strong{color:#00cbed}}@media (width<=900px){.case-overview{gap:6vw}.case-facts{grid-template-columns:1fr;gap:24px}.case-story{grid-template-columns:1fr;gap:36px}.case-story-copy{max-width:640px}.case-story-reverse .case-photo,.case-story-reverse .case-story-copy{grid-area:auto}}@media (width<=767px){.case-hero{padding:116px 7vw 0}.project-page .case-heading h1{max-width:20ch;font-size:clamp(28px,8.4vw,36px)}.case-heading-bottom{gap:16px;margin:24px 0 32px}.case-heading-bottom p{font-size:13px}.case-back{gap:8px;font-size:11px}.case-back svg{width:16px}.case-overview,.case-story,.case-film,.case-gallery,.case-navigation{margin:72px 7vw 0}.case-overview{grid-template-columns:1fr;gap:40px}.case-intro p{font-size:15px;line-height:1.75}.case-facts{grid-template-columns:1fr 1fr;gap:28px 22px}.case-facts dd{font-size:13px}.case-story-copy h2{margin-bottom:22px;font-size:30px}.case-story-copy p{font-size:14px}.case-gallery{grid-template-columns:1fr;gap:28px}.case-play-icon{width:64px;height:64px}.case-play{gap:12px}.case-navigation{gap:28px;padding-bottom:24px}.case-neighbor strong{font-size:18px}.case-neighbor>span{gap:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.project-page *{scroll-behavior:auto}.case-play-icon{transition:none}}@media (width>=1024px){.project-page{--case-gutter:max(9vw,calc((100vw - 1360px)/2))}.case-hero{padding:clamp(104px,13svh,136px) var(--case-gutter) 24px;grid-template-rows:auto minmax(0,1fr);gap:clamp(16px,2.4svh,24px);height:100svh;display:grid}.project-page .case-heading h1{max-width:none;font-size:clamp(28px,2.8vw,42px);line-height:1.08}.case-heading-bottom{margin:12px 0 0}.case-heading-bottom .case-back{flex:none}.case-hero-image{min-height:0}.case-hero-image .case-image-frame{height:100%}.case-overview,.case-story,.case-film,.case-gallery,.case-navigation{margin:clamp(112px,12vw,192px) var(--case-gutter) 0}.case-overview{gap:clamp(80px,10vw,160px)}.case-story{gap:clamp(64px,8vw,128px)}.case-story-copy p{max-width:50ch;font-size:16px}.case-facts{gap:48px 32px}.case-gallery{gap:clamp(64px,5vw,96px)}}.case-back,.case-film-link{transition:color .16s;position:relative}.case-back:after,.case-film-link:after{content:"";transform-origin:0;height:1px;transition:transform .24s var(--ease-out);background:currentColor;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.case-back svg,.case-film-link svg,.case-neighbor svg,.case-play-icon svg{transition:transform .24s var(--ease-out)}.case-neighbor strong{transition:color .16s}@media (hover:hover) and (pointer:fine){.case-back:hover svg{transform:translate(-10px)rotate(180deg)}.case-film-link:hover svg,.case-neighbor:hover svg{transform:translate(10px)}.case-neighbor:first-child:hover svg{transform:translate(-10px)rotate(180deg)}.case-back:hover:after,.case-film-link:hover:after{transform:scaleX(1)}.case-play:hover .case-play-icon{transform:scale(1.16)}.case-play:hover .case-play-icon svg{transform:translate(4px)}}.case-play:active:not(:focus-visible) .case-play-icon{transition-duration:.12s;transform:scale(.96)}.case-play:focus-visible .case-play-icon{color:#002447;background:#00cbed;transition:none;transform:none}.case-play:focus-visible svg,.case-film-link:focus-visible svg,.case-neighbor:focus-visible svg{transition:none;transform:none}.case-back:focus-visible svg,.case-neighbor:first-child:focus-visible svg{transition:none;transform:rotate(180deg)}.case-back:focus-visible:after,.case-film-link:focus-visible:after{transition:none;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.case-image-plane{inset:0!important;transform:none!important}.case-play .case-play-icon,.case-play .case-play-icon svg,.case-film-link svg,.case-neighbor svg{transform:none!important}.case-back svg,.case-neighbor:first-child svg{transform:rotate(180deg)!important}.case-back:after,.case-film-link:after{transition-property:opacity,color}}