/* Responsive layout refinements — visual identity and content remain unchanged. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.hero-copy,.hero-visual,.manifesto-grid>*,.edition-card,.author>*,.audience>*{min-width:0}

@media (max-width:1200px){
  .nav{padding-inline:3.5vw}
  .nav nav{gap:20px}
  .hero{padding-inline:4vw;gap:3vw}
  .hero h1{font-size:clamp(58px,7.5vw,92px)}
  .chapters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chapters article{border-bottom:1px solid var(--line)}
  .edition-card{padding:42px 34px}
  .edition-card h3{font-size:34px}
  .purchase-links .button{min-width:100%;width:100%}
}

@media (max-width:1024px){
  .nav{height:74px;padding-inline:24px}
  .nav nav{display:none}
  .hero{grid-template-columns:1fr;padding:125px 6vw 80px;min-height:auto}
  .hero-copy{max-width:800px}
  .hero h1{font-size:clamp(64px,10vw,100px)}
  .hero-visual{width:min(100%,760px);margin:54px auto 0}
  .manifesto-grid{grid-template-columns:1fr;gap:34px}
  .contrast>div{padding-inline:5vw}
  .chapters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edition-grid{grid-template-columns:1fr}
  .edition-card p{min-height:0}
  .purchase-links .button{min-width:210px}
  .audience{grid-template-columns:1fr;gap:48px}
  .author{grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:6vw;padding-inline:6vw}
  .author h2{font-size:clamp(50px,7vw,70px)}
}

@media (max-width:767px){
  .nav{height:68px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .nav-actions{gap:8px}
  .hero{padding:112px 20px 68px}
  .hero h1{font-size:clamp(48px,15vw,72px);line-height:.9;overflow-wrap:normal}
  .lede{font-size:16px;line-height:1.65}
  .cta-row{align-items:stretch;flex-direction:column;gap:20px;margin-block:32px}
  .cta-row .button{width:100%}
  .cta-row .text-link{align-self:flex-start}
  .facts{width:100%;margin-top:44px}
  .facts div{flex:1;min-width:0;margin-right:0;padding:20px 12px 0}
  .facts div:first-child{padding-left:0}
  .facts div:last-child{padding-right:0;border-right:0}
  .facts span{font-size:8px;overflow-wrap:anywhere}
  .hero-visual{margin-top:38px}
  .edition{right:0}
  .scroll-note{display:none}
  .manifesto,.learn,.audience,.editions,.faq{padding:72px 20px}
  .manifesto h2,.section-heading h2,.audience h2,.faq h2{font-size:clamp(42px,12vw,60px)}
  .manifesto-grid p{font-size:16px}
  .contrast{grid-template-columns:1fr}
  .contrast>div{min-height:400px;padding:52px 20px}
  .contrast h3{font-size:clamp(42px,12vw,54px)}
  .section-heading{margin:38px 0 46px}
  .chapters{grid-template-columns:1fr}
  .chapters article{border-right:0}
  .quote{min-height:430px;padding:76px 20px}
  .quote blockquote{font-size:clamp(38px,11vw,58px)}
  .checks p{font-size:20px;padding-left:36px}
  .edition-card{padding:34px 22px}
  .edition-card h3{font-size:clamp(30px,9vw,38px);overflow-wrap:anywhere}
  .edition-card .button,.purchase-links .button{width:100%;min-width:0}
  .author{grid-template-columns:1fr;padding:72px 20px;gap:48px}
  .portrait{width:min(100%,430px);margin-inline:auto}
  .portrait span{font-size:clamp(82px,27vw,120px)}
  .author h2{font-size:clamp(47px,13vw,64px);overflow-wrap:anywhere}
  .faq summary{font-size:21px;padding-right:20px}
  .final-cta{padding:100px 20px}
  .final-cta h2{font-size:clamp(52px,15vw,82px);line-height:.94}
  footer{padding:30px 20px;align-items:flex-start;flex-direction:column}
}

@media (max-width:390px){
  .hero{padding-inline:16px}
  .hero h1{font-size:clamp(43px,14.5vw,58px)}
  .facts b{font-size:17px}
  .facts div{padding-inline:8px}
  .manifesto,.learn,.audience,.editions,.faq,.author{padding-left:16px;padding-right:16px}
  .edition-card{padding-inline:18px}
  .button{padding-inline:17px}
}

@media (max-height:560px) and (orientation:landscape){
  .hero{padding-top:100px}
  .hero h1{font-size:clamp(48px,8vw,72px)}
  .hero-visual{width:min(72vw,620px)}
}