.product-case{--case-rule:color-mix(in srgb, var(--color-bone) 22%, transparent);--case-muted:color-mix(in srgb, var(--color-bone) 70%, var(--color-ink))}.product-case :where(section[id],main[id]){scroll-margin-top:5.5rem}.case-skip{z-index:100;background:var(--color-bone);color:var(--color-ink);padding:.7rem 1rem;position:fixed;top:.7rem;left:1rem;transform:translateY(-180%)}.case-skip:focus{transform:none}.case-header{z-index:30;background:var(--color-ink);border-bottom:1px solid var(--case-rule);color:var(--color-bone);position:sticky;top:0}.case-header__inner{justify-content:space-between;align-items:center;gap:2rem;min-height:4.4rem;display:flex}.case-header__brand{align-items:center;min-height:2.75rem;font-size:1rem;display:inline-flex}.case-header__project{font:.65rem/1.4 var(--font-spec);color:var(--case-muted)}.case-header__back{align-items:center;gap:1rem;min-height:2.75rem;font-size:.75rem;display:flex}.case-header__back>span{color:var(--color-signal);font-size:1.2rem}.product-case :is(.case-kicker,.pk-eyebrow,.section-label,.case__discipline){font:500 .65rem/1.5 var(--font-spec);letter-spacing:.065em;text-transform:uppercase}.product-case .case-heading{padding-block:clamp(3rem,7vw,6rem) clamp(2.5rem,5vw,4rem)}.product-case .case-title{font:550 clamp(2.65rem, 6.5vw, 6.7rem)/.99 var(--font-body);letter-spacing:-.065em;text-wrap:balance;max-width:21ch;margin:1.3rem 0 1.5rem}.product-case .case-lead{font:400 clamp(1rem, 1.5vw, 1.2rem)/1.55 var(--font-body);max-width:56ch;color:var(--case-muted);margin-top:0}.product-case :is(.pk-h2,.section-statement){font-family:var(--font-body);letter-spacing:-.055em;font-size:clamp(2rem,4.4vw,4.25rem);font-weight:550;line-height:1.05}.case-context{border-top:1px solid var(--case-rule);max-width:68rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.3rem}.case-context__facts{grid-template-columns:1fr 1fr 1fr;gap:2rem;margin:0;display:grid}.case-context dt,.case-context__scope>span{font:.6rem/1.5 var(--font-spec);text-transform:uppercase;letter-spacing:.06em;color:var(--color-fog)}.case-context dd{font:450 .95rem/1.4 var(--font-body);margin:.6rem 0 0}.case-context__scope{align-items:baseline;gap:1.5rem;margin-top:1.75rem;display:flex}.case-context__scope p{font-size:.85rem}.case-context__note{font:.75rem/1.6 var(--font-body);color:var(--case-muted);max-width:80ch;margin-top:1rem}.case-annotation{border-left:2px solid var(--color-signal);max-width:66ch;margin-top:2rem;padding-left:1.2rem}.case-annotation strong{font:.6rem/1.5 var(--font-spec);text-transform:uppercase;letter-spacing:.05em;color:var(--color-signal);margin-bottom:.5rem;display:block}.case-annotation p{font:.8rem/1.6 var(--font-body);color:var(--case-muted)}.case-annotation a,.case-source-link{text-underline-offset:.2em;text-decoration:underline}.product-case .tg-source{font:.8rem/1.65 var(--font-body);max-width:75ch}.case-story{padding-bottom:clamp(4rem,7vw,7rem)}.case-story__visual{margin-top:1rem;margin-bottom:4rem}.case-story__visual .project-visual{padding:clamp(1rem,4vw,3rem)}.case-prose{max-width:68rem;color:var(--case-muted);grid-template-columns:minmax(12rem,1fr) minmax(0,1.7fr);gap:1.3rem 4rem;margin-inline:auto;padding-block:2rem 4rem;font-size:1rem;display:grid}.case-prose>h2{font:500 1.75rem/1.15 var(--font-body);letter-spacing:-.045em;color:var(--color-bone);border-top:1px solid var(--case-rule);grid-column:1;margin-top:1.5rem;padding-top:1.5rem}.case-prose>:not(h2){grid-column:2}.case-prose>h2+:not(h2){border-top:1px solid var(--case-rule);margin-top:1.5rem;padding-top:1.5rem}.case-prose>p:first-child{grid-column:1/-1;max-width:60ch}.case-prose li{margin-bottom:.5rem}.case-prose a{text-underline-offset:.2em;text-decoration:underline}.case-story__live{border-bottom:1px solid var(--case-rule);align-items:center;gap:1rem;margin-top:1rem;padding-block:.65rem;font-size:.85rem;display:inline-flex}.case-scope{border-top:1px solid var(--case-rule);padding-top:2rem}.case-scope__intro{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:3rem;display:grid}.case-scope__intro p{color:var(--case-muted);font-size:.9rem}.case-scope__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.case-scope__grid article{border-top:1px solid var(--case-rule);padding-top:1rem}.case-scope__grid article>span{color:var(--color-signal);font:.65rem var(--font-spec)}.case-scope__grid h3{font:500 1.5rem/1.15 var(--font-body);letter-spacing:-.04em;margin:1.5rem 0 .75rem}.case-scope__grid p{color:var(--case-muted);font-size:.85rem}.case-scope__grid ul{font:.65rem/1.7 var(--font-spec);margin-top:1.5rem;padding:0;list-style:none}.case-scope__grid li:before{content:"+ ";color:var(--color-signal)}.case-versions{padding-block:1rem 5rem}.case-versions__intro{border-top:1px solid var(--case-rule);justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem;padding-top:2rem;display:flex}.case-versions__intro h2{font:550 clamp(2rem, 4vw, 3.5rem)/1.05 var(--font-body);letter-spacing:-.055em}.case-versions__intro p{max-width:40ch;color:var(--case-muted);font-size:.85rem}.case-versions__grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.case-version__number{font:.65rem var(--font-spec);color:var(--color-signal);margin-bottom:1rem}.case-version figure{background:var(--color-bone)}.case-version img{width:100%;height:auto}.case-version h3{font:500 1.5rem/1.15 var(--font-body);letter-spacing:-.04em;margin:1.5rem 0 .75rem}.case-version>p:not(.case-version__number){color:var(--case-muted);max-width:48ch;font-size:.85rem}.case-version figcaption{background:var(--color-ink);font:.6rem/1.5 var(--font-spec);color:var(--color-fog);padding-top:.75rem}.case-footer{background:var(--color-ink);color:var(--color-bone);padding-block:3rem 2rem}.case-next{border-top:1px solid var(--case-rule);gap:1rem;padding:1.5rem 4rem 3rem 0;display:grid;position:relative}.case-next__title{font:500 clamp(2rem, 4.5vw, 4.5rem)/1.05 var(--font-body);letter-spacing:-.055em}.case-next__detail{color:var(--color-fog);font-size:.85rem}.case-next__arrow{color:var(--color-signal);font:3rem var(--font-body);transition:transform .2s;position:absolute;top:3.25rem;right:0}.case-next:hover .case-next__arrow{transform:translate(4px,-4px)}.case-footer__contact{border-top:1px solid var(--case-rule);justify-content:space-between;align-items:baseline;gap:2rem;padding-block:2rem 3rem;display:flex}.case-footer__contact p{color:var(--case-muted);font-size:.85rem}.case-footer__contact a{font:500 clamp(1.8rem, 3.5vw, 3rem)/1.1 var(--font-body);letter-spacing:-.055em}.case-footer__contact a>span{color:var(--color-signal);padding-left:1.25rem}.case-footer__bottom{border-top:1px solid var(--case-rule);font:.55rem/1.5 var(--font-spec);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;gap:1.5rem;padding-top:1.5rem;display:flex}.case-footer__bottom a{min-height:2rem}@media (width<=47.99rem){.case-header__inner{gap:1rem;min-height:4rem}.case-header__project{display:none}.product-case .case-heading{padding-block:2.5rem}.product-case .case-title{max-width:20ch;font-size:clamp(2.5rem,9.2vw,4rem)}.case-context__facts{grid-template-columns:1fr 1fr;gap:1.5rem}.case-context__facts>:last-child{grid-column:1/-1}.case-context dd{font-size:.85rem}.case-context__scope{display:block}.case-context__scope p{margin-top:.4rem}.case-annotation{margin-top:1.5rem}.case-prose{padding-block:1rem 2rem;font-size:.95rem;display:block}.case-prose>h2{margin-top:2.5rem;padding-top:1.25rem;font-size:1.6rem}.case-prose>p{margin-top:1rem}.case-prose>h2+:not(h2){border:0;margin-top:1rem;padding:0}.case-story__visual{margin-bottom:2rem}.case-scope__intro,.case-scope__grid{grid-template-columns:1fr;gap:1.5rem}.case-scope__grid h3{margin-top:1rem}.case-versions{padding-bottom:2.5rem}.case-versions__intro{display:block}.case-versions__intro p{margin-top:1rem}.case-versions__grid{grid-template-columns:1fr;gap:2.5rem}.case-next{padding-right:2.5rem}.case-next__arrow{font-size:2rem}.case-footer__contact{display:block}.case-footer__contact a{margin-top:1.25rem;display:inline-block}.case-footer__bottom{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){.case-next__arrow{transition:none}}.product-case .case-wait-summary{font:550 clamp(1.6rem, 3vw, 2.75rem)/1.2 var(--font-body);letter-spacing:-.045em;display:block}.product-case .case-wait-summary+span{max-width:60ch;font:.75rem/1.6 var(--font-body);margin-top:.8rem;display:block}
