@media (max-width: 900px) {
  .main-nav { display: none; }
  .hero-layout { position: relative; display: block; min-height: 780px; padding-top: 120px; }
  .hero-copy { position: relative; z-index: 2; max-width: 650px; }
  .hero-art { position: absolute; right: -20px; bottom: 0; width: 430px; min-height: 560px; opacity: .42; pointer-events: none; }
  .hero-art img { width: 100%; height: 600px; }
  .brief-grid, .download-layout { grid-template-columns: 70px 1fr; }
  .brief-copy, .download-copy, .platforms { grid-column: 2; }
  .download-layout { align-items: start; padding-top: 70px; }
  .section-topline { align-items: start; flex-direction: column; }
  .topline-note { text-align: left; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .hero-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); gap: 22px; }
  .hero-copy, .hero-art { min-width: 0; }
  .hero-copy h1 { max-width: 100%; font-size: clamp(5rem, 10vw, 8.5rem); }
  .hero-art { min-height: 650px; overflow: hidden; }
  .hero-art img { width: min(480px, 100%); height: 650px; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 32px, 480px); }
  .nav { min-height: 70px; }
  .main-nav { display: none; }
  .brand-mark { width: 36px; height: 36px; }
  .brand-copy strong { font-size: 1rem; }
  .header-cta { padding: 10px 11px; }
  .hero, .hero-layout { min-height: 780px; }
  .hero-layout { display: block; padding-top: 145px; }
  .hero-copy { position: relative; z-index: 2; padding-top: 0; }
  .kicker { font-size: .59rem; }
  .hero h1 { max-width: 100%; font-size: clamp(4.5rem, 19vw, 6rem); }
  .hero-lead { max-width: 310px; font-size: .86rem; }
  .hero-meta { margin-top: 34px; flex-direction: column; gap: 8px; }
  .hero-art { position: absolute; top: 560px; right: -110px; bottom: auto; width: 490px; height: 320px; min-height: 0; opacity: .24; }
  .hero-art.reveal { opacity: .42; }
  .hero-art img { height: 320px; }
  .art-label, .art-stamp, .hero-scroll { display: none; }
  .section { padding: 88px 0; }
  .brief-grid, .download-layout { display: block; }
  .section-index { margin-bottom: 35px; }
  .brief-heading h2, .section-topline h2, .download-copy h2 { font-size: clamp(4.2rem, 19vw, 6rem); }
  .brief-copy { margin-top: 38px; }
  .operation { grid-template-columns: 42px 1fr 24px; gap: 13px; padding: 24px 0; }
  .operation h3 { font-size: 1.8rem; }
  .operation p { font-size: .77rem; }
  .op-number { font-size: 1.1rem; }
  .download { min-height: 780px; }
  .download-layout { padding-top: 20px; }
  .download-copy { margin-bottom: 40px; }
  .platforms { display: grid; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
  .footer-note { order: 3; }
  .support-strip { padding: 62px 0; }
  .support-layout { display: block; }
  .support-layout > p { margin: 28px 0; }
  .support-link { width: 100%; justify-content: space-between; }
}

@media (min-width: 621px) and (max-width: 900px) {
  .hero-copy { max-width: 55%; }
  .hero-copy h1 { font-size: clamp(4.8rem, 12vw, 7rem); }
  .hero-art { right: -18px; width: 40%; min-height: 560px; opacity: .32; }
  .hero-art img { height: 560px; }
}