:root{
 --night:#0c3035;--night2:#0a252b;--teal:#14515a;--teal2:#1b6870;
 --sage:#8fa681;--sage2:#c8d2bb;--sage3:#e5eadf;
 --cream:#f7f0dc;--cream2:#fffaf0;--gold:#c8a654;--gold2:#e1c875;
 --ink:#263230;--muted:#65706a;--stone:#d8d3c8;--lav:#8e81a3;
 --line:rgba(200,166,84,.38);--shadow:0 24px 70px rgba(11,39,42,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.site-header{position:sticky;top:0;z-index:50;min-height:106px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(24px,5vw,82px);color:#f8efd7;background:linear-gradient(90deg,var(--night2),var(--night),#103b42);border-bottom:2px solid var(--gold);box-shadow:0 7px 30px #061b1e35}
.identity{display:flex;align-items:center;gap:15px}.identity img{width:78px;height:78px}.brand{font-family:Georgia,serif;font-size:clamp(29px,3vw,43px);color:#f2e5bd;line-height:1}.tagline{margin-top:7px;font-family:Georgia,serif;font-size:10px;letter-spacing:.17em;color:var(--gold2)}
.nav{display:flex;align-items:center;gap:5px}.nav>a,.dropbtn{padding:10px 12px;color:#f6edda;font-family:Georgia,serif;font-size:16px;background:none;border:0;cursor:pointer}.nav>a:hover,.dropbtn:hover,.nav a.active{color:var(--gold2)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;right:0;top:100%;min-width:210px;padding:8px;background:#12383d;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #0004}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;padding:10px 12px;color:#efe5ce}.dropdown-content a:hover{background:#1b4b50}
.page-hero{position:relative;overflow:hidden;padding:76px clamp(35px,9vw,145px);background:linear-gradient(135deg,var(--cream2),#edf0de 58%,#dfece7);border-bottom:1px solid var(--line)}.page-hero:after{content:"";position:absolute;inset:0;background:url('/static/boutique/art/botanical-frame.svg') center/cover no-repeat;opacity:.44;pointer-events:none}.page-hero>*{position:relative;z-index:2}.kicker{font-family:Georgia,serif;font-size:12px;letter-spacing:.22em;color:var(--teal);font-weight:700}.page-hero h1{max-width:900px;margin:12px 0 20px;font-family:Georgia,serif;font-weight:400;font-size:clamp(52px,7vw,88px);line-height:1.01;color:var(--night)}.page-hero p{max-width:720px;font-size:18px;color:#4d5d58}.gold-rule{width:180px;border-top:1px solid var(--gold);margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;border-radius:999px;border:1px solid var(--gold);background:var(--night);color:#fff0ce;font-weight:700;cursor:pointer}.button.alt{background:var(--sage);color:var(--night2)}.button:hover{background:var(--teal2)}
.container{max-width:1260px;margin:auto;padding:74px 32px}.section-title{font-family:Georgia,serif;font-size:clamp(38px,4vw,58px);font-weight:400;color:var(--night);margin:0 0 15px}.section-intro{max-width:720px;color:var(--muted);font-size:17px;margin-bottom:38px}
.landing-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:70px clamp(38px,9vw,145px);position:relative;overflow:hidden;background:radial-gradient(circle at 75% 38%,rgba(63,168,170,.23),transparent 25%),radial-gradient(circle at 18% 80%,rgba(142,129,163,.13),transparent 27%),linear-gradient(135deg,#fbf5e6,#eef0df 58%,#dce8e2)}.landing-hero:before{content:"";position:absolute;inset:0;background:url('/static/boutique/art/botanical-frame.svg') center/cover no-repeat;opacity:.53;pointer-events:none}.landing-hero>*{position:relative;z-index:2}.landing-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,6.7vw,90px);line-height:1.02;color:var(--night);margin:13px 0 20px}.landing-copy p{font-size:18px;max-width:650px;color:#4c5b55}.hero-art{height:560px;border-radius:30px;background:url('/static/boutique/art/moon-botanical.svg') center/cover no-repeat;box-shadow:var(--shadow);border:2px solid var(--gold)}
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bda665;border:1px solid #bda665}.path{min-height:235px;padding:29px;background:var(--cream2);position:relative;overflow:hidden}.path:nth-child(2){background:#e7ecdf}.path:nth-child(3){background:#e3efea}.path:nth-child(4){background:#e8e4ed}.path .num{font-family:Georgia,serif;color:var(--gold);font-size:12px;letter-spacing:.15em}.path h3{font-family:Georgia,serif;font-size:29px;color:var(--night);font-weight:400;margin:12px 0}.path p{color:var(--muted)}.path a{color:var(--teal);font-weight:700}
.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.editorial-image{min-height:470px;border:1px solid var(--gold);border-radius:22px;background:linear-gradient(145deg,var(--night),var(--teal));position:relative;overflow:hidden}.editorial-image:before{content:"☾";position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:190px;color:var(--gold2)}.editorial-image:after{content:"✦  SAGE & STONE  ✦";position:absolute;bottom:42px;left:0;right:0;text-align:center;color:#f3e6be;font-family:Georgia,serif;letter-spacing:.2em}
.catalog-grid,.vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product,.vault-card{padding:29px;border:1px solid #c7c7ba;border-radius:13px;background:linear-gradient(145deg,#fffdf8,#efeee7);box-shadow:0 12px 32px rgba(34,48,44,.07)}.product .category,.vault-card .meta{font-size:10px;letter-spacing:.19em;color:var(--teal);font-weight:800}.product h3,.vault-card h3{font-family:Georgia,serif;color:var(--night);font-size:27px;margin:12px 0}.price{font-family:Georgia,serif;font-size:28px;color:var(--teal)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.chip{font-size:11px;padding:5px 9px;border-radius:999px;background:var(--sage3);color:#435146}
.vault-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 30px}.vault-toolbar input,.vault-toolbar select{width:auto;min-width:240px;padding:12px 14px;border:1px solid #bfc5b7;border-radius:9px;background:#f5f4ee;color:var(--ink)}
.vault-card p{color:#565f5a}.vault-card .prompt{padding-top:12px;border-top:1px solid #d7d0bd;color:#445851;font-style:italic}
.sage-shell{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}.sage-panel{padding:33px;border-radius:16px;border:1px solid #b9c1b4;background:linear-gradient(145deg,#f2f1eb,#dddeda);box-shadow:var(--shadow)}.chatlog{min-height:370px;max-height:520px;overflow:auto}.bubble{max-width:84%;padding:15px 18px;border-radius:18px;margin:10px 0}.bubble.sage{background:var(--sage2);color:var(--night2)}.bubble.user{background:var(--night);color:white;margin-left:auto}.sage-panel textarea{width:100%;min-height:120px;padding:15px;border:1px solid #b6b7b1;border-radius:9px;background:#eeeeca}.form-card{max-width:850px;padding:30px;border:1px solid #bfc2b6;background:#f1f0e9;border-radius:14px}.form-card input,.form-card textarea,.form-card select{width:100%;padding:13px;margin:7px 0;border:1px solid #b9bdb1;border-radius:8px;background:#f8f7f1}
.footer{padding:55px clamp(30px,7vw,110px);background:var(--night2);color:#cfd8ce;border-top:3px solid var(--gold)}.footer strong{font-family:Georgia,serif;color:var(--gold2);font-size:25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer a{color:#dbe2d7}.fine{font-size:11px;color:#8e9992;margin-top:30px}
@media(max-width:980px){.nav{gap:0}.nav>a,.dropbtn{font-size:14px;padding:8px}.landing-hero,.editorial-split,.sage-shell{grid-template-columns:1fr}.hero-art{height:430px}.path-grid{grid-template-columns:1fr 1fr}.catalog-grid,.vault-grid{grid-template-columns:1fr 1fr}.tagline{display:none}}
@media(max-width:700px){.site-header{position:relative;flex-direction:column;align-items:flex-start}.nav{width:100%;overflow:auto}.identity img{width:62px;height:62px}.landing-hero{padding:55px 28px}.page-hero{padding:55px 28px}.container{padding:55px 22px}.path-grid,.catalog-grid,.vault-grid,.footer-grid{grid-template-columns:1fr}.hero-art{height:390px}.vault-toolbar input,.vault-toolbar select{width:100%;min-width:0}}

/* ===== SAGE & STONE ZIP 8.2 BRAND HEADER + HERO LOCK ===== */
:root{--ss-deep:#0B2D3A;--ss-deep-blue:#123D5B;--ss-forest:#0E3A2F;--ss-sage:#7FA08C;--ss-ivory:#F3EADD;--ss-cream:#F7F0E3;--ss-gold:#D29B3D;--ss-ink:#182027;--ss-bark:#6A4A35}
.site-header.brand-lock-header{position:relative!important;min-height:0!important;display:block!important;padding:0!important;background:radial-gradient(circle at 28% 48%,rgba(210,155,61,.22),transparent 24%),radial-gradient(circle at 76% 32%,rgba(83,139,169,.20),transparent 27%),linear-gradient(90deg,#0A3540 0%,#123D5B 48%,#0B2940 100%)!important;border:0!important;box-shadow:none!important}
.brand-banner{min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 28px 22px;border-bottom:2px solid var(--ss-gold)}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:24px;color:var(--ss-ivory);text-transform:uppercase;white-space:nowrap}
.brand-word{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(52px,7vw,92px);line-height:.9;letter-spacing:.035em;font-weight:600;text-shadow:0 2px 0 rgba(0,0,0,.18)}
.brand-mark{width:78px;height:78px;position:relative;display:inline-block;flex:0 0 78px}
.brand-mark .mark-leaf{position:absolute;width:38px;height:52px;border:1.8px solid var(--ss-gold);background:linear-gradient(145deg,#1B5A43,#0D392F)}
.mark-leaf-a{left:18px;top:0;border-radius:85% 10% 75% 15%;transform:rotate(8deg)}
.mark-leaf-b{left:4px;top:29px;border-radius:78% 12% 82% 12%;transform:rotate(-48deg)}
.mark-leaf-c{right:2px;top:31px;border-radius:82% 12% 78% 12%;transform:rotate(44deg);background:linear-gradient(145deg,#9B733B,#6A4A35)!important}
.brand-subline{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(15px,1.9vw,25px);letter-spacing:.09em;text-transform:uppercase;color:#F7E8CB;font-weight:600}
.brand-subline b{color:var(--ss-gold);font-size:.72em}
.brand-nav{width:100%;min-height:68px;display:flex!important;align-items:center;justify-content:center;gap:clamp(18px,4vw,58px)!important;padding:8px clamp(20px,4vw,60px)!important;background:linear-gradient(90deg,#F5EBD8,#F8F2E7,#F1E5CF)!important;border-top:1px solid rgba(210,155,61,.8);border-bottom:2px solid var(--ss-gold);overflow:visible!important}
.brand-nav>a,.brand-nav .dropbtn{color:#171A1C!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(18px,1.7vw,25px)!important;font-weight:700!important;padding:14px 7px!important}
.brand-nav>a:hover,.brand-nav .dropbtn:hover{color:#6A4A35!important}.brand-nav .dropdown-content{top:100%;background:#F7F0E3!important;border:1px solid var(--ss-gold)!important}.brand-nav .dropdown-content a{color:#1A1F21!important;font-weight:700}
.landing-hero.brand-lock-hero{min-height:690px;display:grid!important;grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr)!important;gap:0!important;align-items:stretch!important;padding:0!important;overflow:hidden;background:linear-gradient(90deg,#073947 0%,#0A4250 39%,#123D5B 100%)!important;border:0!important}
.landing-hero.brand-lock-hero:before{content:none!important;display:none!important;background:none!important}
.brand-lock-hero .landing-copy{padding:66px clamp(38px,6vw,86px) 56px!important;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(5,52,64,.98),rgba(5,52,64,.93),rgba(5,52,64,.48))}
.hero-mantra{font-family:"Cormorant Garamond",Georgia,serif;color:var(--ss-ivory);font-weight:500;font-size:clamp(48px,5.4vw,78px);line-height:1.12;letter-spacing:.05em;text-transform:uppercase}.hero-mantra span{color:var(--ss-gold)}
.mantra-rule{display:flex;align-items:center;gap:17px;width:min(100%,430px);margin:26px 0 22px;color:var(--ss-gold)}.mantra-rule i{height:1px;flex:1;background:var(--ss-gold)}.mantra-rule span{font-size:22px}
.hero-description{max-width:520px!important;margin:0!important;color:#F0E8DC!important;font-family:"Poppins",Arial,sans-serif!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.72!important}.hero-actions{margin-top:30px!important}
.brand-lock-hero .button{border:1.5px solid var(--ss-gold)!important;background:rgba(4,40,47,.45)!important;color:#F6EAD6!important;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;font-weight:600}.brand-lock-hero .button:hover{background:var(--ss-gold)!important;color:#13272C!important}.brand-lock-hero .button.alt{background:transparent!important}
.brand-lock-hero .hero-art{min-height:690px!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-position:center!important;background-size:cover!important;filter:none!important}.brand-lock-hero .hero-art::before,.brand-lock-hero .hero-art::after{content:none!important;display:none!important}
@media(max-width:980px){.brand-banner{min-height:145px;padding:23px 18px 18px}.brand-lockup{gap:16px}.brand-mark{width:60px;height:60px;flex-basis:60px}.brand-nav{gap:10px!important;justify-content:flex-start!important;overflow-x:auto!important;white-space:nowrap}.landing-hero.brand-lock-hero{grid-template-columns:1fr!important}.brand-lock-hero .landing-copy{padding:54px 38px 44px!important}.brand-lock-hero .hero-art{min-height:520px!important}}
@media(max-width:700px){.brand-word{font-size:clamp(38px,12vw,56px)}.brand-mark{width:48px;height:48px;flex-basis:48px}.brand-subline{gap:8px;font-size:13px}.brand-nav{min-height:58px;padding:5px 14px!important}.brand-nav>a,.brand-nav .dropbtn{font-size:17px!important}.hero-mantra{font-size:clamp(40px,12vw,58px);letter-spacing:.02em}.brand-lock-hero .landing-copy{padding:44px 26px 40px!important}.brand-lock-hero .hero-art{min-height:430px!important}}

/* =========================================================
   SAGE & STONE ZIP 8.2.1 - EXACT APPROVED VISUAL LOCK
   ========================================================= */

.site-header.approved-header{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  padding:0!important;
  background:#082d3a!important;
  border:0!important;
  box-shadow:none!important;
}
.approved-brand-banner{
  width:100%;
  aspect-ratio:1536/236;
  min-height:150px;
  background:#082d3a url("/static/boutique/art/sage-stone-header-approved.jpg") center center / cover no-repeat;
  border-bottom:2px solid #D29B3D;
}
.approved-header .brand-nav{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  min-height:70px!important;
  padding:0 clamp(30px,10vw,170px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  background:#F7F0E3!important;
  border-top:1px solid #D29B3D!important;
  border-bottom:2px solid #D29B3D!important;
}
.approved-header .brand-nav>a,
.approved-header .brand-nav .dropbtn{
  color:#182027!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:clamp(18px,1.8vw,27px)!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
  padding:16px 12px!important;
}
.approved-header .brand-nav>a:hover,
.approved-header .brand-nav .dropbtn:hover{
  color:#0E3A2F!important;
}
.approved-header .dropdown-content{
  top:100%!important;
  background:#F7F0E3!important;
  border:1px solid #D29B3D!important;
}
.approved-header .dropdown-content a{
  color:#182027!important;
  font-weight:650!important;
}
.approved-home-hero{
  position:relative;
  width:100%;
  background:#082d3a;
  overflow:hidden;
}
.approved-home-hero-art{
  position:relative;
  width:100%;
  aspect-ratio:1536/716;
  min-height:570px;
  background:#082d3a url("/static/boutique/art/sage-stone-hero-approved.jpg") center top / cover no-repeat;
}
.approved-hero-actions{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.approved-hotspot{
  position:absolute;
  display:block;
  pointer-events:auto;
  border-radius:999px;
  outline-offset:3px;
}
.approved-hotspot:focus-visible{
  outline:3px solid #F0C14A;
}
.approved-hotspot-sage{
  left:9.0%;
  bottom:5.4%;
  width:12.2%;
  height:6.3%;
}
.approved-hotspot-vaults{
  left:22.4%;
  bottom:5.4%;
  width:14.8%;
  height:6.3%;
}
@media(max-width:980px){
  .approved-header .brand-nav{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:0 22px!important;
    gap:12px!important;
  }
  .approved-brand-banner{
    min-height:126px;
    background-size:cover;
  }
  .approved-home-hero-art{
    min-height:500px;
    background-size:cover;
    background-position:center top;
  }
}
@media(max-width:700px){
  .approved-brand-banner{min-height:110px;}
  .approved-header .brand-nav{min-height:58px!important;}
  .approved-header .brand-nav>a,
  .approved-header .brand-nav .dropbtn{
    font-size:17px!important;
    padding:13px 10px!important;
  }
  .approved-home-hero-art{
    aspect-ratio:auto;
    min-height:620px;
    background-size:auto 100%;
    background-position:center top;
  }
}

/* =========================================================
   SAGE & STONE — CANONICAL LANDING DESIGN
   Single source of truth.
   Replaces all ZIP 8.3 → 8.4.x experimental landing patches.
   ========================================================= */

:root {

    /* ---------- FOREST SYSTEM ---------- */

    --landing-green:
        #495E35;

    --landing-green-deep:
        #3C4E2C;

    --landing-green-soft:
        #4C6337;

    --landing-green-rgb:
        73, 94, 53;


    /* ---------- SAGE CARD SYSTEM (EMBODY / DISCOVER / REFLECT) ---------- */

    --landing-sage-card:
        #A8BB8C;

    --landing-sage-card-2:
        #9FB181;

    --landing-outer-sage:
        #E2EAD9;


    /* ---------- ANTIQUE GOLD (restrained decorative accent) ---------- */

    --landing-antique-gold:
        #6B4E24;

    --landing-antique-gold-rgb:
        107, 78, 36;


    /* ---------- BEIGE SYSTEM ---------- */

    --landing-beige:
        #D4C6AA;

    --landing-beige-light:
        #E5D9C5;

    --landing-beige-dark:
        #B59B78;

    --landing-beige-deep:
        #957957;


    /* ---------- TEXT ---------- */

    --landing-dark-text:
        #17382A;

    --landing-light-text:
        #E5D9C5;

    --landing-muted-light:
        #D0C1AA;

    --landing-muted-dark:
        #4A544B;


    /* ---------- FOOTER — DEEP FOREST GREEN ---------- */

    --landing-midnight:
        #263B27;
}


/* =========================================================
   GLOBAL LANDING SECTION RULES
   ========================================================= */

.landing-gateways,
.ask-sage-feature,
.vaults-feature {

    box-sizing:
        border-box !important;

    border-top:
        1px solid var(--landing-beige-dark) !important;

    border-bottom:
        1px solid var(--landing-beige-dark) !important;
}


/* =========================================================
   SECTION 1 — JEWELRY / CRYSTALS / TAROT
   LIGHT OUTER SECTION + DARK CARDS
   ========================================================= */

.landing-gateways {

    display:
        grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap:
        24px !important;

    padding:
        38px clamp(28px, 4vw, 58px) !important;

    background:
        linear-gradient(
            180deg,
            #E6EEDF 0%,
            var(--landing-outer-sage) 100%
        ) !important;

    border:
        0 !important;

    border-top:
        1px solid var(--landing-beige-dark) !important;

    border-bottom:
        1px solid var(--landing-beige-dark) !important;
}


/* all three cards IDENTICAL */

.landing-gateways .gateway-card,
.landing-gateways .gateway-jewelry,
.landing-gateways .gateway-crystals,
.landing-gateways .gateway-tarot {

    display:
        flex !important;

    flex-direction:
        column !important;

    min-height:
        390px !important;

    padding:
        38px 38px 34px !important;

    border:
        1.5px solid rgba(var(--landing-antique-gold-rgb), .55) !important;

    border-radius:
        22px !important;

    background:
        linear-gradient(
            145deg,
            #B0C295 0%,
            var(--landing-sage-card) 55%,
            var(--landing-sage-card-2) 100%
        ) !important;

    box-shadow:
        0 18px 36px rgba(58, 74, 42, .16) !important;

    color:
        var(--landing-green) !important;

    text-align:
        left !important;

    overflow:
        hidden !important;
}


/* remove old decorative overlays */

.landing-gateways .gateway-card::before,
.landing-gateways .gateway-card::after {

    content:
        none !important;

    display:
        none !important;
}


/* 01 / 02 / 03 */

.landing-gateways .num {

    color:
        var(--landing-antique-gold) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        16.5px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .22em !important;

    text-align:
        left !important;
}


/* Jewelry / Crystals / Tarot */

.landing-gateways h3 {

    margin:
        20px 0 20px !important;

    color:
        var(--landing-green) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(40px, 4vw, 58px) !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    text-align:
        left !important;
}


/* description */

.landing-gateways p {

    margin:
        0 !important;

    color:
        var(--landing-dark-text) !important;

    font-size:
        17px !important;

    line-height:
        1.62 !important;

    font-weight:
        400 !important;

    text-align:
        left !important;
}


/* hero-style outline buttons */

.landing-gateways .gateway-link {

    align-self:
        flex-end !important;

    width:
        auto !important;

    margin:
        auto 0 0 auto !important;

    padding:
        12px 24px !important;

    border:
        1.5px solid rgba(var(--landing-antique-gold-rgb), .6) !important;

    border-radius:
        999px !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        var(--landing-green) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        20px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;

    text-align:
        center !important;
}


.landing-gateways .gateway-link:hover {

    background:
        rgba(var(--landing-green-rgb), .08) !important;

    border-color:
        var(--landing-green) !important;
}


/* =========================================================
   SECTION 2 — ASK SAGE
   DARK SECTION
   NO QUESTION BOX
   ========================================================= */

.ask-sage-feature {

    position:
        relative !important;

    overflow:
        hidden !important;

    background:
        linear-gradient(
            135deg,
            var(--landing-green-deep) 0%,
            var(--landing-green) 57%,
            var(--landing-green-soft) 100%
        ) !important;

    color:
        var(--landing-light-text) !important;
}


/* kill EVERY previous blob / circle / decorative background */

.ask-sage-feature::before,
.ask-sage-feature::after,
.ask-sage-inner::before,
.ask-sage-inner::after,
.ask-sage-copy::before,
.ask-sage-copy::after {

    content:
        none !important;

    display:
        none !important;

    background:
        none !important;
}


/* layout */

.ask-sage-inner {

    position:
        relative !important;

    z-index:
        2 !important;

    max-width:
        1380px !important;

    margin:
        0 auto !important;

    padding:
        76px clamp(38px, 7vw, 96px) !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr) auto !important;

    align-items:
        end !important;

    gap:
        50px !important;
}


.ask-sage-copy {

    max-width:
        800px !important;

    text-align:
        left !important;
}


.ask-sage-kicker {

    color:
        var(--landing-beige-dark) !important;

    font-size:
        14px !important;

    letter-spacing:
        .20em !important;

    font-weight:
        800 !important;

    text-align:
        left !important;
}


.ask-sage-copy h2 {

    margin:
        16px 0 20px !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(52px, 6vw, 82px) !important;

    line-height:
        .98 !important;

    font-weight:
        600 !important;

    text-align:
        left !important;
}


/* simple hero-style divider */

.ask-sage-rule {

    display:
        flex !important;

    width:
        min(340px, 72%) !important;

    align-items:
        center !important;

    gap:
        11px !important;

    margin:
        23px 0 21px !important;
}


.ask-sage-rule span {

    display:
        block !important;

    flex:
        1 !important;

    height:
        1px !important;

    background:
        var(--landing-beige-dark) !important;

    border:
        0 !important;

    border-radius:
        0 !important;
}


.ask-sage-rule b {

    color:
        var(--landing-beige-dark) !important;

    font-size:
        12px !important;

    font-weight:
        400 !important;
}


.ask-sage-signature {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        1px !important;

    margin:
        0 0 18px !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(24px, 2.4vw, 33px) !important;

    line-height:
        1.22 !important;

    font-weight:
        600 !important;

    text-align:
        left !important;
}


.ask-sage-description {

    max-width:
        720px !important;

    margin:
        0 !important;

    color:
        var(--landing-muted-light) !important;

    font-size:
        17px !important;

    line-height:
        1.65 !important;

    font-weight:
        400 !important;

    text-align:
        left !important;
}


/* right-aligned Ask Sage button */

.ask-sage-cta-wrap {

    display:
        flex !important;

    align-items:
        flex-end !important;

    justify-content:
        flex-end !important;

    align-self:
        end !important;
}


.ask-sage-primary-button {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    min-width:
        180px !important;

    padding:
        13px 26px !important;

    margin:
        0 !important;

    border:
        1.5px solid var(--landing-beige-dark) !important;

    border-radius:
        999px !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        21px !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


.ask-sage-primary-button:hover {

    background:
        rgba(212, 198, 170, .10) !important;

    border-color:
        var(--landing-beige-light) !important;
}


/* =========================================================
   SECTION 3 — THE VAULTS
   LIGHT SECTION + DARK CARDS
   ========================================================= */

.vaults-feature {

    padding:
        72px clamp(28px, 5vw, 72px) 82px !important;

    background:
        linear-gradient(
            180deg,
            #D8CAB0 0%,
            var(--landing-beige) 100%
        ) !important;

    color:
        var(--landing-dark-text) !important;
}


.vaults-heading {

    max-width:
        820px !important;

    margin:
        0 auto 42px !important;

    text-align:
        center !important;
}


.vaults-kicker {

    color:
        var(--landing-beige-deep) !important;

    font-size:
        14px !important;

    letter-spacing:
        .20em !important;

    font-weight:
        800 !important;
}


.vaults-heading h2 {

    margin:
        10px 0 7px !important;

    color:
        var(--landing-green-deep) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(50px, 5vw, 72px) !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;
}


.vaults-heading p {

    margin:
        0 !important;

    color:
        #4A493F !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        24px !important;

    font-weight:
        600 !important;
}


/* side by side */

.vaults-grid {

    max-width:
        1380px !important;

    margin:
        0 auto !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:
        28px !important;

    align-items:
        stretch !important;
}


/* BOTH VAULT CARDS IDENTICAL */

.vault-panel,
.crystal-panel,
.tarot-panel {

    position:
        relative !important;

    min-height:
        440px !important;

    display:
        block !important;

    overflow:
        hidden !important;

    border:
        1.5px solid var(--landing-beige-dark) !important;

    border-radius:
        22px !important;

    background:
        linear-gradient(
            145deg,
            var(--landing-green-deep) 0%,
            var(--landing-green) 61%,
            var(--landing-green-soft) 100%
        ) !important;

    box-shadow:
        0 18px 38px rgba(24, 37, 29, .14) !important;

    color:
        var(--landing-light-text) !important;

    text-decoration:
        none !important;
}


.vault-panel::before,
.vault-panel::after,
.crystal-panel::before,
.crystal-panel::after,
.tarot-panel::before,
.tarot-panel::after {

    content:
        none !important;

    display:
        none !important;
}


.vault-panel-content {

    min-height:
        440px !important;

    padding:
        42px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    gap:
        20px !important;
}


/* =========================================================
   VAULT ICON MEDALLIONS
   replaces old thin-line look
   ========================================================= */

.vault-icon {

    width:
        68px !important;

    height:
        68px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex-shrink:
        0 !important;

    border:
        1.5px solid var(--landing-beige-dark) !important;

    border-radius:
        50% !important;

    background:
        rgba(212, 198, 170, .09) !important;

    background-image:
        none !important;

    color:
        var(--landing-beige-light) !important;
}


.vault-icon::before {

    display:
        block !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        32px !important;

    line-height:
        1 !important;
}


.vault-icon-crystal::before {

    content:
        "◆" !important;
}


.vault-icon-tarot::before {

    content:
        "☾" !important;
}


/* copy column */

.vault-copy {

    width:
        100% !important;

    min-width:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    text-align:
        left !important;
}


/* Crystal Vault / Tarot Vault */

.vault-label {

    margin:
        0 !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(34px, 3.3vw, 48px) !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    letter-spacing:
        0 !important;

    text-align:
        left !important;
}


/* =========================================================
   VAULT DIVIDER
   thin hero-style line — NO PILLS / OVALS
   ========================================================= */

.vault-mini-rule {

    display:
        flex !important;

    align-items:
        center !important;

    width:
        min(320px, 100%) !important;

    gap:
        10px !important;

    margin:
        20px 0 18px !important;

    height:
        auto !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;
}


.vault-mini-rule span {

    display:
        block !important;

    flex:
        1 !important;

    width:
        auto !important;

    height:
        1px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        var(--landing-beige-dark) !important;

    box-shadow:
        none !important;
}


.vault-mini-rule b {

    color:
        var(--landing-beige-dark) !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;
}


/* secondary heading */

.vault-subtitle {

    margin:
        0 0 12px !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        25px !important;

    line-height:
        1.12 !important;

    font-weight:
        700 !important;

    text-align:
        left !important;
}


/* description */

.vault-copy p {

    margin:
        0 0 28px !important;

    color:
        var(--landing-muted-light) !important;

    font-size:
        16px !important;

    line-height:
        1.60 !important;

    font-weight:
        400 !important;

    text-align:
        left !important;
}


/* hero-style outline vault buttons */

.vault-enter {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    align-self:
        flex-end !important;

    width:
        auto !important;

    margin:
        auto 0 0 auto !important;

    padding:
        12px 22px !important;

    border:
        1.5px solid var(--landing-beige-dark) !important;

    border-radius:
        999px !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        var(--landing-beige-light) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        19px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    text-align:
        center !important;
}


.vault-panel:hover .vault-enter {

    background:
        rgba(212, 198, 170, .10) !important;

    border-color:
        var(--landing-beige-light) !important;
}


/* =========================================================
   FOOTER
   KEEP MIDNIGHT HERO FAMILY
   ========================================================= */

.footer {

    background:
        var(--landing-midnight) !important;

    border-top:
        1px solid var(--landing-beige-dark) !important;

    color:
        var(--landing-muted-light) !important;
}


.footer strong,
.footer b {

    color:
        var(--landing-beige-light) !important;
}


.footer a {

    color:
        var(--landing-muted-light) !important;
}


.footer .fine {

    color:
        #AFA896 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {

    .landing-gateways {

        grid-template-columns:
            1fr !important;
    }


    .ask-sage-inner {

        grid-template-columns:
            1fr !important;
    }


    .ask-sage-cta-wrap {

        justify-content:
            flex-end !important;
    }


    .vaults-grid {

        grid-template-columns:
            1fr 1fr !important;
    }


    .vault-panel-content {

        padding:
            34px !important;

        gap:
            18px !important;
    }
}


@media (max-width: 700px) {

    .landing-gateways {

        padding:
            24px 18px !important;
    }


    .landing-gateways .gateway-card {

        min-height:
            340px !important;

        padding:
            30px 25px !important;
    }


    .ask-sage-inner {

        padding:
            56px 24px !important;
    }


    .vaults-feature {

        padding:
            58px 20px 64px !important;
    }


    .vaults-grid {

        grid-template-columns:
            1fr !important;
    }


    .vault-panel {

        min-height:
            auto !important;
    }


    .vault-panel-content {

        min-height:
            auto !important;

        padding:
            32px 26px !important;
    }


    .gateway-link,
    .ask-sage-primary-button,
    .vault-enter {

        margin-left:
            auto !important;
    }
}


/* =========================================================
   SAGE & STONE — BEIGE COLOR PASS
   COLOR ONLY
   No layout / spacing / structure changes
   ========================================================= */

:root {

    /* replaces pale white / ivory */
    --landing-beige-light:
        #D8C7B1 !important;

    /* replaces yellow / gold accents */
    --landing-beige-dark:
        #A88968 !important;

    /* supporting softer text — lightened for legibility on the new #495E35 green */
    --landing-muted-light:
        #DDD2BE !important;
}


/* =========================================================
   DARK GREEN CARDS / SECTIONS
   REMOVE WHITE LOOK
   ========================================================= */

.ask-sage-copy h2,
.ask-sage-signature,
.vault-label,
.vault-subtitle {

    color:
        #D8C7B1 !important;
}


/* body copy — softer beige, not white (Ask Sage / Vault dark-green sections only;
   the gateway cards are light sage now and set their own text colors in the
   canonical block above) */

.ask-sage-description,
.vault-copy p {

    color:
        var(--landing-muted-light) !important;
}


/* =========================================================
   REMOVE YELLOW / GOLD LOOK
   ========================================================= */

.ask-sage-kicker,
.vaults-kicker {

    color:
        #A88968 !important;
}


/* borders */

.ask-sage-primary-button,
.vault-panel,
.vault-icon,
.vault-enter {

    border-color:
        #A88968 !important;
}


/* =========================================================
   HERO-STYLE DIVIDER LINES
   ========================================================= */

.ask-sage-rule span,
.vault-mini-rule span {

    background:
        #A88968 !important;
}


.ask-sage-rule b,
.vault-mini-rule b {

    color:
        #A88968 !important;
}


/* =========================================================
   BUTTON TEXT
   beige instead of white/yellow
   ========================================================= */

.ask-sage-primary-button,
.vault-enter {

    color:
        #D8C7B1 !important;

    background:
        transparent !important;
}


/* =========================================================
   VAULT ICONS
   ========================================================= */

.vault-icon,
.vault-icon::before {

    color:
        #D8C7B1 !important;
}


/* =========================================================
   VAULT LIGHT SECTION TEXT
   eliminate remaining yellow tone
   ========================================================= */

.vaults-heading h2 {

    color:
        var(--landing-green-deep) !important;
}


.vaults-heading p {

    color:
        #544C42 !important;
}


/* =========================================================
   FOOTER TYPOGRAPHY
   remove white/yellow look without touching footer blue
   ========================================================= */

.footer strong,
.footer b {

    color:
        #D8C7B1 !important;
}


.footer,
.footer a {

    color:
        #CBBBA5 !important;
}