.top{padding-top:var(--space-4)}.cs-hero{padding-block:clamp(6rem, 14vh, 10rem) var(--space-16);gap:var(--space-8);display:grid}.cs-hero>.statement{max-width:64rem}.cs-hero>*{min-width:0}.cs-facts{gap:0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));max-width:72rem;margin:0;display:grid}.cs-facts div{gap:var(--space-1);padding:var(--space-4) 0;border-top:1px solid var(--hairline);align-content:start;display:grid}.cs-facts dt{font:var(--weight-regular) var(--text-label)/1.2 var(--font-sans);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-muted)}.cs-facts dd{font-size:var(--text-small);margin:0;line-height:1.5}.cs-media__frame{aspect-ratio:16/9;border-radius:var(--radius-1);background:var(--surface-inset);position:relative;overflow:hidden}.cs-media--photo .cs-media__frame>img{object-fit:cover;width:100%;height:100%}.cs-media--reel .cs-media__frame,.cs-media--browser .cs-media__frame{background:radial-gradient(110% 90% at 40% 15%, color-mix(in srgb, var(--surface) 70%, #fff), var(--surface-inset) 70%)}.cs-media .reel{justify-content:center;align-items:center;gap:4%;display:flex;position:absolute;inset:0}.cs-media .reel__screen{aspect-ratio:390/844;width:16%;transition:transform var(--dur-slow) var(--ease-move);background:#000;border-radius:9%/4.2%;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #00000026,0 2px 4px #0000001a,0 24px 44px -22px #00000059}.cs-media .reel__screen--dark{transform:translateY(7%)}.cs-media .reel__screen img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-enter), transform var(--dur-slow) var(--ease-enter);position:absolute;inset:0;transform:translateY(6%)}.cs-media .reel__screen img.is-on{opacity:1;transform:none}.cs-media .reel__screen img.is-off{opacity:0;transform:translateY(-4%)}.cs-media .reel__dots{gap:4px;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.cs-media .reel__dots span{background:var(--hairline-strong);width:4px;height:4px;transition:width var(--dur-gentle) var(--ease-enter);border-radius:2px}.cs-media .reel__dots span.is-on{background:var(--text);width:14px}.cs-media--browser .cs-media__frame{place-items:center;padding:5% 10%;display:grid}.cs-devices{width:100%;position:relative}.cs-story{padding-block:var(--section) var(--space-16);gap:0;display:grid}.cs-ch{gap:var(--space-6);padding:var(--space-8) 0;border-top:1px solid var(--hairline);grid-template-columns:minmax(8rem,1fr) 2.4fr;display:grid}.cs-ch__body{gap:var(--space-3);max-width:var(--column);display:grid}.cs-ch__body h2{font:var(--weight-light) clamp(1.5rem, 1.1rem + 1.4vw, 2rem)/1.15 var(--font-voice);margin:0}.cs-ch__body p{color:var(--text-muted);margin:0}.cs-work{padding-bottom:var(--section);gap:var(--space-6);display:grid}.cs-work__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-top:1px solid var(--hairline);padding-top:var(--space-6);flex-wrap:wrap;display:flex}.cs-work__hint{font-size:var(--text-small);color:var(--text-muted)}.cs-note{color:var(--text-muted);font-size:var(--text-small)}.cs-full{align-items:center;gap:var(--space-4);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.cs-full>span{color:var(--text-muted);font-size:var(--text-small)}.car{gap:var(--space-3);outline:none;display:grid}.car:focus-visible .car__stage{outline:2px solid var(--focus);outline-offset:3px}.car__stage{aspect-ratio:16/10;border-radius:var(--radius-1);background:radial-gradient(110% 90% at 40% 15%, color-mix(in srgb, var(--surface) 70%, #fff), var(--surface-inset) 70%);place-items:center;display:grid;position:relative;overflow:hidden}.car__slide{width:100%;height:100%;animation:car-in var(--dur-gentle) var(--ease-enter);grid-area:1/1;place-items:center;padding:4%;display:grid}.car__slide--wide{padding:0}.car__img{object-fit:contain;width:100%;height:100%}.car__slide--wide .car__img{object-fit:contain}.car__slide--phone .iphone{width:auto;height:100%}.car__slide--screen{position:relative}.car__slide--screen .car__screen{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:4.6%/2.1%;width:auto;max-width:none;height:90%;position:absolute;top:5%;left:50%;translate:-50%;box-shadow:0 0 0 .5px #00000026,0 2px 4px #0000001a,0 24px 44px -22px #00000059}.car__slide--browser .safari{width:88%}@keyframes car-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.car__btn{cursor:pointer;border:1px solid var(--hairline-strong);background:color-mix(in srgb, var(--surface) 88%, transparent);width:44px;height:44px;color:var(--text);backdrop-filter:blur(8px);transition:transform var(--dur-quick) var(--ease-enter), background-color var(--dur-quick) var(--ease-enter);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.car__btn .svgi,.car__btn .svgi svg{width:18px;height:18px;display:block}.car__btn--prev{left:var(--space-4)}.car__btn--next{right:var(--space-4)}.car__btn:hover{background:var(--surface)}.car__btn:active{transform:scale(.94)}.car__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.car__foot{gap:var(--space-4);align-items:baseline;display:flex}.car__count{font:var(--weight-regular) var(--text-label)/1 var(--font-sans);letter-spacing:var(--tr-label);color:var(--text);flex-shrink:0}.car__caption{font-size:var(--text-small);color:var(--text-muted)}.car__progress{background:var(--hairline);height:1px}.car__progress span{background:var(--text);transform-origin:0;height:100%;transition:transform var(--dur-gentle) var(--ease-enter);display:block}.car__strip{gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:thin;display:flex;overflow-x:auto}.car__thumb{aspect-ratio:4/3;border:1px solid var(--hairline);border-radius:var(--radius-1);background:var(--surface-inset);cursor:pointer;opacity:.55;width:96px;transition:opacity var(--dur-quick) var(--ease-enter), border-color var(--dur-quick) var(--ease-enter);flex:none;padding:0;overflow:hidden}.car__thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.car__thumb:hover{opacity:.85}.car__thumb.is-on{opacity:1;border-color:var(--text)}.car__thumb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.safari .svgi,.iphone__status .svgi{display:contents}.cs-next{padding-bottom:var(--section)}.cs-next__link{gap:var(--space-3);padding-top:var(--space-8);border-top:1px solid var(--hairline);color:var(--text);text-decoration:none;display:grid}.cs-next__name{align-items:center;gap:var(--space-4);font:var(--weight-light) clamp(2.5rem, 1.5rem + 4vw, 5rem)/1 var(--font-sans);letter-spacing:-.03em;display:inline-flex}.cs-next__arrow{background:var(--text);width:.8em;height:.8em;color:var(--surface);transition:transform var(--dur-hover) var(--ease-enter);border-radius:50%;place-items:center;display:grid}.cs-next__arrow svg{width:45%;height:45%}.cs-next__line{color:var(--text-muted);max-width:40rem}@media (hover:hover) and (pointer:fine){.cs-next__link:hover .cs-next__arrow{transform:translate(6px)}}@media (width<=760px){.cs-ch{gap:var(--space-2);grid-template-columns:1fr}.cs-media__frame{aspect-ratio:4/3}.cs-media .reel__screen{width:30%}.car__stage{aspect-ratio:4/5}.car__slide--browser .safari{width:100%}.car__btn{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.car__slide{animation:none}.car__progress span{transition:none}}