/* S4 only: no global bar. The brand belongs to the opening photograph. */
:root{--s4-nav:0px}
html{scroll-padding-top:0}
body{padding-top:0}
#intro .hero-wordmark{position:absolute;z-index:3;top:max(22px,env(safe-area-inset-top));left:6%;font:500 23px/1 Georgia,serif;letter-spacing:.12em;color:#f4f6ed;pointer-events:none}
@media(max-width:700px){#intro .hero-wordmark{font-size:21px}}

/* Section anchors align to the viewport now that the global bar is removed. */
body #intro,body #control,body #modes,body #features,body #rest-section,body #locked-in-reports,body #goals,body #comparison,body #bonus,body #preorder{scroll-margin-top:0}