@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#111214;background:#f7f6f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--ink: #111214;--muted: #6c7174;--line: rgba(17, 18, 20, .13);--paper: #f7f6f0;--soft: #ece9df;--accent: #9ce7f0;--aura: #67dff0;--panel: rgba(255, 255, 255, .48);--button-ink: #ffffff;--shadow: rgba(37, 45, 47, .12)}:root[data-theme=dark]{color:#f4f1e8;background:#0e1214;--ink: #f4f1e8;--muted: rgba(244, 241, 232, .68);--line: rgba(205, 245, 255, .15);--paper: #11181a;--soft: #182124;--panel: rgba(255, 255, 255, .07);--button-ink: #101416;--shadow: rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 12%,rgba(148,229,241,.18),transparent 28rem),linear-gradient(180deg,#fbfaf4,#f1efe6 44%,#f8f7f2);color:var(--ink);transition:background .26s ease,color .26s ease}:root[data-theme=dark] body{background:radial-gradient(circle at 78% 8%,rgba(70,211,234,.16),transparent 24rem),linear-gradient(180deg,#101416,#151d20 48%,#0e1214)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}main{overflow-x:clip}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:20;display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper),transparent 18%);color:var(--ink);cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;padding:.72rem .9rem;box-shadow:0 1rem 2.4rem var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-section{position:relative;display:grid;min-height:100svh;place-items:center;padding:clamp(1.5rem,4vw,4rem);isolation:isolate;overflow:clip}.intro-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 45%,rgba(103,223,240,.2),transparent 18rem),linear-gradient(115deg,#ffffffeb,#ddf1f4b3)}:root[data-theme=dark] .intro-backdrop{background:radial-gradient(circle at 50% 46%,rgba(103,226,242,.14),transparent 20rem),linear-gradient(115deg,#0f1417f5,#142226e6)}.hello-mark{position:relative;z-index:2;width:min(82vw,980px);max-height:38vh;overflow:visible;color:#124c58e6}.hello-stroke,.hello-fill,.hello-shimmer{font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;font-size:150px;font-weight:650;letter-spacing:0}.hello-mark-wide .hello-stroke,.hello-mark-wide .hello-fill,.hello-mark-wide .hello-shimmer{font-size:104px}.hello-stroke{fill:transparent;stroke:#15788cd1;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1320;stroke-dashoffset:1320;filter:drop-shadow(0 0 10px rgba(76,199,219,.24)) drop-shadow(0 12px 28px rgba(17,18,20,.12));animation:drawHello 2s cubic-bezier(.62,.05,.05,.98) .2s forwards}:root[data-theme=dark] .hello-stroke{stroke:#97eefbf2;filter:drop-shadow(0 0 20px rgba(68,220,239,.28))}:root[data-theme=dark] .hello-mark{color:#e8fdffe0}.hello-fill{opacity:0;fill:#edfdffc7;paint-order:stroke;stroke:#1f8b9e61;stroke-width:.9;filter:drop-shadow(0 0 18px rgba(82,216,235,.22)) drop-shadow(0 12px 26px rgba(17,18,20,.1));animation:glassFill .95s ease 1.85s forwards}:root[data-theme=dark] .hello-fill{opacity:0;fill:#d8faff9e;stroke:#7cebfa94;filter:drop-shadow(0 0 26px rgba(76,222,242,.22))}.hello-shimmer{opacity:0;mix-blend-mode:screen;animation:shimmerHello 1.7s ease 2.45s forwards}.intro-caption{position:absolute;bottom:clamp(2rem,6vw,4.5rem);margin:0;color:#11121494;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.welcome-glass{position:absolute;z-index:1;width:min(72vw,760px);aspect-ratio:2.35;border:1px solid rgba(54,169,190,.24);border-radius:999px;background:linear-gradient(112deg,#ffffffa8,#daf9ff47),radial-gradient(circle at 24% 18%,rgba(255,255,255,.82),transparent 34%),radial-gradient(circle at 72% 82%,rgba(103,223,240,.24),transparent 38%);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #3997a91f,0 2rem 6rem #3997a933;-webkit-backdrop-filter:blur(28px) saturate(1.18);backdrop-filter:blur(28px) saturate(1.18);overflow:hidden}.welcome-glass:after{content:"";position:absolute;inset:-40% auto -40% -24%;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);transform:skew(-18deg);animation:glassSheen 4.8s ease-in-out infinite}.welcome-orbit{position:absolute;inset:0;display:grid;place-items:center}.welcome-greeting{position:absolute;color:#1a586542;font-size:clamp(1.2rem,4.5vw,3rem);font-weight:700;letter-spacing:.02em;opacity:0;filter:blur(10px);transform:translateY(22px) scale(.96);animation:greetingCycle 10s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--i) * .45s);white-space:nowrap}:root[data-theme=dark] .welcome-glass{border-color:#84ebfb3d;background:linear-gradient(112deg,#ffffff14,#38b6cc14),radial-gradient(circle at 25% 15%,rgba(149,237,250,.18),transparent 36%);box-shadow:inset 0 1px #ffffff26,0 2rem 7rem #28cde624}:root[data-theme=dark] .welcome-greeting{color:#dffcff57}@keyframes greetingCycle{0%,15%,to{opacity:0;filter:blur(10px);transform:translateY(22px) scale(.96)}24%,36%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}46%{opacity:0;filter:blur(8px);transform:translateY(-18px) scale(1.03)}}@keyframes glassSheen{0%,52%{transform:translate(0) skew(-18deg);opacity:0}64%{opacity:.9}to{transform:translate(340%) skew(-18deg);opacity:0}}:root[data-theme=dark] .intro-caption{color:#f4f1e8a3}.experience-shell{position:relative;min-height:440svh;border-top:1px solid var(--line);overflow:clip}.product-stage{position:sticky;top:0;z-index:1;width:min(52vw,900px);height:100svh;margin-left:0;pointer-events:auto;will-change:transform}.model-aura{position:absolute;inset:12% 8% 10%;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--aura),white 24%) 0%,color-mix(in srgb,var(--aura),transparent 45%) 24%,transparent 64%);filter:blur(34px);opacity:.58;transform-origin:center;animation:auraBreath 4.6s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}:root[data-theme=dark] .model-aura{opacity:.72;filter:blur(42px);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--aura),white 16%) 0%,color-mix(in srgb,var(--aura),transparent 38%) 26%,transparent 66%)}@keyframes auraBreath{0%,to{opacity:.48;transform:scale(.94)}50%{opacity:.76;transform:scale(1.08)}}.experience-copy{position:relative;z-index:2;width:100%;margin-top:-100svh;pointer-events:none}.text-panel{position:relative;z-index:3;width:min(43vw,680px);pointer-events:auto}.left-panel{margin-right:auto}.right-panel{margin-left:auto}@keyframes drawHello{to{stroke-dashoffset:0}}@keyframes glassFill{to{opacity:1}}@keyframes shimmerHello{0%{opacity:0;transform:translate(-18%)}22%,78%{opacity:.88}to{opacity:0;transform:translate(18%)}}.hero-section{display:flex;align-items:center;min-height:100svh;padding:clamp(2rem,5vw,5.5rem)}.hero-copy{max-width:620px}.eyebrow{margin:0 0 1rem;color:#3d9eb0;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:10ch;margin-bottom:1.25rem;font-family:Times New Roman,ui-serif,Georgia,serif;font-size:clamp(4rem,10vw,9.2rem);font-weight:400;line-height:.84;letter-spacing:0}h2{max-width:13ch;margin-bottom:1rem;font-family:Times New Roman,ui-serif,Georgia,serif;font-size:clamp(2.7rem,6vw,6rem);font-weight:400;line-height:.92;letter-spacing:0}h3{margin-bottom:.65rem;font-size:1rem;font-weight:700;letter-spacing:0}p{color:var(--muted);line-height:1.7}.hero-subtitle{max-width:34rem;margin-bottom:2rem;font-size:clamp(1.05rem,1.5vw,1.24rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;padding:.85rem 1.25rem;font-size:.86rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--button-ink)}.button.secondary{background:var(--panel);color:var(--ink)}.swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.swatches.compact{justify-content:flex-end}.swatch-button{position:relative;display:grid;width:2.45rem;aspect-ratio:1;place-items:center;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper),transparent 18%);color:var(--ink);cursor:pointer;font:inherit;padding:0;box-shadow:0 .8rem 2rem var(--shadow)}.swatch-button[aria-pressed=true]{border-color:color-mix(in srgb,var(--swatch),#111214 26%);box-shadow:0 0 0 4px color-mix(in srgb,var(--paper),transparent 10%),0 0 0 7px color-mix(in srgb,var(--swatch),transparent 50%),0 1rem 2.2rem var(--shadow)}.swatch-dot{width:1.7rem;aspect-ratio:1;border:1px solid rgba(17,18,20,.18);border-radius:50%;background:var(--swatch)}.swatch-tooltip{position:absolute;top:calc(100% + .55rem);left:50%;width:max-content;max-width:8rem;transform:translate(-50%);border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:.68rem;font-weight:800;opacity:0;padding:.32rem .48rem;pointer-events:none;transition:opacity .16s ease}.swatch-button:hover .swatch-tooltip,.swatch-button:focus-visible .swatch-tooltip{opacity:1}.active-color{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.color-kicker,.color-control>span{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .95rem;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-model{position:relative;height:min(76svh,760px);min-height:min(76svh,760px);overflow:hidden;border-left:1px solid rgba(17,18,20,.1)}.hoodie-canvas,.hero-model canvas,.product-stage canvas{position:relative;z-index:1;width:100%;height:100%;min-height:min(76svh,760px);display:block;background:transparent}.drag-hint{position:absolute;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);border:1px solid rgba(17,18,20,.1);border-radius:999px;background:color-mix(in srgb,var(--paper),transparent 22%);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;padding:.72rem .88rem;text-transform:uppercase}.story-section{display:grid;grid-template-columns:1fr;min-height:112svh;align-items:start;padding:clamp(4rem,8vw,8rem) clamp(2rem,5vw,5.5rem);gap:clamp(2rem,8vw,8rem);background:linear-gradient(180deg,color-mix(in srgb,var(--paper),transparent 45%),color-mix(in srgb,var(--soft),transparent 12%)),radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--accent),transparent 68%),transparent 28rem)}.story-section.text-panel,.details-section.text-panel,.color-section.text-panel{min-height:112svh;display:flex;flex-direction:column;justify-content:center}.story-copy{position:relative;max-width:640px;z-index:3}.story-copy p:last-child{max-width:30rem;font-size:1.08rem}.story-steps{display:grid;gap:.8rem;padding-top:clamp(2rem,10vh,6rem)}.story-step{display:flex;min-height:4.6rem;align-items:center;gap:1rem;border-bottom:1px solid var(--line);color:var(--ink);font-family:Times New Roman,ui-serif,Georgia,serif;font-size:clamp(1.65rem,3vw,2.6rem)}.story-step span{color:#3d9eb0;font-family:Inter,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.2em}.details-section,.features-section,.color-section,.final-section{padding:clamp(4rem,8vw,8rem) clamp(2rem,5vw,5.5rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2rem,5vw,4rem)}.detail-grid,.features-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.details-section.text-panel .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card,.feature-card{min-height:15rem;background:var(--panel);padding:clamp(1.2rem,2vw,1.7rem)}.detail-card p,.feature-card p{margin-bottom:0;font-size:.94rem}.color-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(300px,1fr);align-items:end;gap:2rem;border-block:1px solid var(--line);background:color-mix(in srgb,var(--paper),var(--accent) 4%)}.color-section.text-panel{grid-template-columns:1fr;align-items:stretch;gap:2rem;border:0;border-radius:0;margin-block:8svh;background:transparent;box-shadow:none}.color-control{display:grid;gap:1.15rem}.option-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.option-row button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;padding:.7rem .9rem}.color-section p:not(.eyebrow){max-width:34rem;margin-bottom:0}.feature-card svg{margin-bottom:1.4rem;color:#208fa4}.final-section{min-height:72svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(110deg,#111214f5,#172224eb),radial-gradient(circle at 84% 16%,rgba(113,224,238,.25),transparent 24rem)}.final-section h2{color:#fff}.final-section p:not(.eyebrow){max-width:34rem;color:#ffffffb8}.final-section .button.primary{border-color:#fff;background:#fff;color:#111214}@media(max-width:980px){.story-section,.color-section{grid-template-columns:1fr}.text-panel{width:100%}.experience-shell{min-height:auto}.product-stage{position:sticky;top:0;width:100%;height:58svh;margin:0;border-left:0;border-bottom:0}.experience-copy{width:100%;margin-top:0}.hero-section{padding-top:3rem;min-height:auto}.hero-model{height:62svh;min-height:62svh;border-left:0;border-top:1px solid rgba(17,18,20,.1)}.hoodie-canvas,.hero-model canvas,.product-stage canvas{height:58svh;min-height:58svh}.story-section{min-height:auto}.story-copy{position:static}.story-steps{padding-top:0}.detail-grid,.features-section{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches.compact{justify-content:flex-start}}@media(max-width:620px){.intro-caption{max-width:80vw;text-align:center}.hello-stroke,.hello-fill,.hello-shimmer{font-size:142px}.hello-mark-wide .hello-stroke,.hello-mark-wide .hello-fill,.hello-mark-wide .hello-shimmer{font-size:74px}.hero-section,.details-section,.features-section,.color-section,.final-section,.story-section{padding-inline:1.15rem}h1{font-size:clamp(3.6rem,22vw,6.3rem)}h2{max-width:11ch}.detail-grid,.features-section{grid-template-columns:1fr}.detail-card,.feature-card{min-height:11rem}.hero-actions,.button{width:100%}.theme-toggle span{display:none}.hero-model,.hoodie-canvas,.hero-model canvas,.product-stage canvas{height:55svh;min-height:55svh}.product-stage{height:55svh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hello-stroke{stroke-dashoffset:0}.hello-fill{opacity:1}.welcome-greeting{animation:none;opacity:0;filter:none;transform:none}.welcome-greeting:first-child,.welcome-greeting:nth-child(2){opacity:.72}.welcome-glass:after{animation:none;opacity:.2}.model-aura{animation:none;opacity:.42;transform:scale(1)}}