/* ============================================================================
   ATHENAS · Design System v2  —  Cataclismo / Gadgetzan
   Mundo de obsidiana fundida: la tierra rota por Alamuerte, oro colado y lava.
   Tema comprometido con un solo mundo oscuro (decisión, no omisión).
   Prefijo de clases: .ath-*   ·   Reino Cataclysm = data-realm="cata" (default)
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;900&family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Tokens ───────────────────────────────────────────────────────────────── */
:root{
  /* Ground: obsidiana con sesgo cálido (elegida, no un negro puro) */
  --ath-void:#080706;
  --ath-bg:#0c0a08;
  --ath-bg-2:#120e0a;
  --ath-surface:rgba(24,18,12,.72);
  --ath-surface-solid:#171209;
  --ath-card:rgba(30,22,13,.60);
  --ath-elev:rgba(40,29,16,.55);

  /* Neutrales cálidos */
  --ath-text:#efe6d7;
  --ath-muted:#b7a78e;
  --ath-faint:#8a7c66;
  --ath-line:rgba(245,166,35,.14);
  --ath-line-strong:rgba(245,166,35,.34);

  /* Acento — lava colada de Alamuerte */
  --ath-gold:#f5a623;
  --ath-amber:#ff8a1e;
  --ath-ember:#ff5a1c;
  --ath-lava:#ff3d0f;
  --ath-gold-soft:rgba(245,166,35,.12);

  /* Semánticos (separados del acento) */
  --ath-on:#3fb950;
  --ath-off:#e5484d;
  --ath-info:#4aa3ff;

  /* Formas */
  --ath-r-sm:10px;
  --ath-r:16px;
  --ath-r-lg:22px;
  --ath-r-xl:28px;
  --ath-shadow:0 24px 70px -20px rgba(0,0,0,.75);
  --ath-glow:0 0 60px -12px rgba(255,138,30,.45);

  --ath-maxw:1180px;
  --ath-font:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif;
  --ath-display:'Cinzel',Georgia,'Times New Roman',serif;
  --ath-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}

/* Reino alterno — se sobreescriben SOLO tokens de acento/ambiente.
   (Pandaria jade/bruma y WotLK hielo/nórdico se activan por data-realm) */
:root[data-realm="mop"]{
  --ath-void:#060a07;--ath-bg:#0a100c;--ath-bg-2:#0e1712;
  --ath-gold:#4fb286;--ath-amber:#6fd39a;--ath-ember:#e0b64a;--ath-lava:#c0392b;
  --ath-line:rgba(79,178,134,.16);--ath-line-strong:rgba(79,178,134,.36);
  --ath-glow:0 0 60px -12px rgba(79,178,134,.45);--ath-gold-soft:rgba(79,178,134,.12);
}
:root[data-realm="wotlk"]{
  --ath-void:#05070c;--ath-bg:#080b12;--ath-bg-2:#0c111c;
  --ath-gold:#7cc7ff;--ath-amber:#a6dcff;--ath-ember:#5ad6c2;--ath-lava:#2f9e8f;
  --ath-line:rgba(124,199,255,.16);--ath-line-strong:rgba(124,199,255,.36);
  --ath-glow:0 0 60px -12px rgba(124,199,255,.42);--ath-gold-soft:rgba(124,199,255,.12);
}

/* ── Atmósfera por reino (override de los defaults lava de Cataclysm) ──────── */
:root[data-realm="wotlk"] body.ath::before{
  background:
    radial-gradient(1200px 620px at 50% -8%, rgba(90,214,194,.15), transparent 60%),
    radial-gradient(1000px 1000px at 108% 10%, rgba(124,199,255,.13), transparent 55%),
    radial-gradient(820px 820px at -8% 90%, rgba(47,158,143,.10), transparent 55%),
    linear-gradient(180deg, var(--ath-void), var(--ath-bg) 34%, var(--ath-bg-2));
}
:root[data-realm="wotlk"] .molten{
  background:linear-gradient(92deg,#eaf6ff,#a6dcff 28%,#7cc7ff 58%,#5ad6c2 90%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 2px 26px rgba(124,199,255,.42));
}
:root[data-realm="wotlk"] .ath-hero__scrim{
  background:
    linear-gradient(180deg,rgba(5,7,12,.28) 0%,rgba(5,7,12,.14) 32%,rgba(5,7,12,.72) 72%,var(--ath-bg) 100%),
    linear-gradient(90deg,rgba(5,7,12,.72),transparent 55%),
    radial-gradient(120% 90% at 15% 100%, rgba(47,158,143,.28), transparent 55%);
}
:root[data-realm="wotlk"] .ath-seam{box-shadow:0 0 22px rgba(124,199,255,.35)}

:root[data-realm="mop"] body.ath::before{
  background:
    radial-gradient(1200px 620px at 50% -8%, rgba(111,211,154,.15), transparent 60%),
    radial-gradient(1000px 1000px at 108% 10%, rgba(79,178,134,.11), transparent 55%),
    radial-gradient(820px 820px at -8% 90%, rgba(224,182,74,.09), transparent 55%),
    linear-gradient(180deg, var(--ath-void), var(--ath-bg) 34%, var(--ath-bg-2));
}
:root[data-realm="mop"] .molten{
  background:linear-gradient(92deg,#dff7e6,#6fd39a 30%,#4fb286 60%,#e0b64a 92%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 2px 26px rgba(79,178,134,.42));
}
:root[data-realm="mop"] .ath-hero__scrim{
  background:
    linear-gradient(180deg,rgba(6,10,7,.28) 0%,rgba(6,10,7,.14) 32%,rgba(6,10,7,.72) 72%,var(--ath-bg) 100%),
    linear-gradient(90deg,rgba(6,10,7,.72),transparent 55%),
    radial-gradient(120% 90% at 15% 100%, rgba(79,178,134,.26), transparent 55%);
}
:root[data-realm="mop"] .ath-seam{box-shadow:0 0 22px rgba(79,178,134,.32)}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body.ath{
  margin:0;
  font-family:var(--ath-font);
  color:var(--ath-text);
  background:var(--ath-bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  line-height:1.6;
}

/* Fondo atmosférico global: brasa central + vetas de lava en los bordes */
body.ath::before{
  content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1200px 620px at 50% -8%, rgba(255,90,28,.16), transparent 60%),
    radial-gradient(900px 900px at 108% 12%, rgba(245,166,35,.10), transparent 55%),
    radial-gradient(820px 820px at -8% 88%, rgba(255,61,15,.09), transparent 55%),
    linear-gradient(180deg, var(--ath-void), var(--ath-bg) 32%, var(--ath-bg-2));
}
/* Grano/ceniza sutil */
body.ath::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

a{color:var(--ath-gold);text-decoration:none;transition:color .2s}
a:hover{color:var(--ath-amber)}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--ath-amber);outline-offset:3px;border-radius:6px}
::selection{background:rgba(255,138,30,.28);color:#fff}

/* ── Layout ───────────────────────────────────────────────────────────────── */
.ath-wrap{width:100%;max-width:var(--ath-maxw);margin:0 auto;padding:0 clamp(16px,4vw,28px)}
.ath-stack{display:flex;flex-direction:column;gap:clamp(18px,3vw,26px)}
.ath-section{padding-block:clamp(28px,5vw,52px)}

/* Eyebrow / label */
.ath-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;
  color:var(--ath-gold);
}
.ath-eyebrow::before{content:'';width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--ath-gold))}

.ath-h2{
  font-family:var(--ath-display);font-weight:700;
  font-size:clamp(24px,3.4vw,38px);line-height:1.1;margin:.35em 0 .1em;
  color:#fff;text-wrap:balance;letter-spacing:.01em;
}
.ath-lead{color:var(--ath-muted);font-size:clamp(15px,1.6vw,17px);max-width:62ch}

/* Costura de lava — divisor que evoca la tierra agrietada por el cataclismo */
.ath-seam{height:1px;border:0;margin:0;
  background:linear-gradient(90deg,transparent, var(--ath-line-strong) 18%, var(--ath-ember) 50%, var(--ath-line-strong) 82%, transparent);
  box-shadow:0 0 22px rgba(255,90,28,.35);opacity:.6}

/* ── Topbar ───────────────────────────────────────────────────────────────── */
.ath-topbar{
  position:sticky;top:0;z-index:60;
  backdrop-filter:blur(14px) saturate(1.1);
  background:linear-gradient(180deg,rgba(10,8,6,.86),rgba(10,8,6,.52));
  border-bottom:1px solid var(--ath-line);
}
.ath-topbar__inner{display:flex;align-items:center;gap:18px;padding-block:12px}
.ath-brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.ath-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,138,30,.5))}
.ath-brand__name{font-family:var(--ath-display);font-weight:900;font-size:17px;letter-spacing:.06em;color:#fff;line-height:1}
.ath-brand__tag{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ath-faint)}
.ath-nav{display:flex;gap:4px;align-items:center}
.ath-nav a{
  padding:9px 13px;border-radius:10px;color:var(--ath-muted);
  font-size:13.5px;font-weight:600;letter-spacing:.01em;transition:all .2s;
}
.ath-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
.ath-topbar__cta{display:flex;gap:8px;align-items:center}
.ath-burger{display:none;background:none;border:1px solid var(--ath-line-strong);color:var(--ath-text);
  width:42px;height:40px;border-radius:10px;cursor:pointer;font-size:18px}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.ath-btn{
  --b:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 20px;border-radius:12px;border:1px solid var(--ath-line-strong);
  font-family:var(--ath-font);font-size:13.5px;font-weight:700;letter-spacing:.02em;
  color:var(--ath-text);background:rgba(255,255,255,.03);
  cursor:pointer;transition:transform .2s,box-shadow .3s,background .25s,border-color .25s;
  white-space:nowrap;text-decoration:none;
}
.ath-btn:hover{transform:translateY(-2px);border-color:var(--ath-gold);color:#fff;box-shadow:0 12px 30px -12px rgba(255,138,30,.5)}
.ath-btn:active{transform:translateY(0)}
.ath-btn--primary{
  border-color:transparent;color:#1c0f00;font-weight:800;
  background:linear-gradient(135deg,var(--ath-amber),var(--ath-gold));
  box-shadow:0 12px 34px -12px rgba(255,138,30,.65), inset 0 1px 0 rgba(255,255,255,.35);
}
.ath-btn--primary:hover{color:#1c0f00;filter:saturate(1.06) brightness(1.03)}
.ath-btn--ember{
  border-color:transparent;color:#fff;font-weight:800;
  background:linear-gradient(135deg,var(--ath-lava),var(--ath-ember));
  box-shadow:0 12px 34px -12px rgba(255,61,15,.7), inset 0 1px 0 rgba(255,255,255,.2);
}
.ath-btn--ember:hover{color:#fff}
.ath-btn--ghost{background:transparent}
.ath-btn--discord{background:#5865F2;border-color:transparent;color:#fff}
.ath-btn--discord:hover{background:#4752c4;color:#fff}
.ath-btn--lg{padding:15px 26px;font-size:15px;border-radius:14px}
.ath-btn--block{width:100%}
.ath-btn--sm{padding:9px 14px;font-size:12.5px}

/* ── Panels / Cards ───────────────────────────────────────────────────────── */
.ath-panel{
  position:relative;border-radius:var(--ath-r-lg);
  background:linear-gradient(180deg,var(--ath-surface),rgba(10,8,6,.62));
  border:1px solid var(--ath-line);
  box-shadow:var(--ath-shadow);
  padding:clamp(20px,3vw,30px);
}
/* Filo dorado superior — "metal forjado" */
.ath-panel::before{
  content:'';position:absolute;inset:0 0 auto 0;height:1px;border-radius:inherit;
  background:linear-gradient(90deg,transparent,var(--ath-line-strong),transparent);
}
.ath-card{
  position:relative;border-radius:var(--ath-r);
  background:var(--ath-card);border:1px solid var(--ath-line);
  padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;
  overflow:hidden;
}
.ath-card:hover{transform:translateY(-3px);border-color:var(--ath-line-strong);box-shadow:0 18px 44px -22px rgba(255,138,30,.4)}

/* Grid utilitario */
.ath-grid{display:grid;gap:14px}
.ath-grid--auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ath-grid--2{grid-template-columns:repeat(2,1fr)}
.ath-grid--3{grid-template-columns:repeat(3,1fr)}
.ath-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:920px){.ath-grid--3,.ath-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ath-grid--2,.ath-grid--3,.ath-grid--4{grid-template-columns:1fr}}

/* ── HERO ─────────────────────────────────────────────────────────────────── */
.ath-hero{position:relative;overflow:hidden;isolation:isolate;
  border-radius:var(--ath-r-xl);border:1px solid var(--ath-line-strong);
  min-height:clamp(460px,64vh,640px);display:flex;align-items:flex-end;
  box-shadow:var(--ath-shadow)}
.ath-hero__bg{position:absolute;inset:0;z-index:-3}
.ath-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 28%;
  transform:scale(1.06);filter:saturate(1.05) contrast(1.02)}
.ath-hero__scrim{position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(180deg,rgba(8,6,5,.30) 0%,rgba(8,6,5,.15) 32%,rgba(8,6,5,.72) 72%,var(--ath-bg) 100%),
    linear-gradient(90deg,rgba(8,6,5,.72),transparent 55%),
    radial-gradient(120% 90% at 15% 100%, rgba(255,61,15,.28), transparent 55%)}
.ath-hero__embers{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.9}
.ath-hero__inner{padding:clamp(24px,5vw,52px);width:100%}
.ath-hero__kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;
  padding:6px 14px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ath-text);
  border:1px solid var(--ath-line-strong);background:rgba(10,8,6,.5);backdrop-filter:blur(6px)}
.ath-hero h1{
  font-family:var(--ath-display);font-weight:900;line-height:.98;margin:0;
  font-size:clamp(40px,7.4vw,88px);letter-spacing:.005em;text-wrap:balance;
  color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.6);
}
.ath-hero h1 .molten{
  background:linear-gradient(92deg,#ffd98a,var(--ath-gold) 30%,var(--ath-ember) 60%,var(--ath-lava) 88%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:ath-flow 7s linear infinite;
  filter:drop-shadow(0 2px 26px rgba(255,90,28,.4));
}
.ath-hero__sub{margin:18px 0 0;max-width:56ch;font-size:clamp(15px,1.7vw,18.5px);color:#e8dccb;
  text-shadow:0 2px 18px rgba(0,0,0,.7)}
.ath-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* ── Status strip ─────────────────────────────────────────────────────────── */
.ath-status{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;
  border-radius:var(--ath-r);border:1px solid var(--ath-line);
  background:var(--ath-line);
}
.ath-status__cell{background:var(--ath-surface-solid);padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.ath-status__label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ath-faint);font-weight:700}
.ath-status__value{font-family:var(--ath-display);font-weight:700;font-size:clamp(20px,2.4vw,28px);color:#fff;
  font-variant-numeric:tabular-nums;line-height:1}
.ath-status__value small{font-family:var(--ath-font);font-size:12px;color:var(--ath-muted);font-weight:600}
@media(max-width:720px){.ath-status{grid-template-columns:repeat(2,1fr)}}

/* Pulso online/offline */
.ath-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle}
.ath-dot--on{background:var(--ath-on);box-shadow:0 0 0 0 rgba(63,185,80,.6);animation:ath-pulse 2.2s infinite}
.ath-dot--off{background:var(--ath-off);box-shadow:0 0 8px var(--ath-off)}
.ath-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:99px;
  font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.ath-pill--on{color:#c7f2cf;border:1px solid rgba(63,185,80,.5);background:rgba(63,185,80,.14)}
.ath-pill--off{color:#f7bcbe;border:1px solid rgba(229,72,77,.5);background:rgba(229,72,77,.12)}
.ath-pill--gold{color:var(--ath-gold);border:1px solid var(--ath-line-strong);background:var(--ath-gold-soft)}
.ath-pill--info{color:#bfe0ff;border:1px solid rgba(74,163,255,.4);background:rgba(74,163,255,.1)}

/* ── Feature / quick-action tiles ─────────────────────────────────────────── */
.ath-tile{display:flex;flex-direction:column;gap:6px;text-align:left;text-decoration:none;
  padding:20px;border-radius:var(--ath-r);border:1px solid var(--ath-line);
  background:var(--ath-card);transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}
.ath-tile:hover{transform:translateY(-4px);border-color:var(--ath-line-strong);box-shadow:0 20px 44px -24px rgba(255,138,30,.5)}
.ath-tile::after{content:'';position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,var(--ath-gold-soft),transparent 70%);opacity:0;transition:opacity .3s}
.ath-tile:hover::after{opacity:1}
.ath-tile__ico{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:22px;
  background:linear-gradient(135deg,var(--ath-gold-soft),rgba(0,0,0,.3));border:1px solid var(--ath-line);margin-bottom:6px}
.ath-tile__t{font-weight:800;font-size:15px;color:#fff}
.ath-tile__d{font-size:12.5px;color:var(--ath-muted)}

/* ── Feature list rows (con imagen de item/mount) ─────────────────────────── */
.ath-media{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center}
@media(max-width:820px){.ath-media{grid-template-columns:1fr}}
.ath-media__img{border-radius:var(--ath-r);overflow:hidden;border:1px solid var(--ath-line);aspect-ratio:16/10;background:#000}
.ath-media__img img{width:100%;height:100%;object-fit:cover}

/* ── Download / realmlist ─────────────────────────────────────────────────── */
.ath-dl{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center}
@media(max-width:820px){.ath-dl{grid-template-columns:1fr}}
.ath-realmlist{display:flex;align-items:center;gap:10px;
  padding:13px 15px;border-radius:12px;border:1px solid var(--ath-line-strong);
  background:rgba(0,0,0,.4);font-family:var(--ath-mono);font-size:13.5px;color:var(--ath-gold)}
.ath-realmlist code{flex:1;user-select:all;white-space:nowrap;overflow:auto}
.ath-copy{background:var(--ath-gold-soft);border:1px solid var(--ath-line-strong);color:var(--ath-gold);
  border-radius:9px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}
.ath-copy:hover{background:rgba(255,138,30,.2)}
.ath-copy.is-done{color:var(--ath-on);border-color:rgba(63,185,80,.5)}

/* ── Transparency / token bar ─────────────────────────────────────────────── */
.ath-meter{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.ath-meter__fill{height:100%;border-radius:99px;width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1);
  background:linear-gradient(90deg,var(--ath-amber),var(--ath-gold),var(--ath-ember))}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.ath-footer{border-top:1px solid var(--ath-line);margin-top:clamp(30px,6vw,60px);
  background:linear-gradient(180deg,transparent,rgba(6,5,4,.7))}
.ath-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-block:clamp(30px,5vw,48px)}
@media(max-width:780px){.ath-footer__grid{grid-template-columns:1fr}}
.ath-footer h4{font-family:var(--ath-display);font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ath-gold);margin:0 0 14px}
.ath-footer a{display:block;color:var(--ath-muted);font-size:13.5px;padding:4px 0;transition:color .2s}
.ath-footer a:hover{color:#fff}
.ath-footer__bottom{border-top:1px solid var(--ath-line);padding-block:18px;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;
  color:var(--ath-faint);font-size:12.5px}
.ath-social{display:flex;gap:10px;flex-wrap:wrap}
.ath-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
  border:1px solid var(--ath-line);color:var(--ath-muted);font-size:15px;padding:0}
.ath-social a:hover{border-color:var(--ath-line-strong);color:#fff;background:rgba(255,255,255,.04)}

/* ── Motion ───────────────────────────────────────────────────────────────── */
@keyframes ath-flow{to{background-position:220% center}}
@keyframes ath-pulse{0%{box-shadow:0 0 0 0 rgba(63,185,80,.5)}70%{box-shadow:0 0 0 8px rgba(63,185,80,0)}100%{box-shadow:0 0 0 0 rgba(63,185,80,0)}}
.ath-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.ath-reveal.is-in{opacity:1;transform:none}
.ath-reveal[data-d="1"]{transition-delay:.08s}
.ath-reveal[data-d="2"]{transition-delay:.16s}
.ath-reveal[data-d="3"]{transition-delay:.24s}
.ath-reveal[data-d="4"]{transition-delay:.32s}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ath-reveal{opacity:1;transform:none}
}

/* ── Responsive nav ───────────────────────────────────────────────────────── */
@media(max-width:860px){
  .ath-nav{position:fixed;inset:64px 12px auto 12px;flex-direction:column;align-items:stretch;gap:2px;
    padding:12px;border-radius:16px;border:1px solid var(--ath-line-strong);
    background:rgba(12,10,8,.97);backdrop-filter:blur(16px);box-shadow:var(--ath-shadow);
    transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:70}
  .ath-nav.is-open{opacity:1;transform:none;pointer-events:auto}
  .ath-nav a{padding:12px 14px}
  .ath-burger{display:grid;place-items:center}
  .ath-topbar__cta .ath-btn{padding:9px 13px;font-size:12.5px}
}