.case__hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--nav-h) + 24px) var(--gutter) var(--gutter);overflow:hidden;background:#000;color:#fff}.case__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.35) 50%,rgba(0,0,0,.15))}.case__hero-body{position:relative;display:grid;gap:20px;width:100%}.case__title{font-size:min(var(--d1),var(--fit,var(--d1)));max-width:100%;overflow-wrap:break-word}.case__meta{display:flex;flex-wrap:wrap;gap:24px 48px;padding-top:20px;border-top:1px solid var(--line)}.case__meta dt{font-size:var(--m-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.case__meta dd{margin:0}.case__intro{display:grid;gap:32px}.case__intro>p{white-space:pre-line}.case__types{display:grid;gap:8px;letter-spacing:.12em;text-transform:uppercase}.case__types li{display:flex;align-items:center;gap:10px}@media (min-width:768px){.case__intro{grid-template-columns:repeat(8,minmax(0,1fr))}.case__intro>p{grid-column:1/6}.case__intro>ul{grid-column:7/9}}.case__video{padding:0}.vimeo{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.vimeo__frame{border:0}.vimeo__frame,.vimeo__poster{position:absolute;inset:0;width:100%;height:100%}.vimeo__poster{display:grid;place-items:center;color:#fff}.vimeo__poster img{transition:transform 1.2s var(--ease-out),opacity .4s;opacity:.8}.vimeo__poster:hover img{transform:scale(1.03);opacity:.6}.vimeo__play{position:relative;font-size:clamp(2rem,8vw,7rem);mix-blend-mode:difference}.case__blocks{display:grid;gap:clamp(28px,4vh,56px);padding-top:clamp(32px,5vh,72px);padding-bottom:clamp(24px,3vh,48px)}.block{display:grid;gap:18px;align-items:center}.block__media{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#111}.block__side{display:grid;align-content:center;--word-col:calc(100vw - 2 * var(--gutter))}.block__word{font-size:min(var(--d3),calc(var(--word-col) / var(--word-em, 8)))}.block__caption{display:grid;gap:8px}@media (min-width:768px){.block{--bgap:clamp(16px,2vw,32px);--bcol:calc((100vw - 2 * var(--gutter) - 7 * var(--bgap)) / 8);grid-template-columns:repeat(8,minmax(0,1fr));column-gap:var(--bgap)}.block__media{width:min(100%,calc(70vh * 3 / 2))}.block--left .block__media{grid-column:1/7;grid-row:1;justify-self:end}.block--left .block__side{grid-column:7/9;grid-row:1}.block--right .block__media{grid-column:3/9;grid-row:1;justify-self:start}.block--right .block__side{grid-column:1/3;grid-row:1}.block__side{--word-col:calc(2 * var(--bcol) + var(--bgap))}}.case__gallery{padding-top:clamp(8px,1.5vh,24px)}.gallery{display:grid;grid-template-columns:1fr;gap:clamp(12px,1.5vw,24px)}.gallery__item{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111}.gallery__item:first-child:nth-last-child(odd){aspect-ratio:16/9}@media (min-width:640px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery__item:first-child:nth-last-child(odd){grid-column:1/-1}}.case__nav{gap:24px;padding:clamp(48px,8vh,96px) var(--gutter);background:var(--bg);color:var(--fg)}.case__nav,.case__nav-link{position:relative;display:grid}.case__nav-link{gap:8px;padding:24px 0;border-top:1px solid var(--line);transition:transform .6s var(--ease-out)}.case__nav-link--next{text-align:right}.case__nav-link:hover{transform:translate3d(0,-4px,0)}.case__nav-all{justify-self:center;letter-spacing:.12em;text-transform:uppercase}@media (min-width:768px){.case__nav{grid-template-columns:1fr auto 1fr;align-items:start}.case__nav-link--prev{grid-column:1}.case__nav-all{grid-column:2;padding-top:24px}.case__nav-link--next{grid-column:3}}