.case-preview{height:160svh;position:relative;background:#20221d;color:#f2f0e8}.case-preview-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;padding:106px 5vw 28px;display:flex;flex-direction:column;gap:20px;background:radial-gradient(ellipse at 82% 50%,#363a2e 0%,#20221d 68%)}.case-preview-top,.case-carousel-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.case-preview-top{font-size:11px;letter-spacing:.14em}.case-carousel-heading{font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(65px,7vw,112px);line-height:.83;letter-spacing:-.025em;margin:12px 0 0}.case-carousel-heading em{font-family:Georgia,serif;font-size:.68em;font-weight:400;letter-spacing:-.075em;color:#e8ff59}.case-carousel-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-height:0;outline-offset:5px}.case-carousel-viewport::-webkit-scrollbar{display:none}.case-carousel-track{height:100%;display:flex}.case-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;border-top:1px solid #f2f0e870;border-bottom:1px solid #f2f0e870;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.case-slide-head,.case-slide-end{display:flex;justify-content:space-between;gap:35px;align-items:start}.case-slide-head{font-size:11px;letter-spacing:.12em}.case-slide-body{display:grid;grid-template-columns:1fr .65fr;gap:6vw;align-items:center;flex:1}.case-slide h3{font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(92px,13vw,195px);font-weight:700;line-height:.84;letter-spacing:-.04em;text-transform:uppercase}.case-slide p{font-size:clamp(17px,1.4vw,23px);line-height:1.4;max-width:480px;margin-top:22px}.case-slide-metric{display:flex;flex-direction:column;align-items:start}.case-slide-metric strong{font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(110px,15vw,230px);font-weight:700;line-height:.9;color:#e8ff59;white-space:nowrap}.case-slide-metric span{font-size:18px;margin-top:12px}.case-slide-end{align-items:end}.case-slide-end small{font-size:12px;line-height:1.45;color:#d6d8ca;max-width:460px}.case-slide-end a,.case-carousel-bottom>a{display:inline-flex;align-items:center;gap:35px;font-size:15px;border-bottom:1px solid #e8ff59;color:#e8ff59;padding:8px 0;white-space:nowrap}.case-slide-end a span,.case-carousel-bottom>a span{font-size:21px}.case-carousel-bottom{padding-top:4px}.case-carousel-controls{display:flex;align-items:center;gap:16px;font-size:13px;letter-spacing:.1em}.case-carousel-controls button{border:1px solid #f2f0e880;color:inherit;background:transparent;width:44px;height:44px;font-size:20px}.case-carousel-controls button:disabled{opacity:.3;cursor:default}.case-carousel-controls button[hidden]{display:none}header.on-case-preview{color:#f2f0e8}header.on-case-preview .contact{border-color:#f2f0e86b}header.on-case-preview #experience-nav a:hover{border-color:#f2f0e8}@media(max-width:760px){.case-preview{height:125svh}.case-preview-stage{padding:92px 6vw 22px;min-height:0;gap:16px}.case-preview-top span:last-child{display:none}.case-carousel-heading{font-size:clamp(50px,12.5vw,82px)}.case-slide{padding:13px 0}.case-slide-head span:last-child{display:none}.case-slide-body{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:18px}.case-slide h3{font-size:clamp(78px,20vw,128px)}.case-slide p{font-size:15px;margin-top:13px;max-width:320px}.case-slide-metric strong{font-size:20vw}.case-slide-metric span{font-size:14px;margin-top:4px}.case-slide-end small{font-size:10px;max-width:175px}.case-slide-end a{font-size:12px;gap:8px}.case-carousel-bottom>a{font-size:12px;gap:8px}.case-carousel-controls button{width:34px;height:34px}.case-carousel-controls{font-size:11px}}@media(prefers-reduced-motion:reduce){.case-preview{height:100svh}}
/* A visible next dossier makes the growing collection apparent immediately. */
.case-carousel-heading{font-size:clamp(60px,5.8vw,94px)}.case-carousel-track{gap:24px}.case-slide{flex:0 0 min(61vw,980px);width:min(61vw,980px)}.case-slide-body{gap:3vw}.case-slide h3{font-size:clamp(67px,7vw,114px)}.case-slide-metric strong{font-size:clamp(85px,9vw,150px)}.case-slide-empty{background:#2b2e27;border:1px solid #f2f0e84a;padding:16px 24px;color:#b9bfb0}.case-empty-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start}.case-empty-number{font-family:Display,Impact,sans-serif;font-size:clamp(130px,18vw,280px);line-height:.8;color:#e8ff5926}.case-slide-empty h3{font-size:clamp(38px,4vw,66px);line-height:.95;max-width:600px;color:#e5e7dc;margin-top:10px}.case-slide-empty .case-slide-end{border-top:1px solid #f2f0e84a;padding-top:12px}.case-slide-empty .case-slide-end small{color:#b9bfb0}@media(max-width:760px){.case-carousel-heading{font-size:clamp(48px,11vw,76px)}.case-carousel-track{gap:12px}.case-slide{flex-basis:82vw;width:82vw}.case-slide h3{font-size:clamp(62px,17vw,92px)}.case-slide-metric strong{font-size:18vw}.case-slide-empty{padding:12px 16px}.case-empty-number{font-size:35vw}.case-slide-empty h3{font-size:10vw}}
.case-carousel-track::after{content:'';flex:0 0 calc(100% - min(61vw,980px))}@media(max-width:760px){.case-carousel-track::after{flex-basis:18vw}}
/* Compact frosted dossier collection: three visible on wide screens. */
.case-preview-stage{gap:16px}.case-carousel-heading{font-size:clamp(54px,4.9vw,82px);margin:0}.case-carousel-track{gap:22px}.case-carousel-track::after{display:none}.case-slide,.case-slide-empty{flex:0 0 calc((100% - 44px)/3);width:calc((100% - 44px)/3);border:1px solid #f2f0e85c;border-radius:24px;padding:22px;background:linear-gradient(145deg,#ffffff20,#ffffff08 62%);box-shadow:inset 1px 1px 0 #ffffff65,12px 18px 30px #11130f33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:0}.case-slide-head{font-size:10px;letter-spacing:.1em}.case-slide-head span:last-child{font-size:22px;line-height:.7}.case-slide-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px}.case-slide h3{font-size:clamp(43px,3.7vw,66px);line-height:.9}.case-slide p{font-size:15px;line-height:1.4;margin-top:12px;max-width:360px}.case-slide-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;border-top:1px solid #f2f0e854;padding-top:17px}.case-slide-numbers>div{display:flex;flex-direction:column;gap:3px}.case-slide-numbers strong{font-family:Display,Impact,sans-serif;font-size:clamp(48px,4.3vw,78px);font-weight:700;line-height:.9;color:#e8ff59;white-space:nowrap}.case-slide-numbers span{font-size:12px;color:#d7dbcf}.case-slide-numbers .case-mini-metric{grid-column:1/-1;display:flex;flex-direction:row;align-items:baseline;gap:10px}.case-slide-numbers .case-mini-metric strong{font-size:clamp(26px,2.2vw,39px)}.case-slide-end{align-items:end;gap:18px}.case-slide-end small{font-size:10px;line-height:1.3;max-width:230px}.case-slide-end a{font-size:12px;gap:5px}.case-slide-end a span{font-size:18px}.case-slide-empty{background:linear-gradient(145deg,#ffffff14,#ffffff05 65%);color:#d3d8c9}.case-empty-body{align-items:start}.case-empty-number{font-size:clamp(110px,12vw,200px);color:#e8ff592c}.case-slide-empty h3{font-size:clamp(35px,3.4vw,60px);letter-spacing:-.03em}.case-slide-empty .case-slide-end{border-color:#f2f0e84a}.case-carousel-controls button[hidden]{display:none}@media(max-width:760px){.case-preview-stage{gap:13px}.case-carousel-heading{font-size:clamp(47px,10vw,70px)}.case-carousel-track{gap:12px}.case-carousel-track::after{display:block;flex-basis:22vw}.case-slide,.case-slide-empty{flex-basis:78vw;width:78vw;padding:17px;border-radius:19px}.case-slide-body{gap:16px}.case-slide h3{font-size:clamp(42px,12vw,68px)}.case-slide p{font-size:14px}.case-slide-numbers strong{font-size:clamp(40px,10vw,60px)}.case-slide-numbers .case-mini-metric strong{font-size:27px}.case-slide-end small{font-size:9px;max-width:150px}.case-slide-end a{font-size:11px}.case-empty-number{font-size:34vw}.case-slide-empty h3{font-size:10vw}}

.case-carousel-controls .case-carousel-playback{width:auto;min-width:76px;min-height:44px;padding:.5rem .8rem;border-radius:999px;font:500 .875rem/1.2 Body,Arial,sans-serif;color:#e8ff59;background:transparent;border:1px solid currentColor}.case-carousel-controls .case-carousel-playback:hover{background:#e8ff59;color:#20221d}.case-carousel-controls{flex-wrap:wrap}.case-carousel-playback:focus-visible{outline:2px solid #e8ff59;outline-offset:4px}

.case-carousel-viewport.case-continuous{scroll-snap-type:none!important;scroll-behavior:auto!important}.case-continuous .case-carousel-track::after{display:none!important}

/* Let the content determine the cards' height instead of filling the screen. */
.case-preview .case-carousel-viewport{height:auto;min-height:0;flex:none}
.case-preview .case-carousel-track{height:auto;align-items:stretch}
.case-preview .case-slide{min-height:0;padding:1.25rem;gap:1rem;justify-content:flex-start}
.case-preview .case-slide-body{flex:0 0 auto;justify-content:flex-start;gap:1rem}
.case-preview .case-slide h3{font-size:clamp(2.5rem,3.3vw,3.5rem);line-height:.95}
.case-preview .case-slide p{margin-top:.6rem;font-size:.9375rem;line-height:1.4}
.case-preview .case-slide-numbers{padding-top:.8rem;gap:.65rem 1rem}
.case-preview .case-slide-numbers strong{font-size:clamp(2rem,3vw,3.25rem)}
.case-preview .case-slide-numbers .case-mini-metric strong{font-size:1.75rem}
.case-preview .case-slide-end{margin-top:auto;gap:.5rem;align-items:flex-start}
.case-preview .case-slide-end small{font-size:.75rem;line-height:1.4}
.case-preview .case-slide-end a{padding:.35rem 0}
@media(max-width:760px){
.case-preview .case-slide{padding:1rem;gap:.875rem}
.case-preview .case-slide h3{font-size:2.75rem}
.case-preview .case-slide-numbers strong{font-size:2.5rem}
}
