:root{
  --ink:#080a0d;
  --panel:#0d1217;
  --panel2:#121920;
  --paper:#f4efe5;
  --muted:#9eaab4;
  --bronze:#b78655;
  --rust:#6d1f1a;
  --blue:#2fc8ef;
  --line:rgba(255,255,255,.10);
  --shadow:0 20px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:
  radial-gradient(circle at 12% 8%,rgba(183,134,85,.12),transparent 28rem),
  radial-gradient(circle at 88% 24%,rgba(47,200,239,.07),transparent 30rem),
  var(--ink);color:#f7f7f5;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 38px));margin:auto}
.nav{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(180deg,rgba(3,5,7,.96),rgba(3,5,7,.70),transparent);backdrop-filter:blur(7px)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-family:Impact,"Arial Black",sans-serif;font-style:italic;letter-spacing:.05em;font-size:1.5rem;text-transform:uppercase}
.brand span{color:var(--bronze)}
.nav-links{display:flex;gap:26px;align-items:center;font-size:.88rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.nav-links a{opacity:.78}.nav-links a:hover{opacity:1;color:var(--bronze)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:.2s ease}
.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.btn.primary{background:var(--paper);color:#0a0c0e;border-color:var(--paper)}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:#050607}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.10) 58%,rgba(8,10,13,1) 100%);z-index:2}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#030405}
.hero-copy{position:absolute;left:50%;bottom:5.7vh;transform:translateX(-50%);z-index:3;text-align:center;width:min(820px,92vw)}
.kicker{font-size:.78rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin:0 0 12px}
.hero-title{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3.2rem,8vw,7.8rem);font-style:italic;line-height:.84;letter-spacing:.02em;margin:0;text-transform:uppercase;text-shadow:0 7px 30px rgba(0,0,0,.75)}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.section{padding:92px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:end;margin-bottom:46px}
.section-head h2{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-style:italic;letter-spacing:.02em;line-height:.92;text-transform:uppercase}
.section-head p{color:#c0c7cc;font-size:1.05rem;max-width:700px;margin:0}
.rule{width:82px;height:4px;background:linear-gradient(90deg,var(--bronze),transparent);margin:16px 0 0}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.media-card{position:relative;border:1px solid var(--line);background:#050607;box-shadow:var(--shadow);overflow:hidden}
.media-card::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -120px 140px rgba(0,0,0,.22)}
.copy h3{font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(2rem,4vw,3.5rem);line-height:.95;margin:0 0 18px}
.copy p{color:#c3c9ce;font-size:1.04rem;margin:0 0 18px}
.pull{border-left:4px solid var(--bronze);padding:10px 0 10px 20px;margin:28px 0;font-size:clamp(1.35rem,3vw,2.2rem);font-weight:900;line-height:1.12;font-style:italic;color:var(--paper)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));min-height:250px;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(183,134,85,.18);border-radius:50%;right:-76px;top:-76px}
.card small{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
.card h3{margin:10px 0 14px;font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-transform:uppercase;font-size:2rem;line-height:.95}
.card p{color:#aeb7be;margin:0}
.legacy{position:relative;min-height:78svh;display:grid;align-items:end;background:#050607;overflow:hidden}
.legacy img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.legacy::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.05) 45%,rgba(0,0,0,.80) 100%)}
.legacy-copy{position:relative;z-index:2;padding:0 0 68px;width:min(900px,90%)}
.legacy-copy h2{font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(2.6rem,7vw,6.5rem);line-height:.86;margin:0 0 18px}
.legacy-copy p{max-width:660px;font-size:1.08rem;color:#e5e6e5}
.cta{padding:82px 0;text-align:center;background:linear-gradient(180deg,#0a0e12,#07090b)}
.cta h2{font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.9;margin:0 0 18px}
.cta p{color:#b7c0c6;max-width:650px;margin:0 auto 26px}
.footer{padding:34px 0;border-top:1px solid var(--line);color:#89959d;font-size:.82rem}
.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* BIO */
.bio-hero{padding:145px 0 72px;position:relative;overflow:hidden}
.bio-hero::before{content:"";position:absolute;right:-12%;top:-16%;width:600px;height:600px;border-radius:50%;border:1px solid rgba(183,134,85,.12);box-shadow:0 0 0 90px rgba(183,134,85,.03)}
.bio-hero h1{font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(3.8rem,9vw,8.5rem);line-height:.82;margin:0;max-width:900px}
.bio-hero .lede{max-width:820px;color:#c3c9cd;font-size:1.15rem;margin:30px 0 0}
.bio-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:52px;align-items:start}
.bio-copy{font-size:1.04rem}
.bio-copy section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.bio-copy h2{font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(2rem,4vw,3.2rem);line-height:.95;margin:0 0 18px}
.bio-copy p{color:#c7cdd1;margin:0 0 16px}
.bio-copy strong{color:#fff}
.aside{position:sticky;top:100px}
.aside img{border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:18px}
.aside .mini{padding:20px;border:1px solid var(--line);background:#0d1217;color:#aeb7be}
.aside .mini strong{display:block;color:#fff;font-size:1.15rem;margin-bottom:8px}
@media(max-width:900px){
  .nav-links{display:none}.section-head,.split,.bio-layout{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section{padding:72px 0}.hero-img{object-fit:cover}.hero{min-height:88svh}.bio-hero{padding-top:118px}.aside{position:relative;top:auto}.legacy{min-height:64svh}
}
@media(max-width:620px){
  .container{width:min(100% - 26px,1180px)}.hero-title{font-size:3.6rem}.hero-copy{bottom:4vh}.section{padding:60px 0}.copy p,.section-head p,.bio-copy{font-size:.98rem}.nav-inner{height:66px}.brand{font-size:1.25rem}.legacy-copy{padding-bottom:40px}.hero-img{object-fit:cover;object-position:center}
}