.hero__inner {display:grid;grid-template-columns:minmax(5vw, 1fr) minmax(0, 576px) minmax(0, 864px) minmax(5vw, 1fr);margin:2em 0}
.hero__content-wrap {grid-column:2;display:flex;align-items:center;}
.hero__content {padding:4em 3em 4em 0;display:flex;flex-direction:column;justify-content:center;gap:.9em;}
.hero__eyebrow {color:var(--secondary-color);margin:0;font-size:.875em;letter-spacing:.14em;text-transform:uppercase;font-weight:700;}
.hero__h1 {margin:0;color:var(--primary-color);font-size:3em;font-weight:400;line-height:1.05;letter-spacing:.01em;}
.hero__h1 span{color:var(--secondary-color);font-style:italic}
.hero__rule {width: 64px; height: 2px; margin: 1em 0; background: var(--accent1-color);}
.hero__text {    max-width: 460px;}
.hero__text p {margin:.75em 0 0 0;font-size:1em;line-height:1.65;}
.hero__text p:first-child {margin-top:0;}
.hero__text h2 {margin:0;}
.hero__cta {display: flex;align-items: center;gap: 1em;flex-wrap: wrap;    margin: 1em 0;}
.hero__media {grid-column:3 / 5;position:relative;height:100%;overflow:hidden;    border-radius: 50px 0 0 50px;border: 2px solid #777;
    box-shadow: 4px 4px 0px var(--accent1-color);}
.hero__image, .interior-hero__video {display:block;width:100%;height:100%;object-fit:cover;}
.hero__video iframe,.hero__video embed,.hero__video video {position:absolute;inset:0;width:100%;height:100%;}
.hero__video video {object-fit:cover;}

@media screen and (max-width: 1023px) {
.hero__inner {display:grid;grid-template-columns:1fr;min-height:0;}
.hero__content-wrap {grid-column:1;}
.hero__content {width:90%;max-width:1440px;margin:0 auto;padding:3em 0;}
.hero__h1 {font-size:2.25em;}
.hero__text {max-width:720px;}
.hero__media {grid-column:1;width:90%;max-width:1440px;margin:0 auto 3em;min-height:0!important;height:auto!important;aspect-ratio:auto!important;border-radius:2em;overflow:hidden;}
.hero__image {display:block;width:100%;height:auto!important;min-height:0!important;object-fit:initial;border-radius:2em;}
.hero__video {aspect-ratio:16 / 9;min-height:0!important;height:auto;border-radius:2em;overflow:hidden;}
.hero__video-el {display:block;width:100%;height:100%;object-fit:cover;border-radius:2em;}

}

@media screen and (max-width: 768px) {
.hero__content {padding:2.5em 0;}
.hero__h1 {font-size:1.9em;}
.hero__media {width:90%;margin-bottom:2.5em;border-radius:1.5em;}
.hero__image, .hero__video-el, .hero__video {border-radius:1.5em;}
}