@charset "UTF-8";
/* CSS Document */

/* Hero Overlay */
.hero-overlay {position:relative;overflow:hidden;display:flex;align-items:center;min-height:500px;border-top:1px solid var(--accent1-color);border-bottom:3px solid var(--accent1-color);background-color:var(--primary-color);background-image:var(--hero-desktop-image);background-size:cover;background-position:center center;}
.hero-overlay__media {position:absolute;inset:0;z-index:1;}
.hero-overlay__media::before {content:'';position:absolute;inset:0;background-image:var(--hero-desktop-image);background-size:cover;background-position:center center;z-index:1;}
.hero-overlay__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;}
.hero-overlay__shade {position:absolute;inset:0;background:linear-gradient(90deg, rgba(17,40,56,.28) 0%, rgba(17,40,56,.08) 45%, rgba(17,40,56,.18) 100%);z-index:3;}
.hero-overlay__inner {position:relative;z-index:4;width:100%;max-width:1440px;margin:0 auto;padding:3em 1%;}
.hero-overlay__panel {max-width:45em;background:rgba(255,255,255,.8);padding:3em;box-shadow:0 0 0 1px rgba(17,40,56,.08);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.hero-overlay__heading {margin:0 0 .25em;font-family:"Rexton","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:2.25em;line-height:1.25;letter-spacing:-.005em;text-transform:uppercase;}
.hero-overlay__eyebrow {margin:0 0 .75em;font-family:'Embury Text', Georgia, 'Times New Roman', serif;font-size:1.25em;line-height:1.2;font-weight:700;text-transform:uppercase;}
.hero-overlay__description {max-width:24em;margin:0 0 2em;font-family:'EB Garamond', Georgia, serif;font-size:1.125em;line-height:1.45;}
.hero-overlay__description p {margin:0;}
.hero-overlay__buttons {display:flex;flex-wrap:wrap;gap:1em;}
.hero-overlay__button {display:inline-flex;align-items:center;justify-content:center;padding:10px 20px 12px;border:1px solid var(--primary-color);font-family:'Embury Text', Georgia, 'Times New Roman', serif;font-size:1.25em;line-height:1.1;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}
.hero-overlay__button:hover,.hero-overlay__button:focus {transform:translateY(-.04em);}
.hero-overlay__button:focus-visible {outline:.14em solid var(--link-color);outline-offset:.16em;}
.hero-overlay__button--primary {background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:inset 0 -.12em 0 0 var(--secondary-color);}
.hero-overlay__button--primary:hover,.hero-overlay__button--primary:focus {background:var(--link-hover-color);border-color:var(--link-hover-color);color:#fff;}
.hero-overlay__button--secondary {background:#fff;border-color:rgba(17,40,56,.42);color:var(--primary-color);box-shadow:inset 0 -.12em 0 0 var(--secondary-color);}
.hero-overlay__button--secondary:hover,.hero-overlay__button--secondary:focus {background:var(--accent2-color);border-color:var(--primary-color);color:var(--primary-color);}

@media screen and (max-width: 1023px) {
.hero-overlay__panel {max-width:42em;}
}

@media screen and (max-width: 768px) {
.hero-overlay {display:block;min-height:0;background-image:none;}
.hero-overlay__media {position:relative;inset:auto;height:350px;}
.hero-overlay__media::before {background-image:var(--hero-mobile-image);background-position:center center;}
.hero-overlay__video {object-position:center center;}
.hero-overlay__shade {background:linear-gradient(180deg, rgba(17,40,56,.12) 0%, rgba(17,40,56,.22) 100%);}
.hero-overlay__inner {display:block;max-width:none;padding:0;}
.hero-overlay__panel {width:100%;max-width:none;background:rgba(255,255,255,.96);padding:2.1em 1.5em 2em;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.hero-overlay__heading {max-width:none;margin:0 0 .35em;font-size:1.75em;}
.hero-overlay__eyebrow {margin:0 0 .9em;font-size:1.25em;}
.hero-overlay__description {max-width:none;margin:0 0 1.6em;font-size:1em;}
.hero-overlay__buttons {gap:.85em;}
.hero-overlay__button {width:auto;min-width:11em;padding:.8em 1.1em;font-size:1.05em;}
.hero-overlay__button--hide-mobile {display:none;}
}

@media screen and (max-width: 601px) {
.hero-overlay__media {height:300px;}
	.hero-overlay__button {width:100%;}

}
	
@media screen and (max-width: 425px) {
.hero-overlay__media {height:250px;}
.hero-overlay__panel {padding:2em 1.25em 1.8em;}
}