/* Keep the hero accent clear of the navigation and swap headers in place. */
:root{--top-header-height:100px}
.hero-links,.sticky{height:var(--top-header-height);gap:32px}
.sticky,.sticky.is-visible{
 transform:none;
 transition:none;
 background:#fff;
}
.sticky{visibility:hidden;pointer-events:none}
.sticky.is-visible{visibility:visible;pointer-events:auto}
.hero-nav-accent{
 position:absolute;
 right:11%;
 bottom:calc(var(--top-header-height) + 28px);
 width:70px;
 height:70px;
 background:var(--sand);
 clip-path:polygon(0 46%,70% 0,100% 100%,28% 94%);
 pointer-events:none;
}
section[id]{scroll-margin-top:calc(var(--top-header-height) + 16px)}
@media(min-width:1760px){:root{--top-header-height:110px}}
@media(max-width:900px){
 :root{--top-header-height:80px}
 .hero-nav-accent{right:6%;bottom:calc(var(--top-header-height) + 20px);width:32px;height:32px}
}