@media(max-width:1120px){
  .home-hero{grid-template-columns:1fr;padding-top:65px}
  .phase-gallery{height:520px}
  .phase-card{min-height:480px}
  .faction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cover-grid,.process-grid{grid-template-columns:1fr}
  .cover-number{display:none}
  .slide--faction .slide__inner{grid-template-columns:1fr}
  .faction-identity .motto{position:static;margin-top:30px}
  .event-layout{grid-template-columns:230px 1fr}
}
@media(max-width:760px){
  :root{--topbar-h:56px;--safe-x:14px;--slide-x:15px}
  .topbar{grid-template-columns:1fr auto;padding:0 13px}
  .top-context{display:none}
  .brand-copy small,.icon-button span{display:none}
  .icon-button{padding:0 9px}
  .home-hero{display:block;padding:50px 14px 28px}
  .display-title{font-size:clamp(56px,19vw,90px)}
  .home-meta{gap:18px}
  .phase-gallery{height:auto;display:grid;grid-template-columns:1fr;margin-top:44px}
  .phase-card,.phase-card:nth-child(2){min-height:57vh;transform:none}
  .phase-card:hover,.phase-card:nth-child(2):hover{transform:translateY(-4px)}
  .home-credit{position:static;margin:20px 0 0}
  .phase-hero{min-height:62vh;padding:70px 14px 30px}
  .phase-hero__copy .display-title{font-size:clamp(62px,22vw,100px)}
  .phase-stats{display:grid;grid-template-columns:1fr 1fr}
  .phase-stat{min-width:0}
  .faction-section{padding:35px 14px 65px}
  .section-head{display:block}
  .section-head p{margin-top:12px;text-align:left}
  .faction-grid{grid-template-columns:1fr}
  .slide{align-items:flex-start;min-height:calc(100svh - var(--topbar-h));padding-top:48px;overflow-y:auto}
  .slide::before{right:14px;top:16px}
  .section-title{font-size:clamp(38px,13vw,66px)}
  .cover-facts,.metrics{grid-template-columns:1fr}
  .branch-layout{grid-template-columns:1fr;gap:12px}
  .branch-index{font-size:100px}
  .branch-copy h2{font-size:clamp(52px,17vw,82px)}
  .process-columns{grid-template-columns:1fr}
  .event-layout{grid-template-columns:1fr}
  .event-time{min-height:210px}
  .event-time__date{font-size:55px}
  .event-body{grid-template-columns:1fr}
  .timeline-entry{grid-template-columns:1fr;gap:6px}
  .ending-grid{grid-template-columns:1fr}
  .ending-mark{font-size:120px}
  .leader-card{grid-template-columns:82px 1fr}
  .leader-portrait{min-height:123px}
  .policy-row{grid-template-columns:1fr}
  .policy-row b{text-align:left}
  .progress-rail{display:none}
  .slide-counter{right:13px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}