*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:var(--bs-surface-page);color:var(--bs-text-primary);font-family:var(--bs-font-sans);letter-spacing:var(--bs-tracking-body);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--bs-focus-ring);outline-offset:4px}
.wrap{width:var(--bs-page-width);margin-inline:auto}
.site-header{position:sticky;z-index:30;top:0;border-bottom:var(--bs-border-thin) solid var(--bs-border-default);background:var(--bs-overlay-header);backdrop-filter:blur(var(--bs-backdrop-blur))}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{display:block;width:205px;height:auto}
.back-link{font-size:12px;font-weight:var(--bs-font-weight-strong);text-decoration:none;color:var(--bs-text-secondary)}
.back-link:hover{color:var(--bs-text-primary)}
.eyebrow{color:var(--bs-accent-primary);font-size:10px;font-weight:var(--bs-font-weight-label);letter-spacing:var(--bs-tracking-label);text-transform:uppercase}
.case-hero{padding:88px 0 72px;border-bottom:var(--bs-border-thin) solid var(--bs-border-default)}
.case-hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);gap:64px;align-items:end}
.case-hero h1{max-width:790px;margin-top:18px;font-size:clamp(58px,8.5vw,112px);line-height:.86;letter-spacing:-.072em;font-weight:var(--bs-font-weight-display)}
.case-lede{max-width:720px;margin-top:28px;color:var(--bs-text-secondary);font-size:19px;line-height:1.48}
.outcome-panel{position:relative;min-height:430px;overflow:hidden;border-radius:var(--bs-radius-xl);padding:30px;background:linear-gradient(180deg,var(--bs-overlay-soft) 0%,var(--bs-overlay-medium) 54%,var(--bs-overlay-strong) 100%),var(--case-accent);color:var(--bs-text-on-dark);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--bs-shadow-card)}
.outcome-panel:before{content:"";position:absolute;width:230px;height:230px;border:54px solid var(--bs-overlay-soft);border-radius:50%;right:-96px;top:-88px}
.outcome-number,.outcome-label,.outcome-copy{position:relative}
.outcome-number{font-size:clamp(72px,8vw,108px);line-height:.78;letter-spacing:-.08em;font-weight:var(--bs-font-weight-black)}
.outcome-label{margin-top:16px;font-size:20px;line-height:1;font-weight:var(--bs-font-weight-label)}
.outcome-copy{max-width:330px;margin-top:15px;font-size:13px;line-height:1.45;color:var(--bs-text-on-dark)}
.outcome-chips{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.outcome-chip{border:var(--bs-border-thin) solid color-mix(in srgb,var(--bs-color-white) 34%,transparent);border-radius:var(--bs-radius-pill);padding:7px 10px;background:var(--bs-overlay-control);font-size:9px;font-weight:var(--bs-font-weight-label);letter-spacing:.08em;text-transform:uppercase}
.section{padding:var(--bs-section-space) 0;border-bottom:var(--bs-border-thin) solid var(--bs-border-default)}
.section.dark{background:var(--bs-surface-dark);color:var(--bs-text-on-dark);border-bottom-color:var(--bs-color-ink-soft)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.56fr);gap:48px;align-items:end;margin-bottom:40px}
.section-head h2{max-width:760px;margin-top:12px;font-size:clamp(46px,6.6vw,78px);line-height:.9;letter-spacing:-.064em;font-weight:var(--bs-font-weight-display)}
.section-head p{color:var(--bs-text-secondary);font-size:15px;line-height:1.5}
.dark .section-head p{color:var(--bs-text-on-dark-muted)}
.arrangement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.arrangement-card{min-height:250px;border:var(--bs-border-thin) solid var(--bs-border-default);border-radius:var(--bs-radius-md);padding:25px;background:var(--bs-surface-card);display:flex;flex-direction:column}
.arrangement-card .index{color:var(--case-accent);font-size:11px;font-weight:var(--bs-font-weight-black);letter-spacing:.12em}
.arrangement-card h3{margin-top:54px;font-size:29px;line-height:.96;letter-spacing:var(--bs-tracking-heading)}
.arrangement-card p{margin-top:auto;padding-top:18px;color:var(--bs-text-secondary);font-size:13px;line-height:1.45}
.portrait-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:3px}
.portrait-rail::-webkit-scrollbar{display:none}
.portrait-card{position:relative;min-height:500px;overflow:hidden;border-radius:var(--bs-radius-md);background:var(--bs-color-media);scroll-snap-align:start}
.portrait-card video{width:100%;height:100%;min-height:500px;object-fit:cover}
.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--bs-overlay-image-top),transparent 32%,transparent 62%,var(--bs-overlay-image-bottom));pointer-events:none}
.media-caption{position:absolute;z-index:3;left:14px;right:58px;bottom:14px;color:var(--bs-text-on-dark)}
.media-caption strong{display:block;font-size:15px;line-height:1.08}
.media-caption span{display:block;margin-top:6px;color:var(--bs-text-on-dark-muted);font-size:9px;font-weight:var(--bs-font-weight-label);letter-spacing:.09em;text-transform:uppercase}
.social-metrics{position:absolute;z-index:4;right:13px;bottom:74px;display:flex;flex-direction:column;gap:12px;color:var(--bs-text-on-dark);text-align:center;opacity:.75}
.social-metric{display:grid;justify-items:center;gap:4px}
.social-metric img{width:18px;height:18px;object-fit:contain}
.social-metric strong{font-size:10px;font-weight:var(--bs-font-weight-black)}
.sound-toggle{position:absolute;z-index:5;right:14px;bottom:15px;width:30px;height:30px;border:var(--bs-border-thin) solid color-mix(in srgb,var(--bs-color-white) 28%,transparent);border-radius:50%;background:var(--bs-overlay-control);color:var(--bs-text-on-dark);cursor:pointer;backdrop-filter:blur(var(--bs-backdrop-blur))}
.feature-film{position:relative;overflow:hidden;border-radius:var(--bs-radius-xl);background:var(--bs-color-media);aspect-ratio:16/8.8;box-shadow:var(--bs-shadow-card)}
.feature-film video{width:100%;height:100%;object-fit:cover}
.feature-film .media-caption strong{font-size:24px}
.film-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.film-card{position:relative;overflow:hidden;border-radius:var(--bs-radius-md);background:var(--bs-color-media);aspect-ratio:16/10}
.film-card video{width:100%;height:100%;object-fit:cover}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.proof-card{position:relative;overflow:hidden;min-height:480px;border-radius:var(--bs-radius-xl);background:var(--bs-color-media)}
.proof-card video{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center 28%}
.email-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.email-card{overflow:hidden;border:var(--bs-border-thin) solid var(--bs-border-default);border-radius:var(--bs-radius-md);background:var(--bs-surface-card);box-shadow:var(--bs-shadow-raised)}
.email-card img{width:100%;height:auto}
.email-card figcaption{padding:14px 16px;color:var(--bs-text-secondary);font-size:10px;font-weight:var(--bs-font-weight-label);letter-spacing:.09em;text-transform:uppercase}
.results-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:48px;align-items:start}
.result-list{border-top:var(--bs-border-thin) solid var(--bs-color-ink-rule)}
.result-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:24px 0;border-bottom:var(--bs-border-thin) solid var(--bs-color-ink-rule)}
.result-row strong{font-size:27px;line-height:1;letter-spacing:var(--bs-tracking-heading)}
.result-row span{color:var(--bs-text-on-dark-muted);font-size:13px;line-height:1.45}
.result-story h2{font-size:clamp(45px,5.8vw,70px);line-height:.92;letter-spacing:-.06em}
.result-story p{margin-top:22px;color:var(--bs-text-on-dark-muted);font-size:16px;line-height:1.5}
.case-cta{padding:76px 0;background:var(--case-accent)}
.case-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.case-cta h2{max-width:780px;font-size:clamp(44px,6vw,72px);line-height:.9;letter-spacing:-.06em}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:var(--bs-border-thin) solid var(--bs-color-ink);border-radius:var(--bs-radius-sm);padding:0 20px;background:var(--bs-color-ink);color:var(--bs-text-on-dark);font-size:12px;font-weight:var(--bs-font-weight-label);text-decoration:none;white-space:nowrap}
.site-footer{padding:38px 0;background:var(--bs-surface-dark);color:var(--bs-text-on-dark)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-inner img{width:190px}
.footer-inner p{color:var(--bs-text-on-dark-muted);font-size:11px}
@media(max-width:900px){.case-hero-grid,.section-head,.results-layout{grid-template-columns:1fr}.outcome-panel{min-height:340px}.arrangement-grid{grid-template-columns:1fr}.film-grid,.email-grid{grid-template-columns:1fr}.portrait-rail{grid-auto-columns:42vw}.case-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.header-inner{height:64px}.brand img{width:166px}.case-hero{padding:62px 0 56px}.case-hero h1{font-size:clamp(52px,15vw,72px)}.case-lede{font-size:17px}.outcome-panel{min-height:300px;padding:22px}.outcome-number{font-size:68px}.section{padding:var(--bs-section-space-mobile) 0}.section-head h2{font-size:clamp(42px,12vw,58px)}.portrait-rail{grid-auto-columns:78vw}.portrait-card,.portrait-card video{min-height:470px}.feature-film{aspect-ratio:4/5}.feature-film video{object-fit:cover}.proof-grid{grid-template-columns:1fr}.proof-card,.proof-card video{min-height:440px}.result-row{grid-template-columns:110px 1fr}.case-cta{padding:58px 0}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:1ms!important;animation-duration:1ms!important}}