.stage{--bg:#17131a;--bg-2:#1e1922;--surface:#221b28;--surface2:#2a2230;--text:#f1eadf;--text-on-dark:#f1eadf;--ink:#16110d;--muted:#f1eadf9e;--muted2:#f1eadf66;--border:#f1eadf1f;--border2:#f1eadf38;--accent:#d8313b;--accent2:#a21d27;--accent-soft:#d8313b21;--accent-line:#d8313b57;--viridian:#1f9c68;--viridian-soft:#1f9c6821;--viridian-line:#1f9c6857;--rosin:#d6965c2e;--font-display:var(--font-syne), "Times New Roman", Georgia, serif;--font-sans:var(--font-hanken), system-ui, -apple-system, sans-serif;--font-mono:var(--font-space), ui-monospace, "SF Mono", Menlo, monospace;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, 1, 1);background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative;overflow-x:clip}.stage ::selection{background:var(--accent);color:#fcf8f2}.stage-floor{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 72% 8%, var(--rosin) 0%, transparent 46%), radial-gradient(90% 70% at 50% 120%, #d8313b1a 0%, transparent 60%);position:fixed;inset:0}.stage .display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.stage .tag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.66rem}.stage-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.7rem;width:fit-content;font-size:.66rem;font-weight:400;display:inline-flex}.stage-eyebrow:before{content:"";background:var(--accent-line);width:1.6rem;height:1px}.stage-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);transition:border-color .4s var(--ease-out), transform .4s var(--ease-out), box-shadow .4s var(--ease-out);border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 24px 50px -34px #000c}.stage-btn{font-family:var(--font-sans);white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease-spring), background .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out);border:1px solid #0000;border-radius:100px;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.stage-btn-primary{color:#fcf8f2;background:var(--accent);padding:.78rem .78rem .78rem 1.5rem;box-shadow:0 14px 34px -14px #d8313bb3}.stage-btn-primary:hover{transform:scale(1.03)}.stage-btn-primary:active{transform:scale(.97)}.stage-btn-primary .pip{background:#ffffff2e;border-radius:100px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;display:flex}.stage-btn-ghost{color:var(--muted);border-color:var(--border2);background:0 0;padding:.78rem 1.4rem}.stage-btn-ghost:hover{color:var(--text);border-color:var(--text)}@keyframes stage-rise{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes stage-fade{0%{opacity:0}to{opacity:1}}@keyframes stage-bloom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes stage-figure{0%{opacity:0;filter:brightness(.55);transform:translateY(1.6rem)scale(1.02)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}.lite-1{animation:stage-rise .8s var(--ease-out) both;animation-delay:.12s}.lite-2{animation:stage-rise .8s var(--ease-out) both;animation-delay:.22s}.lite-3{animation:stage-rise .8s var(--ease-out) both;animation-delay:.36s}.lite-4{animation:stage-rise .8s var(--ease-out) both;animation-delay:.5s}.lite-spot{animation:stage-bloom 1.2s var(--ease-out) both}.lite-figure{animation:stage-figure 1.1s var(--ease-out) both;animation-delay:.1s}@keyframes silk-arrive{0%{opacity:0;transform:translate(var(--sx,60px), var(--sy,-30px)) rotate(var(--sr,8deg)) scale(.85)}to{opacity:var(--so,1);transform:translate(0)rotate(0)scale(1)}}.silk-in{animation:silk-arrive 1.5s var(--ease-out) both;animation-delay:var(--sd,.5s);will-change:transform, opacity}@keyframes silk-sway{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(1.5%,-2%)rotate(-1.2deg)}}.silk-sway{animation:14s ease-in-out infinite silk-sway}@keyframes reveal-up{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}.stage-reveal{animation:linear both reveal-up;animation-timeline:view();animation-range:entry entry 34%}@supports not (animation-timeline:view()){.stage-reveal{opacity:1;animation:none;transform:none}}.fitting-stage{aspect-ratio:843/1264;isolation:isolate;border:1px solid var(--border2);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#100d12;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 50px 90px -50px #000000e6}.fitting-base,.fitting-after{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.fitting-after-wrap{clip-path:inset(0 0 0 var(--seam,50%));will-change:clip-path;position:absolute;inset:0}.fitting-grade{mix-blend-mode:soft-light;opacity:.92;transition:background .5s var(--ease-out);background:linear-gradient(180deg, transparent 18%, var(--grade,#d8313b8c) 55%, var(--grade,#d8313b8c) 100%);position:absolute;inset:0}.fitting-tone{mix-blend-mode:multiply;opacity:.35;transition:background .5s var(--ease-out);background:radial-gradient(80% 70% at 50% 70%, var(--tone,#d8313b99) 0%, transparent 70%);position:absolute;inset:0}.fitting-silk{pointer-events:none;transition:opacity .45s var(--ease-out);position:absolute}.stage-silk{opacity:.96;background-image:url(/2.png);background-repeat:no-repeat;background-size:268% 268%;-webkit-mask-image:radial-gradient(52% 48% at 50% 40%,#000 22%,#0000 70%);mask-image:radial-gradient(52% 48% at 50% 40%,#000 22%,#0000 70%)}.stage-silk.red{background-position:12% 5%}.stage-silk.green{background-position:90% 6%}.fitting-seam{top:0;bottom:0;left:var(--seam,50%);background:linear-gradient(180deg, transparent, var(--accent) 12%, #fcebea 50%, var(--accent) 88%, transparent);z-index:4;will-change:left;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 16px 1px #d8313bcc}.fitting-handle{-webkit-backdrop-filter:blur(8px);color:#fcf8f2;letter-spacing:-.1em;background:#17131ab3;border:1px solid #fcebea99;border-radius:100px;justify-content:center;align-items:center;width:2.9rem;height:2.9rem;font-size:.95rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px -8px #000c}.fitting-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#fcf8f2;-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);z-index:4;background:#100d129e;border-radius:100px;padding:.32rem .62rem;font-size:.6rem;position:absolute;top:1rem}.fitting-label.is-left{left:1rem}.fitting-label.is-right{color:var(--accent);border-color:var(--accent-line);right:1rem}.swatch{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:var(--font-sans);cursor:pointer;transition:border-color .25s var(--ease-out), color .25s var(--ease-out), background .25s var(--ease-out), transform .2s var(--ease-spring);border-radius:100px;align-items:center;gap:.55rem;padding:.5rem .85rem .5rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.swatch:hover{transform:translateY(-2px)}.swatch[data-active=true]{color:var(--text);border-color:var(--border2);background:var(--surface2)}.swatch:focus-visible,.fitting-handle:focus-visible,.stage-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.swatch-dot{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:.95rem;height:.95rem}@keyframes stage-marquee{to{transform:translate(-50%)}}.stage-marquee{width:max-content;animation:38s linear infinite stage-marquee;display:flex}.stage-marquee:hover{animation-play-state:paused}.stage-grid{grid-template-columns:repeat(12,1fr);gap:.85rem;display:grid}@media (max-width:820px){.stage-grid>*{grid-area:auto/1/auto/-1!important}}.stage-nav-overlay{z-index:50;-webkit-backdrop-filter:blur(28px);transition:opacity .35s var(--ease-out), visibility .35s;background:#141018f5;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;position:fixed;inset:0}.stage-nav-overlay[data-open=false]{opacity:0;visibility:hidden;pointer-events:none}.stage-nav-overlay[data-open=true]{opacity:1;visibility:visible}.stage-nav-link{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(1.5rem)}.stage-nav-overlay[data-open=true] .stage-nav-link:first-child{opacity:1;transition-delay:80ms;transform:none}.stage-nav-overlay[data-open=true] .stage-nav-link:nth-child(2){opacity:1;transition-delay:.14s;transform:none}.stage-nav-overlay[data-open=true] .stage-nav-link:nth-child(3){opacity:1;transition-delay:.2s;transform:none}.stage-nav-overlay[data-open=true] .stage-nav-link:nth-child(4){opacity:1;transition-delay:.26s;transform:none}.stage-desk{display:none}@media (min-width:768px){.stage-desk{display:inline-flex!important}.stage-burger{display:none!important}}@media (prefers-reduced-motion:reduce){.stage *,.stage :before,.stage :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.stage .lite-figure,.stage .lite-spot{filter:none}}