/* Shared reading-page layout. The homepage keeps its own composition. */
body{--pad:clamp(22px,5vw,64px)}
.rv{opacity:1;transform:none;transition:none}
.wrap{width:100%;max-width:1200px;margin-inline:auto}
section{padding:56px 0}
.hero.ab{display:block;min-height:0;padding:150px 0 40px}
.hero.ab .wrap{display:block;min-height:0;padding-top:0;padding-bottom:0}
.hero.ab h1{font-size:clamp(36px,4.5vw,60px);max-width:22ch;line-height:1.04}
.ab-lede{font-size:18px;line-height:1.6;max-width:680px;margin-top:20px}
.label{margin-bottom:18px}
h2{font-size:clamp(29px,3vw,40px);line-height:1.08}
.split{gap:clamp(30px,5vw,72px)}
.reading{max-width:1000px;margin-inline:auto}
.reading p,.reading ul{max-width:690px;font-size:17px;line-height:1.65}
.reading p{margin:14px 0}
.reading p.mono{font-size:11px;line-height:1.5;margin:0 0 16px}
.reading h2{margin-bottom:18px}
.reading .fine{font-size:12px;line-height:1.6;margin-top:24px}
main>.hero .wrap,main>.guide-nav{max-width:1000px}
main>section:not(.hero){padding:32px 0}
.guide-nav{margin-top:0;margin-bottom:12px;gap:12px 24px;align-items:baseline}
.guide-nav .link{font-size:15px}
article.reading{border-bottom:1px solid var(--hair);padding-bottom:32px}
.faqs details{padding:17px 0}
.faqs summary{font-size:19px;line-height:1.35}
.faqs p{margin-top:12px}
main>section:last-child{padding:36px 0 56px}
.band.bleed{min-height:820px;padding:96px 0;display:flex;align-items:center}
.band.bleed .split{align-items:center}
.bleed-img{inset:0 55% 0 0}
.bleed-img img{object-position:50% 25%}
.bleed-ph{display:none}
#howitworks,#thename,#next{padding:56px 0!important;scroll-margin-top:110px}
.steps{margin-top:30px}
#thename .facts{margin-top:24px}
#next{border-top:1px solid var(--hair)}
.next-links{align-self:center;display:grid;gap:20px}
.next-links a{font-size:20px;border-bottom:1px solid var(--hair);padding-bottom:14px}
footer{padding:36px 0}
.legal{margin-top:10px}
@media(max-width:860px){
 .hero.ab{padding-top:120px;padding-bottom:30px}
 .hero.ab .wrap{padding-top:0;padding-bottom:0}
 .split{grid-template-columns:1fr;gap:28px}
 .band.bleed{display:block;min-height:0;padding:0 0 48px}
 .bleed-img{position:relative;inset:auto;height:clamp(440px,110vw,620px);width:100%;margin-bottom:28px}
 .bleed-img img{object-position:50% 22%}
 .bleed-img::after{background:linear-gradient(0deg,#191919,transparent 35%)}
 .band.bleed .split>div:empty{display:none}
 #howitworks,#thename,#next{padding:36px 0!important}
 section{padding:36px 0}
 .guide-nav{display:grid;gap:12px}
 .faqs summary{font-size:18px}
 footer{padding-bottom:90px}
}