/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 40px;color:#fff;transition:padding .4s var(--ease),background-color .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}
.nav::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,8,.55),rgba(12,12,8,0));pointer-events:none;z-index:-1;transition:opacity .4s var(--ease);opacity:1}
.nav.scrolled{padding:12px 40px;background:rgba(12,12,8,.82);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border-bottom-color:var(--line-soft)}
.nav.scrolled::before{opacity:0}
/* Pages that don't have a dark hero — solid ink bar from the start */
body.nav-solid .nav{background:rgba(12,12,8,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line-soft)}
body.nav-solid .nav::before{opacity:0}
.nav-left,.nav-right{display:flex;gap:30px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:400}
.nav-right{justify-content:flex-end}
.nav a{opacity:.72;transition:opacity .3s}
.nav a:hover,.nav a.on{opacity:1}
.nav-mark{font-family:var(--serif);font-size:15px;letter-spacing:.28em;text-transform:uppercase;font-weight:400;text-align:center;opacity:1}
.nav .cta{opacity:1;border:1px solid rgba(255,255,255,.5);padding:9px 16px;border-radius:999px}
.nav-burger{display:none;width:36px;height:36px;position:relative;background:transparent;border:none;cursor:pointer}
.nav-burger span{position:absolute;left:8px;right:8px;height:1px;background:#fff;transition:transform .3s var(--ease),opacity .3s var(--ease)}
.nav-burger span:nth-child(1){top:13px}
.nav-burger span:nth-child(2){top:18px}
.nav-burger span:nth-child(3){top:23px}

/* Mobile drawer */
.mobile-drawer{position:fixed;inset:0;z-index:55;background:var(--ink);opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
.mobile-drawer.open{opacity:1;pointer-events:auto}
.md-inner{padding:90px 30px 30px;display:flex;flex-direction:column;gap:6px;height:100%}
.md-inner a{font-family:var(--serif);font-style:italic;font-weight:300;font-size:40px;letter-spacing:-.01em;color:#fff;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.md-inner a:last-of-type{border-bottom:none}
.md-inner .md-cta{color:var(--gold);border:none;border-top:1px solid var(--gold);margin-top:18px;padding-top:26px;font-size:22px}
.md-foot{margin-top:auto;padding-top:30px;border-top:1px solid var(--line-soft);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);line-height:2}

@media(max-width:860px){
  .nav{grid-template-columns:1fr auto 1fr;padding:14px 18px;background:rgba(12,12,8,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line-soft)}
  .nav::before{opacity:0}
  .nav-left{display:none}
  .nav-right{gap:10px}
  .nav-right a:not(.cta):not(.nav-burger){display:none}
  .nav-right .cta{display:none}
  .nav-burger{display:block}
  .nav-mark{font-size:13px;letter-spacing:.22em}
  .md-inner a{font-size:32px}
}

/* ── FOOTER ── */
.foot{background:var(--ink);color:var(--paper);padding:100px 40px 40px;position:relative}
.foot-top{max-width:1400px;margin:0 auto 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:60px}
.foot-huge{font-family:var(--serif);font-weight:200;font-style:italic;font-size:clamp(52px,7.5vw,130px);line-height:.9;letter-spacing:-.03em;color:#fff}
.foot-cta a{display:inline-flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;padding:18px 30px;border:1px solid var(--gold);color:var(--gold);border-radius:999px;transition:all .4s}
.foot-cta a:hover{background:var(--gold);color:var(--ink)}
.foot-cols{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:60px;font-size:13px;line-height:1.8;color:var(--text-dim)}
.foot-cols h5{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
.foot-cols a{display:block;color:rgba(255,255,255,.7);transition:color .3s}
.foot-cols a:hover{color:#fff}
.foot-bot{max-width:1400px;margin:60px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute)}
@media(max-width:860px){
  .foot{padding:70px 22px 30px}
  .foot-top{grid-template-columns:1fr;gap:40px;padding-bottom:40px;margin-bottom:50px}
  .foot-cols{grid-template-columns:1fr 1fr;gap:40px}
}

/* ── LOGO ── */
.logo-svg{display:inline-block;vertical-align:middle}