.case-hero-media{grid-template-columns:minmax(0,1fr) minmax(280px,38vw);align-items:end;gap:clamp(2rem,5vw,6rem);min-height:calc(100svh - 5.25rem);padding:7rem clamp(1rem,4vw,4rem) 4rem;display:grid}.case-hero-media .case-hero-copy{min-width:0}.case-hero-media .case-meta{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.case-hero-media .case-meta span:nth-child(2){text-align:center}.case-hero-media h1{max-width:11ch;margin:clamp(2.4rem,5vw,4rem) 0 clamp(2rem,4vw,3rem)}.case-hero-media .case-hero-bottom{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.case-hero-media .case-hero-bottom>p{max-width:42rem;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.45}.case-hero-media .case-service-chips{justify-content:flex-end}.case-hero-media .case-actions{margin-top:clamp(2rem,4vw,3.5rem)}.case-hero-media-frame{aspect-ratio:4/5;border:1px solid var(--border);background:oklch(19% .006 285);border-radius:1rem;justify-self:end;width:min(100%,520px);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.case-hero-media-frame:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 32%,#0000003d);position:absolute;inset:0}.case-hero-media-frame video,.case-hero-media-frame img{object-fit:cover;width:100%;height:100%;display:block}.case-hero-media-frame img{object-position:center}body:has(.case-study) .site-header{mix-blend-mode:normal;z-index:80;background:#000}@media (width>=761px){.case-study{grid-template-columns:minmax(0,52vw) minmax(320px,36vw);align-items:start;column-gap:clamp(3rem,5vw,6rem);display:grid;overflow:clip}.case-study>*{grid-column:1;min-width:0}.case-hero-media{min-height:0;padding:0;display:contents}.case-hero-media .case-hero-copy{grid-column:1;max-width:min(100%,42rem);padding:6.5rem 0 5rem clamp(1rem,4vw,4rem)}.case-hero-media .case-meta{font-size:.68rem}.case-hero-media h1{max-width:9ch;margin:clamp(2rem,4vw,3rem) 0 clamp(1.6rem,3vw,2.4rem);font-size:clamp(4.8rem,9vw,8rem);line-height:.84}.case-hero-media .case-hero-bottom{grid-template-columns:1fr;gap:1.5rem}.case-hero-media .case-hero-bottom>p{max-width:34rem;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55}.case-hero-media .case-service-chips{justify-content:flex-start;max-width:34rem}.case-hero-media-frame{z-index:2;background:#000;grid-area:1/2/span 20;place-self:start center;width:min(100%,480px);max-height:calc(100svh - 10rem);margin:6.5rem clamp(1rem,3vw,3rem) 4rem 0;position:sticky;top:7.5rem}.case-intro,.case-copy,.assistant-feature,.ui-system,.result,.next-project{grid-column:1}.case-intro,.case-copy,.assistant-feature,.ui-system,.result{padding-left:clamp(1rem,4vw,4rem);padding-right:clamp(1rem,3vw,3rem)}.case-intro,.case-copy,.assistant-feature,.ui-system{grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem)}.case-intro>*,.case-copy>*,.assistant-feature>*,.ui-system>*,.result>*{max-width:38rem}.case-intro h2,.assistant-feature h2,.ui-system h2{font-size:clamp(3.2rem,5.2vw,5rem);line-height:.9}.case-facts dl{grid-template-columns:5rem minmax(0,1fr)}.case-facts p{max-width:32rem;margin-top:2.5rem;font-size:clamp(1.05rem,1.45vw,1.22rem);line-height:1.55}.case-copy h2{margin-top:2rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1.22}.assistant-panel{max-width:38rem}.ui-system p:last-child{max-width:32rem}.case-intro:before,.experience:before,.mobile-experience:before{right:clamp(1rem,3vw,3rem)}.result blockquote{max-width:38rem;font-size:clamp(2.2rem,4.6vw,4.8rem);line-height:.94}.next-project{padding-left:clamp(1rem,4vw,4rem);padding-right:clamp(1rem,3vw,3rem)}.next-project h2{max-width:38rem;font-size:clamp(3rem,7vw,7rem)}}@media (width<=1000px) and (width>=761px){.case-study{grid-template-columns:minmax(0,54vw) minmax(280px,34vw);column-gap:2rem}.case-hero-media h1{font-size:clamp(4rem,8vw,6.5rem)}.case-hero-media-frame{width:min(100%,420px);margin-right:1rem}}@media (width<=1000px){.case-hero-media{grid-template-columns:1fr;align-items:start}.case-hero-media-frame{justify-self:start;width:min(100%,480px)}}@media (width<=760px){.site-header{z-index:80!important;background:#000!important}.case-hero-media{display:contents}.case-hero-media .case-hero-copy{padding:7rem 1rem 2.2rem}.case-hero-media .case-meta{font-size:.62rem}.case-hero-media h1{max-width:none;margin:2.2rem 0 2rem;font-size:16vw;line-height:.86}.case-hero-media .case-hero-bottom{grid-template-columns:1fr;gap:1.5rem}.case-hero-media .case-hero-bottom>p{max-width:100%;margin:0;font-size:1.08rem;line-height:1.5}.case-hero-media .case-service-chips{justify-content:flex-start}.case-hero-media .case-actions{margin-top:2rem}.case-hero-media-frame{z-index:25;justify-self:unset;clip-path:inset(-2.2rem -100vmax -2.4rem);background:#000;border-radius:.85rem;outline:100vmax solid #000;width:min(100vw - 4rem,32svh);max-height:40svh;margin:2.2rem auto 6.5rem;position:sticky;top:6.2rem;box-shadow:0 18px 52px #00000073}.case-hero-media-frame video,.case-hero-media-frame img{background:#000}}