/* Persistent navigation; hero layout and existing content remain in place. */
:root{--fixed-header-height:76px}
html{scroll-padding-top:calc(var(--fixed-header-height) + 20px)}
.site-header{position:fixed;top:var(--header-offset,0px);z-index:30;transition:background-color .2s ease,border-color .2s ease;isolation:isolate;border-bottom:1px solid transparent}
.site-header.is-scrolled{height:var(--fixed-header-height);background:rgba(6,19,33,.97);border-bottom-color:rgba(154,181,199,.19);box-shadow:0 6px 24px rgba(2,13,25,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #d4e5ed;outline-offset:5px}
.site-header.is-scrolled .contact-link{background:rgba(224,236,241,.06)}
#contact-form{scroll-margin-top:16px}
.form-wrap input,.form-wrap select,.form-wrap textarea,#inquiry-confirm{scroll-margin-top:calc(var(--fixed-header-height) + 28px)}
@media(max-width:850px){:root{--fixed-header-height:68px}.site-header .menu-toggle{width:44px;height:44px}}
@media(max-width:700px){:root{--fixed-header-height:64px}.site-header.is-scrolled{padding-left:5%;padding-right:5%;gap:8px}.site-header.is-scrolled .logo{width:174px}.site-header.is-scrolled .logo img{width:179px;top:-31px}}
@media(max-width:370px){.site-header.is-scrolled{gap:5px}}
@media(max-width:350px){.site-header.is-scrolled .logo{width:151px}.site-header.is-scrolled .logo img{width:159px;left:-9px;top:-28px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}