.directory-page-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(13,48,41,.94) 0%,rgba(21,73,61,.82) 47%,rgba(20,52,47,.52) 100%),url('../images/hero/banner-search.png') center/cover;color:#f2fbf1;padding:88px 0 132px;isolation:isolate}
.directory-page-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,35,31,.45),transparent 70%);pointer-events:none}
.directory-page-hero:after{content:'';position:absolute;right:-150px;bottom:-270px;width:610px;height:610px;border:1px solid rgba(227,246,231,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(227,246,231,.03),0 0 0 58px rgba(227,246,231,.03),0 0 0 88px rgba(227,246,231,.03);pointer-events:none}
.directory-page-hero .container{position:relative}
.directory-page-hero .eyebrow{color:#c9e5d0}
.directory-page-hero h1{position:relative;z-index:1;max-width:700px;margin:20px 0 17px;color:#f8fff7;font-size:clamp(48px,6.3vw,78px);text-shadow:0 10px 28px rgba(0,0,0,.16)}
.directory-page-hero h1 em{color:#f5bd62;font-style:italic}
.directory-page-hero p{max-width:515px;margin:0;color:#d0e4d4;font-size:17px;line-height:1.75}
.directory-hero-stamp{position:absolute;right:10%;top:14px;display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(245,189,98,.58);border-radius:50%;color:#f5bd62;font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.35;text-align:center;text-transform:uppercase;transform:rotate(9deg)}
.directory-page-hero+.container{position:relative;margin-top:-58px;z-index:3}
@media(max-width:720px){.directory-page-hero{padding:58px 0 106px;background-position:58% center}.directory-page-hero h1{font-size:52px}.directory-page-hero p{font-size:15px}.directory-hero-stamp{right:4%;top:-14px;width:78px;height:78px;font-size:8px}.directory-page-hero+.container{margin-top:-42px}}