.case-presentation{--case-page-gutter:clamp(20px, 3%, 48px);--case-content-width:1600px;--case-section-gap:clamp(40px, 5vw, 72px);--case-content-gap:clamp(28px, 4vw, 64px);--case-gallery-gap:24px;--case-gallery-bottom-space:72px;--case-hero-bottom-space:24px;--case-nav-height:72px;--case-gradient-start:70lvh;--case-gradient-end:100%;isolation:isolate;color:var(--case-ink);background:linear-gradient(to bottom, var(--case-start), var(--case-colour-a) var(--case-gradient-start), var(--case-colour-b) var(--case-gradient-end));letter-spacing:0;position:relative}.case-container{width:100%;max-width:var(--case-content-width);padding-inline:var(--case-page-gutter);margin-inline:auto}.case-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.case-backdrop-image{background-size:cover;background-position:var(--case-focal);height:100lvh;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000000f5 0%,#000000e0 25%,#00000080 55%,#0000 94%);mask-image:linear-gradient(#000000f5 0%,#000000e0 25%,#00000080 55%,#0000 94%)}.case-backdrop-overlay{background:var(--foreground);position:absolute;inset:0}.case-foreground{position:relative}.case-intro{--case-intro-top:calc(var(--case-nav-height) + 24px + env(safe-area-inset-top));padding-top:var(--case-intro-top);color:var(--case-ink);text-align:center;padding-bottom:20px;position:relative}.case-intro h1{text-transform:uppercase;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;margin-top:10px;max-width:1100px;margin-inline:auto;font-size:clamp(28px,2.8vw,46px);font-weight:800;line-height:1.12}.case-kicker,.case-back-link{letter-spacing:0;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:700;line-height:1.5}.case-back-link{top:var(--case-intro-top);right:var(--case-page-gutter);white-space:nowrap;align-items:center;gap:8px;display:inline-flex;position:absolute}.case-back-link:hover{opacity:1}.case-subtitle{opacity:.78;margin-top:8px;max-width:65ch;margin-inline:auto;font-size:13px;line-height:1.55}.case-main-media{background:0 0;margin-inline:auto;overflow:hidden}.case-main-video{width:min(100%, var(--case-fitted-width,100%));aspect-ratio:16/9}.case-main-video>.case-player{height:100%}.case-main-image{background:0 0;width:fit-content;max-width:100%}.case-main-image>img{width:auto;max-width:100%;max-height:var(--case-image-height,65lvh);object-fit:contain;height:auto;display:block}.case-player{background:0 0;overflow:hidden}.case-featured-image{object-fit:contain;width:100%;height:auto;display:block}.case-project-info{gap:var(--case-content-gap);padding-block:var(--case-section-gap);color:var(--case-ink);grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);align-items:start;display:grid}.case-metadata{grid-template-columns:repeat(var(--case-columns), minmax(0, 1fr));gap:24px;display:grid}.case-metadata dt{text-transform:uppercase;opacity:.65;font-size:10px;font-weight:700}.case-metadata dd{overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.65}.case-metadata-compact{grid-template-columns:1fr;gap:0;max-width:420px}.case-metadata-compact>div{border-bottom:1px solid color-mix(in srgb, var(--case-ink) 14%, transparent);grid-template-columns:minmax(72px,.35fr) minmax(0,.65fr);gap:16px;padding-block:10px;display:grid}.case-metadata-compact>div:first-child{padding-top:0}.case-metadata-compact dd{text-align:right;margin:0;font-size:12px}.case-service-values{justify-items:end;gap:4px;display:grid}.case-description{max-width:62ch;font-size:14px;line-height:1.8}.case-description p{white-space:pre-wrap;margin-bottom:1.2em}.case-description p:last-child{margin-bottom:0}.case-story-toggle{height:auto;min-height:40px;color:inherit;white-space:normal;text-align:left;justify-content:start;margin-top:12px;padding:0;font-size:12px;font-weight:600}.case-story-remainder{transition:height .52s cubic-bezier(.22,1,.36,1);overflow:hidden}.case-story-remainder-inner{opacity:0;padding-top:1.2em;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(-6px)}.case-story-remainder[data-expanded=true] .case-story-remainder-inner{opacity:1;transition-delay:80ms;transform:none}.case-story-toggle svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.case-story-remainder,.case-story-remainder-inner,.case-story-toggle svg{transition:none}}.case-photo-gallery{padding-bottom:var(--case-gallery-bottom-space)}.case-photo-gallery>div{column-gap:var(--case-gallery-gap)}.case-photo-gallery>div>:last-child{margin-bottom:0}.case-extended{gap:var(--case-content-gap);padding-block:var(--case-section-gap);grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr);align-items:start;display:grid}.case-photo-gallery+.case-extended,.case-project-info+.case-extended{padding-top:0}.case-story{min-width:0;color:var(--case-ink);position:static}.case-story .case-description{font-size:13px;line-height:1.75}.case-story .case-metadata{margin-bottom:28px}.case-extended .case-media-video{width:82%;margin-inline:auto}.case-blocks{gap:var(--case-section-gap);min-width:0;display:grid}.case-block{min-width:0;color:var(--case-ink)}.case-block-title{text-align:center;letter-spacing:0;text-wrap:balance;max-width:50ch;margin:0 auto 16px;font-size:17px;font-weight:700;line-height:1.4}.case-block-caption{text-align:center;opacity:.75;max-width:60ch;margin:12px auto 0;font-size:12px;line-height:1.7}.case-vertical-video{width:min(100%, calc((100lvh - var(--case-nav-height) - 96px - env(safe-area-inset-bottom)) * .5625));margin-inline:auto}.case-video-placeholder{background:var(--foreground);width:100%;overflow:hidden}.case-video-placeholder img{object-fit:contain;width:100%;height:100%}@media (width>=1024px){.case-extended .case-vertical-video{width:min(82%, calc((100lvh - var(--case-nav-height) - 96px - env(safe-area-inset-bottom)) * .46125))}}@media (width<=1023px){.case-presentation{--case-gallery-bottom-space:56px}.case-project-info{grid-template-columns:minmax(200px,.36fr) minmax(0,.64fr)}.case-extended{grid-template-columns:1fr}.case-extended .case-media-video{width:100%}.case-story{position:static}.case-story .case-description{max-width:62ch;font-size:14px}.case-story .case-metadata{max-width:420px}}@media (width<=640px){.case-presentation{--case-section-gap:36px;--case-content-gap:28px;--case-gallery-bottom-space:40px;--case-gallery-gap:16px}.case-intro{--case-intro-top:calc(var(--case-nav-height) + 20px + env(safe-area-inset-top));padding-bottom:16px}.case-intro h1{font-size:28px}.case-project-info{grid-template-columns:1fr}.case-metadata-compact{max-width:none}.case-description{font-size:13px;line-height:1.75}.case-block-title{font-size:15px}.case-backdrop-image{background-position:var(--case-mobile-focal)}}@media (prefers-reduced-motion:reduce){.case-story-toggle svg{transition:none}}.case-project-info,.case-extended{max-width:1200px;margin-inline:auto}.case-project-info{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.case-extended{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.case-project-info:not(:has(.case-metadata)){grid-template-columns:minmax(0,1fr);justify-items:center}.case-project-info:not(:has(.case-metadata)) .case-description{max-width:68ch;margin-inline:auto}@media (width<=1023px){.case-extended{grid-template-columns:minmax(0,1fr)}.case-extended .case-story{width:100%;max-width:62ch;margin-inline:auto}.case-extended .case-story .case-metadata{margin-inline:auto}}@media (width<=640px){.case-project-info{grid-template-columns:minmax(0,1fr);justify-items:center}.case-project-info>*{width:100%;max-width:62ch}}.case-project-info{grid-template-columns:minmax(0,1fr);gap:36px;max-width:760px}.case-project-info .case-metadata-compact{width:100%;max-width:none}.case-project-info .case-description{max-width:none}.case-extended .case-media-video{width:100%}@media (width>=1024px){.case-extended{align-items:start}.case-extended .case-story{top:var(--case-story-top,calc(var(--case-nav-height) + 32px));position:sticky}.case-extended:has(.case-vertical-video){grid-template-columns:minmax(0,480px) auto;justify-content:center;max-width:none}.case-extended .case-vertical-video{width:calc((100lvh - var(--case-nav-height) - 96px - env(safe-area-inset-bottom)) * .5625);max-width:380px}}@media (width<=1023px){.case-extended .case-story .case-description,.case-story .case-description{max-width:62ch;margin-inline:auto}}