/* Phone chapters use the available width and grow with their copy.
   The original painting retains its ratio so its quill and coin still align. */
@media(max-width:900px){
 #roadmap.nft-scroll{padding-bottom:32px;aspect-ratio:auto;min-width:0}
 #roadmap.nft-scroll .scroll-scene{aspect-ratio:1563/1006}
 #roadmap.nft-scroll .roadmap-layout{
  position:relative;inset:auto;width:calc(100% - 32px);max-width:520px;
  height:auto;min-height:0;max-height:none;margin:16px auto 0;padding:36px 18px 28px;
  align-items:stretch;justify-content:flex-start;gap:22px;scroll-margin-block:20px;
 }
 #roadmap.nft-scroll .nft-pages{width:100%;display:block;flex:none;min-height:0;overflow:visible}
 #roadmap.nft-scroll .nft-page,#roadmap.nft-scroll #nft-page-0{height:auto;min-height:0;min-width:0;max-width:100%}
 #roadmap.nft-scroll .nft-intro{
  display:grid;grid-template-columns:minmax(0,1fr) clamp(84px,26vw,130px);
  grid-template-rows:auto auto auto;gap:12px;height:auto;min-height:0;text-align:left;
 }
 #roadmap.nft-scroll .nft-intro-copy{display:contents}
 #roadmap.nft-scroll .nft-intro-copy>.eyebrow{grid-column:1/-1;grid-row:1}
 #roadmap.nft-scroll .nft-intro-copy>h2{grid-column:1;grid-row:2;margin:0;font-size:clamp(24px,6vw,30px);line-height:1.12}
 #roadmap.nft-scroll .nft-count{font-size:clamp(50px,13vw,62px);line-height:1.05;letter-spacing:-1px;margin-bottom:6px}
 #roadmap.nft-scroll .nft-intro-description{grid-column:1/-1;grid-row:3;width:100%;max-width:none;margin:0;font-size:clamp(18px,4.5vw,20px);line-height:1.4}
 #roadmap.nft-scroll .nft-egg{grid-column:2;grid-row:2;align-self:center;width:100%;height:auto;max-width:130px;max-height:none;margin:0}
 #roadmap.nft-scroll .nft-egg img{width:100%;height:auto;max-height:130px;object-fit:contain}
 #roadmap.nft-scroll .eyebrow{font-size:15px;line-height:1.3;margin:0 0 12px;letter-spacing:.2px}
 #roadmap.nft-scroll .nft-intro-copy>.eyebrow{margin:0}
 #roadmap.nft-scroll .nft-detail h3{font-size:clamp(26px,6.4vw,30px);line-height:1.15;margin:0 0 14px;letter-spacing:0}
 #roadmap.nft-scroll .nft-detail p:not(.eyebrow){font-size:clamp(18px,4.5vw,20px);line-height:1.4;max-width:none;margin:0}
 #roadmap.nft-scroll .nft-detail p+p:not(.eyebrow){margin-top:14px}
 #roadmap.nft-scroll .nft-holdings{gap:6px;margin:0 0 15px}
 #roadmap.nft-scroll .nft-holdings li{font-size:18px;line-height:1.2;padding:6px 10px}
 #roadmap.nft-scroll #nft-page-4 .nft-cycle-closing{font-size:17px;line-height:1.35;margin-top:16px}
 #roadmap.nft-scroll .nft-pagination{width:100%;display:grid;grid-template-columns:44px minmax(36px,1fr) auto;align-items:center;gap:8px;flex-wrap:nowrap;margin:0}
 #roadmap.nft-scroll .nft-pagination button{min-width:44px;min-height:44px;max-width:100%;padding:8px 10px;font-size:14px;line-height:1.2;gap:6px;white-space:nowrap}
 #roadmap.nft-scroll .nft-pagination #nft-prev{min-width:44px;padding:8px;font-size:23px}
 #roadmap.nft-scroll #nft-page-status{font-size:15px;min-width:0;letter-spacing:0}
}