:root{--bg: #060a0c;--bg-2: #0b1114;--ink: #eaf2f2;--ink-dim: rgba(234, 242, 242, .58);--ink-faint: rgba(234, 242, 242, .28);--prism: linear-gradient(120deg, #9be8d8, #8fc3e8 45%, #c9a6e8);--mint: #9be8d8;--gold: #d8a24a;--line: rgba(234, 242, 242, .1);--font-display: "Syne", sans-serif;--font-serif: "Instrument Serif", serif;--font-body: "Space Grotesk", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--pad: clamp(1.25rem, 4vw, 4rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;overflow-x:hidden;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body.cam{visibility:visible;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.chrome{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,2.5vw,1.75rem) var(--pad);mix-blend-mode:difference}.chrome__back{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:.6rem 1.05rem;background:#0c0b098c;border:1px solid rgba(236,231,219,.22);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .3s,background .3s}.chrome__back:hover{border-color:var(--gold, #d8a24a);background:#0c0b09bf}.chrome__back-arrow{transition:transform .35s var(--ease-out)}.chrome__back:hover .chrome__back-arrow{transform:translate(-4px)}.chrome__tag{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#eaf2f2c7}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim)}.eyebrow__dot{width:6px;height:6px;border-radius:50%;background:var(--mint);flex:none}.scrub{position:relative;height:280vh}.scrub__stage{position:sticky;top:0;height:100svh;overflow:hidden}.scrub__canvas{position:absolute;inset:0;width:100%;height:100%}.scrub__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#060a0c8c,#060a0c0d 38%,#060a0cb3)}.scrub__ui{position:absolute;left:var(--pad);bottom:clamp(3rem,9vh,6rem);z-index:2;max-width:640px}.scrub__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6.5vw,5rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;margin:1rem 0}.scrub__line{display:block;overflow:hidden;padding-bottom:.08em}.scrub__line--accent{background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}.scrub__line .char{display:inline-block;transform:translateY(115%);will-change:transform}.scrub__lede{color:var(--ink-dim);line-height:1.7;font-size:clamp(.92rem,1.3vw,1.05rem)}[data-fade]{opacity:0;transform:translateY(18px)}.scrub__meter{position:absolute;right:var(--pad);bottom:clamp(3rem,9vh,6rem);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem}.scrub__ring{width:clamp(52px,6vw,72px);height:clamp(52px,6vw,72px);transform:rotate(-90deg)}.scrub__ring-bg{fill:none;stroke:#eaf2f226;stroke-width:2}.scrub__ring-fill{fill:none;stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4}.scrub__pct{font-size:.66rem;letter-spacing:.2em;color:var(--ink-dim)}.after{position:relative;z-index:2;background:var(--bg-2);border-top:1px solid var(--line)}.fan,.types{padding:clamp(5rem,12vh,8rem) var(--pad);max-width:1200px;margin:0 auto}.fan__title,.types__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5.5vw,4.2rem);text-transform:uppercase;line-height:1.05;margin:1.1rem 0 .8rem}.fan__title em,.types__title em,.outro__title em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}.fan__lede{max-width:34rem;color:var(--ink-dim);line-height:1.7;margin-bottom:clamp(2rem,5vh,3.2rem)}.fan__stage{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(155,232,216,.2);background:var(--bg);aspect-ratio:16 / 9;user-select:none;touch-action:pan-y pinch-zoom;box-shadow:0 30px 80px #00000080}.fan__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--bg);pointer-events:none}.fan__img--open{clip-path:inset(0 0 0 18%);will-change:clip-path}.fan__handle{position:absolute;top:0;bottom:0;left:18%;width:0;cursor:ew-resize;z-index:3;outline:none}.fan__handle-line{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--mint);box-shadow:0 0 18px #9be8d8b3}.fan__handle-knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#060a0cb3;backdrop-filter:blur(8px);border:1px solid var(--mint);color:var(--mint);font-size:1.1rem;transition:transform .3s var(--ease-out)}.fan__handle:hover .fan__handle-knob,.fan__handle:focus-visible .fan__handle-knob{transform:translate(-50%,-50%) scale(1.12)}.fan__tag{position:absolute;bottom:1rem;z-index:2;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);background:#060a0c99;backdrop-filter:blur(6px);border-radius:99px;padding:.45rem .9rem}.fan__tag--left{left:1rem}.fan__tag--right{right:1rem}.types__plate{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg);cursor:zoom-in;margin-top:clamp(1.8rem,4vh,2.6rem)}.types__plate img{width:100%;will-change:transform}.types__cap{padding:.9rem 1.2rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);border-top:1px solid var(--line)}[data-reveal]{opacity:0;transform:translateY(26px)}.outro{padding:clamp(4rem,10vh,8rem) var(--pad) 0;text-align:center;border-top:1px solid var(--line)}.outro__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6.5vw,5rem);text-transform:uppercase;line-height:1.04;margin-bottom:2.2rem}.outro__actions{display:flex;justify-content:center;align-items:center;gap:1.6rem;flex-wrap:wrap}.outro__cta{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bg);background:var(--gold);border-radius:99px;padding:1.1rem 2.2rem;text-decoration:none;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.outro__cta:hover{transform:translateY(-3px);box-shadow:0 14px 40px #d8a24a59}.outro__ghost{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--ink-faint);padding-bottom:.25rem;transition:color .3s}.outro__ghost:hover{color:var(--ink)}.footer{display:flex;justify-content:space-between;gap:1rem;padding:clamp(3rem,8vh,5rem) 0 1.6rem;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#060a0cf0;backdrop-filter:blur(6px);opacity:0;visibility:hidden}.lightbox__figure{max-width:min(92vw,1400px);max-height:86svh;display:flex;flex-direction:column;gap:.9rem}.lightbox__img{max-width:100%;max-height:78svh;object-fit:contain;border-radius:8px}.lightbox__cap{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-align:center}.lightbox__close{position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);z-index:2;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:50%;width:48px;height:48px;font-size:1rem;cursor:pointer;font-family:var(--font-body);transition:border-color .3s,background .3s}.lightbox__close:hover{border-color:var(--mint);background:#9be8d81f}@media(max-width:900px){.scrub{height:210vh}.fan__stage{aspect-ratio:4 / 3}.fan__handle-knob{width:44px;height:44px}.footer{flex-direction:column;align-items:center;gap:.4rem;text-align:center}}.reduce-motion .scrub{height:auto}.reduce-motion .scrub__stage{position:relative;height:100svh}.reduce-motion .scrub__line .char{transform:none}.reduce-motion [data-fade],.reduce-motion [data-reveal]{opacity:1;transform:none}.reduce-motion .scrub__meter{display:none}
