/* Full-width photographic introductions with an independent text layer. */
.mood-hero,.inner-design .page-top.mood-hero,.collection-hero.mood-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;height:auto;min-height:590px;max-height:none;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;padding:125px 24px 80px;background:#080c0e;margin-bottom:48px}
.mood-hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--mood-image);background-size:cover;background-position:center;opacity:.56;pointer-events:none}
.mood-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#060b0f55,#060b0f25 50%,#060b0f99);pointer-events:none}
.mood-hero .mood-content,.collection-hero.mood-hero>div{position:relative;inset:auto;width:100%;max-width:740px;text-align:center;text-shadow:0 2px 18px #0009}
.mood-hero .mood-content .eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:.2em;color:#e5c9a5;text-transform:uppercase;margin:0 0 23px}
.mood-hero .mood-content h1{font:clamp(34px,5vw,56px)/1.12 Georgia,serif;letter-spacing:-.015em;text-transform:none;margin:0 0 25px;color:var(--ink);overflow-wrap:anywhere}
.mood-hero .mood-content h1 em{color:#e3c8a5}
.mood-hero .mood-content .fine-rule{width:42px;margin:0 auto 25px;background:#d9d7cb}
.mood-hero .mood-content>p:not(.eyebrow){max-width:560px;font:16px/1.75 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#e2e5dc;margin:0 auto}
.mood-hero .text-link{margin-top:25px;font-size:13px;color:#f0e6d4;border-color:#cbbba0;min-height:44px}
.collection-hero.mood-hero{margin-bottom:0}.collection-design .header-inner{height:90px}.mood-hero+.form-layout{padding-top:8px}.mood-hero+section.split{padding-top:18px!important}
@media(min-width:700px){.mood-hero,.inner-design .page-top.mood-hero,.collection-hero.mood-hero{height:76svh;min-height:540px;max-height:720px;padding:125px 7vw 85px;margin-bottom:65px}.collection-hero.mood-hero{margin-bottom:0}.mood-hero::before{opacity:.52}.mood-hero .mood-content>p:not(.eyebrow){font-size:17px}.collection-design .header-inner{height:100px}}
@media(min-width:1100px){.mood-hero::before{background-position:center 55%}.mood-hero .mood-content{max-width:800px}}
@media(max-width:360px){.mood-hero,.inner-design .page-top.mood-hero,.collection-hero.mood-hero{padding-inline:20px;min-height:570px}.mood-hero .mood-content h1{font-size:32px}.mood-hero .mood-content>p:not(.eyebrow){font-size:15px}}
@media(max-width:699px){.collection-hero.mood-hero::before{background-position:70% center}.mood-hero[data-mood="experiences"]::before{background-position:66% center}.mood-hero[data-mood="about"]::before{background-position:38% center}.mood-hero[data-mood="access"]::before{background-position:65% center}}
