:root{ --bg:#000; --fg:#fff; --muted:#cfcfcf; }
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{ margin:0; background:var(--bg); color:var(--fg); font-family:Inter, Montserrat, Arial, sans-serif; }
img{ display:block; max-width:100%; height:auto; }
a{ color:var(--fg); text-decoration:none; }
.container{ max-width:980px; margin:0 auto; padding:90px 20px 60px; }
.center{ text-align:center; }
.text p, .text li{ line-height:1.7; color:#e8e8e8; }
.text h1, .text h2{ letter-spacing:.15rem; margin:18px 0 10px; }

/* Header with dropdown */
.site-header{ position:fixed; top:0; left:0; right:0; height:74px; display:flex; align-items:center; justify-content:center; gap:10px; background:rgba(0,0,0,.88); backdrop-filter: blur(6px); z-index:999; }
.site-header .logo img{ max-height:40px; width:auto; }
.menu-toggle{ position:absolute; left:16px; top:18px; width:36px; height:36px; background:transparent; border:0; cursor:pointer; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.menu-toggle span{ display:block; height:2px; background:#fff; border-radius:1px; }
.dropdown{ position:absolute; top:74px; left:0; right:0; max-height:0; overflow:hidden; transition:max-height .35s ease; background:rgba(0,0,0,.96); border-top:1px solid #111; }
.dropdown.open{ max-height:70vh; }
.dropdown ul{ list-style:none; margin:0; padding:14px 0; display:flex; flex-direction:column; align-items:center; gap:10px; }
.dropdown a{ padding:10px 16px; letter-spacing:.2rem; }

/* Home */
.logo-hero{ display:flex; align-items:center; justify-content:center; min-height:60vh; }
.logo-hero img{ width:min(75vw,560px); height:auto; }
.social{ display:flex; gap:20px; justify-content:center; align-items:center; margin-top:8px; }
.social a{ opacity:.9; }
.social a:hover{ opacity:.6; }

/* Section pages */
.page.section .logo-inline{ margin:14vh auto 10px; width:min(70vw,380px); }
.title{ text-align:center; letter-spacing:.4rem; margin:4px 0 20px; }
.pad{ padding-top:120px; }

/* Footer */
.site-footer{ opacity:.55; text-align:center; padding:24px 16px; }

/* Audio control */
.audio-ctl{ position:fixed; right:14px; bottom:14px; width:42px; height:42px; border:1px solid #444; background:#0a0a0a; color:#fff; border-radius:50%; cursor:pointer; opacity:.8; }
.audio-ctl:hover{ opacity:1; }