/* Generated PNG assets; CSS only controls presentation and the six-tile atlas. */
.hero{background:#18201a;min-height:372px}
.hero-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;opacity:1}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,22,17,.88),rgba(15,25,19,.62) 37%,rgba(15,25,19,.12) 70%,rgba(15,25,19,.08))}
.hero-copy{width:55%;text-shadow:0 1px 8px #07120a70}
.hero h2{color:#f3f5ed}
.hero p{color:#c0cbb9}
.hero .button{text-shadow:none}
.hero-coordinate{color:#d4ddc9;text-shadow:0 1px 5px #000}
.service-art.has-photo{background-image:url('images/oasis-services-v2.webp');background-size:300% 200%;background-repeat:no-repeat;filter:none;height:auto;aspect-ratio:2/1}
.service-art.has-photo::before{display:none}
.service-art.has-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07110b35,transparent 48%,#07110b55);pointer-events:none}
.has-photo.art-safe{background-position:0 0}
.has-photo.art-department{background-position:50% 0}
.has-photo.art-coins{background-position:100% 0}
.has-photo.art-knife{background-position:0 100%}
.has-photo.art-escort{background-position:50% 100%}
.has-photo.art-elite{background-position:100% 100%}
.has-photo .art-label,.has-photo .featured,.has-photo .art-cross{z-index:1}
.has-photo .art-label{color:#e1e8d7;text-shadow:0 1px 6px #000;background:#101b165c;padding:2px 5px;border-radius:2px}
.has-photo .art-cross{color:#d4e6b8}
@media(min-width:1600px){.hero{min-height:410px}}
@media(max-width:760px){.hero{min-height:325px}.hero-copy{width:75%}.hero-art{object-position:68% center;opacity:1}.hero::after{background:linear-gradient(90deg,rgba(10,21,16,.85),rgba(10,21,16,.6) 52%,rgba(10,21,16,.25))}}
@media(max-width:460px){.hero{min-height:315px}.hero-copy{width:100%}.hero-art{object-position:72% center;opacity:1}.hero::after{background:linear-gradient(90deg,rgba(10,21,16,.88),rgba(10,21,16,.65) 65%,rgba(10,21,16,.22))}}