.product-case-page{padding-block:clamp(4rem,9vw,8rem) clamp(5rem,11vw,10rem)}.product-case-hero{gap:1rem;max-width:58rem;display:grid}.product-case-title{color:var(--text-hi);letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,8vw,7rem);line-height:.94}.product-case-line{max-width:42ch;color:var(--text-mid);font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.35}.product-case-job{max-width:62ch;color:var(--text-mid);line-height:1.6}.product-case-job .mono{color:var(--case-accent)}.product-case-stage{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--case-accent) 45%, var(--line-soft));background:#08090a;min-height:22rem;margin-top:clamp(2.5rem,6vw,5rem);position:relative;overflow:hidden}.product-case-stage .product-motion-surface,.product-case-stage .product-motion-art,.product-case-stage .product-motion-art>svg{width:100%;height:100%;position:absolute;inset:0}.product-case-stage .product-motion-poster{color:var(--text-mid);flex-direction:column;justify-content:center;gap:1rem;padding:clamp(1.5rem,6vw,5rem);display:flex;position:absolute;inset:0}.product-case-stage .product-motion-poster>span{color:var(--case-accent)}.product-case-stage .product-motion-poster>p{max-width:46ch;font-size:clamp(1rem,2vw,1.6rem)}.product-case-stage .product-motion-surface:has(.product-motion-art>svg)>.product-motion-poster{visibility:hidden}.product-case-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.product-case-action{border:1px solid var(--case-accent);min-height:3rem;color:var(--case-accent);font:500 var(--t-small) / 1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.5rem;padding:.8rem 1rem;text-decoration:none;display:inline-flex}.product-case-action--quiet{border-color:var(--line-soft);color:var(--text-mid)}.product-case-action:hover,.product-case-action:focus-visible{background:color-mix(in srgb, var(--case-accent) 11%, transparent)}.product-case-action:focus-visible{outline:2px solid var(--case-accent);outline-offset:2px}@media (max-width:560px){.product-case-stage{aspect-ratio:3/4;min-height:28rem}.product-case-actions{display:grid}}