@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px}
  .nav{height:76px;padding:0 1.25rem;align-items:center}
  .wordmark{width:38px;height:38px}
  .languages{gap:.45rem}.languages button{font-size:.72rem;padding:.45rem .25rem}
  .hero{position:relative;display:flex;flex-direction:column;min-height:0;padding:7.5rem 1.25rem 0;overflow:hidden;align-items:stretch}
  .hero-copy{position:relative;width:100%;padding:0;z-index:2}
  .eyebrow{max-width:29rem;font-size:.68rem;line-height:1.55;letter-spacing:.14em}
  .hero h1{font-size:clamp(4.5rem,22.5vw,7rem);line-height:.76;letter-spacing:-.09em;margin:4.2rem 0 2.5rem;white-space:normal}
  .hero-line{font-size:clamp(1.5rem,6.4vw,2rem);line-height:1.08;max-width:100%;margin:0}
  .scroll{margin:2.8rem 0 1.5rem;font-size:.68rem}.scroll i{width:48px}
  .hero-image{position:relative;right:auto;bottom:auto;width:calc(100% + 2.5rem);height:64vh;min-height:470px;margin:0 -1.25rem;opacity:1;z-index:1;order:2;display:flex;align-items:flex-end;background:#fff}
  .hero-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;mix-blend-mode:normal}
  section{padding:5.5rem 1.25rem}
  .section-no{font-size:.66rem}
  .statement-grid{margin-top:5.5rem;gap:2.6rem}
  .statement h2{font-size:clamp(3.15rem,14vw,4.8rem)}
  .statement .large{font-size:1.55rem}
  .section-heading{gap:3rem}.section-heading h2{font-size:clamp(3.6rem,16vw,5.6rem)}
  .timeline{margin-top:5rem}.era{grid-template-columns:56px 1fr;gap:1rem;padding:2.2rem 0}.era h3{font-size:1.55rem}.era p{font-size:.98rem;line-height:1.55}
  .source-note,.disclaimer{font-size:.72rem;line-height:1.5}
  .portrait-break img,[dir="rtl"] .portrait-break img{height:58vh;min-height:430px;object-fit:cover;object-position:center top}
  .portrait-break blockquote,[dir="rtl"] .portrait-break blockquote{padding:3.7rem 1.25rem;font-size:clamp(2.7rem,12.5vw,4.2rem);line-height:.94}
  .labs-head{margin-top:5.5rem}.labs-head>p{font-size:clamp(4rem,20vw,6rem)}.labs h2{font-size:clamp(2.8rem,12vw,4rem)}
  .territories{margin-top:5rem}.territories p{font-size:1rem}
  .labs-close{font-size:clamp(2.35rem,10.5vw,3.6rem);margin-top:5.5rem}
  .tomorrow{min-height:0;padding-top:5.5rem;padding-bottom:0}
  .tomorrow-copy{margin-top:5rem}.tomorrow-kicker{font-size:.66rem}
  .tomorrow h2{font-size:clamp(3.2rem,14.2vw,4.6rem);line-height:.92;margin:1.7rem 0 3.5rem}
  .tomorrow-body p:first-child{font-size:1.35rem;line-height:1.3}.tomorrow-body p:last-child{font-size:.95rem;line-height:1.5}
  .future-principles{margin-top:5rem}.future-principles p,.future-principles p+p{padding:1.8rem 0}.future-principles b{font-size:1rem;line-height:1.45}
  .building .section-heading{gap:3rem}.projects{margin-top:4.5rem}.projects a{padding:2rem 0;gap:1rem}.projects h3{font-size:1.7rem}.projects p{font-size:.95rem;line-height:1.45;margin:.45rem 0 0}
  .creative-copy{min-height:0;padding:5.5rem 1.25rem}.creative h2{font-size:clamp(3.6rem,15vw,5rem);margin:3rem 0}.creative-copy>p:last-child{font-size:1.05rem}.creative img{height:58vh;min-height:430px;object-position:center top}
  .resilience-copy{margin:5.5rem 0 0;gap:2.5rem}.resilience h2{font-size:clamp(4rem,17vw,5.8rem)}.resilience-copy p{font-size:1rem}
  .buzz .section-heading{gap:2rem}.buzz-manifesto{margin-top:1rem}.press{margin-top:4.5rem}.press a{padding:2rem 0;gap:1rem}.press h3{font-size:1.45rem}.press p{font-size:.78rem}
  .principle-grid{margin-top:5rem}.principle-grid p{padding:3rem 0;font-size:clamp(2.7rem,12vw,4rem)}
  footer{padding:5.5rem 1.25rem 2.5rem;gap:2.2rem}.footer-name{font-size:clamp(3rem,15vw,5rem)}footer small{margin-top:1.5rem}
  [dir="rtl"] .hero h1,[dir="rtl"] .footer-name{text-align:right}
}
@media(max-width:390px){
  .hero h1{font-size:21vw}.hero-image{height:58vh;min-height:420px}.statement h2{font-size:3rem}.tomorrow h2{font-size:3.05rem}
}