:root{
  --ink:#0A0A0A;
  --paper:#F1ECE0;
  --paper-2:#E8E1D2;
  --red:#C4321F;
  --muted:#7A7367;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);}
body{
  font-family:"EB Garamond", Georgia, serif;
  font-size:18px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
a:hover{color:var(--red);}
.mono{font-family:"JetBrains Mono", ui-monospace, monospace; font-size:14px; letter-spacing:.08em; text-transform:uppercase;}
.nav{
  position:sticky; top:0; z-index:50;
  display:grid; grid-template-columns: 1fr auto 1fr; align-items:center;
  padding:18px 28px;
  background:linear-gradient(var(--paper), rgba(241,236,224,.86) 70%, rgba(241,236,224,0));
  backdrop-filter:blur(2px);
}
.nav .mark{display:flex; align-items:center; gap:10px;}
.nav .mark .dot{width:10px; height:10px; background:var(--red); border-radius:50%;}
.nav .mark .name{font-family:"Archivo Black"; font-size:18px; letter-spacing:.06em;}
.nav .center{display:flex; gap:20px; justify-self:center; align-items:center;}
.nav .center a{position:relative; padding:6px 2px;}
.nav .center a:hover{color:var(--red);}
.nav .right{ justify-self:end; display:flex; align-items:center; gap:14px;}
.nav-icons{ display:inline-flex; gap:6px; align-items:center;}
.nav-icons a{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border:1px solid var(--ink); border-radius:50%;
  color:var(--ink);
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.nav-icons a:hover{ background:var(--red); border-color:var(--red); color:var(--paper);}
.nav-icons svg{ display:block;}
.nav .right .pill{
  border:1px solid var(--ink); padding:6px 12px; border-radius:999px;
  font-family:"JetBrains Mono"; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
}
.nav .right .pill:hover{background:var(--ink); color:var(--paper);}

/* ─── NAV DROPDOWN ─── */
.nav-dropdown{ position:relative; }
.nav-dropdown::after{
  content:''; position:absolute;
  top:100%; left:0; right:0; height:8px;
}
.nav-dropdown-toggle{
  display:flex; align-items:center; gap:4px;
  position:relative; padding:6px 2px; cursor:pointer;
}
.nav-dropdown-toggle:hover,
.nav-dropdown.open .nav-dropdown-toggle{ color:var(--red); }
.nav-caret{
  font-size:16px; line-height:1; display:inline-block;
  transition:transform .2s ease;
}
.nav-dropdown.open .nav-caret{ transform:rotate(180deg); }
.nav-dropdown-menu{
  position:absolute; top:calc(100% + 2px); left:50%;
  transform:translateX(-50%);
  background:var(--ink); color:var(--paper);
  min-width:130px; padding:6px 0;
  border-radius:3px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .15s ease, visibility .15s ease;
  z-index:200;
}
.nav-dropdown.open .nav-dropdown-menu{
  opacity:1; visibility:visible; pointer-events:auto;
}
.nav-dropdown-menu a{
  display:block; padding:6px 16px !important;
  color:var(--paper);
  font-family:"JetBrains Mono", monospace;
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
}
.nav-dropdown-menu a:hover{ color:var(--red); }

/* ─── HAMBURGER BUTTON ─── */
.nav-burger{
  display:none;
  flex-direction:column; justify-content:center; gap:5px;
  width:36px; height:36px; padding:6px; background:none; border:none; cursor:pointer;
  z-index:60;
}
.nav-burger span{
  display:block; width:24px; height:2px;
  background:var(--ink);
  transition:transform .25s ease, opacity .2s ease;
  transform-origin:center;
}
.nav-burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){ opacity:0; transform:scaleX(0);}
.nav-burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg);}

/* ─── MOBILE MENU OVERLAY ─── */
.mobile-menu{
  position:fixed; inset:0; z-index:49;
  background:var(--paper);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity .32s ease, visibility .32s ease;
}
.mobile-menu.open{ opacity:1; visibility:visible; pointer-events:auto; }
.mobile-nav{
  display:flex; flex-direction:column; align-items:center; gap:2px;
}
.mobile-nav a{
  font-family:"Archivo Black", sans-serif;
  font-size:clamp(34px, 9vw, 62px); letter-spacing:-.02em; line-height:1.1;
  color:var(--ink); padding:4px 0;
}
.mobile-nav a:hover{ color:var(--red); }
.mobile-nav-dropdown{ width:100%; text-align:center; }
.mobile-dropdown-toggle{
  font-family:"Archivo Black", sans-serif;
  font-size:clamp(34px, 9vw, 62px); letter-spacing:-.02em; line-height:1.1;
  padding:4px 0;
  background:none; border:none; color:var(--ink);
  cursor:pointer; display:inline-flex; align-items:center; gap:10px;
  transition:color .15s ease;
}
.mobile-dropdown-toggle:hover,
.mobile-dropdown-toggle[aria-expanded="true"]{ color:var(--red); }
.mobile-caret{
  font-size:.7em; display:inline-block;
  transition:transform .2s ease;
}
.mobile-dropdown-toggle[aria-expanded="true"] .mobile-caret{ transform:rotate(180deg); }
.mobile-dropdown-menu{
  display:none; flex-direction:column; align-items:flex-start; gap:0;
  padding:6px 0 18px; width:fit-content; margin:0 auto;
}
.mobile-dropdown-menu.open{ display:flex; }
.mobile-nav-dropdown .mobile-dropdown-menu a{
  font-family:"JetBrains Mono", monospace;
  font-size:clamp(15px, 4vw, 19px); letter-spacing:.12em; text-transform:uppercase;
  padding:5px 0; color:var(--muted);
  transition:color .15s ease;
}
.mobile-nav-dropdown .mobile-dropdown-menu a::before{ content:"→ "; opacity:.55; }
.mobile-nav-dropdown .mobile-dropdown-menu a:hover{ color:var(--red); }

/* Mobile nested sub-toggle (Boogie/Sport/Tanz) */
.mobile-sub-toggle{
  background:none; border:none; cursor:pointer;
  font-family:"JetBrains Mono", monospace;
  font-size:clamp(15px, 4vw, 19px); font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink); padding:5px 0;
  display:inline-flex; align-items:center; gap:6px;
  transition:color .15s ease;
}
.mobile-sub-toggle::before{ content:"→ "; opacity:.55; }
.mobile-sub-toggle:hover,
.mobile-sub-toggle[aria-expanded="true"]{ color:var(--red); }
.mobile-sub-toggle .mobile-caret{ font-size:1.1em; }
.mobile-sub-toggle[aria-expanded="true"] .mobile-caret{ transform:rotate(180deg); }
.mobile-sub-menu{
  display:none; flex-direction:column; align-items:flex-start; gap:0;
  padding:2px 0 6px 22px; margin-left:6px;
  border-left:1px solid rgba(10,10,10,.15);
}
.mobile-sub-menu.open{ display:flex; }
.mobile-dropdown-menu .mobile-sub-menu a{ font-size:14px; padding:4px 0; color:var(--muted); opacity:.8; }
.mobile-dropdown-menu .mobile-sub-menu a::before{ content:"– "; opacity:.6; }
.mobile-dropdown-menu .mobile-sub-menu a:hover{ color:var(--red); }
.mobile-menu-foot{
  margin-top:40px;
  display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:center;
}
.mobile-menu-foot .nav-icons a{ border-color:var(--ink);}
.mobile-menu-foot .pill{
  border:1px solid var(--ink); padding:8px 16px; border-radius:999px;
  font-family:"JetBrains Mono"; font-size:11px; letter-spacing:.1em; text-transform:uppercase;
}
.mobile-menu-foot .pill:hover{ background:var(--ink); color:var(--paper);}

@media (max-width:900px){
  .nav{ grid-template-columns: 1fr auto; padding:14px 18px; align-items:center; }
  .nav .center{ display:none; }
  .nav .right{ display:none; }
  .nav-burger{ display:flex; }
}
.wrap{ max-width: 880px; margin: 0 auto; padding: 70px 28px 100px;}
.crumbs{ color:var(--muted); margin-bottom: 12px;}
.crumbs a{color:var(--muted);}
.crumbs a:hover{color:var(--red);}
h1.display{
  font-family:"Archivo Black"; font-weight:400;
  font-size: clamp(56px, 9vw, 120px); letter-spacing:-.03em; line-height:.85;
  margin: 12px 0 36px;
}
h1.display .red{color:var(--red);}
h2{
  font-family:"Archivo Black"; font-weight:400;
  font-size: 22px; letter-spacing:.02em;
  margin: 40px 0 10px;
  border-top: 1px solid var(--ink); padding-top: 18px;
  display:flex; gap:18px; align-items:baseline;
}
h2 .n{ font-family:"JetBrains Mono"; font-size:12px; letter-spacing:.16em; color:var(--red);}
p{ max-width: 68ch; margin: 0 0 14px;}
ul{ max-width: 68ch; }
.meta-card{
  border:1px solid var(--ink); padding:22px; background: var(--paper-2);
  display:grid; grid-template-columns: 120px 1fr; gap:6px 18px;
  font-family:"JetBrains Mono"; font-size:12px;
  margin-bottom: 30px;
}
.meta-card b{ color: var(--red); font-weight:500;}
footer.simple{
  border-top:1px solid var(--ink);
  padding: 22px 28px 64px;
  display:grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items:center;
  color:var(--muted); font-family:"JetBrains Mono"; font-size:11px; letter-spacing:.1em; text-transform:uppercase;
}
footer.simple .socials{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
footer.simple .socials a{ border:1px solid var(--ink); color:var(--ink); padding:6px 10px;}
footer.simple .socials a:hover{ background:var(--red); border-color:var(--red); color:var(--paper);}
footer.simple a{color:var(--muted);}
footer.simple a:hover{color:var(--red);}