/* Only reorganize the mobile hero. The wrapper has no desktop layout box. */
.hero-book-feature{display:contents}
@media(max-width:600px){
  .hero-book-first{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:0;padding-top:18px}
  .hero-book-first .hero-copy,.hero-book-first .hero-book-showcase{display:contents}
  .hero-book-first .hero-copy>*{grid-column:1/-1}
  .hero-book-first h1{order:0;font-size:clamp(28px,8.2vw,36px);line-height:1.02;margin:0 0 17px}
  .hero-book-first h1 .burst{font-size:32px;margin-left:16px}
  .hero-book-feature{--fold-book-height:clamp(120px,calc(100svh - 448px),300px);display:block;grid-column:1/-1;order:1;position:relative;isolation:isolate;height:calc(var(--fold-book-height) + 14px);margin:0 0 17px}
  .hero-book-feature .hero-main-book{position:absolute;grid-column:auto;top:0;left:50%;width:calc(var(--fold-book-height) * .6667);margin:0;transform:translateX(-50%) perspective(1700px) rotateY(-8deg) rotateZ(4deg);box-shadow:6px 5px 0 #e6debd,10px 12px 18px #55400f30}
  .hero-book-feature .book-showcase-halo{inset:15px 16% 0;transform:none;border-radius:48% 44% 46% 39%}
  .hero-book-feature .seal{top:3px;left:calc(50% + var(--fold-book-height) * .3333 - 27px);right:auto;width:64px;height:64px}
  .hero-book-feature .seal b{font-size:25px}.hero-book-feature .seal small{font-size:5px}
  .hero-book-first .button-main{order:2;margin:0;width:100%;min-height:54px;font-size:14px;padding:14px 15px;gap:12px}
  .hero-book-first .price-note{order:3;margin:8px 0 0;font-size:12px;justify-content:center}
  .hero-book-first .book-showcase-note{order:4;position:static;grid-column:1/-1;font-size:23px;margin:28px 0 22px;text-align:center}
  .hero-book-first .hero-copy>.eyebrow{order:5;margin:0 0 12px}
  .hero-book-first .lead{order:6;margin:0 0 12px}
  .hero-book-first .hero-intro{order:7;margin:0 0 14px}
  .hero-book-first .hero-route{order:8;margin:0 0 18px}
  .hero-book-first .hero-support-badge{order:9;margin:0 0 24px}
  .hero-book-first .hero-reader,.hero-book-first .hero-proof-message{order:10;margin-bottom:14px}
  .hero-book-first .hero-video-secondary{order:11}
}
@media(max-width:600px) and (max-height:680px){
  .hero-book-feature .seal{width:50px;height:50px;left:calc(50% + var(--fold-book-height) * .3333 - 20px)}
  .hero-book-feature .seal b{font-size:19px}.hero-book-feature .seal small{font-size:4px}
}