@import url('../case-directions/style.css');
[hidden]{display:none!important}.project-header{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:14px var(--pad);background:var(--paper);color:var(--ink)}.project-header a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px}.project-header .signature{font-family:var(--title);font-size:25px;font-weight:600}.cinema .project-header{background:#18314d;color:#edf4fc}.project-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#5682e4;transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}.project-header .icon{width:18px;height:18px}.intro [data-count]{font-variant-numeric:tabular-nums;display:inline-block}.result-pair [data-count],.net-gain [data-count]{font-variant-numeric:tabular-nums;display:inline-block}.bar-row [data-count]{display:inline-block;font:inherit}.net-gain{font:54px/1.4 'Lora',serif;color:var(--blue);margin-top:35px}.net-gain small{display:block;font:14px/1.9 var(--body);color:var(--muted);margin-top:10px}.audience-meter,.cost-meter{height:7px;background:#e3eaf3;margin-top:22px;max-width:360px;overflow:hidden}.audience-meter span{display:block;height:100%;width:100%;background:var(--blue);transform-origin:left}.cost-meter span{display:block;height:100%;width:40%;background:var(--blue);transform-origin:left}.metric-note{font-size:12px;color:var(--muted);margin-top:15px}.result-pair>div:first-child strong{font-size:clamp(32px,4vw,58px)}.end{background:#edf2f8}.end .links{gap:35px}.film-stage{position:relative}.film-error{position:absolute;inset:auto 0 60px;background:#18314df5;padding:24px;color:white;font-size:14px}.film-error button{border:1px solid #9ab2d3;background:transparent;color:white;padding:7px 14px;margin-top:15px;min-height:44px}.film-source{display:inline-flex;align-items:center;gap:12px;color:#d3e2f7;font-size:12px;min-height:34px;border-bottom:1px solid #8fa8c8;margin-top:18px}.film-source .icon{width:16px;height:16px}.stories{padding-top:75px;padding-bottom:80px;background:#eaf0f6}.story-lead{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.story-copy h2{font-size:36px}.story-copy p{color:var(--muted);font-size:16px;line-height:2;margin-top:25px;max-width:500px}.story-image{display:block;max-width:390px;margin:auto;cursor:zoom-in}.story-image img{width:100%;height:auto;box-shadow:0 14px 28px #00000012}.stories figcaption{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.9;max-width:390px;margin-left:auto;margin-right:auto}.more-stories{margin-top:45px;border-top:1px solid #bdcbdc}.more-stories summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:23px 0;cursor:pointer;list-style:none;font-size:17px}.more-stories summary::-webkit-details-marker{display:none}.more-stories[open] summary .icon{transform:rotate(180deg)}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-top:25px;padding-bottom:20px;align-items:start}.story-pair .story-image{max-width:340px}.story-pair figcaption{max-width:340px}.case-foot-title{font-size:32px}.cinema .intro{min-height:640px}.cinema .intro>div>.film-status{font-size:12px;line-height:1.8;margin-top:16px}.case-links{display:flex;gap:30px;flex-wrap:wrap}.facts.case-facts{padding-top:30px;padding-bottom:30px}.story-source-note{font-size:12px;color:var(--muted);margin-top:25px}.growth-case .intro .hero-metric{view-transition-name:growth-cover}.cinema .film-stage video{view-transition-name:asmr-cover}
@view-transition{navigation:auto}
@media(max-width:760px){.project-header{padding-top:10px;padding-bottom:10px;gap:14px}.project-header a{font-size:12px;gap:8px}.project-header .signature{font-size:22px}.project-header .icon{width:16px;height:16px}.cinema .intro{min-height:0}.stories{padding-top:45px;padding-bottom:50px}.story-lead{display:block}.story-copy h2{font-size:29px}.story-copy p{font-size:15px;margin-top:23px}.story-lead figure{margin-top:30px}.story-image{max-width:340px}.story-pair{display:block;padding-top:10px}.story-pair figure+figure{margin-top:35px}.more-stories{margin-top:32px}.more-stories summary{font-size:15px}.net-gain{font-size:43px}.case-foot-title{font-size:28px}.facts.case-facts{padding-top:25px;padding-bottom:25px}.film-error{padding:20px;font-size:13px}.end .links{gap:22px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.project-header>a:first-child .icon{transform:rotate(180deg)}
.audience-meter span{width:14.2%}
.copy h3{font-family:var(--body);font-size:18px;line-height:1.6;font-weight:500;margin:36px 0 12px}.copy h3:first-child{margin-top:0}.vehicle-directions{padding-top:30px}