/* Compact first fold for laptop viewports, including Retina MacBooks where CSS
   pixels are half the screenshot pixels. */
@media (min-width:901px) and (max-width:1200px){
  .shell{padding:0 38px}
  nav{height:78px}
  .navlinks{gap:22px}
  .navlinks a,.text-btn{font-size:14px}
  .btn{padding:13px 18px;font-size:13px}
  .hero{min-height:calc(100vh - 78px);padding:28px 3% 32px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(360px,44%)}
  .hero h1{font-size:clamp(54px,6.5vw,78px);margin:17px 0 20px}
  .hero-copy{font-size:16px;line-height:1.4;max-width:410px}
  .hero-actions{gap:20px;margin-top:22px}
  .hero-note{margin-top:25px;font-size:13px}
  .hero-banner{height:min(390px,calc(100vh - 155px))}
  .banner-copy{top:28px;left:28px}
  .banner-copy strong{margin-top:82px;font-size:33px}
  .book{width:175px;height:270px}
  .book-back{top:70px;padding:30px 21px}
  .book-front{top:105px;padding:22px}
  .book-title{font-size:26px}
  .book-back .book-title{font-size:21px}
  .book-sun{width:155px;height:155px}
  .banner-stamp{right:22px;bottom:20px;font-size:10px}
}

.back-to-top{position:fixed;right:28px;bottom:28px;width:48px;height:48px;border:1px solid #d8d8cc;border-radius:50%;background:#faf8f3;color:#19302a;font:700 22px 'DM Sans';display:grid;place-items:center;cursor:pointer;z-index:40;opacity:0;visibility:hidden;transform:translateY(12px);box-shadow:0 10px 25px #19302a22;transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease,color .2s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:#19302a;color:#fff;transform:translateY(-3px)}.back-to-top:focus-visible{outline:3px solid #e7653f88;outline-offset:4px}@media(max-width:900px){.back-to-top{right:18px;bottom:18px;width:44px;height:44px;font-size:20px}}

/* The CSS viewport of a Retina MacBook is much shorter than its screenshot.
   Compact the entire first fold by height so the hero border is visible. */
@media (min-width:901px) and (max-height:900px){
  nav{height:72px}
  .hero{height:calc(100dvh - 72px);min-height:0;padding:18px 3% 22px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(350px,43%)}
  .eyebrow{font-size:11px}
  .hero h1{font-size:clamp(50px,5.3vw,68px);line-height:.87;margin:13px 0 15px}
  .hero-copy{font-size:15px;line-height:1.35;max-width:390px}
  .hero-actions{margin-top:17px;gap:16px}
  .btn-large{padding:15px 20px;font-size:13px}
  .hero-note{margin-top:17px;font-size:12px}
  .hero-note>span:first-child{font-size:23px}
  .avatars i{width:24px;height:24px;font-size:10px}
  .hero-banner{height:min(340px,calc(100dvh - 130px))}
  .banner-copy{top:22px;left:24px}
  .banner-copy strong{margin-top:65px;font-size:29px}
  .book{width:155px;height:240px}
  .book-back{top:58px;padding:26px 18px}
  .book-front{top:88px;padding:19px}
  .book-title{font-size:23px}
  .book-back .book-title{font-size:18px}
  .book-kicker,.book-author{font-size:9px}
  .book-sun{width:135px;height:135px}
  .banner-stamp{right:18px;bottom:16px;font-size:9px}
}