*{margin:0;padding:0;box-sizing:border-box}:root{--ui-font: "Space Grotesk", system-ui, sans-serif;--ink: #eef2f4;--ink-dim: rgba(238, 242, 244, .55);--ink-faint: rgba(238, 242, 244, .32)}html,body{height:100%;overflow:hidden;background:#05080f;font-family:var(--ui-font);color:var(--ink);-webkit-font-smoothing:antialiased}body{position:relative}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#0c1422,#05080f 70%)}.loader-inner{width:min(340px,70vw);text-align:center}.loader-mark{font-size:.95rem;font-weight:500;letter-spacing:.55em;text-indent:.55em;margin-bottom:2.2rem;color:var(--ink)}.loader-mark span{display:block;font-size:.5rem;font-weight:400;letter-spacing:.4em;text-indent:.4em;color:var(--ink-faint);margin-top:.7rem}.loader-bar{height:1px;background:#ffffff1f;position:relative;overflow:hidden}.loader-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#7db8d6,#a8d8ea);transform:scaleX(0);transform-origin:left}.loader-status{margin-top:1.3rem;font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim)}#brand{position:fixed;top:30px;left:34px;z-index:20;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(-14px)}.brand-mark{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink);position:relative}.brand-mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--ink);opacity:.5}.brand-name{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:400}#tagline{position:fixed;left:0;right:0;bottom:16%;z-index:15;text-align:center;padding:0 24px;opacity:0;transform:translateY(24px);pointer-events:none}#tagline h1{font-size:clamp(2.1rem,5.4vw,4.4rem);font-weight:300;line-height:1;letter-spacing:.01em}#tagline p{margin:1.3rem auto 0;max-width:30rem;font-size:.82rem;line-height:1.7;color:var(--ink-dim);font-weight:300}#recenter-btn{position:fixed;top:30px;right:30px;z-index:30;display:flex;align-items:center;gap:9px;padding:11px 16px 11px 13px;background:#080c1499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font:500 .62rem/1 var(--ui-font);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease,background .25s,border-color .25s}#recenter-btn svg{width:16px;height:16px;display:block;transition:transform .45s ease}#recenter-btn:hover{background:#080c14e0;border-color:#ffffff47}#recenter-btn:hover svg{transform:rotate(-72deg)}body[data-state=globe] #recenter-btn{opacity:1;pointer-events:auto;transform:translateY(0)}#drag-hint{position:fixed;left:0;right:0;bottom:26px;z-index:15;display:flex;align-items:center;justify-content:center;gap:14px;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);font-weight:500;opacity:0;pointer-events:none}.drag-hint-pulse{width:8px;height:8px;border-radius:50%;background:var(--ink);display:inline-block;animation:dragPulse 2.2s ease-in-out infinite}@keyframes dragPulse{0%,to{opacity:.35;transform:scale(.78);box-shadow:0 0 #fff0}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 18px #ffffffb3}}.product-page{--accent: #a8d8ea;--accent-deep: #1b3a4b;--sky: #070f1c;--zone-font: "Space Grotesk", sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;overflow-x:hidden}.product-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 70% 55% at 76% 12%,var(--accent) -55%,transparent 60%),radial-gradient(ellipse 80% 70% at 14% 96%,var(--accent-deep) -25%,transparent 62%),linear-gradient(165deg,var(--sky) 0%,#02040a 115%)}.product-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 360 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}.product-topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;padding:26px 38px;z-index:5}.zone-switch{display:flex;gap:10px;align-items:center}.zone-switch-label{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);margin-right:4px}.zone-switch-dot{display:flex;align-items:center;gap:10px;padding:11px 18px;background:#080c148c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--dot);cursor:pointer;transition:background .25s,transform .25s,border-color .25s}.zone-switch-dot:hover{background:#080c14d9;border-color:#ffffff47;transform:translateY(-2px)}.zone-switch-dot span{width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:0 0 14px var(--dot);flex-shrink:0}.zone-switch-dot em{font-style:normal;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:500}.product-inner{max-width:1180px;margin:0 auto;padding:3vh 38px 90px}.product-header{padding:4vh 0 6vh;max-width:40rem}.product-eyebrow{font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);margin-bottom:1.6rem}.product-title{font-family:var(--zone-font);font-size:clamp(3.4rem,11vw,8.5rem);font-weight:300;line-height:.94;letter-spacing:-.01em;margin-bottom:1.4rem}.product-philosophy{font-family:var(--zone-font);font-size:clamp(1.1rem,2.4vw,1.7rem);font-weight:400;color:var(--ink);margin-bottom:1.5rem}.product-intro{font-size:.86rem;line-height:1.8;color:var(--ink-dim);font-weight:300}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#080c1480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--accent);display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s}.product-card:hover{transform:translateY(-8px);border-color:#ffffff29}.product-card-media{aspect-ratio:4 / 5;overflow:hidden;position:relative;background:linear-gradient(150deg,var(--accent-deep),#04060c)}.product-card-media img{width:100%;height:100%;object-fit:cover}.product-card-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.product-card-mark span{font-family:var(--zone-font);font-size:5rem;font-weight:300;color:var(--accent);opacity:.32}.product-card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.product-card-name{font-family:var(--zone-font);font-size:1.15rem;font-weight:500;line-height:1.2}.product-card-desc{font-size:.74rem;line-height:1.65;color:var(--ink-dim);font-weight:300;flex:1}.product-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.product-card-price{font-family:var(--zone-font);font-size:1.05rem;font-weight:500}.product-card-cta{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;padding:10px 15px;border:1px solid var(--accent);color:var(--accent);transition:background .25s,color .25s}.product-card-cta:hover,.product-card-cta.is-added{background:var(--accent);color:#06121a}.product-foot{display:flex;justify-content:space-between;margin-top:6vh;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.tumbleweed{position:fixed;bottom:12%;left:0;width:84px;height:84px;pointer-events:none;z-index:5;filter:drop-shadow(0 12px 18px rgba(40,18,4,.5));will-change:transform,opacity}.tumbleweed svg{width:100%;height:100%;display:block}.mini-globe{position:fixed;top:26px;left:30px;z-index:50}.mini-globe-btn{display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 14px 12px;cursor:pointer;background:#080c148c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:border-color .25s,transform .25s,background .25s}.mini-globe-btn:hover{border-color:#ffffff47;background:#080c14c7;transform:translateY(-2px)}.mini-globe canvas{width:96px;height:96px;display:block;pointer-events:none;transition:filter .3s}.mini-globe-btn:hover canvas{filter:brightness(1.15) drop-shadow(0 0 14px rgba(255,255,255,.18))}.mini-globe-label{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);font-weight:500;display:flex;align-items:center;gap:7px;white-space:nowrap}.mini-globe-arrow{display:inline-block;font-size:.85rem;font-weight:400;transition:transform .25s}.mini-globe-btn:hover .mini-globe-arrow{transform:translate(-4px)}@media (max-width: 860px){.product-grid{grid-template-columns:repeat(2,1fr)}#tagline{bottom:13%}}@media (max-width: 540px){#brand{top:22px;left:22px}#recenter-btn{top:22px;right:18px;padding:9px 12px 9px 11px;gap:7px;font-size:.56rem;letter-spacing:.2em}#recenter-btn svg{width:13px;height:13px}.product-grid{grid-template-columns:1fr}.product-inner{padding:2vh 22px 70px}.product-topbar{padding:20px 22px}.zone-switch-label{display:none}.zone-switch-dot{padding:10px 12px;gap:8px}.zone-switch-dot em{font-size:.58rem;letter-spacing:.16em}.mini-globe{top:16px;left:16px}.mini-globe-btn{padding:8px 10px 10px;gap:10px}.mini-globe canvas{width:64px;height:64px}.mini-globe-label{font-size:.54rem;letter-spacing:.2em}}