*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Inter,Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh}#loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:200}.loader-inner{text-align:center;max-width:380px}.loader-mark{font:700 22px/1 Inter,sans-serif;letter-spacing:.18em;margin-bottom:28px}.loader-mark span{display:block;margin-top:6px;font-weight:300;font-size:14px;letter-spacing:.32em;color:#b8c8d8}.loader-bar{width:100%;height:2px;background:#ffffff1f;position:relative;overflow:hidden}.loader-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#7db8d6,#b8e0ff);transition:width .3s ease}.loader-status{margin-top:16px;font-size:11px;letter-spacing:.3em;color:#8a9bb0;text-transform:uppercase}#brand{position:fixed;top:28px;left:32px;z-index:50;display:flex;align-items:center;gap:12px;opacity:0}.brand-mark{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#b8e0ff,#4a8fa8 70%);box-shadow:0 0 12px #7db8d699}.brand-name{font:500 13px/1 Inter,sans-serif;letter-spacing:.32em;text-transform:uppercase}#tagline{position:fixed;left:50%;bottom:7%;transform:translate(-50%);z-index:40;text-align:center;pointer-events:none;opacity:0;width:90vw;max-width:600px}#tagline h1{font:300 clamp(28px,4vw,44px)/1.05 "Fraunces",serif;font-style:italic;margin:0 0 12px;letter-spacing:-.01em}#tagline p{margin:0 auto;font:400 13px/1.5 Inter,sans-serif;letter-spacing:.04em;color:#c8d4e0;max-width:460px}#hint{position:fixed;left:50%;bottom:9%;transform:translate(-50%);z-index:45;font:400 12px/1 Inter,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#fff;opacity:0;pointer-events:none}.product-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow-y:auto;background:var(--sky, #0A1628);color:#fff;font-family:var(--zone-font, "Inter", sans-serif)}.product-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.04),transparent 50%),radial-gradient(ellipse at 80% 80%,var(--accent-deep, #1B3A4B),transparent 70%),var(--sky, #0A1628);z-index:-2}.product-grain{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.5;pointer-events:none;z-index:-1}.product-topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.product-back{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);padding:10px 18px;font:500 12px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:999px;transition:background .2s,border-color .2s}.product-back:hover{background:#ffffff14;border-color:var(--accent, #fff)}.zone-switch{display:flex;align-items:center;gap:14px}.zone-switch-label{font:500 11px/1 Inter,sans-serif;letter-spacing:.28em;text-transform:uppercase;opacity:.6}.zone-switch-dot{background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;color:#fff}.zone-switch-dot span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:0 0 10px var(--dot)}.zone-switch-dot em{font:500 11px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;font-style:normal;opacity:.85}.product-inner{max-width:1280px;margin:0 auto;padding:40px 40px 100px}.product-header{text-align:center;padding:60px 0 70px}.product-eyebrow{font:500 11px/1 Inter,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--accent, #fff);margin:0 0 24px}.product-title{font-family:var(--zone-font, "Fraunces", serif);font-size:clamp(48px,8vw,110px);font-weight:300;margin:0 0 18px;letter-spacing:-.02em}.product-philosophy{font-style:italic;font-size:clamp(18px,2vw,22px);margin:0 0 18px;color:#d0d8e0}.product-intro{max-width:620px;margin:0 auto;font-size:15px;line-height:1.7;color:#a8b8c8}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.product-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;transition:transform .3s,border-color .3s,background .3s}.product-card:hover{transform:translateY(-4px);border-color:var(--accent, #fff);background:#ffffff0f}.product-card-media{aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--accent-deep),var(--accent));display:flex;align-items:center;justify-content:center}.product-card-media img{width:100%;height:100%;object-fit:cover}.product-card-mark{font-family:var(--zone-font, "Fraunces", serif);font-size:64px;font-weight:300;color:#ffffffe6;letter-spacing:-.02em}.product-card-body{padding:22px 22px 24px}.product-card-name{font:500 17px/1.3 Inter,sans-serif;margin:0 0 8px;letter-spacing:0}.product-card-desc{font:400 13px/1.5 Inter,sans-serif;color:#a0b0c0;margin:0 0 18px;min-height:40px}.product-card-foot{display:flex;align-items:center;justify-content:space-between}.product-card-price{font:500 17px/1 Inter,sans-serif;color:var(--accent, #fff)}.product-card-cta{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:9px 16px;font:500 11px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:999px;transition:background .2s,border-color .2s}.product-card-cta:hover,.product-card-cta.is-added{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.product-foot{margin-top:80px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font:400 11px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#a0b0c0}.tumbleweed{position:fixed;bottom:60px;left:-180px;width:110px;height:110px;pointer-events:none;z-index:50}.tumbleweed svg{width:100%;height:100%}