/* Touch reading uses document flow; desktop screen proportions stay unchanged. */
@media (max-width:760px), (max-width:1100px) and (hover:none) and (pointer:coarse) {
  html:not(.screen-paging){scroll-padding-top:0;overscroll-behavior-y:auto}
  body{overflow-x:clip;overscroll-behavior-y:auto}
  .page,.architecture-screen,.history-editorial,.audience-section.stats-spread,.stories-screen,.community-purpose-screen{height:auto;min-height:0;scroll-margin-top:0}
  .page{padding:0 6% 40px}
  .page header{height:auto;min-height:120px;flex-wrap:wrap}
  .page header nav{width:100%;order:3;justify-content:space-between;flex-wrap:wrap;gap:12px}
  .page .hero{display:flex;flex-direction:column;min-height:0;gap:0}
  .hero .copy{width:100%;padding:32px 0}
  .hero .copy h1{font-size:clamp(54px,13vw,80px)}
  .hero .copy .definition{font-size:25px}
  .hero .copy .description{font-size:15px}
  .hero .gallery{width:100%;padding:0 28px 0 0}
  .hero .gallery .photo-window{aspect-ratio:3/2;height:auto;min-height:0}
  .hero .gallery .photo-window img{height:100%;min-height:0}
  .hero .pagination{right:-12px;top:50%;transform:translateY(-50%)}
  .history-editorial{display:flex;flex-direction:column;padding:48px 6%;gap:24px;overflow:visible}
  .history-editorial>.he-heading,.history-editorial>.he-years,.history-editorial>.he-story,.history-editorial>.he-photo,.history-editorial>.he-strip,.history-editorial>.he-pause{position:relative;inset:auto;width:100%;margin:0}
  .he-heading{order:0}
  .he-heading p{margin-bottom:18px;line-height:1.5}
  .he-heading h2{font-size:clamp(34px,9vw,44px);line-height:1}
  .he-photo{order:1;height:auto;aspect-ratio:4/3;flex:none}
  .he-strip{order:2;justify-content:flex-end;gap:10px}
  .he-strip button{width:44px;height:32px}
  .he-years{order:3;display:flex;justify-content:space-between;gap:12px;padding:8px 0}
  .he-years button{font-size:17px;transform:none}
  .he-years button[aria-current]{transform:none}
  .he-story{order:4;min-height:340px}
  .he-date{font-size:52px;margin-bottom:20px}
  .he-story h3{font-size:29px;margin-bottom:16px}
  .he-story p{font-size:16px;line-height:1.55}
  .he-pause{order:5;text-align:left;min-height:44px;padding:0}
  .audience-section.stats-spread{display:block;overflow:visible}
  .stats-page{display:block;padding:48px 6%}
  .stats-top{padding:0;margin-bottom:32px}
  .stats-folio{margin-bottom:24px;font-size:11px}
  .stats-top h2{font-size:38px}
  .stats-bottom{padding-top:0}
  .stats-bars{height:360px;flex:none;gap:4px}
  .stats-bar-track{height:70%}
  .stats-bar-label{font-size:10px;min-height:8em}
  .stats-bar span{font-size:clamp(11px,3.1vw,18px)}
  .stats-major{font-size:88px;margin:0}
  .stats-major-label{font-size:36px;margin-bottom:32px}
  .stats-secondary{grid-template-columns:1fr;gap:24px;padding-top:24px}
  .stats-secondary>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start}
  .stats-secondary strong{font-size:30px;margin:0}
  .stats-secondary p{font-size:13px;line-height:1.5}
  .stories-screen{display:block;overflow:visible}
  .stories-screen>.initiative{padding:48px 6%}
  .stories-screen>.initiative p{padding:0;border:0;font-size:28px;line-height:1.08}
  .stories-screen .stories-section>.section-shell{height:auto;padding:48px 6%}
  .stories-screen .stories-track{width:100%;min-width:0;touch-action:auto;overscroll-behavior-x:contain;padding-bottom:0;gap:16px}
  .stories-screen .quote-card.editorial-story{height:520px;min-height:520px;flex-basis:90%;grid-template-rows:auto minmax(0,1fr);padding:16px}
  .story-portrait{height:clamp(180px,52vw,260px)}
  .stories-screen .quote-card.editorial-story:has(img[src*="story-9."]){grid-template-rows:auto minmax(0,1fr)}
  .stories-screen .editorial-story .story-topic{font-size:25px;line-height:1.05}
  .stories-screen .editorial-story .excerpt{font-size:13px;line-height:1.5}
  .stories-screen .editorial-story .quote-author h3{font-size:14px}
  .stories-screen .editorial-story .read-story{font-size:12px;min-height:32px}
  .stories-bottom{grid-template-columns:1fr;gap:20px}
  .story-number-rail{--story-circle:clamp(22px,5.8vw,26px);--story-gap:2px}
  .community-purpose-screen{grid-template-columns:1fr;overflow:visible}
  .community-purpose-screen .purpose-copy{padding:48px 6%;gap:56px}
  .community-purpose-screen .participation{transform:none}
  .community-purpose-screen .participation-copy>p:not(.eyebrow){text-align:left;hyphens:none}
  .community-purpose-screen .supporters{padding:48px 6%}
  .community-purpose-screen .supporters article{grid-template-columns:100px minmax(0,1fr);gap:0 18px;padding:20px 0}
  .community-purpose-screen .supporters article img{height:132px}
  .club-footer{min-height:100svh;grid-template-rows:minmax(180px,1fr) repeat(4,auto);padding:32px 6%;gap:24px}
  .club-footer .footer-logo{width:min(380px,100%);max-width:100%}
  .club-footer .footer-top nav{gap:14px 20px}
  .club-footer .footer-legal{gap:12px 20px}
  .story-dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}