:root{--black: #000;--white: #f5f5f7;--silver: #c7cbd1;--silver-dim: #8b9098;--line: rgba(245, 245, 247, .14);--display: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--gutter: clamp(20px, 5vw, 72px)}*,*:before,*:after{box-sizing:border-box}html{background:var(--black);-webkit-text-size-adjust:100%}html.lenis{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}img,canvas{display:block}a{color:inherit}h1,h2,p,ul,ol,li{margin:0;padding:0}ul,ol{list-style:none}.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;background:var(--white);color:var(--black);text-decoration:none;border-radius:4px;font-weight:500}.skip:focus{top:16px}:focus-visible{outline:2px solid var(--white);outline-offset:4px}.topbar{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:22px var(--gutter);mix-blend-mode:difference;transition:opacity .6s var(--ease)}.wordmark{font-family:var(--display);font-weight:500;font-size:.82rem;letter-spacing:.32em;text-decoration:none;color:var(--white)}.topbar-cta{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--white);border:1px solid rgba(245,245,247,.5);border-radius:999px;padding:8px 16px;transition:background-color .3s,color .3s}.topbar-cta:hover{background:var(--white);color:var(--black)}.loader{position:fixed;left:0;right:0;top:0;height:2px;z-index:50;pointer-events:none;background:#f5f5f714;opacity:1;transition:opacity .6s var(--ease) .4s}.loader-bar{display:block;height:100%;width:0;background:var(--white);transition:width .25s linear}.loader.is-done{opacity:0}.scene{position:relative;background:var(--black)}.scene-pin{position:relative;height:100svh;overflow:hidden;display:grid;align-items:end}.scene-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s var(--ease)}.scene.is-ready .scene-canvas{opacity:1}.scene-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000008c,#0000 28% 60%,#000000bf),linear-gradient(90deg,#0000008c,#0000 45%)}.scene-veil--hero{background:linear-gradient(180deg,#0009,#00000040 22%,#0000 40% 70%,#000000d9)}.scene-veil--bottom{background:linear-gradient(180deg,#0003,#0000 35%,#000000e6)}.scene-copy{position:relative;z-index:2;padding:0 var(--gutter) clamp(48px,9vh,96px);max-width:44rem}.scene-copy--hero{align-self:start;justify-self:center;text-align:center;padding:clamp(84px,13vh,150px) var(--gutter) 0;max-width:none}.scene-copy--center{justify-self:center;text-align:center}.scene-copy--bottom,.scene-copy--left{align-self:end}.title{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,7.2vw,6.6rem);line-height:1;letter-spacing:.6em;text-indent:.6em;opacity:0;will-change:letter-spacing,opacity}.subtitle{font-family:var(--display);font-weight:300;font-size:clamp(1.1rem,2.2vw,1.9rem);color:var(--silver);margin-top:18px;opacity:0;transform:translateY(10px)}.eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--silver-dim);margin-bottom:18px}.statement{font-family:var(--display);font-weight:300;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2rem,5vw,4.4rem)}.statement--sm{font-size:clamp(1.6rem,3.4vw,2.9rem)}.scroll-hint{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:2;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--silver-dim);display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-hint span{width:1px;height:40px;background:linear-gradient(var(--silver-dim),transparent);animation:hint 2.2s var(--ease) infinite}@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.captions{position:relative;min-height:7.5rem}.caption{position:absolute;left:0;bottom:0;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.caption.is-on{opacity:1;transform:none}.caption-word{display:block;font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,6vw,5.2rem);line-height:1;letter-spacing:-.02em}.caption-line{display:block;margin-top:12px;color:var(--silver);font-size:1rem}.stair-host{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease);cursor:crosshair;touch-action:pan-y}.stair-host canvas{display:block;width:100%;height:100%}.scene.is-live .stair-host{opacity:1}.scene--stair .scene-copy{pointer-events:none}.scene--stair .statement{font-size:clamp(1.8rem,3.6vw,3.2rem)}.stair-hint{margin-top:16px;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--silver-dim);opacity:0}@media(hover:none){.stair-hint{display:none}}.specs{display:grid;gap:14px;margin-top:28px}.spec{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:baseline;padding-top:12px;border-top:1px solid var(--line);opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.spec.is-on{opacity:1;transform:none}.spec b{font-family:var(--display);font-weight:500;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--white)}.spec span{color:var(--silver);font-size:.95rem}.still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.still--night{opacity:0}.button{display:inline-block;margin-top:26px;padding:16px 34px;border-radius:999px;background:var(--white);color:var(--black);text-decoration:none;font-weight:500;font-size:.95rem;letter-spacing:.02em;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.button:hover{transform:translateY(-1px);box-shadow:0 18px 50px -18px #f5f5f799}.fineprint{margin-top:22px;font-size:.72rem;color:var(--silver-dim);max-width:34rem;margin-inline:auto}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px var(--gutter) 34px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--silver-dim);border-top:1px solid var(--line)}@media(max-width:768px){.title{letter-spacing:.3em;text-indent:.3em}.scene-copy--hero{padding-top:120px}.subtitle{margin-top:12px}.scene-copy{padding-bottom:40px}.spec{grid-template-columns:70px 1fr}}@media(prefers-reduced-motion:reduce){.scene-canvas,.title,.subtitle,.caption,.spec,.still--night{opacity:1!important;transform:none!important;transition:none!important}.title{letter-spacing:.08em;text-indent:.08em}.caption{position:static}.captions{display:grid;gap:18px}.scroll-hint,.loader,.still--day{display:none}}
