/* Closing the overlay must not reflow the page during an anchor navigation. */
html { scrollbar-gutter:stable; }
@media(max-width:900px) {
 html { scroll-padding-top:72px; }
 main > section:not(.hero) { scroll-margin-top:0; }
}
@media(max-width:640px) { html { scroll-padding-top:64px; } }
/* Reserve the original proportions before lazy images are decoded as well.
   The `auto` part still lets an uploaded replacement use its intrinsic ratio. */
@media(max-width:699px), (min-width:700px) and (max-width:900px) and (max-height:699px) {
 .hero-photo img,.deck-photo img,#tools .tool-scene img { aspect-ratio:auto 3/2; }
 #problem .problem-photo-frame img { aspect-ratio:auto 1070/1470; }
 #audience .audience-photo img { aspect-ratio:auto 1440/660; }
}