/* Wolves Wear White — EXACT mock layout (no editor, static) */
:root{
  --bg:#0b0e11;
  --ink:#e7e7e7;
  --accent:#9bd4ff;
  --line:rgba(231,231,231,0.12);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.container{width:min(1200px,92vw); margin:auto}

/* Header NAV */
.site-header{position:relative; z-index:20; background:linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.35), rgba(0,0,0,0))}
.header-inner{padding:22px 0 10px}
.nav{display:flex; gap:44px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; justify-content:flex-start}
.nav a{color:#d6d6d6; text-decoration:none; opacity:.95}
.nav a:hover{opacity:1; text-shadow:0 0 14px rgba(255,255,255,.18)}

/* HERO shared */
.hero{position:relative; min-height:86vh; isolation:isolate}
.hero__bg{position:absolute; inset:0; background:url('assets/main-bg.jpg') center/cover no-repeat; filter:brightness(62%) contrast(110%) saturate(105%)}
.hero__bg--spare{background-image:url('assets/spare-bg.jpg')}

/* HOME layout */
.page-home .hero__logo{display:block; height:120px; margin:18px auto 18px; filter:drop-shadow(0 0 24px rgba(255,255,255,.5))}
.stack-title{font:800 clamp(56px,11vw,160px)/.96 Anton, Impact, Inter, sans-serif; text-align:center; margin:0; letter-spacing:.01em; color:#e6e6e6; text-shadow:0 2px 0 rgba(0,0,0,.6), 0 8px 42px rgba(255,255,255,.12)}
.stack-title span{display:block}
.alpha-tag{margin:12px 0 32px; text-align:center; font:800 clamp(18px,3.2vw,40px)/1 Inter, sans-serif; letter-spacing:.12em; color:#dfe7ef; text-shadow:0 0 28px rgba(155,212,255,.85)}
.wolves-holder{height:34vh}

/* SPARE layout */
.page-spare .spare__logo{display:block; height:90px; margin:18px auto 28px; filter:drop-shadow(0 0 20px rgba(255,255,255,.45))}
.page-spare .content-box{width:min(1000px,92vw); margin:0 auto; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.25); border-radius:6px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.page-spare .content-box__inner{padding:44px 20px; text-align:center; font:800 clamp(28px,5vw,74px)/1.1 Anton, Inter, sans-serif; color:#dfe2e6}

/* FOOTER */
.site-footer{border-top:1px solid var(--line); background:#0a0d11; padding:18px 0}
.footer-inner{display:flex; align-items:center; justify-content:space-between}
.social{display:flex; gap:16px}
.icon{display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; opacity:.9}
.icon svg{fill:#e7e7e7}
.icon:hover{opacity:1; filter:drop-shadow(0 0 10px rgba(155,212,255,.5))}
.copyright{font-weight:800; letter-spacing:.06em; color:#dcdcdc}

/* Responsive */
@media (max-width:900px){
  .nav{gap:18px; font-size:14px; flex-wrap:wrap}
  .wolves-holder{height:28vh}
}