@font-face{font-family:NotoSans;src:url('/assets/fonts/noto-sans-v42-latin-regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:NotoSans;src:url('/assets/fonts/noto-sans-v42-latin-700.woff2') format('woff2');font-display:swap;font-weight:700}
@font-face{font-family:FrankRuhl;src:url('/assets/fonts/frank-ruhl-libre-v23-latin-700.woff2') format('woff2');font-display:swap;font-weight:700}

.podcast-page{--podcast-paper:#f4efe5;--podcast-ink:#10263b;--podcast-night:#071a2d;--podcast-blue:#0038b8;--podcast-gold:#ffd64f;background:var(--podcast-paper);color:var(--podcast-ink)}
.podcast-page main{overflow:hidden}.podcast-section{width:min(1280px,calc(100% - 48px));margin-inline:auto;padding-block:clamp(5rem,9vw,9rem)}
.podcast-hero{min-height:min(900px,100svh);padding-top:72px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);background:var(--podcast-night);color:#fff}
.podcast-hero__copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(4rem,8vw,8rem) clamp(2rem,6vw,6rem)}
.podcast-hero__copy h1{margin:.15em 0 .2em;font-family:FrankRuhl,Georgia,serif;font-size:clamp(4.8rem,10vw,9rem);line-height:.82;letter-spacing:-.055em;transform-origin:left center;will-change:transform,letter-spacing}
.podcast-hero__copy p{max-width:34rem;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.7}
.podcast-hero__visual{position:relative;min-height:590px;margin:0;overflow:hidden;background:#fff}
.podcast-hero__visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:none}
.podcast-hero__visual figcaption{position:absolute;right:clamp(1.4rem,4vw,3rem);bottom:clamp(1.4rem,4vw,3rem);max-width:27rem;padding:.8rem 1.1rem;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(7,26,45,.78);color:#fff;font-size:.82rem;backdrop-filter:blur(12px)}
.podcast-button{display:inline-flex;gap:.7rem;align-items:center;align-self:flex-start;margin-top:2rem;padding:.85rem 1.35rem;border-radius:999px;background:var(--podcast-gold);color:#000;text-decoration:none;font-weight:700;transition:transform .25s ease,box-shadow .25s ease}
.podcast-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(255,214,79,.28)}
.podcast-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(3rem,8vw,8rem);align-items:end}
.podcast-intro h2,.podcast-stage h2,.podcast-library h2{margin:.18em 0 0;font-family:FrankRuhl,Georgia,serif;font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.04em}
.podcast-intro__copy{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.8;color:#526170}.podcast-intro__copy p{margin:0}.podcast-intro__copy p+p{margin-top:1.2rem}
.podcast-stage{background:#e7edf6}.podcast-stage__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:3rem;align-items:end;margin-bottom:clamp(3rem,6vw,5.5rem)}
.podcast-stage__head p{margin:0;color:#526170;line-height:1.75}
.episode-placeholder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:440px;border:3px solid #fff;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(7,26,45,.13)}
.episode-placeholder__image{position:relative;min-height:380px;overflow:hidden}.episode-placeholder__image img{width:100%;height:100%;display:block;object-fit:cover;filter:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.episode-placeholder:hover .episode-placeholder__image img{transform:scale(1.035)}
.episode-placeholder__number{position:absolute;left:1.4rem;bottom:1.2rem;font-family:FrankRuhl,Georgia,serif;font-size:clamp(4rem,8vw,7rem);line-height:.8;color:#fff;text-shadow:0 3px 22px rgba(7,26,45,.45)}
.episode-placeholder__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem)}
.episode-placeholder__status{align-self:flex-start;padding:.5rem .8rem;border-radius:999px;background:#f4efe5;color:#000;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.episode-placeholder h3{margin:.8em 0 .45em;font-family:FrankRuhl,Georgia,serif;font-size:clamp(2.3rem,4.3vw,4.2rem);line-height:.95;letter-spacing:-.035em}.episode-placeholder p{margin:0;color:#526170;line-height:1.7}
.episode-placeholder__button{align-self:flex-start;margin-top:1.8rem;padding:.8rem 1.15rem;border-radius:999px;background:var(--podcast-gold);color:#000;font-weight:700}
.podcast-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}.podcast-pillars article{padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(7,26,45,.1);border-radius:22px;background:rgba(255,255,255,.62)}.podcast-pillars span{color:#000;font-weight:700}.podcast-pillars h3{margin:.7rem 0 .35rem;font-family:FrankRuhl,Georgia,serif;font-size:1.8rem}.podcast-pillars p{margin:0;color:#526170;line-height:1.6}
.podcast-library{display:flex;gap:3rem;align-items:end;justify-content:space-between}.podcast-library>div{max-width:780px}.podcast-library p{max-width:620px;margin:1.4rem 0 0;color:#526170;font-size:1.08rem;line-height:1.7}.podcast-button--dark{flex:0 0 auto;background:var(--podcast-night);color:#fff}.podcast-button--dark:hover{box-shadow:0 16px 38px rgba(7,26,45,.22)}
.podcast-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.podcast-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.podcast-hero{grid-template-columns:1fr;min-height:0}.podcast-hero__copy{min-height:560px;padding-top:8rem}.podcast-hero__visual{min-height:460px}.podcast-intro,.podcast-stage__head{grid-template-columns:1fr}.episode-placeholder{grid-template-columns:1fr}.episode-placeholder__image{min-height:420px}.podcast-library{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.podcast-section{width:min(100% - 36px,1280px);padding-block:4.5rem}.podcast-hero__copy{min-height:500px;padding:7rem 1.15rem 4rem}.podcast-hero__copy h1{font-size:clamp(4.2rem,25vw,6.3rem)}.podcast-hero__visual{min-height:330px}.podcast-hero__visual figcaption{left:1rem;right:1rem;max-width:none}.episode-placeholder{border-radius:20px}.episode-placeholder__image{min-height:270px}.podcast-pillars{grid-template-columns:1fr}.podcast-library h2{font-size:clamp(3rem,16vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){.podcast-reveal{opacity:1;transform:none;transition:none}.episode-placeholder__image img,.podcast-button{transition:none}}
