/* Match the first chapter to the larger result story. */
@media(min-width:900px){
  body>header{width:min(1536px,calc(100vw - 40px));max-width:none}
  #landing>.hero{width:min(1480px,calc(100vw - 96px));max-width:none;margin-left:50%;transform:translateX(-50%);grid-template-columns:1fr 1.07fr;gap:clamp(55px,5vw,95px);min-height:min(1200px,calc(100svh - 130px));padding:45px 0 85px;align-items:center}
  #landing>.hero>div:first-child{padding:0}
  #landing>.hero h1{font-size:clamp(52px,4.6vw,80px);line-height:1.06;letter-spacing:-2.5px}
  #landing>.hero .lead{font-size:clamp(19px,1.35vw,23px);line-height:1.55;max-width:600px;margin-top:32px}
  #landing>.hero .primary{font-size:20px;padding:17px 28px;margin-top:32px}
  #landing>.hero .micro{font-size:14px;line-height:1.55;margin-top:16px;max-width:570px}
  #landing>.hero .eyebrow{font-size:13px;padding:10px 18px}
  #landing>.hero .example.paper-scene{padding:66px 35px 35px 18px}
  #landing>.hero .question-paper{padding:42px 42px 28px;border-radius:8px 8px 28px 8px}
  #landing>.hero .question-paper h2{font-size:clamp(34px,2.6vw,45px);margin-bottom:24px}
  #landing>.hero .paper-caption{font-size:12px;margin-bottom:17px}
  #landing>.hero .paper-row{gap:18px;padding:21px 0}
  #landing>.hero .paper-row h3{font-size:19px}
  #landing>.hero .paper-row p{font-size:16px}
  #landing>.hero .paper-dot{width:14px;height:14px}
  #landing>.hero .paper-pal{top:-13px;right:7px}
  #landing>.hero .paper-pal .xray-pal{width:145px;height:145px}
  #landing>.hero::after{left:0;font-size:14px;bottom:28px}
}
@media(min-width:900px) and (max-height:900px){
  #landing>.hero h1{font-size:clamp(49px,4vw,63px)}
  #landing>.hero .lead{font-size:18px;margin-top:22px}
  #landing>.hero .example.paper-scene{padding-top:48px}
  #landing>.hero .question-paper{padding:31px 34px 17px}
  #landing>.hero .question-paper h2{font-size:34px;margin-bottom:17px}
  #landing>.hero .paper-row{padding:13px 0}
  #landing>.hero .paper-row h3{font-size:16px}
  #landing>.hero .paper-row p{font-size:14px}
  #landing>.hero .paper-pal .xray-pal{width:110px;height:110px}
}
@media(max-width:899px){
  #landing>.hero{width:100%;margin-left:0;transform:none}
}