@import url('mobile.css');
@media(min-width:801px){
	.site-header{height:82px;padding-left:max(32px,calc((100vw - 1240px)/2));padding-right:max(32px,calc((100vw - 1240px)/2));gap:28px}
	.brand{width:118px;height:58px;flex:0 0 auto}
	.main-nav{gap:31px;margin-left:auto}
	.main-nav a{font-size:11px;letter-spacing:.12em}
	.header-call{font-size:13px;white-space:nowrap}
	.hero{min-height:610px}
	.hero-copy{padding-top:94px;width:47%;max-width:620px}
	.hero h1{font-size:clamp(74px,7.2vw,104px);max-width:570px}
	.hero-text{max-width:430px}
	.hero-art{width:54%;right:-1%;}
	.hero-art img{position:absolute;left:50%;top:50%;width:125%;height:115%;object-fit:cover;object-position:50% 50%;opacity:.52;mix-blend-mode:screen;transform:translate(-50%,-50%);filter:contrast(1.05) saturate(.72)}
	.hero-art:after{inset:0;background:linear-gradient(90deg,#101416 0%,rgba(16,20,22,.78) 10%,transparent 30%),linear-gradient(0deg,#101416 0%,transparent 24%,rgba(16,20,22,.15) 100%)}
	.art-glow{width:45%;filter:blur(75px)}
	.art-label{right:9%;bottom:13%}
}
@media (min-width:801px){.main-nav a.active{color:var(--red)}.main-nav a.active:after{width:100%}}
@keyframes liftIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-copy{animation:liftIn .8s ease-out both}.hero-art{animation:liftIn 1s .12s ease-out both}
@media(max-width:800px){.main-nav{position:absolute;top:75px;left:0;right:0;margin:0;padding:22px;background:var(--ink);display:none;flex-direction:column;gap:0;box-shadow:0 14px 22px rgba(0,0,0,.14)}.main-nav.open{display:flex}.main-nav a{color:#fff;padding:14px 0;border-bottom:1px solid #2a2e2f}.main-nav a:last-child{border-bottom:0}.main-nav a.active{color:var(--red)}.menu-toggle{color:var(--ink);cursor:pointer}}