/* Keep Draft 8's visual story in the first mobile screen, ahead of the long lead. */
@media (max-width:900px){
  .hero{padding-top:100px;padding-bottom:45px}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch}
  .hero-copy{display:contents}
  .hero-grid .kicker{grid-row:1;margin:0;font-size:11px}
  .hero-grid h1{grid-row:2;font-size:clamp(38px,9.8vw,62px);line-height:1.06;letter-spacing:-.035em}
  .hero-grid .hero-visual{grid-row:3;width:100%;height:320px;margin:6px 0 10px}
  .hero-grid .hero-lead{grid-row:4;margin:0;font-size:16px;line-height:1.75}
  .hero-grid .hero-actions{grid-row:5;margin:0}
  .hero-grid .hero-note{grid-row:6;margin:0;font-size:12px;line-height:1.6}
  .hero-visual .source-card{width:132px;padding:12px}
  .hero-visual .source-card small{font-size:10px}
  .hero-visual .source-card b{font-size:12px}
  .hero-visual .source-card p{display:none}
  .hero-visual .s1{top:0;right:0}.hero-visual .s2{top:12%;left:0}
  .hero-visual .s3{top:auto;bottom:9%;right:0}.hero-visual .s4{bottom:0;left:0}
  .hero-visual .s5{display:none}
  .hero-visual .memory-core{width:130px;height:130px;transform:translate(-50%,-50%)!important;opacity:1!important}
  .hero-visual .memory-core::after{inset:-40px}
  .hero-visual .core-text strong{font-size:19px}
  .nav .nav-cta{font-size:12px;white-space:normal;text-align:center;line-height:1.4;min-height:42px;align-items:center;display:inline-flex}
}
@media(max-width:380px){.hero-grid h1{font-size:36px}.hero-grid .hero-visual{height:300px}.hero-visual .source-card{width:120px}.nav .brand{font-size:11px;gap:5px}.nav .nav-cta{font-size:11px;padding:6px 8px}}