:root{--accent:#04fff7;--header-height:96px;--preview-height:23px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.is-production{--preview-height:0px}
.site-header{position:sticky;top:0;z-index:60;height:var(--header-height);background:#060d12f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header .brand-logo{width:280px}
.site-header #navigation>a{white-space:nowrap}
.page-home{isolation:isolate}
.home-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#060d12;--scene-dim:0}
.home-backdrop>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:62% center;max-width:none}
.home-backdrop:before,.home-backdrop:after{content:'';position:absolute;inset:0}
.home-backdrop:before{z-index:1;background:linear-gradient(90deg,rgba(0,13,22,.88),rgba(0,15,25,.65) 30%,rgba(1,13,20,.2) 57%,rgba(0,11,18,.04)),linear-gradient(0deg,#030b1366,transparent 25%)}
.home-backdrop:after{z-index:2;background:#02090f;opacity:var(--scene-dim)}
.page-home .hero{isolation:auto;background:transparent;overflow:visible;height:min(740px,calc(100svh - var(--header-height) - var(--preview-height)))}
.page-home .hero:before{display:none}
.page-home .service-overview{background:transparent;border-top:1px solid #6c9ba544;position:relative}
.page-home .service-intro p:not(.eyebrow){color:#d2e0e5}
.page-home .service-card{box-shadow:0 8px 28px #0005}
.page-home .film-section,.page-home .project-invitation,.page-home .closing,.page-home footer{position:relative}
.page-home footer{background:var(--bg)}
@media(max-width:1100px){.site-header .brand-logo{width:240px}.site-header #navigation{gap:22px}.site-header{gap:20px}}
@media(max-width:800px){:root{--header-height:82px;--preview-height:21px}.site-header .brand-logo{width:225px}.site-header #navigation{top:100%;gap:12px}.home-backdrop>img{object-position:65% center}.home-backdrop:before{background:linear-gradient(90deg,#00101ee8,#00101e88 70%,#00101e44),linear-gradient(0deg,#00111c99,transparent 60%)}.page-home .hero{height:calc(100svh - var(--header-height) - var(--preview-height));max-height:820px}}
@media(max-width:360px){.site-header .brand-logo{width:205px}}