/* Interior Page Hero */
.interior-hero {background:color-mix(in srgb,var(--secondary-color) 50%,#fff);color:var(--primary-color);width:100vw;position:relative;left:50%;margin-left:-50vw;box-sizing:border-box;overflow:hidden;}
.interior-hero::before {content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to bottom,var(--accent1-color) 0 2px,#fff 2px 4px);z-index:5;pointer-events:none;}

.interior-hero-wrap {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;width:100%;}
.interior-hero-content {display:flex;flex-direction:column;justify-content:center;width:90%;max-width:720px;margin-left:auto;padding:3em 5% 3em 0;}
.interior-hero-breadcrumbs {margin:0 0 1.5em;font-size:.875em;color:var(--primary-color);}
.interior-hero-breadcrumbs span,.interior-hero-breadcrumbs a {color:var(--primary-color);opacity:.9;text-decoration:none;}
.interior-hero-breadcrumbs a:hover {opacity:1;}
.interior-hero-title {margin:0 0 .5em;font-size:2.5em;line-height:1.1;text-transform:uppercase;color:var(--primary-color);}
.interior-hero-copy {max-width:650px;margin:0 0 1.5em;font-size:1.125em;line-height:1.5;}
.interior-hero-copy p:last-child {margin-bottom:0;}
.interior-hero-button {display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.75em 1.5em;color:var(--primary-color);background:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background .2s ease,color .2s ease;}
.interior-hero-button:hover,.interior-hero-button:focus {background:var(--secondary-color);color:#fff;}
.interior-hero-media {min-height:375px;display:flex;align-items:stretch;justify-content:center;}
.interior-hero-media img,.interior-hero-media video {width:100%;height:100%;object-fit:cover;display:block;}

@media (max-width:1023px) {
	.interior-hero-wrap {grid-template-columns:1fr;}
	.interior-hero-content {width:90%;max-width:none;margin:0 auto;padding:2.5em 0;}
	.interior-hero-media {min-height:300px;}
	.interior-hero-title {font-size:2em;}
	.interior-hero-copy {font-size:1em;}
	.interior-hero-button {padding:.65em 1.25em;}
}

@media (max-width:480px) {
	.interior-hero-content {padding:2em 0;}
	.interior-hero-media {min-height:240px;}
	.interior-hero-title {font-size:1.6em;}
	.interior-hero-copy {font-size:.95em;}
	.interior-hero-button {padding:.6em 1em;font-size:.95em;}
}