@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/fraunces.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/inter-tight.woff2") format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/geist-mono.woff2") format("woff2")}

:root{
  --ink:#08090b;
  --ink-soft:#121317;
  --paper:#f3f1ed;
  --paper-2:#ece9e3;
  --paper-3:#f9f8f5;
  --graphite:#1a1a1a;
  --muted:#686761;
  --line:#dcd8d0;
  --foil:#c8c4bf;
  --white:#f4f4f6;
  --white-muted:rgba(244,244,246,.72);
  --white-line:rgba(255,255,255,.11);
  --display:"Fraunces",serif;
  --body:"Inter Tight",sans-serif;
  --mono:"Geist Mono",monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --shell:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--graphite);font-family:var(--body);font-size:16px;line-height:1.6;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,p,figure{margin:0}
ol{margin:0;padding:0;list-style:none}
::selection{background:var(--graphite);color:var(--paper)}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:16px;z-index:300;padding:10px 14px;background:var(--paper);color:var(--ink);transform:translateY(-180%);transition:transform 150ms var(--ease)}
.skip-link:focus{transform:none}
.progress{position:fixed;left:0;top:0;z-index:260;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:scaleX(0);transform-origin:left}
.shell{width:min(calc(100% - 48px),var(--shell));margin:0 auto}

.header{position:fixed;left:50%;top:16px;z-index:200;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 32px),var(--shell));min-height:64px;padding:8px 10px 8px 20px;color:var(--white);background:rgba(8,9,11,.8);border:1px solid var(--white-line);border-radius:14px;box-shadow:0 18px 54px -36px rgba(0,0,0,.9);transform:translateX(-50%);transition:background 250ms var(--ease),transform 250ms var(--ease)}
.header.scrolled{background:rgba(8,9,11,.96);transform:translate(-50%,-5px)}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--display);font-size:20px;font-weight:520;letter-spacing:0}
.brand small{font-family:var(--body);font-size:13px;font-weight:500;color:rgba(255,255,255,.58)}
.brand-mark{display:block;width:18px;height:18px;background:linear-gradient(120deg,#f2f0ed,#9ba1ab 52%,#f2f0ed);clip-path:polygon(50% 0,58% 48%,100% 78%,50% 58%,0 78%,42% 48%)}
.menu{display:flex;align-items:center;gap:2px}
.menu>a,.language{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border:0;background:transparent;color:rgba(255,255,255,.68);font-size:14px;letter-spacing:0;transition:color 150ms var(--ease),background 150ms var(--ease)}
.menu>a:hover,.menu>a:focus-visible,.language:hover,.language:focus-visible{color:#fff;background:rgba(255,255,255,.06)}
.language{margin-left:5px;border:1px solid var(--white-line);border-radius:8px;font-family:var(--mono);font-size:12px}
.menu .listen{margin-left:6px;padding:0 18px;color:var(--ink);background:var(--paper);border-radius:8px;font-weight:600}
.menu .listen:hover,.menu .listen:focus-visible{color:var(--ink);background:#fff}
.menu-button{display:none;width:44px;height:44px;padding:0;border:1px solid var(--white-line);border-radius:8px;background:transparent;color:#fff}
.menu-button span{display:block;width:18px;height:1px;margin:5px auto;background:currentColor;transition:transform 250ms var(--ease)}
.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}

.hero{position:relative;display:flex;align-items:flex-end;min-height:calc(100dvh - 64px);padding:144px max(24px,calc((100vw - var(--shell))/2)) 72px;color:var(--white);background:var(--ink);overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.66) 52%,rgba(0,0,0,.22)),linear-gradient(0deg,rgba(0,0,0,.9),transparent 58%)}
.hero-content{position:relative;z-index:2;width:min(680px,58%)}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:uppercase;color:rgba(255,255,255,.6)}
.eyebrow.dark{color:var(--muted)}
.hero h1{margin-top:22px;font-family:var(--display);font-size:92px;font-weight:520;line-height:1;letter-spacing:0;text-shadow:0 0 60px rgba(255,255,255,.08)}
.hero-offer{max-width:16ch;margin-top:16px;font-family:var(--display);font-size:46px;font-weight:460;line-height:1.08;letter-spacing:0;text-wrap:balance}
.hero-lead{max-width:56ch;margin-top:22px;color:var(--white-muted);font-size:18px}
.hero-actions,.guest-actions{display:flex;align-items:center;gap:24px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-weight:600;letter-spacing:0;transition:transform 150ms var(--ease),background 150ms var(--ease)}
.button:hover{transform:translateY(-2px)}
.button:active{transform:scale(.98)}
.button.primary{border-color:var(--paper);background:var(--paper);color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.4);font-weight:500}
.latest-badge{position:absolute;right:max(24px,calc((100vw - var(--shell))/2));bottom:72px;z-index:2;width:310px;padding:20px;border-top:1px solid rgba(255,255,255,.6);background:rgba(8,9,11,.72);transition:background 150ms var(--ease)}
.latest-badge:hover{background:rgba(8,9,11,.92)}
.latest-badge span,.latest-badge strong,.latest-badge small{display:block}
.latest-badge span,.latest-badge small{font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.56)}
.latest-badge strong{margin:9px 0;font-size:16px;line-height:1.3}
.platform-strip{display:grid;grid-template-columns:repeat(4,1fr);min-height:64px;background:var(--ink);color:rgba(255,255,255,.62);border-top:1px solid var(--white-line)}
.platform-strip a,.platform-strip span{display:flex;align-items:center;justify-content:center;padding:16px;border-right:1px solid var(--white-line);font-family:var(--mono);font-size:11px;text-align:center;text-transform:uppercase}
.platform-strip a:hover{color:#fff;background:rgba(255,255,255,.04)}

.section{padding:112px 0}
.paper{background:var(--paper);color:var(--graphite)}
.ink{background:var(--ink);color:var(--white)}
.section-heading{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(280px,420px);gap:40px;align-items:start;margin-bottom:72px}
.section-index{display:flex;align-items:center;gap:16px;padding-top:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.foil-line{display:block;flex:1;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.72),transparent)}
.light-heading .section-index{color:rgba(255,255,255,.5)}
.light-heading .foil-line{background:linear-gradient(90deg,rgba(255,255,255,.72),transparent)}
.section-heading h2,.guest-copy h2{margin-top:12px;font-family:var(--display);font-size:56px;font-weight:460;line-height:1.08;letter-spacing:0;text-wrap:balance}
.section-heading>p{padding-top:28px;color:var(--muted);font-size:17px}
.light-heading>p{color:var(--white-muted)}

.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.episode{display:grid;grid-template-columns:220px 1fr;min-height:220px;background:var(--paper-3);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.episode-featured{grid-column:1/-1;grid-template-columns:1.25fr .75fr;min-height:420px}
.episode-media{position:relative;min-width:0;overflow:hidden;background:var(--ink-soft)}
.episode-media img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease),filter 250ms var(--ease)}
.episode-media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.episode-media:hover img{transform:scale(1.015);filter:brightness(.82)}
.play{position:absolute;left:16px;bottom:16px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:14px}
.episode-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px}
.episode-meta{font-family:var(--mono);font-size:10px;color:var(--muted)}
.episode h3{margin-top:12px;font-size:23px;line-height:1.2;letter-spacing:0}
.episode-featured h3{font-family:var(--display);font-size:40px;font-weight:460}
.episode-copy>p:not(.episode-meta){margin-top:16px;color:var(--muted)}
.episode-copy>a{margin-top:24px;border-bottom:1px solid currentColor;font-weight:600}
.dark-button{margin-top:40px;border-color:var(--graphite);background:var(--graphite);color:var(--paper)}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 400ms var(--ease),transform 400ms var(--ease)}
.js .reveal.visible{opacity:1;transform:none}

.process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--white-line)}
.process-list li{min-height:290px;padding:30px 28px 32px;border-right:1px solid var(--white-line)}
.process-list li:last-child{border-right:0}
.process-list li>span{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.45)}
.process-list li>div{margin-top:90px}
.process-list h3{font-family:var(--display);font-size:30px;font-weight:460;letter-spacing:0}
.process-list p{margin-top:14px;color:var(--white-muted);font-size:15px}

.guest-section{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;min-height:640px;padding:96px max(24px,calc((100vw - var(--shell))/2));background:var(--paper-2);overflow:hidden}
.guest-number{align-self:center;font-family:var(--display);font-size:360px;font-weight:520;line-height:.8;color:rgba(26,26,26,.045)}
.guest-copy{align-self:center;max-width:680px;position:relative;z-index:2}
.guest-copy>p:nth-of-type(2){max-width:56ch;margin-top:24px;color:var(--muted);font-size:18px}
.dark-link{border-color:rgba(0,0,0,.35)}

.footer{display:grid;grid-template-columns:1fr auto;gap:28px 60px;padding:42px max(24px,calc((100vw - var(--shell))/2));background:var(--ink);color:rgba(255,255,255,.56);border-top:1px solid var(--white-line)}
.footer-brand{color:#fff}
.footer-links,.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:13px}
.footer-legal{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--white-line)}

@media(max-width:1000px){
  .menu>a,.language{padding:0 9px}
  .hero-content{width:min(680px,68%)}
  .hero h1{font-size:74px}
  .hero-offer{font-size:40px}
  .latest-badge{width:270px}
  .section-heading{grid-template-columns:100px 1fr}
  .section-heading>p{grid-column:2}
  .episode{grid-template-columns:180px 1fr}
  .episode-featured{grid-template-columns:1.15fr .85fr}
}

@media(max-width:760px){
  .shell{width:min(calc(100% - 32px),var(--shell))}
  .header{top:10px;width:calc(100% - 20px);padding-left:14px}
  .menu-button{display:block}
  .menu{position:absolute;left:0;right:0;top:calc(100% + 8px);display:grid;padding:10px;background:var(--ink);border:1px solid var(--white-line);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 250ms var(--ease),transform 250ms var(--ease),visibility 0s linear 250ms}
  .menu.open{opacity:1;visibility:visible;transform:none;transition:opacity 250ms var(--ease),transform 250ms var(--ease),visibility 0s}
  .menu>a,.language{min-height:48px;padding:0 14px}
  .language{margin:4px 0;text-align:left;justify-content:flex-start}
  .menu .listen{margin:4px 0 0}
  .hero{min-height:calc(100dvh - 48px);padding:120px 24px 56px}
  .hero-image{object-position:58% center}
  .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.52)),linear-gradient(0deg,rgba(0,0,0,.92),transparent 58%)}
  .hero-content{width:100%}
  .hero h1{font-size:54px}
  .hero-offer{font-size:36px}
  .hero-lead{font-size:17px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:12px}
  .hero-actions .button{width:100%}
  .latest-badge{display:none}
  .platform-strip{grid-template-columns:1fr 1fr}
  .platform-strip a,.platform-strip span{min-height:52px;padding:10px;font-size:9px}
  .section{padding:80px 0}
  .section-heading{display:block;margin-bottom:48px}
  .section-index{margin-bottom:28px}
  .section-heading h2,.guest-copy h2{font-size:40px}
  .section-heading>p{padding-top:22px}
  .episode-grid{grid-template-columns:1fr}
  .episode,.episode-featured{grid-column:auto;grid-template-columns:1fr;min-height:0}
  .episode-media{aspect-ratio:16/9}
  .episode-copy{padding:24px}
  .episode-featured h3{font-size:34px}
  .process-list{grid-template-columns:1fr 1fr}
  .process-list li{min-height:240px;border-bottom:1px solid var(--white-line)}
  .process-list li>div{margin-top:54px}
  .guest-section{display:block;min-height:0;padding-top:80px;padding-bottom:80px}
  .guest-number{position:absolute;right:-20px;top:70px;font-size:220px}
  .guest-copy{max-width:100%}
  .guest-actions{align-items:flex-start;flex-direction:column}
  .guest-actions .button{width:100%}
  .footer{grid-template-columns:1fr}
  .footer-links{align-items:flex-start;flex-direction:column}
  .footer-legal{grid-column:auto;align-items:flex-start;flex-direction:column}
}

@media(max-width:420px){
  .hero h1{font-size:48px}
  .hero-offer{font-size:32px}
  .process-list{grid-template-columns:1fr}
  .process-list li{min-height:0;border-right:0}
  .process-list li>div{margin-top:34px}
}

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