/* Reserve the original header height so fixing the navigation preserves hero alignment. */
body{padding-top:var(--header)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50}
.site-header.is-hidden{transform:translateY(calc(-100% - 12px));pointer-events:none}
.site-header:has(:focus-visible),.site-header:has(.menu-toggle[aria-expanded=true]){transform:translateY(0);pointer-events:auto}
.site-header.is-scrolled{box-shadow:0 3px 16px #10110d0d}
@media(min-width:1000px){
 /* At the top the hero supplies the art; below it, reuse its exact navigation crop. */
 .site-header.is-scrolled{background:var(--acid);border-bottom:0}
 .site-header.is-scrolled .header-art{display:block;background-position:center top;background-size:100% 56.28vw}
 .site-header.is-scrolled:before{clip-path:polygon(0 0,31% 0,39.2% 100%,0 100%)}
}
.form-actions{flex-wrap:wrap}
.form-actions #copy-request{flex-basis:100%;text-align:left;width:max-content;max-width:100%}
.form-actions .button{white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .site-header{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
 .site-header.is-scrolling-up{box-shadow:0 4px 20px #10110d18}
}
@media(max-width:600px){.form-actions{align-items:stretch}.form-actions .button{justify-content:space-between;width:100%}.form-actions #copy-request{padding-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.site-header .main-nav,.site-header .menu-toggle{transition:none!important;animation:none!important}}