.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-200%);padding:14px 20px;background:var(--lime);color:#111;border-radius:12px}.skip-link:focus{transform:none}.archive-heading{padding:55px 0 40px}.archive-heading h1{font-size:clamp(58px,7vw,100px);line-height:.97;margin:20px 0 24px;letter-spacing:-.06em}.archive-heading>p:last-child{font-size:17px;line-height:1.6}.archive-tools{padding:0 0 25px}.search-label{display:block;font:700 11px/1.7 SpaceMono,monospace;color:var(--muted);margin-bottom:24px}.search-label input{display:block;width:100%;max-width:580px;margin-top:10px;padding:17px 20px;background:var(--card);border:1px solid var(--line);border-radius:15px;color:var(--fg);font:15px Arial,sans-serif;outline-offset:4px}.search-label input:focus{outline:2px solid var(--lime)}.results-note{font:10px/1.7 SpaceMono,monospace;color:var(--muted);margin:0 0 22px;min-height:17px}.archive-more{margin-top:30px}.empty-results{padding:36px 0;color:var(--muted);line-height:1.7}.empty-results h2{font-size:40px;color:var(--fg);margin-bottom:15px}.empty-results .button{margin-top:20px}.empty-results a{color:var(--lime);text-decoration:underline}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.archive-page{padding-bottom:85px}.archive-card{background:var(--card);border:1px solid var(--line);border-radius:25px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.archive-card:hover{transform:translateY(-4px);border-color:#73627c}.archive-card>a{display:flex;flex-direction:column;height:100%}.archive-image{position:relative;aspect-ratio:1.3;overflow:hidden;background:#242129}.archive-image img{height:100%;width:100%;object-fit:cover;object-position:center 35%}.archive-copy{padding:25px;flex:1;display:flex;flex-direction:column}.archive-copy h2{font-size:31px;line-height:1.04;letter-spacing:-.04em;margin:13px 0 17px;overflow-wrap:anywhere}.card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-copy .muted{font-size:14px;line-height:1.6}.archive-card-foot{font:10px SpaceMono,monospace;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding-top:30px;margin-top:auto}.archive-card-foot>span{font-size:27px;color:var(--lime)}.episode-title h1{font-size:clamp(66px,8.2vw,120px);overflow-wrap:anywhere;line-height:.98;max-width:1200px}.episode-title>div{min-width:0}.episode-about h2{overflow-wrap:anywhere}.rich-text{color:#b9b2c0;font-size:16px;line-height:1.8}.rich-text p{margin-bottom:20px}.rich-text a{color:var(--lime);text-decoration:underline}.rich-text strong{font-weight:700}.rich-text .tags{margin-top:25px}.guest-bio{padding-top:45px}.gallery{align-items:start}.gallery .art-button{display:block}.gallery .art-button img{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;background:#111}.gallery-section .section-head h2{font-size:clamp(38px,4.8vw,65px)}.related-grid .compact-image{min-height:190px}.compact-copy{flex:1}.filters{row-gap:10px}.catalog.filtered .feature-image{aspect-ratio:1.5;height:auto}.catalog.filtered{align-items:stretch}.footer{padding-bottom:45px}.archive-row{grid-template-columns:50px 1fr 140px 25px}
@media(max-width:1100px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-copy h2{font-size:30px}.episode-title h1{font-size:clamp(60px,8.8vw,100px)}}
@media(max-width:760px){.archive-heading{padding-top:25px}.archive-heading h1{font-size:clamp(42px,10.8vw,70px);line-height:1.03;overflow-wrap:anywhere}.archive-heading>p:last-child{font-size:14px}.archive-heading .eyebrow{font-size:9px}.archive-grid{grid-template-columns:minmax(0,1fr);gap:22px}.archive-copy{padding:23px}.archive-copy h2{font-size:32px}.archive-page{padding-bottom:45px}.episode-title h1{font-size:clamp(43px,11.6vw,80px);max-width:100%;line-height:1.02}.rich-text{font-size:14px}.episode-about h2{font-size:36px}.related-grid .compact-image{min-height:160px}.archive-row{grid-template-columns:22px 1fr 20px}.search-label input{font-size:14px;padding:15px}.gallery .art-button img{height:auto;aspect-ratio:auto;max-height:none}.results-note{font-size:9px}.catalog.filtered .feature-image{aspect-ratio:1.3}.footer{padding-bottom:35px}}

.host-image>img{aspect-ratio:1;object-position:center}
@media(max-width:760px){.header{height:auto;min-height:126px;flex-wrap:wrap;justify-content:center;gap:5px;padding-top:12px;padding-bottom:5px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:9px}.header nav a{display:flex;align-items:center;min-height:44px}.header .logo img{width:142px}}

.hero h1.featured-name{font-size:clamp(52px,6.7vw,105px);line-height:.95;letter-spacing:-.055em;overflow-wrap:normal}
.hero h2.featured-title{font-size:clamp(25px,2.8vw,39px);max-width:580px;color:var(--lime);line-height:1.15}
.episode-artwork img{object-fit:contain}.media-panel:has(.episode-artwork){aspect-ratio:16/9}.episode-artwork .poster-caption{display:none}
.guest-links{margin-top:28px}.guest-links .button{text-decoration:none;font-size:11px}
.episode-quote{margin-top:0;margin-bottom:30px;padding:40px 45px;border-left:4px solid var(--lime);background:var(--card);border-radius:0 24px 24px 0}
.episode-quote blockquote{font-family:Syne,sans-serif;font-size:clamp(30px,4vw,56px);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin:20px 0 25px;max-width:1000px}
.episode-quote figcaption{font:700 12px SpaceMono,monospace;color:var(--muted)}
@media(max-width:760px){.hero h1.featured-name{font-size:clamp(44px,10.4vw,78px)}.hero h2.featured-title{font-size:27px}.episode-quote{padding:28px 22px}.episode-quote .eyebrow{font-size:9px}.episode-artwork .big-play{width:50px;height:50px;font-size:18px}.guest-links .button{font-size:9px}}

/* Consistent frames prevent faces being cropped as card copy or viewport changes. */
.feature-image,.catalog.filtered .feature-image{height:auto;aspect-ratio:4/3}
.archive-image{aspect-ratio:4/3}
/* Keep portrait and copy together even when the featured card stretches the row. */
.compact>a{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:start;align-content:center}
.compact-image,.related-grid .compact-image{width:100%;height:auto;min-height:0;aspect-ratio:1;align-self:start}
.compact .card-link{margin-top:0;padding-top:22px}
.feature-image>img,.compact-image img,.archive-image img{object-position:50% 0%}
@media(max-width:760px){.compact>a{grid-template-columns:36% minmax(0,1fr)}}

/* Keep the added Stories navigation comfortable on small screens. */
@media(max-width:760px){.header nav{flex-wrap:wrap;justify-content:center;column-gap:17px;row-gap:0}.header nav a{min-height:44px}}

/* Three poster-like cards for recent conversations. */
.catalog.recent-cards,.catalog.recent-cards.filtered{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;padding:8px 7px 48px}
.recent-card{--accent:var(--pink);--tilt:-1deg;border-radius:28px;overflow:visible;min-width:0;transform:rotate(var(--tilt));background:transparent;color:#0d0d0f;transition:transform .2s}
.recent-color-1{--accent:var(--orange);--tilt:1deg;translate:0 38px}
.recent-color-2{--accent:var(--lime);--tilt:-.7deg}
.recent-card>a{display:flex;flex-direction:column;height:100%;border-radius:inherit;overflow:hidden}
.recent-card-media{position:relative;aspect-ratio:1;flex-shrink:0;overflow:hidden;background:#242129}
.recent-card-media img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .25s}
.recent-duration{position:absolute;top:20px;left:20px;border-radius:50px;background:#0d0d0f;color:var(--accent);font:700 11px/1.4 SpaceMono,monospace;text-transform:uppercase;letter-spacing:.07em;padding:8px 14px}
.recent-play{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:56px;height:56px;background:#0d0d0f;color:var(--accent);border-radius:50%;font-size:23px;padding-left:3px}
.recent-card-copy{background:var(--accent);display:flex;flex-direction:column;flex:1;padding:28px 27px 30px}
.recent-card-copy .eyebrow{font-size:10px;line-height:1.65}
.recent-card-copy h3{font-size:clamp(27px,2.6vw,39px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 18px;overflow-wrap:break-word}
.recent-summary{font-size:16px;line-height:1.65}
.recent-card-copy time{margin-top:auto;padding-top:26px}
.recent-card:hover{transform:rotate(0)}
.recent-card:hover img{filter:grayscale(0)}
.recent-card>a:focus-visible{outline-offset:6px;outline-color:var(--fg)}
.recent-cards.filtered .recent-card{translate:0 0;transform:none}
@media(max-width:1000px) and (min-width:761px){.catalog.recent-cards,.catalog.recent-cards.filtered{gap:18px}.recent-card-copy{padding:23px 20px}.recent-card-copy h3{font-size:26px}.recent-summary{font-size:14px}.recent-duration{top:14px;left:14px;font-size:10px}.recent-play{right:14px;bottom:14px;width:46px;height:46px;font-size:18px}}
@media(max-width:760px){.catalog.recent-cards,.catalog.recent-cards.filtered{grid-template-columns:minmax(0,1fr);gap:28px;padding:0}.recent-card,.recent-color-1{transform:none;translate:0 0}.recent-card-copy h3{font-size:32px}.recent-card-copy{padding:26px}.recent-card-copy .eyebrow{font-size:10px}.recent-summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.recent-card,.recent-card-media img{transition:none}}

/* Host profile: portrait, editorial biography, and catalog-driven stats. */
@font-face{font-family:HostDisplay;src:url('/assets/barlow-condensed.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
.host-bio{padding:30px 0 110px}
.host-bio .host-inner{padding:0;background:transparent;border:0;border-radius:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(45px,7vw,100px);align-items:center}
.host-bio .host-image{margin:18px 0 0 18px;isolation:isolate}
.host-bio .host-image:before{content:'';position:absolute;inset:-13px 13px 13px -13px;border:2px solid var(--lime);border-radius:20px;transform:rotate(-3deg);z-index:-1}
.host-bio .host-image:after{content:'';position:absolute;inset:60% 0 0;border-radius:0 0 18px 18px;background:linear-gradient(transparent,#ff299f22);pointer-events:none}
.host-bio .host-image>img{width:100%;height:auto;aspect-ratio:1479/2048;object-fit:cover;object-position:center top;border-radius:18px}
.host-bio .host-copy{min-width:0}
.host-bio .host-copy>.eyebrow{font-size:12px;letter-spacing:.1em}
.host-bio .host-copy h2{font-family:HostDisplay,Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(66px,7.3vw,108px);line-height:.94;letter-spacing:-.025em;margin:16px 0 28px}
.host-bio .host-copy h2 span{color:var(--lime)}
.host-bio .host-copy>.host-role{font-family:HostDisplay,Impact,sans-serif;font-weight:800;font-size:clamp(26px,2.65vw,36px);text-transform:uppercase;line-height:1.08;color:var(--fg);margin:0 0 24px}
.host-description p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 18px}
.host-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin:32px 0 20px;padding:0}
.host-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:22px 18px;min-width:0}
.host-stats>div:first-child{padding-left:0}
.host-stats>div+div{border-left:1px solid var(--line)}
.host-stats dt{font:700 10px/1.5 SpaceMono,monospace;letter-spacing:.035em;text-transform:uppercase;color:var(--muted)}
.host-stats dd{font:800 clamp(46px,4.8vw,68px)/1 HostDisplay,Impact,sans-serif;text-transform:uppercase;margin:0}
.host-stats>div:first-child dd{color:var(--lime)}
.host-stats>div:nth-child(2) dd{color:var(--pink)}
.host-bio .host-copy .button{margin-top:0}
@media(max-width:1000px) and (min-width:761px){.host-bio .host-inner{gap:38px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.host-description p{font-size:14px}.host-stats>div{padding:20px 12px}}
@media(max-width:760px){.host-bio{padding:20px 0 65px}.host-bio .host-inner{grid-template-columns:minmax(0,1fr);gap:38px;padding:0}.host-bio .host-image{max-width:450px;width:calc(100% - 18px);margin:15px auto 0}.host-bio .host-image>img{aspect-ratio:1479/2048}.host-bio .host-copy h2{font-size:clamp(58px,12.5vw,88px);margin:14px 0 24px}.host-bio .host-copy>.host-role{font-size:28px}.host-description p{font-size:15px}.host-stats{margin-top:26px}.host-stats>div{padding:20px 12px}.host-stats dd{font-size:50px}.host-stats dt{font-size:9px}}

/* A little more space to get Cosmic. */
.follow-section{padding-top:30px;padding-bottom:85px}
.follow-heading{margin-bottom:44px}
.follow-heading .eyebrow{margin-bottom:18px}
.follow-heading h2{font:800 clamp(52px,6.7vw,92px)/1.08 HostDisplay,Impact,sans-serif;letter-spacing:-.015em;text-transform:uppercase}
.follow-heading h2 span{color:var(--lime)}
.follow-list{border-bottom:1px solid var(--line)}
.follow-row{--follow-accent:var(--lime);display:grid;grid-template-columns:40px minmax(0,1fr) auto 36px;align-items:center;gap:28px;padding:30px 24px;border-top:1px solid var(--line);transition:background .2s,color .2s}
.follow-pink{--follow-accent:var(--pink)}
.follow-orange{--follow-accent:var(--orange)}
.follow-cream{--follow-accent:var(--fg)}
.follow-icon{width:36px;height:36px;color:var(--follow-accent)}
.follow-name{font:800 clamp(36px,4.8vw,64px)/1.12 HostDisplay,Impact,sans-serif;letter-spacing:-.015em;text-transform:uppercase}
.follow-note{font:700 10px/1.5 SpaceMono,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:right}
.follow-arrow{width:32px;height:32px;transition:transform .2s}
.follow-row:hover,.follow-row:focus-visible{background:var(--follow-accent);color:var(--bg)}
.follow-row:hover .follow-icon,.follow-row:focus-visible .follow-icon,.follow-row:hover .follow-note,.follow-row:focus-visible .follow-note{color:var(--bg)}
.follow-row:hover .follow-arrow,.follow-row:focus-visible .follow-arrow{transform:rotate(45deg)}
.follow-row:focus-visible{outline-offset:4px;outline-color:var(--follow-accent)}
@media(max-width:760px){.follow-section{padding-top:10px;padding-bottom:55px}.follow-heading{margin-bottom:30px}.follow-row{grid-template-columns:28px minmax(0,1fr) 24px;gap:8px 16px;padding:24px 12px}.follow-name{font-size:clamp(30px,6.5vw,44px)}.follow-icon{width:26px;height:26px}.follow-arrow{width:24px;height:24px;grid-column:3;grid-row:1 / span 2;align-self:center}.follow-note{grid-column:2;text-align:left;font-size:9px}.follow-heading h2{font-size:clamp(44px,10.6vw,74px)}}
@media(prefers-reduced-motion:reduce){.follow-row,.follow-arrow{transition:none}}

/* Compact homepage opening: keep the conversation and play control above the fold. */
@media(min-width:761px){
 .hero-scene{padding:16px 0 55px}
 .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(34px,4.5vw,65px)}
 .hero .intro-label{margin:18px 0 12px}
 .hero h1.featured-name{font-size:clamp(52px,min(6vw,11svh),88px);line-height:.95;margin-bottom:20px}
 .hero h2.featured-title{font-size:clamp(24px,2.3vw,32px);line-height:1.15}
 .hero-description{font-size:14px;line-height:1.6;margin-top:14px}
 .hero .audio-teaser{padding:15px 18px;margin-top:20px;border-radius:22px}
 .hero .audio-teaser-top{gap:18px}
 .hero .play-circle{width:48px;height:48px;font-size:18px}
 .hero .wave{height:44px}
 .hero .teaser-meta{margin-top:12px;gap:8px 16px}
 .hero .portrait-stack{width:min(100%,calc(100svh - 220px));justify-self:center;margin:0 0 20px}
 .hero .portrait{aspect-ratio:1}
 .hero .portrait>img{object-position:center top}
 .hero .portrait-stack:before{inset:22px 12px -34px -16px}
 .hero .portrait-stack:after{inset:26px -5px -25px}
}
@media(min-width:761px) and (max-height:740px){
 .hero-scene{padding-top:10px;padding-bottom:40px}
 .hero .intro-label{margin:12px 0 10px}
 .hero h1.featured-name{font-size:clamp(48px,min(5.8vw,10svh),76px);margin-bottom:16px}
 .hero h2.featured-title{font-size:clamp(23px,2.1vw,29px)}
 .hero .audio-teaser{margin-top:16px;padding:12px 16px}
 .hero .teaser-meta{font-size:9px}
}
@media(max-width:760px){.hero-scene{padding-top:20px;padding-bottom:65px}.hero{gap:34px}.hero .intro-label{margin-top:20px;margin-bottom:14px}.hero h1.featured-name{margin-bottom:20px}.hero-copy .audio-teaser{margin-top:20px}}

/* Clear guest credit and shorter recent-conversation cards. */
.hero .portrait-caption>div{min-width:0}
.hero .portrait-caption .portrait-guest-name{font:800 clamp(30px,3vw,44px)/1.02 HostDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.015em;margin:6px 0;overflow-wrap:break-word}
.hero .portrait-caption .portrait-guest-role{font:700 10px/1.5 SpaceMono,monospace;letter-spacing:.025em;text-transform:uppercase;color:#c0bfc2}
.hero .portrait:after{inset:48% 0 0;background:linear-gradient(transparent,#050505f5)}
.hero-scene+.episodes{padding-top:60px}
.catalog.recent-cards,.catalog.recent-cards.filtered{padding-bottom:34px}
.recent-color-1{translate:0 24px}
.recent-card-copy{padding:22px 23px 23px}
.recent-card-copy h3{font-size:clamp(24px,2.1vw,30px);line-height:1.1;margin:10px 0 12px}
.recent-summary{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.recent-card-copy time{padding-top:16px}
@media(max-width:1000px) and (min-width:761px){.recent-card-copy{padding:20px 18px}.recent-card-copy h3{font-size:24px}.recent-card-copy .eyebrow{font-size:9px}}
@media(max-width:760px){.hero-scene+.episodes{padding-top:35px}.hero .portrait-caption .portrait-guest-name{font-size:clamp(28px,7.5vw,40px)}.hero .portrait-caption .portrait-guest-role{font-size:9px}.catalog.recent-cards,.catalog.recent-cards.filtered{padding-bottom:0}.recent-color-1{translate:0 0}.recent-card-copy{padding:22px}.recent-card-copy h3{font-size:27px}.recent-summary{font-size:14px}}

/* Independent translate preserves the cards' existing rotations and hover transforms. */
.scroll-layer{translate:0 var(--scroll-offset,0px)}
@media(prefers-reduced-motion:reduce){.scroll-layer{translate:none!important}}
@media print{.scroll-layer{translate:none!important}}

/* Release-date sorting pairs with archive search without changing the filters. */
.archive-search-sort{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.archive-search-sort .search-label{flex:1;margin-bottom:0}.sort-label{display:block;flex:0 0 220px;font:700 11px/1.7 SpaceMono,monospace;color:var(--muted)}.sort-label select{display:block;width:100%;margin-top:10px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--fg);font:700 12px/1.5 SpaceMono,monospace;cursor:pointer}.sort-label select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:700px){.archive-search-sort{display:block}.sort-label{margin-top:18px;max-width:100%}}

.audio-external-note{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 24px}

/* Balance the desktop navigation independently of the logo. */
@media(min-width:1051px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.header .logo{justify-self:start}.header nav{grid-column:2;justify-self:center}}