#motion-toggle[hidden]{display:none}
/* The winter leg adds time to the drive while preserving native scrolling. */
.weather{min-height:160dvh;align-items:flex-start;padding-top:6dvh}
.chapter.weather .copy{position:sticky;top:calc(var(--header) + 4dvh);max-width:680px}
.weather h2{font-size:clamp(48px,5.4vw,80px)}
.weather h2 span{color:#c7dde8}
.weather .description{max-width:400px}
.chapter-bar>nav{min-width:0;overflow-x:auto;scrollbar-width:none}
.chapter-bar>nav::-webkit-scrollbar{display:none}
.chapter-bar a{flex-shrink:0}
@media(min-width:1100px){.closing h2{font-size:clamp(56px,5.2vw,80px)}}
@media(max-width:760px){
  .weather{padding-top:4dvh}
  .weather h2{font-size:clamp(42px,9.4vw,62px)}
  .weather .description{font-size:13px;margin-top:17px}
  .chapter-bar{width:max-content;max-width:calc(100vw - 24px)}
  .chapter-bar a{padding-inline:9px}
  .chapter-bar a:last-child{display:inline-flex}
  .weather .copy>.text-link{margin-top:16px}
  .closing h2{font-size:clamp(42px,9.4vw,62px)}
}
@media(prefers-reduced-motion:reduce){.weather{min-height:110dvh}.chapter.weather .copy{position:relative;top:auto}}
@media(max-width:380px){
  .weather h2,.closing h2{font-size:34px}
}
@media(max-width:760px) and (max-height:700px){
  .chapter.weather .copy{position:relative;top:auto}
  .closing{padding-top:10dvh}
}