/* The landing header sits within the artwork; inner pages keep a readable surface. */
:root{--header-height:72px;--hero-base-height:600px}
:root[data-theme] .site-header{background:color-mix(in srgb,var(--bg) 91%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent);box-shadow:0 4px 24px #00000005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header:before{content:"";position:absolute;z-index:-1;inset:0 0 -36px;pointer-events:none;background-color:var(--bg);mask-image:linear-gradient(180deg,#000e 0%,#000b 48%,#0003 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000e 0%,#000b 48%,#0003 80%,transparent 100%);opacity:0;transition:opacity .35s ease,background-color var(--theme-fade) var(--theme-ease)}
.header-inner{min-height:72px;padding-top:11px;padding-bottom:11px;position:relative}
.header-inner .brand>img{width:29px;height:34px}
.header-inner .brand>span{font-size:25px}
.header-contact{min-height:40px;padding-top:10px;padding-bottom:10px}
body[data-page="home"] .hero{margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);min-height:calc(var(--hero-base-height) + var(--header-height))}
body[data-page="home"] .theme-preview{top:calc(var(--header-height) + 20px)}
body[data-page="home"] .hero-motion-toggle{top:calc(var(--header-height) + 80px)}
:root[data-theme] body[data-page="home"] .site-header[data-scrolled="false"]{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-page="home"] .site-header[data-scrolled="false"]:before{opacity:1}
@media(min-width:1500px){:root{--hero-base-height:650px}}
@media(max-width:1100px){:root{--hero-base-height:550px}.header-inner .brand>span{font-size:22px}}
@media(max-width:760px){
  :root{--header-height:110px;--hero-base-height:510px}
  .header-inner{min-height:76px;padding-top:14px;padding-bottom:14px}
  .header-inner .brand>img{width:27px;height:32px}
  .header-inner .brand>span{font-size:20px}
  .header-contact{min-height:37px;padding-top:9px;padding-bottom:9px}
  body[data-page="home"] .theme-preview{top:calc(var(--header-height) + 16px)}
  body[data-page="home"] .hero-motion-toggle{top:calc(var(--header-height) + 77px)}
  body[data-page="home"] .main-nav{border-color:color-mix(in srgb,var(--line) 45%,transparent)}
}
@media(max-width:390px){.header-inner{padding-top:13px;padding-bottom:13px}.header-inner .brand>span{font-size:18px}.header-inner .brand>img{width:23px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header:before{transition:none!important}}