.site-header{box-shadow:0 6px 18px rgba(0,0,0,.1);background:rgba(8,8,10,.86);color:#fff;border-bottom-color:rgba(255,255,255,.12);transition:transform .34s var(--motion-ease),background-color .3s ease,color .3s ease,box-shadow .3s ease}
.site-header .brand>span{border-color:rgba(255,255,255,.3)}
.site-header .logo-dark{display:none}
.site-header .logo-light{display:block}
.site-header .header-tools select{color:inherit}
.site-header .header-tools option{background:#fff;color:#161616}
.site-header nav>a,.site-header nav>.nav-contact{text-transform:uppercase;font-size:12px;letter-spacing:.4px;font-weight:600}
.site-header nav>a:hover,.site-header nav>.nav-contact:hover{color:var(--red)}
.site-header.is-scrolled{background:#fff;color:#191919;border-bottom-color:#e6e6e6;box-shadow:0 6px 18px rgba(0,0,0,.1)}
.site-header.is-scrolled .brand>span{border-color:#ddd}
.site-header.is-scrolled .logo-dark{display:block}
.site-header.is-scrolled .logo-light{display:none}
.contact-toggle{display:grid;place-items:center;flex-shrink:0;width:38px;height:42px;padding:5px;border:0;color:inherit;background:none}
.contact-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.contact-toggle:hover{color:var(--red)}
.site-header:not(.is-scrolled) :focus-visible{outline-color:#fff}
.admin-nav{background:#101010;color:#f5f5f5;border-right-color:#272727}
.admin-nav .eyebrow{color:#a5a5a5}
.admin-nav>a{border-left:2px solid transparent;transition:background .2s ease}
.admin-nav>a:hover{background:#222}
.admin-nav>a.current{background:#292929;color:#fff;border-left-color:var(--red)}
.admin-nav .text-link{color:#e0e0e0}
dialog.contact-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(520px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-right:0;padding:60px 35px 35px;background:#fff;overscroll-behavior:contain;box-shadow:15px 0 60px rgb(0 0 0 / .2)}
dialog.contact-dialog[open]{animation:contact-slide-in .4s var(--motion-ease) both}
.contact-dialog .form-grid{grid-template-columns:1fr}
.contact-dialog .dialog-close{top:13px;right:18px}
.contact-dialog h2{font-size:36px}
@keyframes contact-slide-in{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1000px){.site-header{gap:18px}}
@media(max-width:640px){.site-header{gap:10px;padding-left:4%;padding-right:4%}.contact-toggle{width:28px;padding:2px}.contact-toggle svg{width:24px}.brand img{width:105px}.brand>span{display:none}.header-tools{gap:8px}dialog.contact-dialog{padding:55px 23px 28px}}