/* HFS prototype — responsive (desktop-first refinements; dedicated mobile solutions) */
@media (max-width:1100px){
  :root{--gutter:clamp(2rem,4.5vw,3rem)}
  .hero-stack{min-height:360px}
  .header-nav .nav-link{padding:10px 10px}
  .stories{grid-template-columns:1fr 1fr}
  .portal-grid{grid-template-columns:1fr 1fr}
  .social-strip{grid-template-columns:repeat(4,1fr)}
  .social-strip .print:nth-child(n+5){display:none}
}
@media (max-width:880px){
  :root{--gutter:2rem;--mobile-menu-hit-width:82px;--mobile-menu-control:48px}
  body{overflow-x:clip}
  .header-nav{display:none}
  .menu-btn{display:inline-flex;width:var(--mobile-menu-hit-width);height:var(--mobile-menu-control);padding:0;justify-content:center}
  .header-inner{display:flex;justify-content:space-between;align-items:center}
  .site-header .brand{order:1}
  .header-left{order:2}
  .header-utils{display:none}
  .brand img{height:48px;width:48px}
  .menu-overlay{clip-path:circle(0 at calc(100% - var(--gutter) - 41px) 34px);transition:clip-path .6s var(--ease-paper),opacity .34s var(--ease-out),visibility 0s linear .6s}
  .menu-overlay.open{clip-path:circle(150vmax at calc(100% - var(--gutter) - 41px) 34px);transition-delay:0s}
  .menu-inner{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-top:10px;padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .menu-top{min-height:var(--mobile-menu-control);margin-bottom:28px}
  .menu-top .brand img{height:48px;width:48px}
  .menu-close-slot{width:var(--mobile-menu-hit-width);height:var(--mobile-menu-control)}
  .menu-close{width:var(--mobile-menu-control);height:var(--mobile-menu-control)}
  .menu-bottom{margin-top:auto;padding-top:28px}
  .hero-grid,.podcast-grid,.about-grid,.explore-grid{grid-template-columns:1fr}
  .hero-stack{min-height:0;margin-top:28px;padding-bottom:56px}
  .hero-stack .ph-main{position:static;transform:rotate(-1deg)}
  .hero-stack .ph-polaroid{position:absolute;right:4px;bottom:0;width:38%}
  .hero-stack .stamp{top:-12px;right:2%}
  .hero-stack .annot{bottom:36px}
  .card-feature{flex-direction:column;align-items:stretch;gap:18px}
  .card-feature .print{aspect-ratio:16/9}
  .stories{grid-template-columns:1fr}
  .menu-primary a{font-size:var(--text-h2)}
  .menu-listen{padding:10px 18px;font-size:.875rem}
  .footer-inner{grid-template-columns:1fr 1fr;padding:48px var(--gutter) 32px}
  .podcast .art{max-width:240px}
  .about-grid .portrait{max-width:280px}
  .podcast-player-inner{grid-template-columns:58px minmax(140px,1fr) 50px;gap:10px;padding-block:12px}
  .podcast-player-art{width:58px;height:58px}
  .podcast-player-progress{grid-column:1/-1;grid-row:2}
  .podcast-player-tools{grid-column:1/-1;grid-row:3}
  body.has-podcast-player{padding-bottom:174px}
  body.has-minimized-player{padding-bottom:74px}
  .podcast-player.is-minimized .podcast-player-inner{grid-template-columns:46px minmax(120px,1fr) 42px auto;min-height:66px}
  .podcast-player.is-minimized .podcast-player-tools{grid-column:4;grid-row:1}
}
@media (max-width:560px){
  :root{--gutter:1.75rem}
  .hero-stack .ph-polaroid{width:44%}
  .hero h1{font-size:clamp(2.25rem,9vw,2.75rem)}
  .ep{padding:16px}
  .section{padding-block:clamp(3rem,10vw,4rem)}
  .portal-grid{grid-template-columns:1fr}
  .social-strip{grid-template-columns:repeat(2,1fr)}
  .social-strip .print:nth-child(n+5){display:none}
  .ep{flex-direction:column}
  .ep-art{width:100%!important}
  .ep-art .frame{aspect-ratio:16/9}
  .ep-art .play span{display:flex}
  .wave{display:none}
  .hero-cta .btn{width:100%;justify-content:center}
  .footer-inner{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .card-compact{align-items:flex-start}
  .menu-bottom{grid-template-columns:1fr auto;row-gap:12px}
  .menu-listen{grid-column:1;grid-row:1}
  .menu-theme{grid-column:2;grid-row:1}
  .menu-social{grid-column:1 / -1;grid-row:2;max-width:100%}
  .podcast-player-copy strong{font-size:1rem}
  .podcast-player-volume{margin-right:auto}
  .podcast-player-volume input{width:72px!important}
  .episode-pagination-shell{align-items:flex-start;flex-direction:column}

}
@media (max-width:390px){
  .podcast-player-show{display:none}
  .podcast-player-inner{grid-template-columns:48px minmax(0,1fr) 44px}
  .podcast-player-art{width:48px;height:48px}
  .podcast-player-progress{grid-template-columns:38px minmax(80px,1fr) 46px;gap:7px}
  .podcast-player-tools{gap:6px}
  .podcast-player-volume input{width:62px!important}
  .podcast-player-speed,.podcast-player-icon{height:36px;min-width:36px}
  body.has-podcast-player{padding-bottom:166px}
}