/* boa-site.css — one visual system for every page (1 Nov 2026)
   1) neutral surfaces (no green/blue wash)  2) two-light chasing button hover
   3) card skins that change section by section  4) calm "fold" bars */

:root{--green-glow:transparent;--sky-glow:transparent;--tanzanite-dim:transparent;--bs-gold:#e0bd7d}
body.boa-site{--bs-line:rgba(255,255,255,.1)}

/* ── 2 · two lights, opposite each other, chasing clockwise ─────────────────── */
@property --hb-a{syntax:'<angle>';inherits:false;initial-value:0deg}
[data-hb]{isolation:isolate}
[data-hb]::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;
 background:conic-gradient(from var(--hb-a),
  rgba(255,238,196,0) 0deg,rgba(255,238,196,.95) 34deg,rgba(255,238,196,0) 78deg,
  rgba(255,238,196,0) 180deg,rgba(255,238,196,.95) 214deg,rgba(255,238,196,0) 258deg,rgba(255,238,196,0) 360deg);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
 mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;
 opacity:0;transition:opacity .4s ease}
[data-hb]:hover::after,[data-hb]:focus-visible::after,[data-hb]:active::after{opacity:1;animation:hbSpin 3.4s linear infinite}
@keyframes hbSpin{to{--hb-a:360deg}}
@media (prefers-reduced-motion:reduce){[data-hb]:hover::after,[data-hb]:focus-visible::after{animation:none;opacity:.55}}

/* ── 4 · fold bar: helper text stays in the page, tucked away until wanted ──── */
.boa-fold{margin:1.6rem auto;max-width:980px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03);overflow:hidden}
.boa-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.2rem;-webkit-tap-highlight-color:transparent}
.boa-fold>summary::-webkit-details-marker{display:none}
.boa-fold__t{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;color:#f1efea}
.boa-fold__s{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(241,239,234,.5);display:flex;align-items:center;gap:.6rem;white-space:nowrap}
.boa-fold__s::after{content:'+';display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid rgba(224,189,125,.5);color:#e0bd7d;font-size:1rem;line-height:1;transition:transform .3s}
.boa-fold[open]>summary .boa-fold__s::after{transform:rotate(45deg)}
.boa-fold[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
.boa-fold__b{padding:1rem 1.2rem 1.3rem}
.boa-fold__b>section,.boa-fold__b>div{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
@media (max-width:640px){.boa-fold__s{font-size:0;gap:0}.boa-fold__s::after{font-size:1rem}}

/* ── 3 · card skins: the same five, in the same order, on every page ────────── */
body.boa-site:not(.boa-clean) .bs-card{transition:border-color .35s,background-color .35s,transform .35s,box-shadow .35s;overflow:hidden}
/* 1 · glass hairline */
body.boa-site:not(.boa-clean) [data-bsv="1"] .bs-card{border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;box-shadow:none!important}
body.boa-site:not(.boa-clean) [data-bsv="1"] .bs-flat{background:rgba(255,255,255,.04)!important}
body.boa-site:not(.boa-clean) [data-bsv="1"] .bs-card:hover{border-color:rgba(224,189,125,.5)!important}
/* 2 · ledger line */
body.boa-site:not(.boa-clean) [data-bsv="2"] .bs-card{border:0!important;border-top:1px solid rgba(224,189,125,.45)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:none!important}
body.boa-site:not(.boa-clean) [data-bsv="2"] .bs-flat{background:transparent!important}
body.boa-site:not(.boa-clean) [data-bsv="2"] .bs-card:hover{background-color:rgba(255,255,255,.035)!important}
/* 3 · gold rail */
body.boa-site:not(.boa-clean) [data-bsv="3"] .bs-card{border:1px solid rgba(255,255,255,.07)!important;border-left:3px solid #e0bd7d!important;border-radius:5px 18px 18px 5px!important;box-shadow:none!important}
body.boa-site:not(.boa-clean) [data-bsv="3"] .bs-flat{background:rgba(255,255,255,.03)!important}
body.boa-site:not(.boa-clean) [data-bsv="3"] .bs-card:hover{background-color:rgba(255,255,255,.055)!important;transform:translateX(3px)}
/* 4 · soft raised */
body.boa-site:not(.boa-clean) [data-bsv="4"] .bs-card{border:0!important;border-radius:26px!important;box-shadow:0 18px 46px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important}
body.boa-site:not(.boa-clean) [data-bsv="4"] .bs-flat{background:#141416!important}
body.boa-site:not(.boa-clean) [data-bsv="4"] .bs-card:hover{transform:translateY(-4px)}
/* 5 · notched outline */
body.boa-site:not(.boa-clean) [data-bsv="5"] .bs-card{border:1px solid rgba(224,189,125,.32)!important;border-radius:6px 30px 6px 30px!important;box-shadow:none!important}
body.boa-site:not(.boa-clean) [data-bsv="5"] .bs-flat{background:transparent!important}
body.boa-site:not(.boa-clean) [data-bsv="5"] .bs-card:hover{background-color:rgba(224,189,125,.06)!important;border-color:rgba(224,189,125,.6)!important}
@media (prefers-reduced-motion:reduce){body.boa-site .bs-card{transition:none;transform:none!important}}

/* ── 5 · ONE header on every page (floating glass pill, no solid band) — same as the homepage ── */
/* ───────── Header: floating glass pill ───────── */
@media(min-width:900px){
 body.boa-site .boa-header .boa-header__main{margin:.55rem auto 0;width:min(1240px,calc(100% - 3rem));border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.5);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 14px 44px rgba(0,0,0,.3)}
}
body.boa-site .boa-topbar{background:transparent;border:0}
body.boa-site .boa-header,body.boa-site .boa-header .boa-topbar{background:transparent!important;border:0!important;box-shadow:none!important}
body.boa-site .boa-header::before{content:'';position:absolute;left:0;right:0;top:0;height:170px;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.28) 60%,transparent);pointer-events:none;z-index:-1}
body.boa-site .boa-header .boa-header__main{background:rgba(14,14,16,.42)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
body.boa-site .boa-header.scrolled .boa-header__main{background:rgba(14,14,16,.6)!important}
body.boa-site .boa-topbar__inner,body.boa-site .boa-topbar a,body.boa-site .boa-topbar span{color:rgba(255,255,255,.82)}
@media(max-width:899px){body.boa-site .boa-header .boa-header__main{border-radius:0;border-left:0!important;border-right:0!important}}

/* ── 6 · ONE type system on every page: Cormorant Garamond (display) + DM Sans (text), self-hosted ── */
@font-face{font-family:'Cormorant Garamond';font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/hc/cormorant-garamond-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:300;font-style:italic;font-display:swap;src:url(../fonts/hc/cormorant-garamond-latin-300-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/hc/cormorant-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/hc/cormorant-garamond-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500 700;font-style:normal;font-display:swap;src:url(../fonts/hc/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/hc/dm-sans-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/hc/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/hc/dm-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/hc/dm-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/hc/dm-sans-latin-700-normal.woff2) format('woff2')}
body.boa-site{--font-serif:'Cormorant Garamond',Georgia,serif;--font-body:'DM Sans',system-ui,-apple-system,sans-serif;--font-script:'Cormorant Garamond',Georgia,serif;--p-serif:'Cormorant Garamond',Georgia,serif;--p-sans:'DM Sans',system-ui,sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;font-family:var(--font-body)}

/* ── 7 · small things that must look the same everywhere ── */
body.boa-site .boa-act-cta,body.boa-site .boa-act-cta *{color:#14100a!important}
@media (max-width:640px){
 body.boa-site .boa-concierge__btn{padding:0!important;width:52px;height:52px;border-radius:50%!important;justify-content:center}
 body.boa-site .boa-concierge__btn-label{display:none!important}
 body.boa-site .boa-concierge{right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}
}
@media (max-width:640px){body.boa-site .boa-act-cta__shimmer{display:none!important}body.boa-site .boa-act-cta__arrow{opacity:1!important}}
/* every WhatsApp button wears the same colour on every page */
body.boa-site :is(.btn--wa,.cpt-btn--wa,.bgx-btn--wa,.ar-btn--wa,.seo-btn--wa,.boa-footer__cta-wa,.bss__btn--wa,.boa-drawer__wa,.pfa__btn--wa,.bl-btn,[class*="btn--wa"],[class$="__wa"]:not(.boa-topbar__wa)){
 background:linear-gradient(135deg,#34d37f,#1fae5f)!important;color:#05200f!important;border:0!important;font-weight:600}
body.boa-site :is(.btn--wa,.cpt-btn--wa,.bgx-btn--wa,.ar-btn--wa,.seo-btn--wa,.boa-footer__cta-wa,.bss__btn--wa,.boa-drawer__wa,.pfa__btn--wa,.bl-btn,[class*="btn--wa"]) :is(span,svg,i){color:inherit!important;fill:currentColor}

/* ── 8 · menu drawer: the page behind goes dark and soft, and stops scrolling ── */
body.boa-site .boa-drawer__bd{background:rgba(4,4,4,.78)!important;-webkit-backdrop-filter:blur(14px) saturate(.7);backdrop-filter:blur(14px) saturate(.7)}
body.boa-site .boa-drawer__panel{background:#0b0b0c!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:-30px 0 80px rgba(0,0,0,.6)}
html:has(.boa-drawer.is-open){overflow:hidden}
body.boa-site:has(.boa-drawer.is-open) .boa-concierge{opacity:0;pointer-events:none}