@media (min-width: 1700px) {
  .hero-composition { min-height: 690px; }
  .hero-art { top: -8%; right: 1%; }
}
@media (max-width: 1100px) {
  .desktop-nav { padding-left: 0; gap: 24px; }
  .header-actions { gap: 18px; }
  .preview-badge { display: none; }
  .hero-composition { min-height: 455px; padding-top: 80px; }
  .hero-art { top: 2%; right: -2%; width: 52vw; height: 52vw; }
  .title-note { display: none; }
  .world-heading { gap: 25px; }
  .section-intro p { font-size: .85rem; }
  .world-explorer { grid-template-columns: 130px 1fr; }
  .world-tabs button { padding: 23px 14px; gap: 8px; }
  .scene-caption p { max-width: 150px; font-size: .6rem; }
  .scene-caption h3 { font-size: 1.35rem; }
  .archive-art { height: 230px; }
  .archive-card-large .archive-art { min-height: 497px; }
  .archive-card-large .art-bottom-word { font-size: 2.8rem; }
  .dispatch-section { gap: 6%; }
}
@media (max-width: 760px) {
  :root { --gutter: 24px; }
  html { scroll-padding-top: 20px; }
  .site-header { height: 77px; }
  .brand { font-size: 1.6rem; }
  .desktop-nav { display: none; }
  .header-actions { gap: 20px; }
  .preview-badge { display: flex; font-size: .51rem; }
  .hero { padding-top: 23px; padding-bottom: 28px; }
  .hero-topline { font-size: .49rem; }
  .hero-edition { display: none; }
  .hero-composition { padding-top: 55px; min-height: 580px; padding-bottom: 0; }
  .hero h1 { font-size: 11.65vw; line-height: .9; letter-spacing: -.075em; }
  .hero-art { width: 75vw; height: 75vw; right: -2%; top: 148px; }
  .hero-bottom { flex-wrap: wrap; align-items: center; gap: 25px; }
  .hero-intro { width: calc(100% - 110px); }
  .hero-intro p { font-size: .82rem; margin-top: 12px; }
  .round-link { margin-left: auto; gap: 0; }
  .round-link > span:first-child { display: none; }
  .arrow-disc { width: 55px; height: 55px; }
  .hero-controls { width: 100%; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 4px; }
  .art-coordinate { font-size: .4rem; }
  .art-side-label { font-size: .38rem; }
  .ticker { padding: 14px 0; }.ticker-track { gap: 36px; }.ticker span { font-size: .56rem; }.ticker i { font-size: 1rem; }
  .world-section { padding-top: 39px; }
  .section-kicker { font-size: .49rem; }
  .section-kicker > span:last-child:not(:first-child) { display: none; }
  .world-heading { flex-direction: column; align-items: flex-start; margin: 45px 0 28px; gap: 25px; }
  .display-title { font-size: 9.2vw; line-height: .96; }
  .section-intro { display: flex; flex-wrap: wrap; gap: 15px 25px; }
  .section-intro > .eyebrow { display: none; }
  .section-intro p { font-size: .74rem; margin: 0; }
  .section-intro .content-label { margin-top: 0; align-self: flex-end; font-size: .49rem; }
  .world-explorer { display: flex; flex-direction: column; }
  .world-tabs { flex-direction: row; border-right: 0; border-bottom: 1px solid #3b3e37; }
  .world-tabs button { flex: 1; justify-content: center; padding: 17px 12px; font-size: .69rem; border-bottom: 0; border-right: 1px solid #3b3e37; }
  .world-tabs button:last-child { border-right: 0; }
  .world-tabs button i { display: none; }
  .world-panel { height: 470px; }
  .scene-top { top: 19px; left: 18px; right: 18px; font-size: .37rem; letter-spacing: .03em; }
  .scene-top i { display: none; }
  .scene-caption { left: 21px; right: 21px; bottom: 22px; flex-direction: column; align-items: flex-start; gap: 10px; }
  .scene-caption h3 { font-size: 1.16rem; line-height: 1.6; }
  .scene-caption p { max-width: 100%; font-size: .58rem; }
  .scene-caption p br { display: none; }
  .landscape-moon { width: 130px; height: 130px; left: 45%; top: 70px; }
  .landscape-halo { width: 220px; height: 220px; top: 25px; left: calc(45% - 45px); }
  .monolith-one { left: 26%; width: 35px; height: 195px; bottom: 129px; }
  .monolith-two { left: 83%; width: 25px; bottom: 143px; }
  .monolith-three { left: 10%; width: 18px; bottom: 144px; }
  .landscape-door { left: 56%; bottom: 170px; width: 48px; height: 92px; }
  .landscape-light { top: calc(100% - 174px); left: calc(56% - 55px); }
  .world-footnote { gap: 12px; font-size: .43rem; }.world-footnote > span:first-child { display: none; }.world-footnote > span:last-child { flex-shrink: 0; }
  .archive-section { padding-top: 43px; padding-bottom: 49px; }
  .archive-heading { flex-direction: column; align-items: flex-start; gap: 22px; margin-top: 40px; }
  .section-description { font-size: .74rem; }
  .archive-toolbar { margin-top: 27px; gap: 10px; }
  .archive-toolbar > .content-label { font-size: .4rem; max-width: 85px; text-align: right; overflow-wrap: anywhere; }
  .archive-filters { gap: 3px; }
  .archive-filters button { padding: 9px 13px; font-size: .62rem; }
  .archive-filters button span { display: none; }
  .archive-grid, .archive-grid.filtered { grid-template-columns: 1fr; gap: 29px; }
  .archive-card-large { grid-row: auto; }
  .archive-card-large .archive-art { height: 420px; min-height: 0; }
  .archive-grid.filtered .archive-art { height: 340px; }
  .archive-art { height: 275px; }
  .archive-card-large .art-bottom-word { font-size: 3rem; }
  .archive-note { font-size: .51rem; text-align: left; }
  .dispatch-section { grid-template-columns: 1fr; padding-top: 37px; padding-bottom: 53px; gap: 30px; }
  .dispatch-heading .display-title { font-size: 12vw; margin: 28px 0 20px; }
  .dispatch-heading > p { font-size: .75rem; }
  .dispatch-heading > .content-label { font-size: .5rem; }
  .dispatch-list summary { padding-top: 23px; padding-bottom: 23px; }
  .dispatch-title { font-size: .87rem; }
  .dispatch-body { font-size: .7rem; }
  .closing { padding-top: 29px; }
  .closing-top .eyebrow { font-size: .49rem; }
  .closing > p { margin-top: 48px; font-size: .7rem; }
  .closing h2 { font-size: 11.8vw; margin: 22px 0 43px; line-height: 1; }
  .closing h2 a { font-size: .65em; top: -3%; }
  .closing-bottom { flex-direction: column; gap: 7px; font-size: .45rem; padding-top: 19px; }
  .site-footer { flex-wrap: wrap; gap: 18px; padding-top: 24px; }
  .site-footer p { order: 3; width: 100%; font-size: .5rem; }
  .preview-info { font-size: .59rem; }
  .menu-header { height: 77px; }
  .menu-body { padding-top: 53px; }
  .menu-body nav a { font-size: 9vw; gap: 12px; flex-wrap: wrap; padding: 25px 0 43px; }
  .menu-body nav a span { font-size: .48rem; }
  .menu-body nav a small { bottom: 17px; right: auto; left: 28px; font-size: .57rem; }
  .menu-foot { flex-direction: column; gap: 12px; font-size: .5rem; }
  .dialog-top { padding: 16px 18px; }
  .dialog-top .eyebrow { font-size: .47rem; }
  .media-art { height: 380px; }
  .media-art .art-bottom-word { font-size: 2.5rem; }
  .media-art .sculpture-fracture { width: 85%; left: 12%; top: 4%; height: 73%; }
  .media-art .sculpture-pulse { width: 260px; height: 260px; right: -8%; }
  .media-description { flex-direction: column; gap: 16px; padding: 23px; }
  .media-description h2 { font-size: 1.35rem; }
  .media-description > p { font-size: .7rem; }
  .info-dialog h2 { font-size: 1.8rem; padding-inline: 23px; }
  .info-symbol { margin-inline: 23px; }
  .info-dialog > p { margin-inline: 23px; font-size: .77rem; }
}
@media (max-width: 480px) {
  :root { --gutter: 21px; }
  .hero-composition { min-height: 445px; padding-top: 53px; }
  .hero-art { width: 88vw; height: 88vw; top: 137px; right: -12%; }
  .hero h1 { font-size: 11.7vw; }
  .hero-intro .eyebrow { font-size: .53rem; }
  .hero-intro p { font-size: .74rem; }
  .scroll-hint { font-size: .44rem; gap: 13px; }
  .motion-toggle { font-size: .55rem; }
  .hero-controls { gap: 14px; }
  .archive-card-large .archive-art { height: 370px; }
}
/* Text-only enlargement retains readable text and controls, without scaling the layout minimum. */
html[data-text-scale="200"] .site-header { height: auto; min-height: 94px; flex-wrap: wrap; padding-block: 15px; }
html[data-text-scale="200"] .desktop-nav, html[data-text-scale="200"] .preview-badge, html[data-text-scale="200"] .title-note { display: none; }
html[data-text-scale="200"] .hero-topline, html[data-text-scale="200"] .scene-top { flex-wrap: wrap; }
html[data-text-scale="200"] .hero-bottom, html[data-text-scale="200"] .hero-controls { align-items: flex-start; }
html[data-text-scale="200"] .hero-intro { width: 100%; }
html[data-text-scale="200"] .hero-controls { flex-wrap: wrap; }
html[data-text-scale="200"] .round-link { margin: 0; }
html[data-text-scale="200"] .section-intro, html[data-text-scale="200"] .world-heading, html[data-text-scale="200"] .archive-heading { flex-direction: column; align-items: flex-start; }
html[data-text-scale="200"] .world-explorer { display: flex; flex-direction: column; }
html[data-text-scale="200"] .world-tabs { flex-direction: row; }
html[data-text-scale="200"] .world-tabs button { flex: 1; flex-wrap: wrap; gap: 7px; padding: 15px 8px; justify-content: center; }
html[data-text-scale="200"] .world-tabs button i { display: none; }
html[data-text-scale="200"] .world-panel { height: 700px; }
html[data-text-scale="200"] .scene-caption { flex-direction: column; align-items: flex-start; }
html[data-text-scale="200"] .scene-caption p { max-width: 100%; }
html[data-text-scale="200"] .archive-toolbar { flex-wrap: wrap; }
html[data-text-scale="200"] .archive-toolbar > .content-label { max-width: none; }
html[data-text-scale="200"] .archive-filters { flex-wrap: wrap; }
html[data-text-scale="200"] .archive-caption { flex-wrap: wrap; }
html[data-text-scale="200"] .archive-caption > span:last-child { display: none; }
html[data-text-scale="200"] .archive-grid { grid-template-columns: 1fr; }
html[data-text-scale="200"] .art-bottom-word { font-size: min(12vw, 2.4rem); }
html[data-text-scale="200"] .dispatch-section { grid-template-columns: 1fr; }
html[data-text-scale="200"] .site-footer, html[data-text-scale="200"] .dialog-top, html[data-text-scale="200"] .media-description { flex-wrap: wrap; }
html[data-text-scale="200"] .site-footer p, html[data-text-scale="200"] .media-description > p { width: 100%; }
html[data-text-scale="200"] .preview-info { margin-left: 0; }
html[data-text-scale="200"] .menu-body nav a small { position: static; width: 100%; }
html[data-text-scale="200"] .menu-body nav a { flex-wrap: wrap; }

