:root{--navy:#051C2C;--orange:#BE5400;--orange2:#9C4500;--gold:#EAAA00;--teal:#0081A6;--stone:#D6D2C4;--paper:#EFEDE7;--ink:#051C2C;--muted:#53565A;--line:#D6D2C4}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:"Libre Baskerville",Baskerville,Georgia,serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;line-height:1.05;letter-spacing:.02em;font-weight:500}
h2,h3,h4{font-family:"Work Sans",system-ui,sans-serif;line-height:1.15;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2.7rem,7vw,5.2rem)}
h2{font-size:clamp(1.8rem,3.8vw,2.7rem)}
h3{font-size:1.25rem;font-weight:600}
p+p{margin-top:1em}
a{color:inherit}
.wrap{width:min(1160px,100% - 40px);margin-inline:auto}
section{padding:clamp(64px,9vw,112px) 0}
.eyebrow{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;color:var(--orange);font-weight:500;margin-bottom:14px}
.serif{font-family:"Libre Baskerville",Georgia,serif;font-style:italic}
.btn{display:inline-block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-weight:500;font-size:1rem;text-decoration:none;background:var(--orange);color:#fff;padding:15px 28px;border:2px solid var(--orange);border-radius:3px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--orange2);border-color:var(--orange2)}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.btn.ghost:hover{background:var(--orange);border-color:var(--orange);color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}

header{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
header img{height:38px;width:auto}
header nav{display:flex;align-items:center;gap:22px}
header nav a.link{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:#fff;text-decoration:none}
header nav a.link:hover,header nav a.link[aria-current]{color:var(--gold)}
header .btn{padding:10px 18px;font-size:.9rem;white-space:nowrap}

.hero{position:relative;background:var(--navy);color:#fff;padding:0;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,44,.93) 0%,rgba(5,28,44,.6) 60%,rgba(5,28,44,.4) 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .9fr;gap:56px;align-items:center;padding-block:clamp(64px,9vw,120px)}
.hero h1 span{color:var(--orange);display:block;white-space:nowrap}
.hero h2{font-family:"Libre Baskerville",Georgia,serif;font-style:italic;text-transform:none;font-weight:400;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.5;margin:22px 0 20px;letter-spacing:0;color:#f1e6d2}
.hero p{color:#d5dbe3;max-width:34em}

.card{background:#fff;color:var(--ink);padding:32px;border-radius:4px;border-top:5px solid var(--orange);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.card h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:.03em;font-size:1.7rem;margin-bottom:8px}
.card>p{color:var(--muted);font-size:.98rem;margin-bottom:20px}
label{display:block;font-family:"Work Sans",sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:14px 0 6px}
input[type=text],input[type=email]{width:100%;font:inherit;padding:13px 14px;border:1.5px solid #c9c3b8;border-radius:3px;background:#fff;color:var(--ink)}
input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(190,84,0,.22)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
form .btn{width:100%;margin-top:20px;font-size:1.05rem}
.fine{font-family:"Work Sans",sans-serif;font-size:.82rem;color:var(--muted);margin-top:12px;text-align:center}
.hp{position:absolute;left:-9999px}
.done{text-align:center;padding:12px 0}
.done h3{color:var(--orange);margin-bottom:10px}
.err{color:#b3261e;font-size:.9rem;margin-top:12px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.split img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
ul.checks{list-style:none;margin:18px 0 22px}
ul.checks li{font-family:"Work Sans",sans-serif;padding:12px 0 12px 34px;border-bottom:1px solid var(--line);position:relative;font-weight:500}
ul.checks li::before{content:"";position:absolute;left:4px;top:19px;width:14px;height:8px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}
.sub{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;margin-top:22px;font-weight:500}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.dark{background:var(--navy);color:#fff}
.dark p,.dark li{color:#d5dbe3}
.dark ul.checks li{border-color:rgba(255,255,255,.12);color:#fff}

.center{text-align:center;max-width:760px;margin:0 auto 48px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.three article{background:#fff;border-radius:4px;overflow:hidden;border:1px solid var(--line)}
.three img{width:100%;aspect-ratio:3/2;object-fit:cover}
.three div{padding:24px}
.three h3{margin-bottom:8px}.three h3 b{color:var(--orange);font-weight:600;margin-right:6px}
.three p{color:var(--muted);font-size:.98rem}

.team{background:#fff}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.four img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.four h4{font-size:1.2rem;margin:16px 0 8px}
.four blockquote{font-family:"Libre Baskerville",Georgia,serif;font-style:italic;font-size:.93rem;line-height:1.6;color:#3a4553}
.four a{display:inline-block;margin-top:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:var(--orange);text-decoration:none;border-bottom:1px solid currentColor}

.banner{position:relative;background:var(--navy);color:#fff;text-align:center;overflow:hidden}
.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.banner .wrap{position:relative;max-width:780px}
.banner p{color:#e3e7ec;margin-top:18px;font-size:1.08rem}
.banner .btn{margin-top:30px}

.way{text-align:center}
.way img{margin:28px auto 0;border-radius:4px;width:min(960px,100%)}

.pod .split img{aspect-ratio:1;object-fit:contain;max-width:420px;margin-inline:auto}

.final .wrap{display:grid;grid-template-columns:1fr .9fr;gap:56px;align-items:center}
.final h2 span{color:var(--orange)}
.final p.lead{font-size:1.2rem;margin-top:16px;color:#d5dbe3}

footer{background:#03121d;font-family:"Work Sans",sans-serif;color:#9aa6b4;text-align:center;padding:44px 0;font-size:.9rem}
footer img{height:44px;width:auto;margin:0 auto 14px}
footer .tag{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:#fff;margin-bottom:8px}

@media(max-width:900px){
 .hero .wrap,.split,.final .wrap{grid-template-columns:1fr}
 .three{grid-template-columns:1fr}
 .four{grid-template-columns:1fr 1fr}
 .split img{aspect-ratio:4/3}
 .swap{order:-1}
}
@media(max-width:480px){.row{grid-template-columns:1fr}.four{grid-template-columns:1fr}.card{padding:24px}header .btn{padding:8px 10px;font-size:.74rem;letter-spacing:.06em}header nav{gap:12px}header nav a.link{font-size:.78rem;letter-spacing:.08em}header img{height:28px}}

/* podcast page */
.phero{background:var(--navy);color:#fff}
.phero .wrap{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center}
.phero img{width:100%;border-radius:6px}
.phero h1{font-size:clamp(2.4rem,5.5vw,4.2rem)}
.phero h1 span{color:var(--orange)}
.phero p{color:#d5dbe3;max-width:40em}
.phero .tagline{font-style:italic;color:var(--gold);font-size:1.15rem;margin:14px 0 16px}
.player{background:#fff;padding:clamp(40px,6vw,72px) 0}
.player h2{margin-bottom:24px}
.eps{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ep{background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:4px;padding:26px 28px;display:flex;flex-direction:column}
.ep:nth-child(4n+2){border-left-color:var(--navy)}.ep:nth-child(4n+3){border-left-color:var(--gold)}.ep:nth-child(4n+4){border-left-color:var(--teal)}
.ep .meta{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--muted);margin-bottom:10px}
.ep .meta b{color:var(--orange);font-weight:500}
.ep h3{margin-bottom:10px}
.ep p{color:var(--muted);font-size:.93rem;flex:1}
.ep a{align-self:flex-start;margin-top:16px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:var(--orange);text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:900px){.phero .wrap{grid-template-columns:1fr}.phero img{max-width:220px}.eps{grid-template-columns:1fr}}
.video{position:relative;aspect-ratio:16/9;background:var(--navy);border-radius:6px;overflow:hidden;max-width:960px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vnote{font-size:.9rem;color:var(--muted);margin-top:14px}
.vnote a{color:var(--orange)}
.player.listen{padding-top:0}
.feat{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,5vw,56px);align-items:center}
.feat h2{margin-bottom:14px}
.player.watch{padding-top:0}
@media(max-width:900px){.feat{grid-template-columns:1fr}}
/* form card text must stay dark even inside dark sections */
.hero .card p,.dark .card p{color:var(--muted)}
.hero .card .err,.dark .card .err{color:#b3261e}
.pod .feat{grid-template-columns:1.25fr 1fr}
@media(max-width:900px){.pod .feat{grid-template-columns:1fr}}