:root{
  --noir:#0d0d0b;--chalk:#f8f6f2;--linen:#e8e6e0;--mid:#999890;--text:#1a1a18;
  --gold:#c8a85a;--peach:#ffc5ad;--rosa:#f4a0b8;--flieder:#a8d8f0;
  --mint:#a8f0d8;--butter:#f8eea0;--flieder2:#e0b8f4;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,sans-serif}

.rainbow-line{height:3px;background:linear-gradient(to right,#ffc5ad,#f8eea0,#a8d8f0,#a8f0d8,#e0b8f4,#f4a0b8)}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,13,11,.95);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:4px 40px}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62);text-decoration:none}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;padding:9px 20px;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;background:none;font-family:inherit;transition:all .2s;text-decoration:none;display:inline-block}
.nav-cta:hover{background:#fff;color:var(--noir)}

footer{background:#080807;padding:60px 40px 32px}
.ft{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.ft-tag{font-size:.7rem;line-height:1.75;color:rgba(255,255,255,.5)}
.ft-col h5{font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px;font-weight:700}
.ft-col ul{list-style:none}
.ft-col li{margin-bottom:8px}
.ft-col a{font-size:.71rem;color:rgba(255,255,255,.62);text-decoration:none;transition:color .2s;cursor:pointer}
.ft-col a:hover{color:rgba(255,255,255,.92)}
.ft-bot{border-top:1px solid rgba(255,255,255,.04);padding-top:24px}
.ft-legal{font-size:.56rem;line-height:1.72;color:#fff}

@media (max-width:768px){
  .nav-inner{padding:14px 20px}
  .nav-links{display:none}
  .ft{grid-template-columns:1fr;gap:32px}
}

.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0}
.mobile-menu-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:transform .25s ease,opacity .25s ease}
.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-btn.open span:nth-child(2){opacity:0}
.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav-panel{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,9,.98);z-index:300;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.mobile-nav-panel.open{display:flex}
.mobile-nav-panel a{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.75);text-decoration:none}
.mobile-nav-panel a.active{color:#fff}
.mobile-nav-panel a:hover{color:#fff}

@media (max-width:768px){
  .mobile-menu-btn{display:flex}
}