:root{--ink:#16181b;--steel:#2a2f36;--hv:#f2a900;--paper:#f6f4ef;--mut:#6b7078}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 "Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--paper)}
a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3,.logo{font-family:"Oswald","Barlow Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
.nav{position:sticky;top:0;z-index:9;background:var(--ink);color:#fff;border-bottom:4px solid var(--hv)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{text-decoration:none;font-size:24px;font-weight:700}.logo span{color:var(--hv)}
nav a{margin-left:20px;text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.85}nav a:hover{opacity:1;color:var(--hv)}
.btn-sm{background:var(--hv);color:var(--ink)!important;padding:8px 14px;opacity:1!important}
.hero{background:linear-gradient(135deg,#16181b 0%,#2a2f36 100%);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.hero-in{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;padding:96px 24px}
h1{font-size:clamp(48px,8vw,96px);margin:.1em 0}h1 em{font-style:normal;color:var(--hv)}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;color:var(--hv);margin:0}
.lead{font-size:20px;max-width:560px;color:#d8dadd}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-block;background:var(--hv);color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:14px 22px;text-decoration:none;border:2px solid var(--hv);cursor:pointer}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.photo-ph{aspect-ratio:4/5;border:3px solid var(--hv);background:#30353d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:96px;box-shadow:16px 16px 0 rgba(242,169,0,.25)}.photo-ph small{font-size:13px;color:#aaa}
.stripe{height:14px;background:repeating-linear-gradient(-45deg,var(--hv) 0 18px,var(--ink) 18px 36px)}
.sec{padding:88px 0}.dark{background:var(--ink);color:#eee}.alt{background:#ebe7de}
.h{font-size:clamp(34px,5vw,52px);margin:0 0 32px;border-left:8px solid var(--hv);padding-left:16px}
.two{display:grid;grid-template-columns:1fr 2fr;gap:48px}.prose p{margin:0 0 16px}
.todo{background:#fff3cd;color:#664d03;border-left:4px solid #f2a900;padding:8px 12px;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--steel);padding:28px;border-top:4px solid var(--hv)}.card b{color:var(--hv);font-family:Oswald,Impact,sans-serif;font-size:28px}.card h3{font-size:22px;margin:8px 0}.card p{color:#bfc3c8;font-size:15px;margin:0}
.pods{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pod{display:flex;gap:20px;background:#fff;padding:24px;border:1px solid #ddd8cc}.pod img,.dawg{width:140px;height:140px;flex:none;object-fit:cover}
.dawg{background:var(--ink);display:flex;align-items:center;justify-content:center;font-size:64px}.pod h3{font-size:26px;margin:4px 0 8px}.pod p{margin:0 0 12px;font-size:15px}
.links a{display:inline-block;margin:4px 8px 0 0;font-size:13px;font-weight:700;text-transform:uppercase;padding:6px 10px;background:var(--ink);color:#fff;text-decoration:none}
.archive{margin-top:48px}.arch-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.arch-head h3{font-size:26px;margin:0}#count{color:var(--mut);font-size:18px}
#q{flex:1;max-width:360px;padding:12px 14px;border:2px solid var(--ink);font-size:16px;background:#fff}
.eps{list-style:none;padding:0;margin:20px 0}.eps li{background:#fff;border:1px solid #ddd8cc;border-left:5px solid var(--hv);padding:18px 20px;margin-bottom:10px}
.eps .d{font-size:12px;font-weight:700;color:var(--mut);letter-spacing:.08em}.eps h4{margin:4px 0 6px;font-size:18px}.eps p{margin:0 0 8px;font-size:14px;color:#444}.eps audio{width:100%;height:36px}
.ticks{padding-left:0;list-style:none}.ticks li:before{content:"▸ ";color:var(--hv);font-weight:900}
.btn.light{color:#fff}
.grid-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.grid-links a{display:block;padding:20px;background:var(--steel);text-decoration:none;border-bottom:3px solid var(--hv)}.grid-links b{display:block;font-size:18px}.grid-links span{color:#aab;font-size:14px}.todo-link{opacity:.55}
footer{background:#0d0e10;color:#888;padding:28px 0;font-size:14px}
@media(max-width:860px){nav a:not(.btn-sm){display:none}.hero-in,.two,.pods{grid-template-columns:1fr}.hero-in{padding:56px 24px}.hero-photo{max-width:260px}.cards{grid-template-columns:1fr 1fr}.pod{flex-direction:column}}
@media(max-width:520px){.cards{grid-template-columns:1fr}}
.todo{display:none !important}
.hero-photo img.headshot{width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;display:block;border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.grid-links span{overflow-wrap:anywhere}
.pod img.od-logo{object-fit:contain;background:#1a1a1a;padding:8px;border-radius:50%}
