:root {
  color-scheme: dark;
  --bg:#0c0b0a; --panel:#151310; --panel2:#1b1814; --text:#f7f0e7;
  --muted:#c8b9a8; --line:#3d3429; --ember:#f0a34b; --ember2:#ffd08a;
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% -10%,#2a1a0d 0,transparent 38%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--ember2);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover,a:focus{color:#fff}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.6rem;z-index:99}
.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}
header{border-bottom:1px solid var(--line);background:rgba(12,11,10,.94)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 0}
.brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em}.mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ember);border-radius:50%;color:var(--ember2)}
nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;font-weight:650;font-size:.95rem}nav a:hover,nav a:focus{color:#fff}
.hero{padding:5.8rem 0 4rem}.kicker{font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ember2);font-weight:800}.hero h1,.detail h1{font-size:clamp(2.5rem,7vw,5.4rem);line-height:.98;margin:.55rem 0 1.2rem;max-width:900px}.lede{font-size:clamp(1.08rem,2vw,1.35rem);max-width:790px;color:var(--muted)}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.button{display:inline-block;border:1px solid var(--ember);background:var(--ember);color:#170d04;text-decoration:none;font-weight:800;padding:.75rem 1rem;border-radius:.45rem}.button.secondary{background:transparent;color:var(--ember2)}
section{padding:2.4rem 0}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.section-head h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0}.section-head p{color:var(--muted);max-width:620px;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:.65rem;padding:1.2rem;min-height:220px;display:flex;flex-direction:column}.card h3{margin:.2rem 0 .5rem;font-size:1.35rem}.card p{color:var(--muted);margin:.2rem 0 1rem}.card .eyebrow{color:var(--ember2);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.card .more{margin-top:auto;font-weight:750}
.band{border-block:1px solid var(--line);background:#100e0c}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.principle strong{display:block;color:var(--ember2);font-size:1.05rem}.principle span{color:var(--muted);font-size:.95rem}
.detail{padding:4.5rem 0 2rem}.detail h1{font-size:clamp(2.4rem,6vw,4.8rem)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.facts{border:1px solid var(--line);background:var(--panel);padding:1.25rem;border-radius:.6rem}.facts h2{margin-top:0}.facts ul{padding-left:1.15rem}.facts li+li{margin-top:.45rem}.outbound{display:grid;gap:.7rem;margin-top:1rem}.outbound a{display:block;border:1px solid var(--line);padding:.8rem;border-radius:.45rem;text-decoration:none;background:#0f0d0b;font-weight:750}.outbound a::after{content:" ↗"}
.related{display:flex;flex-wrap:wrap;gap:.65rem}.related a{border:1px solid var(--line);padding:.45rem .65rem;border-radius:99px;text-decoration:none;color:var(--muted)}
footer{margin-top:4rem;border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted);font-size:.92rem}.foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.micro{font-size:.84rem;color:#a89a8b}
.notice{border-left:3px solid var(--ember);padding:.7rem 1rem;background:var(--panel);color:var(--muted);max-width:800px}
.plain-list{columns:2;column-gap:2rem}.plain-list li{break-inside:avoid;margin-bottom:.5rem}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.plain-list{columns:1}}
@media(max-width:540px){.grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.hero{padding-top:3.6rem}.nav{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}