/* Keeps banner copy readable over light, saturated, or similarly coloured photography. */
.hero{position:relative;isolation:isolate;background-color:#173c2a!important}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,42,29,.94) 0%,rgba(16,53,37,.79) 46%,rgba(16,53,37,.48) 100%)}
.hero h1,.hero .eyebrow,.hero p{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.56)}
.hero .eyebrow{color:#f5d98e;text-shadow:0 2px 8px rgba(0,0,0,.72)}
.hero p{max-width:36rem;background:rgba(14,46,32,.46);border-left:3px solid #d6a33a;padding:.6rem .85rem;margin-left:-.85rem;border-radius:0 3px 3px 0}
@media(max-width:760px){.hero::before{background:linear-gradient(90deg,rgba(12,42,29,.94),rgba(16,53,37,.69))}.hero p{margin-left:0;padding:.55rem .7rem}}