/* ── Launch Banner ── */
.launch-banner{background:#1a3b2b;color:#fdfaf3;text-align:center;padding:8px 16px;font-size:.85rem;font-weight:400;display:flex;justify-content:center;align-items:center;position:relative;z-index:1000;font-family:'Jost',sans-serif;letter-spacing:.05em}
.launch-banner-content{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-right:24px}
.launch-countdown{font-variant-numeric:tabular-nums;background:rgba(253,250,243,0.15);padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:500;letter-spacing:1px}
.launch-close{position:absolute;right:16px;background:none;border:none;color:#fdfaf3;font-size:1.4rem;cursor:pointer;padding:0 8px;line-height:1;opacity:.7;transition:opacity .2s;font-weight:300}
.launch-close:hover{opacity:1}

nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.4rem 4rem;border-bottom:.5px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100;transition:background .5s,border-color .5s,box-shadow .3s,backdrop-filter .3s}
nav.scrolled{box-shadow:0 1px 24px var(--shadow);background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.logo{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:2.1rem;letter-spacing:.35em;color:var(--text);text-transform:uppercase;line-height:1;text-decoration:none;transition:color .3s}
.logo span{font-weight:500;color:var(--accent);transition:color .5s}
.logo small{display:block;font-size:.48rem;letter-spacing:.28em;color:var(--text-soft);margin-top:-1px;text-align:center;font-family:'Jost',sans-serif;font-weight:300;transition:color .5s}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{text-decoration:none;color:var(--text-mid);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:300;transition:color .3s;position:relative;padding-bottom:2px}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:.5px;background:var(--accent);transition:width .3s ease}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}

/* Scarcity / Availability */
.nav-availability{display:flex;align-items:center;gap:.5rem;padding-right:1.25rem;border-right:.5px solid var(--border)}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:#50C878;box-shadow:0 0 0 0 rgba(80,200,120,0.7);animation:pulseDot 2.5s infinite ease-in-out}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(80,200,120,0.4)}70%{box-shadow:0 0 0 6px rgba(80,200,120,0)}100%{box-shadow:0 0 0 0 rgba(80,200,120,0)}}
.nav-availability-text{font-size:.72rem;letter-spacing:.08em;color:var(--text-soft);font-family:'Jost',sans-serif;font-weight:300;text-transform:uppercase}

.nav-right{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:flex-end}
.theme-toggle{background:none;border:.5px solid var(--border);color:var(--text-soft);width:44px;height:44px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s;font-family:'Jost',sans-serif;border-radius:50%}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.theme-toggle.spin{animation:spinOnce .4s ease}
.burger{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;z-index:101;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.burger span{display:block;width:24px;height:1.5px;background:var(--text);transition:all .3s cubic-bezier(0.25, 1, 0.5, 1)}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:all .3s}
.mobile-overlay.open{opacity:1;visibility:visible}
.mobile-menu{position:fixed;top:0;right:0;width:320px;height:100%;background:var(--bg);z-index:999;transform:translateX(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);padding:5rem 2.5rem 2.5rem;display:flex;flex-direction:column;gap:2rem;border-left:.5px solid var(--border)}
.mobile-menu.open{transform:translateX(0)}
.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:2rem}
.mobile-nav-links a{text-decoration:none;color:var(--text-mid);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;font-weight:300;transition:color .3s;display:inline-block;padding:.5rem 0;min-height:44px;display:flex;align-items:center}
.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--accent)}
.mobile-menu .btn-primary{margin-top:auto;text-align:center}
@media(max-width:900px){nav{padding:1.2rem 2rem}.nav-links{display:none}.burger{display:flex}.btn-nav{display:none}.nav-right{gap:.75rem}}
@media(max-width:480px){nav{padding:1rem 1.25rem}.nav-availability{padding-right:.75rem; border-right: none}.nav-right{gap:.5rem}.nav-availability-text{font-size:.65rem; max-width: 80px; line-height:1.2}}