@media(min-width:901px){.as-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(1.5rem,3vw,4rem)}.as-header>.as-menu{display:none}.as-header>.as-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;max-width:560px;gap:clamp(.7rem,1.7vw,2rem)}.as-header>.as-nav-left{justify-self:end}.as-header>.as-nav-right{justify-self:start}.as-header>.as-nav a{position:relative;display:grid;place-items:center;min-height:42px;padding:.5rem .35rem;text-align:center;white-space:nowrap;transition:color .25s,transform .2s}.as-header>.as-nav a:after{content:"";position:absolute;left:18%;right:18%;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .28s ease}.as-header>.as-nav a:hover,.as-header>.as-nav a:focus-visible{color:#e4cd98;transform:translateY(-2px)}.as-header>.as-nav a:hover:after,.as-header>.as-nav a:focus-visible:after,.as-header>.as-nav a.is-active:after{transform:scaleX(1)}.as-header>.as-nav a:active{transform:translateY(1px) scale(.97);color:#fff}.as-header>.as-brand-logo{grid-column:2;grid-row:1}.as-header>.as-nav-left{grid-column:1;grid-row:1}.as-header>.as-nav-right{grid-column:3;grid-row:1}}@media(max-width:900px){.as-header>.as-menu{display:flex}.as-header>.as-brand-logo{justify-self:center}}
[id]{scroll-margin-top:calc(var(--as-header-height-scrolled,74px) + 28px)}
#services{scroll-margin-top:0}

/* The large hero menu gives way to the header menu once the hero scrolls out. */
body.home.has-hero-navigation .as-header>.as-nav{
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translateY(-20px);
	transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s;
}
body.home.has-hero-navigation.is-past-hero .as-header>.as-nav{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translateY(0);
	transition-delay:0s;
}
body.home .as-header>.as-brand-logo{grid-column:2;grid-row:1;justify-self:center}
body.home.is-past-hero .as-header>.as-nav a{font-size:clamp(.73rem,1vw,1.04rem)}
body.home .as-hero{isolation:isolate}
body.home .as-hero-copy{padding-bottom:clamp(9rem,15vw,13rem)}
body.home .as-hero-navigation{
	position:absolute;
	z-index:5;
	right:0;
	bottom:0;
	left:0;
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	align-items:center;
	gap:clamp(.25rem,1vw,1rem);
	min-height:112px;
	padding:1.3rem clamp(1.5rem,5vw,5rem) 1.55rem;
	border-top:1px solid rgba(255,255,255,.35);
	background:linear-gradient(0deg,rgba(4,20,30,.72),rgba(4,20,30,.18));
}
body.home .as-hero-navigation a{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:52px;
	color:#fff;
	font:400 clamp(1.05rem,1.65vw,1.75rem)/1.2 var(--sans);
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	transition:color .2s ease,transform .2s ease;
}
body.home .as-hero-navigation a:hover,
body.home .as-hero-navigation a:focus-visible{color:#e4cd98;transform:translateY(-3px)}
body.home .as-hero-navigation a:focus-visible{outline:2px solid #e4cd98;outline-offset:4px}
body.home .as-hero .as-scroll{bottom:128px}
@media(max-width:900px){
	body.home.has-hero-navigation .as-header>.as-nav{
		position:absolute;
		top:100%;
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:repeat(3,44px);
		gap:0;
		width:50%;
		max-width:none;
		margin:0;
		background:rgba(16,43,43,.97);
	}
	body.home.has-hero-navigation .as-header>.as-nav-left{left:0;right:auto}
	body.home.has-hero-navigation .as-header>.as-nav-right{right:0;left:auto}
	body.home.is-past-hero .as-header>.as-nav a{
		display:grid;
		place-items:center;
		padding:.4rem;
		font-size:.86rem;
		line-height:1.2;
	}
	body.home.is-past-hero .as-header>.as-menu{opacity:1;visibility:visible;pointer-events:auto}
	body.home .as-hero{min-height:max(100svh,780px)}
	body.home .as-hero-copy{padding-bottom:170px}
	body.home .as-hero-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-height:126px;padding:1rem .75rem}
	body.home .as-hero-navigation a{min-height:47px;font-size:clamp(.95rem,2vw,1.18rem);white-space:normal}
	body.home .as-hero .as-scroll{bottom:145px}
}
@media(max-width:560px){
	body.home .as-hero{min-height:max(100svh,790px)}
	body.home .as-hero-copy{padding-top:6.5rem;padding-bottom:185px}
	body.home .as-hero-navigation{min-height:140px;padding:.9rem .4rem}
	body.home .as-hero-navigation a{font-size:.9rem;padding:.2rem}
	body.home .as-hero .as-scroll{bottom:153px}
}
