.page-hero{background:#073b3a;color:#faf7f0;padding:100px 10% 92px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-5%;top:-35%;width:45vw;height:45vw;border:1px solid rgba(230,210,168,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(230,210,168,.04),0 0 0 70px rgba(230,210,168,.025);pointer-events:none}
.page-hero .eyebrow{color:#e6d2a8}.page-hero h1{font:400 clamp(54px,7vw,88px)/.98 'Cormorant Garamond',Georgia,serif;max-width:900px;letter-spacing:-.035em;margin:28px 0 24px;position:relative;z-index:1}.page-hero h1 em{color:#e6d2a8;font-weight:400}.page-hero .page-lead{max-width:650px;font-size:12px;line-height:2.1;color:#c9d8d0;position:relative;z-index:1}
.page-body{max-width:1560px;margin:auto;padding:85px clamp(20px, 5vw, 64px) 110px}.page-body h2{font:400 clamp(34px,4vw,53px)/1.05 'Cormorant Garamond',Georgia,serif;color:#073b3a;margin:0 0 20px}.page-body h3{font:400 29px/1.1 'Cormorant Garamond',Georgia,serif;color:#073b3a;margin:0 0 12px}.page-body p{font-size:11px;line-height:2.1;color:#65766f}.page-body .lead{font:400 23px/1.45 'Cormorant Garamond',Georgia,serif;color:#125e63}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0 55px}.page-card{padding:28px 25px;background:#f0eee5;border-top:2px solid #d3bd8d;min-height:190px}.page-card .num{font-size:8px;letter-spacing:.2em;color:#a1844e;display:block;margin-bottom:25px}.page-card p{margin-bottom:0}.page-split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;margin:30px 0 60px}.page-note{background:#e9e6d9;padding:25px 28px;margin:35px 0}.page-note p{margin:0}.page-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.page-button{display:inline-flex;align-items:center;gap:20px;padding:16px 20px;background:#073b3a;color:#faf7f0;font-size:9px;letter-spacing:.1em}.page-button.secondary{background:transparent;border:1px solid #b49a64;color:#073b3a}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.contact-item{padding:25px;background:#f0eee5;border:1px solid #e0d8c6}.contact-item small{display:block;font-size:8px;letter-spacing:.18em;color:#9b8150;margin-bottom:12px}.contact-item a{font:400 23px 'Cormorant Garamond',Georgia,serif;color:#073b3a;overflow-wrap:anywhere}.page-nav{background:#faf7f0;border-bottom:1px solid #e5dece}.page-nav-inner{max-width:1560px;margin:auto;padding:15px clamp(20px, 4vw, 48px);display:flex;gap:23px;flex-wrap:wrap;align-items:center}.page-nav a{font-size:9px;color:#315a53;letter-spacing:.04em}.page-nav a:hover{color:#a1844e}.page-footer-contact{display:flex;flex-wrap:wrap;gap:18px;font-size:9px;color:#c8d8d0}.page-footer-contact a{color:#e6d2a8}.policy-section{padding:24px 0;border-bottom:1px solid #e4dfd2}.policy-section h2{font-size:31px;margin-bottom:12px}.policy-section p{margin:8px 0}.page-kicker{font-size:8px;letter-spacing:.2em;color:#9b8150;margin-bottom:13px}
@media(max-width:750px){.page-hero{padding:75px 7% 70px}.page-hero h1{font-size:clamp(50px,13vw,68px)}.page-body{padding:62px 7% 78px}.page-grid{grid-template-columns:1fr;gap:12px}.page-card{min-height:0}.page-split{grid-template-columns:1fr;gap:25px}.contact-list{grid-template-columns:1fr}.page-nav-inner{gap:14px;padding:14px 7%}.page-nav a{font-size:8px}}
/* Pexels destination photography — layered with a deep lagoon overlay for legible, editorial page heroes. */
.page-hero{background-color:#073b3a;background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}
.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,34,.88) 0%,rgba(3,43,42,.70) 55%,rgba(3,43,42,.38) 100%);z-index:0;pointer-events:none}
.page-hero>*{position:relative;z-index:1}
body[data-page='about'] .page-hero{background-image:url('https://images.pexels.com/photos/8085317/pexels-photo-8085317.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='experiences'] .page-hero{background-image:url('https://images.pexels.com/photos/1450340/pexels-photo-1450340.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='luxury-escapes'] .page-hero{background-image:url('https://images.pexels.com/photos/28915352/pexels-photo-28915352.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='coastal-escapes'] .page-hero{background-image:url('https://images.pexels.com/photos/5007562/pexels-photo-5007562.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='safari-and-nature'] .page-hero{background-image:url('https://images.pexels.com/photos/792381/pexels-photo-792381.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='city-and-culture'] .page-hero{background-image:url('https://images.pexels.com/photos/30591782/pexels-photo-30591782.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='family-and-celebrations'] .page-hero{background-image:url('https://images.pexels.com/photos/30225585/pexels-photo-30225585.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='flights-and-stays'] .page-hero{background-image:url('https://images.pexels.com/photos/6306940/pexels-photo-6306940.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='signature-retreats'] .page-hero{background-image:url('https://images.pexels.com/photos/36418268/pexels-photo-36418268.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='book-your-escape'] .page-hero{background-image:url('https://images.pexels.com/photos/1450340/pexels-photo-1450340.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='contact'] .page-hero{background-image:url('https://images.pexels.com/photos/8085317/pexels-photo-8085317.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='contractor-opportunities'] .page-hero{background-image:url('https://images.pexels.com/photos/30591782/pexels-photo-30591782.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='terms'] .page-hero{background-image:url('https://images.pexels.com/photos/6306940/pexels-photo-6306940.jpeg?auto=compress&cs=tinysrgb&w=2000')}
body[data-page='privacy'] .page-hero{background-image:url('https://images.pexels.com/photos/5007562/pexels-photo-5007562.jpeg?auto=compress&cs=tinysrgb&w=2000')}
.page-card{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.page-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(7,59,58,.10)}
.experience-details{display:grid;gap:34px;margin:70px 0 45px}.experience-feature{display:grid;grid-template-columns:1fr 1fr;min-height:360px;background:#f0eee5;scroll-margin-top:100px;overflow:hidden}.experience-feature.reverse .experience-image{order:2}.experience-image{min-height:340px;background-size:cover;background-position:center;position:relative}.experience-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,35,34,.15),transparent 50%)}.experience-copy{padding:clamp(28px,4vw,58px);align-self:center}.experience-copy h2{font:400 clamp(34px,4vw,54px)/1.02 'Cormorant Garamond',Georgia,serif;color:#073b3a;margin:18px 0}.experience-copy p{font-size:11px;line-height:2;color:#65766f}.experience-copy .lead{font:400 22px/1.35 'Cormorant Garamond',Georgia,serif;color:#125e63}.experience-copy .page-button{margin-top:14px}@media(max-width:750px){.experience-feature{grid-template-columns:1fr}.experience-feature.reverse .experience-image{order:0}.experience-image{min-height:230px}.experience-copy{padding:28px 24px}.experience-details{gap:18px;margin:45px 0 30px}}
@media(max-width:750px){.page-hero{background-position:center}.page-hero:before{background:linear-gradient(90deg,rgba(3,35,34,.86),rgba(3,43,42,.58))}}
body[data-page='privacy'] main:before{content:'';display:block;height:260px;background:linear-gradient(90deg,rgba(3,35,34,.55),rgba(3,43,42,.08)),url('https://images.pexels.com/photos/5007562/pexels-photo-5007562.jpeg?auto=compress&cs=tinysrgb&w=2000') center 48%/cover no-repeat}
@media(max-width:700px){body[data-page='privacy'] main:before{height:180px}}
/* ==========================================================================
   THE BELLE AMOURA RETREAT — SIGNATURE BRAND PALETTE FOR INNER PAGES
   Dominant 1: Black Cherry (#3B1219, #240A0F, #4A121D, #631B27)
   Dominant 2: Peacock Teal (#005F5B, #064E4D, #033636, #14B8A6)
   Secondary 1: Muted Green (#4E6B58, #354B3D, #EDF3EF)
   Secondary 2: Almond-Beige (#F4ECE1, #FAF6F0, #EDE2D3)
   Retained Gold: (#C6AA70, #E6D2A8, #B7955B)
   ========================================================================== */
.page-hero{background:linear-gradient(125deg, #160205 0%, #26060B 40%, #033636 80%, #022323 100%);color:#FAF6F0}
.page-hero:after{border-color:rgba(198,170,112,.35);box-shadow:0 0 0 35px rgba(198,170,112,.06),0 0 0 70px rgba(38,6,11,.12)}
.page-hero:before{background:linear-gradient(90deg,rgba(22,2,5,.94) 0%,rgba(38,6,11,.82) 45%,rgba(3,54,54,.65) 100%)}
.page-hero .eyebrow{color:var(--gold-champagne, #E6D2A8);letter-spacing:0.22em;font-weight:700}
.page-hero h1 em{color:var(--gold-champagne, #E6D2A8);font-style:italic}
.page-hero .page-lead{color:rgba(250,246,240,.94)}

.page-body{background:var(--almond-soft, #FAF6F0)}
.page-body h2,.page-body h3{color:var(--black-cherry, #26060B)}
.page-body p{color:#4B4B48}
.page-body .lead{color:var(--peacock, #005F5B)}

.page-grid .page-card,.page-card{background:var(--almond, #F4ECE1);border-top:3px solid var(--black-cherry, #26060B);border-radius:4px;box-shadow:0 4px 18px rgba(22,2,5,.08)}
.page-card:hover{border-top-color:var(--peacock, #005F5B);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,95,91,.14)}
.page-card .num{color:var(--gold-brass, #B7955B);font-weight:700;letter-spacing:0.18em}

.page-note{background:var(--muted-green-soft, #EDF3EF);border-left:4px solid var(--muted-green, #4E6B58);color:var(--muted-green-deep, #354B3D);border-radius:0 4px 4px 0}
.page-note p{color:var(--muted-green-deep, #354B3D)}

.page-button{background:var(--black-cherry, #26060B);color:#FFFFFF;border:1px solid var(--gold, #C6AA70);font-weight:700;letter-spacing:0.12em;border-radius:3px;transition:all .25s ease}
.page-button:hover{background:var(--peacock, #005F5B);border-color:var(--gold-champagne, #E6D2A8);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,95,91,.28)}
.page-button.secondary{background:transparent;border:1px solid var(--black-cherry, #26060B);color:var(--black-cherry, #26060B)}
.page-button.secondary:hover{background:var(--black-cherry, #26060B);color:#FFFFFF}
.page-button.muted-green{background:var(--muted-green, #4E6B58);border-color:var(--muted-green, #4E6B58);color:#FFFFFF}
.page-button.muted-green:hover{background:var(--muted-green-deep, #354B3D)}

.contact-item{background:var(--almond, #F4ECE1);border:1px solid rgba(198,170,112,.3);border-left:3px solid var(--muted-green, #4E6B58);border-radius:4px}
.contact-item small{color:var(--muted-green, #4E6B58);font-weight:700}
.contact-item a{color:var(--black-cherry, #3B1219)}
.contact-item a:hover{color:var(--peacock, #005F5B)}

.page-nav{background:var(--almond-soft, #FAF6F0);border-bottom:1px solid rgba(198,170,112,.25)}
.page-nav a{color:var(--peacock-teal, #064E4D);font-weight:600}
.page-nav a:hover{color:var(--black-cherry, #3B1219)}

.page-footer-contact{color:rgba(250,246,240,.9)}
.page-footer-contact a{color:var(--gold-champagne, #E6D2A8)}
.page-footer-contact a:hover{color:#FFFFFF}

.policy-section{border-bottom:1px solid rgba(198,170,112,.25)}
.page-kicker{color:var(--gold-brass, #B7955B);font-weight:700}

.experience-feature{background:var(--almond, #F4ECE1);border-radius:6px;overflow:hidden;border:1px solid rgba(198,170,112,.25)}
.experience-copy h2{color:var(--black-cherry, #3B1219)}
.experience-copy p{color:#4B4B48}
.experience-copy .lead{color:var(--peacock, #005F5B)}

body[data-page='privacy'] main:before{background-image:linear-gradient(90deg,rgba(36,10,15,.82),rgba(3,54,54,.3)),url('https://images.pexels.com/photos/5007562/pexels-photo-5007562.jpeg?auto=compress&cs=tinysrgb&w=2000')}
@media(max-width:750px){.page-hero:before{background:linear-gradient(90deg,rgba(36,10,15,.94),rgba(3,54,54,.72))}}

/* Keep inner pages proportionate at every viewport; prevent long text and grids from forcing overflow. */
html,body{width:100%;max-width:100%;overflow-x:clip;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
.page-hero,.page-body,.page-nav,.page-footer-contact,.page-grid,.page-split,.experience-feature,.experience-copy,.contact-item{min-width:0}
.page-hero h1,.page-lead,.page-body p,.page-nav a,.page-footer-contact a,.contact-item a{overflow-wrap:anywhere}
.page-hero h1{font-size:clamp(40px,6vw,84px);line-height:1.02}
.page-body{max-width:1560px;margin:0 auto;width:100%;padding-left:clamp(20px,6%,72px);padding-right:clamp(20px,6%,72px)}
.page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,5vw,9%)}
.experience-feature{grid-template-columns:repeat(2,minmax(0,1fr))}
.experience-copy{padding:clamp(22px,3.5vw,58px)}
.page-nav-inner{max-width:1560px;margin:0 auto;width:100%;min-width:0;flex-wrap:wrap}
@media(max-width:820px){
 .page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-split{grid-template-columns:minmax(0,1fr);gap:22px}
 .experience-feature{grid-template-columns:minmax(0,1fr)}
 .experience-feature.reverse .experience-image{order:0}
 .experience-image{min-height:clamp(210px,42vw,320px)}
 .page-hero{padding:clamp(42px,7vw,68px) 7%}
 .page-body{padding:clamp(30px,6vw,48px) 7% clamp(38px,7vw,58px)}
}
@media(max-width:560px){
 .page-grid,.contact-list{grid-template-columns:minmax(0,1fr)}
 .page-nav-inner{gap:10px 14px}
 .page-nav a{font-size:9px}
 .page-actions{align-items:stretch}
 .page-button{justify-content:center;max-width:100%;overflow-wrap:anywhere}
 .page-footer-contact{width:100%;gap:10px}
 .experience-copy{padding:24px 20px}
 .experience-copy h2{font-size:clamp(32px,9vw,44px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}
/* Compact vertical spacing on all inner pages. */
.page-hero{padding:68px 8% 60px}
.page-body{padding-top:42px;padding-bottom:54px}
.page-grid{gap:18px}
.experience-details{gap:22px;margin:42px 0 28px}
.experience-feature{min-height:300px}
.experience-image{min-height:280px}
.experience-copy{padding:clamp(24px,3vw,42px)}
.policy-section{padding-block:22px}
.page-nav{margin-top:30px}
@media(max-width:750px){.page-hero{padding:48px 7% 42px}.page-body{padding-top:30px;padding-bottom:38px}.experience-details{gap:16px;margin:28px 0 20px}.experience-feature{min-height:0}.experience-image{min-height:210px}.experience-copy{padding:24px 20px}.policy-section{padding-block:17px}.page-nav{margin-top:22px}}
/* Elegant footer contact rhythm */
.page-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px;line-height:1.8;min-width:0;font-size:9px}
.page-footer-contact a{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.8;padding:1px 0}
@media(max-width:750px){.footer-main{align-items:flex-start}.page-footer-contact{width:100%;gap:12px;padding-top:5px}.footer-main>p{width:100%;order:initial;margin:0}}

/* Settings card styling with Almond-Beige, Black Cherry and Teal */
.settings-card{background:var(--almond, #F4ECE1)!important;border-color:rgba(198,170,112,.35)!important}
.settings-card h2,.settings-row label{color:var(--black-cherry, #3B1219)!important}
.settings-card>p,.settings-row small{color:#4B4B48!important}
.settings-row select{background:var(--almond-soft, #FAF6F0)!important;color:var(--black-cherry, #3B1219)!important;border-color:rgba(198,170,112,.4)!important}
.settings-row select,.settings-row input[type=checkbox]{accent-color:var(--black-cherry, #3B1219)}