.section-header__titles{gap:var(--gap-m);flex-direction:column;min-width:0;display:flex}.section-header__eyebrow{color:var(--color-muted)}.section-header__heading{font-family:var(--font-display);font-size:var(--fs-display-h);font-weight:var(--fw-semibold);line-height:var(--lh-display-h);text-transform:uppercase;text-wrap:balance}@media (width>=1280px){.section-header__line{display:block}}.section-header__body{color:var(--color-muted)}@media (width>=760px){.section-header--split{gap:var(--gap-m);grid-template-columns:minmax(0,644fr) minmax(0,756fr);align-items:center;display:grid}}@media (width<=759px){.section-header{gap:var(--m-gap-m);flex-direction:column;display:flex}.section-header__titles{gap:var(--m-gap-xs)}.section-header__eyebrow{font-size:var(--m-fs-label);line-height:var(--m-lh-label)}.section-header__heading{font-size:var(--m-fs-case-heading);line-height:var(--m-lh-case-heading)}.section-header__body{font-size:var(--m-fs-body);line-height:var(--m-lh-body)}}.stage{--u:calc(100cqw / var(--stage-w));position:relative;container-type:inline-size}.stage__canvas{aspect-ratio:var(--stage-w) / var(--stage-h);position:relative;overflow:hidden}.stage--panel .stage__canvas{background:var(--color-panel)}.stage--teal .stage__canvas{background:linear-gradient(var(--color-teal-from), var(--color-teal-to))}.stage--plum .stage__canvas{background:linear-gradient(var(--color-ink), var(--color-plum))}.stage--bare .stage__canvas{overflow:visible}.stage__item{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.stage-shot{--ring:calc(var(--s) * var(--u));object-fit:cover;border-radius:var(--radius-shot);max-width:none;box-shadow:0 0 0 var(--ring) var(--color-band-border)}.stage-shot--gradient{box-sizing:content-box;margin:calc(-1 * var(--ring));border:var(--ring) solid transparent;border-radius:calc(var(--radius-shot) + var(--ring));background:linear-gradient(to left, var(--color-ring-pink) -8%, var(--color-ring-dark) 118%) border-box;box-shadow:none}.margin-note{border-radius:var(--radius-pill);background:var(--color-ink);width:max-content;max-width:100%;box-shadow:var(--shadow-card);color:var(--color-cream);font-size:var(--fs-note);line-height:var(--lh-note);align-items:center;gap:.625em;padding:.75em 1.25em .75em 1em;display:flex}.margin-note__dot{background:var(--color-accent);border-radius:50%;flex:none;width:.625em;height:.625em}@media (width>=760px){.stage__overlay{z-index:1;left:var(--x);top:var(--y);width:var(--w);position:absolute}.stage__notes{pointer-events:none;position:absolute;inset:0}.margin-note{top:var(--y);left:var(--x);white-space:nowrap;position:absolute}.margin-note[data-anchor=right]{left:auto;right:var(--right)}}@media (width<=759px){.stage-shot{border-radius:var(--m-radius-shot)}.stage-shot--gradient{border-radius:calc(var(--m-radius-shot) + var(--ring))}.margin-note{font-size:var(--m-fs-note);line-height:var(--m-lh-note);text-wrap:balance;gap:8px;padding:8px 12px}.margin-note__dot{width:8px;height:8px}.stage__overlay{margin-bottom:var(--m-gap-s)}.stage__notes{align-items:flex-start;gap:var(--m-gap-xs);margin-top:var(--m-gap-s);flex-direction:column;display:flex}}.case-nav{justify-content:space-between;gap:var(--gap-m);display:flex}.case-link{color:var(--color-ink);font-size:var(--fs-ui);font-weight:var(--fw-semibold);line-height:var(--lh-ui);text-transform:uppercase;white-space:nowrap;transition:color var(--dur-color) var(--ease-out)}.case-link:focus-visible{color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.case-link:hover{color:var(--color-accent)}}.case-nav__number{display:none}@media (width<=759px){.case-link{font-size:var(--m-fs-label);line-height:var(--m-lh-link)}.case-nav__contact{display:none}.case-nav__number{display:inline}}@media (prefers-reduced-motion:no-preference){.motion [data-enter] [data-reveal]{opacity:0;transform:translateY(var(--reveal-distance))}.motion [data-enter][data-entered] [data-reveal]{opacity:1;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transition-delay:calc(var(--enter-delay,0s) + var(--i,0) * var(--stagger,var(--stagger-reveal)));transform:none}.motion .case-hero__line{animation:case-rise var(--dur-rise) var(--ease-out) both;animation-delay:calc(var(--line,0) * var(--stagger-line))}.motion .case-hero__tagline,.motion .case-hero__number{animation:case-fade var(--dur-reveal) var(--ease-out) both}.motion .case-meta{animation:case-fade var(--dur-reveal) var(--ease-out) var(--delay-meta) both}.motion:not(.motion-restored) .case-hero__stage .stage__canvas{transform:scale(.96)}.motion .case-photo__image{transform:scale(1.11)}.motion .problem-track{height:calc((1 + var(--problem-pin-length)) * 100svh);margin-top:var(--pin-offset);pointer-events:none}.motion .problem-track+.case-stats{margin-top:var(--pin-offset)}.motion .problem-pin{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0}.motion .problem-pin .stage{width:var(--pin-stage-w);pointer-events:auto}.motion .tms-row,.motion .problem-stage__label{transition:opacity var(--dur-row) ease, transform var(--dur-row) ease}.motion .problem-stage__label{transition-duration:var(--dur-label)}.motion .tms-row:not([data-shown]){opacity:0;transform:translate(-8px)}@media (width<=759px){.motion .tms-row:not([data-shown]){transform:translateY(8px)}}.motion .problem-stage__label:not([data-shown]){opacity:0;transform:translateY(10px)}.motion .case-result__text:not([data-progress-active]) .reveal-text__char{opacity:var(--opacity-muted)}}@keyframes case-rise{0%{transform:translateY(110%)}}@keyframes case-fade{0%{opacity:0}}.page-case{background:var(--color-cream)}.case{background:var(--color-cream);color:var(--color-ink)}.case-header,.case-hero,.case-section,.case-result,.case-footer{padding-inline:var(--space-gutter)}.case-header{padding-top:var(--space-gutter)}.case-hero__intro{align-items:flex-start;gap:var(--gap-xs);padding-top:calc(var(--gap-case-header) + var(--space-case-hero));display:flex}.case-hero__titles{gap:var(--gap-m);flex-direction:column;flex:1;min-width:0;display:flex}.case-hero__tagline{text-wrap:balance}.case-hero__line{display:block}.case-hero__lines{flex-direction:column;display:flex}.case-hero__lines--mobile{display:none}@media (width>=1280px){.case-hero__tagline-line{display:block}}.case-hero__mask{margin-block:-.08em;padding-block:.08em;display:block;overflow:hidden}.case-hero__tagline{color:var(--color-muted)}.case-hero__title{font-family:var(--font-display);font-size:var(--fs-display-xl);font-weight:var(--fw-semibold);line-height:var(--lh-display);text-transform:uppercase;flex-direction:column;display:flex}.case-hero__number{font-family:var(--font-display);font-size:var(--fs-display-l);font-weight:var(--fw-semibold);line-height:var(--lh-display)}.case-meta{gap:var(--gap-case-card);margin-top:var(--gap-case-header);font-size:var(--fs-meta);line-height:var(--lh-meta);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-meta__label{color:var(--color-muted)}.case-meta__value{font-weight:var(--fw-semibold);margin-top:.4em}.case-hero__stage{margin-top:var(--gap-l)}.case-section{padding-top:var(--space-case-section)}.case-media{gap:var(--gap-l);margin-top:var(--gap-case-media);align-items:end;display:grid}.case-media__text{color:var(--color-muted)}.case-photo{overflow:hidden}.case-photo__image{object-fit:cover;width:100%;height:100%}@media (width>=760px){.case-media{grid-template-columns:minmax(0,612fr) minmax(0,756fr)}}.case-section--flip{--flip-gap:var(--gap-case-header);container-type:inline-size}.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(calc((100cqw - var(--gap-case-card)) * 160 / 704), 1fr);gap:var(--gap-case-card);margin-top:var(--flip-gap);display:grid}@media (prefers-reduced-motion:no-preference){.flip-track[data-pinned]{height:calc((1 + var(--flip-pin-length)) * 100svh);margin-top:calc(var(--flip-gap) - (100svh - var(--block-h)) / 2);margin-bottom:calc((var(--block-h) - 100svh) / 2)}.flip-track[data-pinned] .flip-pin{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0}.flip-track[data-pinned] .flip-grid{margin-top:0}}.flip-grid__cards{display:contents}.flip-card{display:grid}.flip-card__flip{color:inherit;font:inherit;text-align:start;cursor:pointer;perspective:var(--perspective-card);background:0 0;border:0;padding:0;display:grid}.flip-card__inner{transform-style:preserve-3d;transition:transform var(--dur-flip) var(--ease-flip);display:grid}.flip-card__flip[data-side=back] .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{gap:var(--gap-m);padding:calc(var(--space-case-card) * 56 / 32) var(--space-case-card) calc(var(--space-case-card) * 28 / 32);backface-visibility:hidden;flex-direction:column;grid-area:1/1;display:flex}.flip-card__face--front{background:var(--color-panel);color:var(--color-ink)}.flip-card__face--back{background:var(--color-ink);color:var(--color-cream);transform:rotateY(180deg)}.flip-card__label{color:var(--color-muted);font-size:var(--fs-meta);line-height:1.3;display:block}.flip-card__face--back .flip-card__label{color:var(--color-accent)}.flip-card__text{font-size:var(--fs-display-m);font-weight:var(--fw-semibold);line-height:var(--lh-display-m);display:block}@media (prefers-reduced-motion:reduce){.flip-card__inner,.flip-card__flip[data-side=back] .flip-card__inner{transition:none;transform:none}.flip-card__face--back{opacity:0;transition:opacity var(--dur-flip-fade) ease;transform:none}.flip-card__flip[data-side=back] .flip-card__face--back{opacity:1}}.flip-grid .case-photo{width:100%;height:100%}.case-result__pin{justify-content:flex-end;gap:var(--gap-m);min-height:100svh;padding-block:var(--space-gutter);flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.case-result[data-pinned]{height:calc((1 + var(--statement-pin-length)) * 100svh)}.case-result[data-pinned] .case-result__pin{height:100svh;position:sticky;top:0}}.case-result__label{font:inherit;color:var(--color-muted)}.case-result__text{font-family:var(--font-display);font-size:var(--fs-display-m);font-weight:var(--fw-semibold);line-height:var(--lh-display-m)}.case-footer{padding-top:var(--space-gutter);padding-bottom:var(--gap-case-media)}@media (width<=759px){.case-header,.case-hero,.case-section,.case-result,.case-footer{padding-inline:var(--m-gutter)}.case-header{padding-top:var(--m-gutter)}.case-section{padding-block:var(--m-case-section)}.case-hero__intro{min-height:calc(100svh - var(--m-gutter) - var(--m-lh-link) - var(--m-gap-l));padding-top:var(--m-case-section);align-items:flex-end}.case-hero__titles{gap:var(--m-gap-xs);width:100%}.case-hero__number{display:none}.case-hero__tagline{font-size:var(--m-fs-body);line-height:var(--m-lh-body)}.case-hero__title{font-size:var(--m-fs-hero);line-height:var(--m-lh-hero)}.case-hero__lines--desktop{display:none}.case-hero__lines--mobile{display:flex}.case-hero__line{white-space:nowrap}.case-meta{gap:var(--m-gap-s);margin-top:var(--m-gap-l);grid-template-columns:minmax(0,1fr)}.case-meta__label{font-size:var(--m-fs-label);line-height:var(--m-lh-label)}.case-meta__value{margin-top:var(--m-gap-xxs);font-size:var(--m-fs-body);line-height:var(--m-lh-body)}.case-hero__stage{margin-top:var(--m-gap-l)}.case-media{gap:var(--m-gap-s);margin-top:var(--m-gap-l)}.case-media__text{font-size:var(--m-fs-body);line-height:var(--m-lh-body);order:1}.case-section--flip{--flip-gap:var(--m-gap-l)}.flip-grid{gap:var(--m-gap-s);grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.flip-card__face{gap:var(--m-gap-s);padding:var(--m-gap-l)}.flip-card--after-media{order:1}.flip-card__label{font-size:var(--m-fs-label);line-height:var(--m-lh-body)}.flip-card__text{font-size:var(--m-fs-insight);line-height:var(--m-lh-insight)}.case-result__pin{gap:var(--m-gap-xs);padding-block:var(--m-case-section)}.case-result__label{font-size:var(--m-fs-label);line-height:var(--m-lh-label)}.case-footer{padding-top:var(--m-gutter);padding-bottom:var(--m-gap-l)}.case-result__text{font-size:var(--m-fs-about);line-height:var(--m-lh-about)}}.case-section--scene{--pin-stage-w:min(100cqw, calc((100svh - 48px) * var(--pin-w) / var(--pin-h)));--pin-stage-h:min(calc(100cqw * var(--pin-h) / var(--pin-w)), calc(100svh - 48px));--pin-gap:var(--gap-case-header);--pin-offset:calc(var(--pin-gap) - (100svh - var(--pin-stage-h)) / 2);container-type:inline-size}.scene-track{margin-top:var(--pin-gap)}.scene-only{display:none}[data-scene] .scene-only{display:block}.scene-mobile{display:none}.stage-frame{border-radius:var(--radius-shot);box-shadow:0 0 0 calc(var(--s) * var(--u)) var(--color-band-border);overflow:hidden}.stage-frame__img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.scene-box{left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh);position:absolute}@media (prefers-reduced-motion:no-preference){.motion .scene-track{height:calc((1 + var(--pin-length)) * 100svh);margin-top:var(--pin-offset);margin-bottom:calc((var(--pin-stage-h) - 100svh) / 2);pointer-events:none}.motion .scene-pin{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0}.motion .scene-panel{width:100%;height:var(--pin-stage-h);background:var(--color-panel);pointer-events:auto;transition:opacity var(--dur-reveal) var(--ease-out);justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.motion .scene-pin .stage{width:var(--pin-stage-w);flex:none}.motion .scene-pin .stage__canvas{background:0 0;overflow:visible}.motion:not([data-motion-ready]) .scene-panel{opacity:0}.motion .scene-pin [data-pop]{transition:opacity var(--dur-pop) var(--ease-out), transform var(--dur-pop) var(--ease-out)}.motion [data-scene] [data-pop]:not([data-shown]){opacity:0;transform:scale(.9)}.motion .scene-mpin [data-pop]{transition:opacity var(--dur-pop) var(--ease-out), transform var(--dur-pop) var(--ease-out)}}@media (width<=759px){.case-section--scene{overflow-x:clip}.case-section--scene .scene-track{display:none}.scene-mobile{gap:var(--m-gap-l);margin-top:var(--m-gap-l);padding:var(--m-gap-l);background:var(--color-panel);flex-direction:column;display:flex}.scene-mobile--loose{gap:calc(2 * var(--m-gap-l))}.mgroup{align-items:flex-start;gap:var(--m-gap-s);flex-direction:column;display:flex}.mgroup--center{align-items:center}.mgroup>.mshot{align-self:stretch}.mgroup--pair>.mshot+.mshot{margin-top:calc(var(--m-gap-l) - var(--m-gap-s))}.mshot{--u:calc(100cqw / var(--stage-w));width:100%;aspect-ratio:var(--stage-w) / var(--stage-h);position:relative;container-type:inline-size}.mshot--narrow{width:calc(var(--m-phone-h) * var(--stage-w) / var(--stage-h));align-self:center;margin-inline:auto}.mgroup>.mshot--narrow{align-self:center}.mshot .stage-frame{border-radius:var(--m-radius-shot)}}@media (width<=759px) and (prefers-reduced-motion:no-preference){.motion .scene-mtrack[data-pinned]{height:calc((1 + var(--mpin-length)) * 100svh);margin-top:calc(var(--m-gap-l) - (100svh - var(--block-h)) / 2);margin-bottom:calc((var(--block-h) - 100svh) / 2)}.motion .scene-mtrack[data-pinned] .scene-mpin{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0}.motion .scene-mtrack[data-pinned] .scene-mobile{margin-top:0}}
