/* Keep contact reachable without covering the page with another floating action. */
html{scroll-padding-top:calc(88px + var(--site-top-offset,0px))}
.header{position:fixed;top:var(--site-top-offset,0px);z-index:100;transition:background-color .2s,border-color .2s,height .2s,box-shadow .2s}
.header.is-scrolled{height:72px;background:#14201df5;border-bottom-color:#ffffff20;box-shadow:0 2px 12px #00000012;backdrop-filter:blur(12px)}
.header .brand{transition:width .2s}
.header.is-scrolled .brand{width:180px}
.header.is-scrolled .header-cta{background:#ffffff0c;border-color:#ffffff70}
.header.is-scrolled .header-cta:hover{background:#ffffff20}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
.inquiry-section{scroll-margin-top:0}
.skip-link{z-index:110}
.skip-link:focus{top:calc(10px + var(--site-top-offset,0px))}
@media(min-width:801px) and (max-width:1100px){
 .header .brand,.header.is-scrolled .brand{width:170px}
 .header .desktop-nav{gap:16px;margin-left:0;font-size:13px}
 .header .desktop-nav a{white-space:nowrap}
}
@media(max-width:800px){
 html{scroll-padding-top:calc(80px + var(--site-top-offset,0px))}
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;height:76px;padding-inline:5%}
 .header.is-scrolled{height:64px}
 .header .brand,.header.is-scrolled .brand{width:clamp(110px,34vw,150px);max-width:100%}
 .header .header-cta{display:inline-flex;padding:10px 12px;font-size:12px;min-height:44px}
 .header .menu-toggle{width:44px;min-height:44px;align-items:center;justify-content:center;padding:0}
 .header .mobile-menu{top:100%;max-height:calc(100dvh - 76px - var(--site-top-offset,0px));overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.header,.header .brand{transition:none}}