:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#000;background:#fff;font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;--bg: #ffffff;--surface: #f5f5f7;--ink: #000000;--muted: #55555a;--ease-out: cubic-bezier(.23, 1, .32, 1);--gutter: max(clamp(1.5rem, 6vw, 6rem), env(safe-area-inset-left), env(safe-area-inset-right))}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:3rem;-webkit-text-size-adjust:100%}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}h1,h2{text-wrap:balance;font-weight:600}p{text-wrap:pretty}::selection{color:var(--bg);background:var(--ink)}:focus-visible{outline:2px solid currentColor;outline-offset:6px}.content-width{width:calc(100% - var(--gutter) * 2);max-width:1280px;margin-inline:auto}.skip-link{position:fixed;z-index:10;left:1rem;top:-5rem;padding:.8rem 1.2rem;background:var(--ink);color:var(--bg)}.skip-link:focus{top:1rem}.site-header{height:calc(96px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) var(--gutter) 0;position:absolute;inset:0 0 auto;z-index:5}.wordmark{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:33px;line-height:1;font-weight:650;letter-spacing:-.07em}.site-header .wordmark{font-size:clamp(1.25rem,2.3vw,2rem);letter-spacing:-.05em;white-space:nowrap}nav{display:flex;gap:2rem;align-items:center;font-size:14px;font-weight:500}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem .25rem}.nav-action{margin-left:.5rem;padding-inline:20px;border-radius:999px;background:var(--ink);color:var(--bg);transition:transform .14s var(--ease-out),background-color .14s ease}.nav-action span{margin-left:.65rem}.nav-action:active{transform:scale(.97)}.product-story{height:100svh;min-height:650px}.has-sequence .product-story{height:360svh}.product-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.hero-heading{position:absolute;z-index:2;top:15%;left:0;right:0;text-align:center}h1{font-size:clamp(4rem,7.4vw,7.25rem);line-height:1.02;letter-spacing:-.055em}.hero-heading p{margin-top:1rem;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:500;letter-spacing:-.02em;color:var(--muted)}.mobile-break{display:none}.render-surface{position:absolute;inset:36% 0 0}.render-surface canvas,.sequence-poster{position:absolute;width:100%;height:100%;object-fit:contain}.render-surface canvas{opacity:0}.render-surface.is-ready canvas{opacity:1}.render-surface.is-ready .sequence-poster{visibility:hidden}.stage-caption{position:absolute;bottom:44px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.chapter-caption{max-width:22rem;font-size:17px;letter-spacing:-.02em}.scroll-cue{display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:13px}.scroll-circle{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eee;color:var(--ink);font-size:18px}.sequence-track{position:absolute;inset:auto 0 0;height:2px;background:#eee}.sequence-track span{display:block;height:100%;background:#000;transform:scaleX(0);transform-origin:left}.design-section{padding-top:clamp(100px,11vw,176px)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:4rem;margin-bottom:72px}h2{font-size:clamp(2.5rem,4.8vw,4.75rem);line-height:1.04;letter-spacing:-.045em}.section-intro>p,.engineering-heading>p{max-width:24rem;font-size:20px;line-height:1.5;letter-spacing:-.015em;color:var(--muted)}.material-gallery{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(32px,5vw,80px)}.material-view{min-width:0}.material-view img{width:100%;aspect-ratio:.92;object-fit:contain;background:var(--bg)}.material-view-wide img{aspect-ratio:.93;object-fit:cover;object-position:center 19%;border-radius:28px}.material-view-narrow{padding-top:100px}.material-view-narrow img{padding:24px 0;object-fit:cover}figcaption{display:flex;flex-direction:column;gap:5px;margin-top:24px;font-size:17px;line-height:1.45;letter-spacing:-.015em}figcaption span:first-child{font-weight:600}figcaption span+span{color:var(--muted)}.display-section{margin-top:clamp(112px,12vw,192px);padding-block:clamp(80px,8vw,128px);background:#000;color:#fff;--bg: #000;--ink: #fff;--muted: #a1a1a6}.display-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(48px,8vw,128px)}.display-image{overflow:hidden;border-radius:32px;background:#fff}.display-image img{width:100%;aspect-ratio:.8;object-fit:cover;object-position:60% center}.display-copy h2{font-size:clamp(2.5rem,4.8vw,4.75rem)}.display-copy>p{margin-top:28px;max-width:24rem;color:var(--muted);font-size:20px;line-height:1.5;letter-spacing:-.015em}.display-details{display:grid;gap:28px;margin-top:44px;max-width:23rem}.display-details p{font-size:17px;line-height:1.5;color:var(--muted)}.display-details strong{display:inline-block;margin-bottom:4px;color:var(--ink);font-weight:600}.engineering-section{padding-top:clamp(112px,12vw,192px)}.engineering-heading{display:flex;align-items:end;justify-content:space-between;gap:4rem}.engineering-image{position:relative;margin-top:64px}.engineering-image img{width:100%;aspect-ratio:1.8;object-fit:cover;object-position:70% center}.engineering-image figcaption{position:absolute;left:0;bottom:16%;max-width:15rem}.explore-section{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;margin-top:clamp(112px,12vw,192px);padding:100px var(--gutter) 48px;background:#fafafa}.explore-section h2{font-size:clamp(3rem,5.5vw,5.5rem)}.explore-section p{font-size:20px;color:var(--muted);max-width:27rem;margin:24px auto 0;line-height:1.5;letter-spacing:-.015em}.explore-section img{width:min(100%,780px);aspect-ratio:980 / 551;object-fit:contain}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:1.25rem;padding:14px 24px;margin-top:28px;border-radius:999px;color:var(--bg);background:var(--ink);font-size:14px;font-weight:500;transition:transform .14s var(--ease-out),background-color .14s ease}.primary-action:active{transform:scale(.97)}.site-footer{padding-block:72px calc(48px + env(safe-area-inset-bottom,0px));background:#000;color:#fff;--muted: #a1a1a6;--ink: #fff}.footer-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.footer-brand{display:flex;flex-direction:column;align-items:start;gap:16px}.footer-brand .footer-disclaimer{margin-top:24px}.footer-contact{margin-top:8px}.footer-contact a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:17px;text-decoration:underline;text-underline-offset:5px}.footer-contact a:active{opacity:.7}.footer-credits h2{font-size:17px;letter-spacing:-.015em;margin-bottom:20px}.footer-credits p+p{margin-top:12px}.footer-credits a{display:inline-block;padding-block:12px;color:#fff;text-decoration:underline;text-underline-offset:4px}.site-footer p{font-size:14px;line-height:1.6;color:var(--muted)}.site-footer .wordmark{font-size:33px}.reveal-enter{animation:section-enter .65s var(--ease-out) both}@keyframes section-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@supports (view-timeline-name: --product) and (animation-timeline: --product) and (animation-range: contain){.has-sequence .product-story{view-timeline:--product block;view-timeline-inset:0}.has-sequence .hero-heading{animation:product-title 1s linear both;animation-timeline:--product;animation-range:contain}.has-sequence .render-surface{animation:product-camera 1s linear both;animation-timeline:--product;animation-range:contain}.has-sequence .sequence-track span{animation:product-progress 1s linear both;animation-timeline:--product;animation-range:contain}}@keyframes product-title{0%{opacity:1;transform:translateY(0)}20%,to{opacity:0;transform:translateY(-28px)}}@keyframes product-camera{0%{transform:translateY(0) scale(1)}36.6667%{transform:translateY(-110px) scale(1.073333)}40%,to{transform:translateY(-110px) scale(1.08)}}@keyframes product-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:hover)and (pointer:fine){nav a{transition:color .16s ease}nav a:not(.nav-action):hover{color:var(--muted)}.primary-action:hover,.nav-action:hover{background:#333}.footer-credits a:hover{text-decoration-thickness:2px}}@media(max-width:1000px){.section-intro,.engineering-heading{align-items:start;flex-direction:column;gap:28px}.section-intro>p,.engineering-heading>p{max-width:30rem}.display-layout{gap:40px}.display-copy h2{font-size:clamp(2.5rem,5vw,4rem)}.display-copy>p{font-size:18px}.display-details{margin-top:28px;gap:20px}.engineering-image figcaption{position:static;max-width:none}.footer-layout{gap:2rem}}@media(max-width:700px){.site-header{height:calc(80px + env(safe-area-inset-top,0px))}.wordmark{font-size:29px}nav{gap:16px;font-size:13px}nav>a:nth-child(2){display:none}.nav-action{margin-left:0;padding-inline:16px}.section-intro{gap:24px;margin-bottom:40px}h2,.display-copy h2{font-size:clamp(2.25rem,8.8vw,3.5rem)}.section-intro>p,.engineering-heading>p,.display-copy>p,.explore-section p{font-size:18px}.material-gallery{grid-template-columns:1fr;gap:48px}.material-view-wide img{aspect-ratio:1.05;border-radius:20px}.material-view-narrow{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding-top:0}.material-view-narrow img{aspect-ratio:.7;object-fit:cover;padding:12px 0}.material-view-narrow figcaption{margin-top:0}figcaption{margin-top:20px;font-size:17px}.display-section{padding-block:72px}.display-layout{display:flex;flex-direction:column-reverse;align-items:stretch;gap:40px}.display-copy>p{margin-top:24px}.display-details{gap:20px;margin-top:32px;max-width:none}.display-image{width:100%;border-radius:24px}.display-image img{aspect-ratio:1.1;object-position:60% center}.engineering-image{margin-top:40px}.engineering-image img{aspect-ratio:1.05;object-position:76% center}.explore-section{padding-block:72px 32px;gap:36px}.explore-section h2{font-size:clamp(2.5rem,10vw,4rem)}.explore-section p{max-width:20rem}.site-footer{padding-top:48px}.footer-layout{grid-template-columns:1fr;gap:48px}.footer-brand .footer-disclaimer{margin-top:8px}}@media(max-width:600px){.product-stage,.product-story{min-height:570px}.has-sequence .product-story{height:320svh}.hero-heading{top:17%;padding-inline:var(--gutter)}h1{font-size:clamp(3.25rem,14vw,4.8rem)}.hero-heading p{font-size:18px;line-height:1.4;margin-top:16px}.mobile-break{display:block}.render-surface{inset:31% -44% 6%}.stage-caption{bottom:max(30px,env(safe-area-inset-bottom,0px));gap:12px}.chapter-caption{font-size:14px;max-width:12rem}.scroll-cue{gap:0}.scroll-cue>span:first-child{display:none}}@media(max-width:360px){nav>a:first-child{display:none}nav{gap:12px}.nav-action{padding-inline:12px}.nav-action span{margin-left:8px}.material-view-narrow{grid-template-columns:1fr;gap:16px}.material-view-narrow img{aspect-ratio:.95;object-fit:contain}}@media(max-width:600px)and (max-height:700px){.hero-heading{top:14%}h1{font-size:clamp(2.5rem,12vw,3.5rem)}.hero-heading p{font-size:16px;margin-top:12px}.render-surface{inset:36% -44% 14%}}@media(min-width:601px)and (max-height:500px){.site-header{height:calc(64px + env(safe-area-inset-top,0px))}.product-stage,.product-story{min-height:100svh}.hero-heading{top:32%;left:53%;right:var(--gutter);text-align:left}h1{font-size:clamp(2.5rem,5.4vw,3.5rem)}.hero-heading p{font-size:16px;margin-top:12px}.render-surface{inset:30% 36% 0 -10%}.stage-caption{bottom:max(16px,env(safe-area-inset-bottom,0px))}.chapter-caption{font-size:14px}.scroll-cue>span:first-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.has-sequence .product-story{height:100svh}.reveal-enter,.has-sequence .hero-heading,.has-sequence .render-surface,.has-sequence .sequence-track span{animation:none}.primary-action,.nav-action{transition:background-color .14s ease}.primary-action:hover,.primary-action:active,.nav-action:active{transform:none}}@media(prefers-contrast:more){:root{--muted: #222222}}
