/*
Theme Name: Liyema Immersive
Theme URI: https://kwa-liyema.co.za/
Author: Liyema
Description: Immersive WooCommerce storefront for Liyema African luxury fragrance.
Version: 1.5.14
Text Domain: liyema
Requires at least: 6.7
Requires PHP: 8.1
*/
/* ============================================================
   LIYEMA — Immersive Experience
   The site as unboxing ritual: cream box → crimson velvet → gold
   ============================================================ */
:root{
  --charcoal:#1A1A1A;
  --charcoal-deep:#111010;
  --gold:#A0783A;
  --gold-warm:#D4A96A;
  --gold-pale:#E8CD9C;
  --cream:#F7EDD8;
  --slate:#4A4A4A;
  --white:#FAFAF6;
  --crimson:#8E1F2F;
  --crimson-deep:#5C1220;
  --women:#7D3C3C;
  --men:#1A2B4A;
  --unisex:#1A5C52;
  --f-display:'Marcellus',serif;
  --f-poetic:'Cormorant Garamond',serif;
  --f-ui:'Jost',sans-serif;
  --ease-ritual:cubic-bezier(.22,.61,.21,1);
  --ease-velvet:cubic-bezier(.77,0,.18,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overscroll-behavior-y:none}
body{
  background:var(--charcoal);
  color:var(--cream);
  font-family:var(--f-ui);
  font-weight:300;
  letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.locked{overflow:hidden}

/* Royal Elementor global templates used by the previous theme. */
body.wp-theme-liyema-theme .elementor.elementor-430,
body.wp-theme-liyema-theme .elementor.elementor-436{display:none!important}
::selection{background:var(--gold);color:var(--charcoal)}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:1.5px solid var(--gold-warm);outline-offset:3px}

/* ---- film grain over everything ---- */
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:2000;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");
  animation:grainShift 7s steps(6) infinite;
}
/* Large animated SVG filters can split into flashing compositor tiles on
   mobile GPUs. The texture is decorative, so keep touch screens stable. */
@media (max-width:820px),(pointer:coarse){
  .grain{display:none}
}
@keyframes grainShift{
  0%,100%{transform:translate(0,0)}
  20%{transform:translate(-3%,2%)}
  40%{transform:translate(2%,-3%)}
  60%{transform:translate(-2%,-2%)}
  80%{transform:translate(3%,3%)}
}

/* ---- custom cursor (fine pointers only) ---- */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:3000;border-radius:50%;display:none}
@media (pointer:fine){
  .cursor-dot{display:block;width:5px;height:5px;background:var(--gold-warm);transform:translate(-50%,-50%)}
  .cursor-ring{display:block;width:34px;height:34px;border:1px solid rgba(212,169,106,.55);transform:translate(-50%,-50%);transition:width .35s var(--ease-ritual),height .35s var(--ease-ritual),border-color .35s,background .35s}
  .cursor-ring.is-active{width:64px;height:64px;border-color:rgba(212,169,106,.9);background:rgba(160,120,58,.08)}
}

/* ============================================================
   PRELOADER — the box opens
   ============================================================ */
.box-lid{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;pointer-events:none}
.lid-half{flex:1;position:relative;transition:transform 1.3s var(--ease-velvet);
  background:linear-gradient(180deg,#161311 0%,var(--charcoal-deep) 100%)}
.lid-half::after{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 50%,rgba(160,120,58,.07),transparent 60%)}
.lid-top::before,.lid-bottom::before{content:"";position:absolute;left:0;right:0;height:1px;z-index:2;
  background:linear-gradient(90deg,transparent 12%,rgba(212,169,106,.55),transparent 88%)}
.lid-top::before{bottom:0}
.lid-bottom::before{top:0}
.lid-top{display:flex;align-items:flex-end;justify-content:center}
.lid-bottom{display:flex;align-items:flex-start;justify-content:center}
/* the entrance — seam of gold, the name arrives, the box opens */
.ent{position:fixed;inset:0;z-index:1502;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;
  pointer-events:none;transition:opacity .65s ease,transform .95s var(--ease-ritual)}
.ent-logo-wrap{display:flex;align-items:center;justify-content:center;min-height:clamp(54px,10vw,82px);opacity:0;animation:entFade .9s .3s forwards}
.ent-logo{width:auto;height:clamp(54px,10vw,82px);object-fit:contain;filter:drop-shadow(0 0 24px rgba(212,169,106,.18))}
.ent-word{display:flex;font-family:var(--f-display);font-size:clamp(2.6rem,9vw,5.6rem);line-height:1;color:var(--gold-pale);
  text-shadow:0 0 44px rgba(212,169,106,.28);
  letter-spacing:.32em;text-indent:.32em}
.ent-word span{opacity:0;transform:translateY(28%);filter:blur(9px);
  animation:entLetter .95s var(--ease-ritual) forwards;animation-delay:calc(.4s + var(--i)*.12s)}
.ent-seam{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-warm) 50%,var(--gold) 70%,transparent);
  animation:entSeam 1.3s .25s var(--ease-ritual) forwards}
.ent-tag{font-family:var(--f-poetic);font-style:italic;font-size:clamp(1rem,2.6vw,1.3rem);color:rgba(247,237,216,.72);letter-spacing:.05em;
  opacity:0;animation:entFade 1.1s 1.7s forwards}
@keyframes entLetter{to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes entSeam{to{width:min(440px,72vw)}}
@keyframes entFade{to{opacity:1}}
body.opened .ent{opacity:0;transform:scale(1.05) translateY(-10px)}
body.settled .ent{display:none}
@media (prefers-reduced-motion:reduce){
  .ent-word span,.ent-logo-wrap,.ent-tag{animation-duration:.01s;animation-delay:0s}
  .ent-seam{animation-duration:.01s;animation-delay:0s}
}
.velvet-flash{position:fixed;inset:0;z-index:1400;background:
  radial-gradient(140% 100% at 50% 0%,var(--crimson) 0%,var(--crimson-deep) 78%);
  opacity:1;transition:opacity 1.2s ease .25s;pointer-events:none}
.velvet-flash::after{content:"";position:absolute;inset:0;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.05' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.07 0 0 0 0 0.12 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23v)'/%3E%3C/svg%3E");}
body.opened .lid-top{transform:translateY(-101%)}
body.opened .lid-bottom{transform:translateY(101%)}
body.opened .velvet-flash{opacity:0}
body.settled .box-lid,body.settled .velvet-flash{display:none}

/* ============================================================
   NAVIGATION
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;
  padding:1.15rem clamp(1.2rem,4vw,3rem);transition:background .5s,backdrop-filter .5s, padding .5s;
}
body.admin-bar.liyema-immersive-page .nav{top:32px}
body.admin-bar.liyema-immersive-page .mobile-menu{top:32px}
@media (max-width:782px){
  body.admin-bar.liyema-immersive-page .nav{top:46px}
  body.admin-bar.liyema-immersive-page .mobile-menu{top:46px}
}
.nav.scrolled{background:rgba(20,18,16,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:.8rem;padding-bottom:.8rem}
.nav-logo{display:flex;align-items:center;min-width:86px}
.nav-logo img{width:auto;height:42px;object-fit:contain}
.nav-logo .dia{font-size:.55rem;transform:translateY(-1px)}
.nav-links{display:flex;gap:2.2rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(247,237,216,.75)}
.nav-links a{position:relative;padding:.3rem 0;transition:color .3s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold-warm);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-ritual)}
.nav-links a:hover{color:var(--gold-pale)}
.nav-links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav-actions{display:flex;align-items:center;gap:1.4rem}
.cart-btn{position:relative;display:flex;align-items:center;gap:.55rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);transition:color .3s}
.cart-btn:hover{color:var(--gold-pale)}
.cart-btn svg{width:19px;height:19px}
.cart-count{position:absolute;top:-8px;right:-12px;min-width:17px;height:17px;border-radius:50%;background:var(--crimson);color:var(--cream);
  font-size:.62rem;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:400;opacity:0;transform:scale(.4);transition:all .4s var(--ease-ritual)}
.cart-count.show{opacity:1;transform:scale(1)}
.menu-btn{display:none;flex-direction:column;gap:5px;padding:.4rem}
.menu-btn span{width:24px;height:1px;background:var(--cream);transition:all .4s var(--ease-ritual)}
@media (max-width:880px){
  .nav-links{display:none}
  .menu-btn{display:flex}
}
@media (max-width:480px){
  .cart-btn .cart-label{display:none}
}
.mobile-menu{position:fixed;inset:0;z-index:880;background:var(--charcoal-deep);display:flex;flex-direction:column;justify-content:center;
  padding:0 2.2rem;gap:.4rem;clip-path:circle(0% at calc(100% - 44px) 34px);transition:clip-path .8s var(--ease-velvet)}
.mobile-menu.open{clip-path:circle(150% at calc(100% - 44px) 34px)}
.mobile-menu a{font-family:var(--f-display);font-size:clamp(1.7rem,7vw,2.4rem);color:var(--cream);padding:.55rem 0;border-bottom:1px solid rgba(160,120,58,.18);display:flex;justify-content:space-between;align-items:baseline}
.mobile-menu a em{font-family:var(--f-poetic);font-style:italic;font-size:.85rem;color:var(--gold);letter-spacing:.05em}
body.menu-open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.menu-open .menu-btn span:nth-child(2){opacity:0}
body.menu-open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;text-align:center;padding:6rem 1.4rem 8.5rem;
  background:
    radial-gradient(90% 65% at 50% 108%,rgba(142,31,47,.16),transparent 60%),
    radial-gradient(70% 55% at 50% 42%,rgba(160,120,58,.12),transparent 65%),
    var(--charcoal);
}
.hero-media,.hero-shade{position:absolute;inset:0}
.hero-media span{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.025);animation:heroCrossfade 16s ease-in-out infinite;will-change:opacity,transform;backface-visibility:hidden}
.hero-media span:nth-child(2){animation-delay:-8s}
/* The two half-cycle layers overlap through every fade, so the hero never
   flashes back to its charcoal fallback between photographs. */
@keyframes heroCrossfade{
  0%,42%{opacity:1;transform:scale(1.025)}
  50%,92%{opacity:0;transform:scale(1.01)}
  100%{opacity:1;transform:scale(1.025)}
}
@keyframes heroCrossfadeMobile{
  0%,42%{opacity:1}
  50%,92%{opacity:0}
  100%{opacity:1}
}
.hero-shade{z-index:1;background:linear-gradient(180deg,rgba(12,11,11,.58),rgba(12,11,11,.72)),linear-gradient(90deg,rgba(12,11,11,.38),transparent 45%,rgba(12,11,11,.28))}
.hero-title,.hero-sub,.hero-line,.hero-ctas,.scroll-cue{position:relative;z-index:3}
.hero-dust{position:absolute;inset:0;pointer-events:none}
.dust{position:absolute;border-radius:50%;background:var(--gold-warm);opacity:0;animation:float var(--dur,14s) linear infinite var(--delay,0s)}
@keyframes float{
  0%{transform:translateY(15vh) translateX(0);opacity:0}
  12%{opacity:var(--op,.5)}
  85%{opacity:var(--op,.5)}
  100%{transform:translateY(-92vh) translateX(var(--drift,20px));opacity:0}
}
.hero-title{display:flex;justify-content:center;font-family:var(--f-display);font-weight:400;
  font-size:clamp(3.2rem,12vw,8.4rem);line-height:1;color:var(--cream);letter-spacing:.24em;text-indent:.24em;
  text-shadow:0 2px 40px rgba(0,0,0,.5)}
.hero-title span{display:inline-block;opacity:0;transform:translateY(60%) rotate(3deg);filter:blur(6px)}
body.settled .hero-title span{animation:letterRise 1.1s var(--ease-ritual) forwards;animation-delay:calc(var(--i)*.075s + .15s)}
@keyframes letterRise{to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}
.hero-sub{margin-top:2rem;font-family:var(--f-poetic);font-style:italic;font-weight:400;font-size:clamp(1.15rem,3.4vw,1.7rem);
  color:var(--gold-warm);letter-spacing:.04em;opacity:0;transform:translateY(14px);transition:opacity 1.2s .95s,transform 1.2s .95s var(--ease-ritual)}
.hero-line{margin-top:1.6rem;max-width:34rem;font-size:clamp(.85rem,2.4vw,.95rem);line-height:2;color:rgba(247,237,216,.62);
  opacity:0;transform:translateY(14px);transition:opacity 1.2s 1.2s,transform 1.2s 1.2s var(--ease-ritual)}
body.settled .hero-sub,body.settled .hero-line{opacity:1;transform:translateY(0)}
.hero-ctas{margin-top:3rem;display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center;opacity:0;transition:opacity 1.2s 1.5s}
body.settled .hero-ctas{opacity:1}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:640px){
  .hero{min-height:92svh;padding-top:5.5rem}
  .hero-media span{background-position:58% center;transform:scale(1.015);animation-name:heroCrossfadeMobile;will-change:opacity}
}
/* Firefox for Android can expose compositor tile seams while two full-screen
   background layers are blended. Touch layouts use the first configured hero
   photograph as one ordinary paint layer; desktop retains the crossfade. */
@media (max-width:820px),(pointer:coarse){
  .hero-media span{animation:none;opacity:1;transform:none;will-change:auto;backface-visibility:visible}
  .hero-media span:not(:first-child){display:none}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;font-size:.72rem;letter-spacing:.28em;text-indent:.28em;
  text-transform:uppercase;padding:1.05rem 2.3rem;position:relative;overflow:hidden;transition:color .45s;white-space:nowrap}
.btn-gold{color:var(--charcoal);background:linear-gradient(120deg,var(--gold) 0%,var(--gold-warm) 55%,var(--gold) 100%);background-size:200% 100%;transition:background-position .8s var(--ease-ritual),color .45s}
.btn-gold:hover{background-position:100% 0}
.btn-ghost{color:var(--cream);border:1px solid rgba(212,169,106,.45)}
.btn-ghost::before{content:"";position:absolute;inset:0;background:var(--crimson);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease-velvet);z-index:-1}
.btn-ghost:hover::before{transform:scaleX(1);transform-origin:left}
.btn-ghost:hover{border-color:var(--crimson)}
.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;
  font-size:.6rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:rgba(212,169,106,.6);opacity:0;transition:opacity 1s 2s}
body.settled .scroll-cue{opacity:1}
@media (max-height:660px){.scroll-cue{display:none}}
.scroll-cue::after{content:"";width:1px;height:40px;background:linear-gradient(var(--gold-warm),transparent);animation:cueDrop 2.2s var(--ease-ritual) infinite}
@keyframes cueDrop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ============================================================
   MANIFESTO — words remembered
   ============================================================ */
.manifesto{position:relative;padding:clamp(6rem,14vh,11rem) clamp(1.4rem,6vw,4rem);max-width:62rem;margin:0 auto;text-align:center}
.manifesto-line{font-family:var(--f-poetic);font-weight:300;font-size:clamp(1.5rem,4.6vw,2.7rem);line-height:1.55;color:rgba(247,237,216,.34);
  transition:color 1s var(--ease-ritual)}
.manifesto-line em{font-style:italic;color:rgba(212,169,106,.4);transition:color 1s var(--ease-ritual)}
.manifesto-line.lit{color:var(--cream)}
.manifesto-line.lit em{color:var(--gold-warm)}
.manifesto-sig{margin-top:3.4rem;font-size:.66rem;letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:var(--gold);opacity:0;transform:translateY(12px);transition:all 1s .3s var(--ease-ritual)}
.manifesto-sig.lit{opacity:1;transform:translateY(0)}

/* ---- section headers (shared) ---- */
.sect-head{text-align:center;padding:0 1.4rem;margin-bottom:clamp(2.6rem,6vh,4.5rem)}
.sect-eyebrow{font-size:.64rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}
.sect-title{font-family:var(--f-display);font-size:clamp(1.9rem,5.6vw,3.4rem);letter-spacing:.06em;color:var(--cream);line-height:1.2}
.sect-title em{font-family:var(--f-poetic);font-style:italic;color:var(--gold-warm);letter-spacing:.02em}
.sect-note{margin-top:1.1rem;font-size:.85rem;line-height:1.9;color:rgba(247,237,216,.55);max-width:36rem;margin-left:auto;margin-right:auto}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease-ritual),transform 1s var(--ease-ritual)}
.reveal.lit{opacity:1;transform:translateY(0)}

/* ============================================================
   THE FOUNDING PAIR
   ============================================================ */
.pair{padding:clamp(5rem,12vh,9rem) 0 0}
.pair-grid{display:grid;grid-template-columns:1fr 1fr;min-height:78vh}
.pair-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:4.5rem 2rem;text-align:center;cursor:pointer;transition:flex 1s}
.pair-panel::before{content:"";position:absolute;inset:0;background:var(--panel-bg);transition:transform 1.4s var(--ease-ritual);transform:scale(1.02)}
.pair-panel:hover::before{transform:scale(1.09)}
.pair-panel>*{position:relative;z-index:2}
.pair-bottle{height:clamp(180px,26vh,260px);margin-bottom:2.4rem;filter:drop-shadow(0 26px 32px rgba(0,0,0,.45));transition:transform 1s var(--ease-ritual)}
.pair-panel:hover .pair-bottle{transform:translateY(-10px)}
.pair-name{font-family:var(--f-display);font-size:clamp(1.9rem,4.5vw,3rem);letter-spacing:.2em;text-indent:.2em;color:var(--cream)}
.pair-mean{font-family:var(--f-poetic);font-style:italic;font-size:clamp(1rem,2.4vw,1.25rem);color:var(--gold-pale);margin-top:.7rem}
.pair-fam{margin-top:1.4rem;font-size:.66rem;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:rgba(247,237,216,.65)}
.pair-enter{margin-top:2.4rem;font-size:.68rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--gold-pale);
  display:inline-flex;align-items:center;gap:.8rem}
.pair-enter::after{content:"→";letter-spacing:0;text-indent:0;transition:transform .5s var(--ease-ritual)}
.pair-panel:hover .pair-enter::after{transform:translateX(8px)}
@media (max-width:760px){.pair-grid{grid-template-columns:1fr}.pair-panel{min-height:74vh}}

/* ============================================================
   THE PROCESSION — nine scents, horizontal
   ============================================================ */
.procession{position:relative}
.procession-head{padding-top:clamp(6rem,14vh,10rem)}
.proc-outer{position:relative}
.proc-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.proc-track{display:flex;gap:clamp(1.2rem,3vw,2.6rem);padding:0 8vw;will-change:transform}
.scent-card{position:relative;flex:0 0 auto;width:clamp(280px,25vw,360px);
  display:flex;flex-direction:column;align-items:center;
  padding:0;overflow:hidden;cursor:pointer;
  border:1px solid rgba(160,120,58,.16);
  background:linear-gradient(178deg,var(--c-deep) 0%,var(--charcoal-deep) 88%);
  transition:transform .8s var(--ease-ritual),border-color .8s;
}
.scent-card:hover{transform:translateY(-14px);border-color:rgba(212,169,106,.5)}
.scent-card .sc-media{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;
  background:radial-gradient(120% 85% at 50% -10%,var(--c-glow) 0%,transparent 62%),var(--c-deep)}
.scent-card .sc-copy{position:relative;width:100%;min-height:190px;padding:1.6rem 1.25rem 1.7rem;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  background:linear-gradient(180deg,var(--c-deep),var(--charcoal-deep) 84%)}
.scent-card .sc-num{position:absolute;top:1.6rem;left:1.8rem;font-size:.62rem;letter-spacing:.34em;color:rgba(232,205,156,.55)}
.scent-card .sc-coll{position:absolute;z-index:3;top:1.6rem;right:1.8rem;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(247,237,216,.45)}
.scent-card .sc-bottle{position:absolute;top:17%;left:50%;transform:translateX(-50%);height:64%;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.55));transition:transform 1s var(--ease-ritual)}
.scent-card:hover .sc-bottle{transform:translateX(-50%) translateY(-12px) scale(1.04)}
.scent-card .sc-halo{position:absolute;top:34%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,var(--c-glow),transparent 70%);opacity:.6;filter:blur(12px);transition:opacity 1s}
.scent-card:hover .sc-halo{opacity:1}
.scent-card .sc-name{font-family:var(--f-display);font-size:clamp(1.45rem,2vw,1.8rem);letter-spacing:.18em;text-indent:.18em;color:var(--cream);text-align:center;line-height:1.1}
.scent-card .sc-sub{font-family:var(--f-poetic);font-style:italic;font-size:1rem;color:var(--gold-pale);margin-top:.55rem;text-align:center}
.scent-card .sc-fam{margin-top:1rem;font-size:.6rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:rgba(247,237,216,.5);text-align:center}
.scent-card .sc-enter{margin-top:auto;padding-top:1.25rem;font-size:.62rem;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--gold-warm);
  opacity:1;transform:none;transition:color .5s var(--ease-ritual)}
.scent-card:hover .sc-enter{color:var(--gold-pale)}
.scent-card .sc-tag{position:absolute;top:3.3rem;left:50%;transform:translateX(-50%);font-size:.55rem;letter-spacing:.3em;text-indent:.3em;
  text-transform:uppercase;color:var(--gold-pale);border:1px solid rgba(232,205,156,.35);padding:.38rem .8rem .32rem;background:rgba(20,18,16,.4)}
.proc-progress{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);width:min(240px,44vw);height:1px;background:rgba(247,237,216,.14)}
.proc-progress i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--gold-warm)}
.proc-hint{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);font-size:.6rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:rgba(212,169,106,.55);white-space:nowrap}
@media (max-width:880px){
  .proc-outer{height:auto !important}
  .proc-sticky{position:relative;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding:1rem 0 3rem}
  .proc-sticky::-webkit-scrollbar{display:none}
  .proc-track{transform:none !important;padding:0 7vw 0 7vw}
  .scent-card{width:min(76vw,320px);scroll-snap-align:center}
  .scent-card .sc-enter{opacity:1;transform:none}
  .proc-progress,.proc-hint{display:none}
}

/* ============================================================
   SCENT WORLD — full-screen product overlay
   ============================================================ */
.velvet-wipe{position:fixed;inset:0;z-index:1200;background:
  linear-gradient(115deg,var(--crimson) 0%,var(--crimson-deep) 100%);
  transform:scaleX(0);transform-origin:left;pointer-events:none}
.velvet-wipe.in{animation:wipeIn .65s var(--ease-velvet) forwards}
.velvet-wipe.out{animation:wipeOut .65s var(--ease-velvet) forwards}
@keyframes wipeIn{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@keyframes wipeOut{from{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}
.world{position:fixed;inset:0;z-index:1100;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  background:
   radial-gradient(110% 70% at 50% -14%,var(--w-glow) 0%,transparent 58%),
   linear-gradient(176deg,var(--w-deep) 0%,var(--charcoal-deep) 60%);
  display:none}
.world.open{display:block}
.world-close{position:fixed;top:1.2rem;right:clamp(1.2rem,4vw,3rem);z-index:1150;display:flex;align-items:center;gap:.7rem;
  font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cream);padding:.7rem 1rem;background:rgba(20,18,16,.4);
  border:1px solid rgba(212,169,106,.3);backdrop-filter:blur(8px)}
.world-close:hover{border-color:var(--gold-warm);color:var(--gold-pale)}
.world-inner{max-width:74rem;margin:0 auto;padding:clamp(5.5rem,10vh,7rem) clamp(1.4rem,5vw,3rem) 6rem}
.w-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:center;min-height:72vh}
.w-bottle-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0}
.w-bottle-stage .halo{position:absolute;width:min(340px,70vw);height:min(340px,70vw);border-radius:50%;
  background:radial-gradient(circle,var(--w-glow),transparent 68%);filter:blur(18px);animation:breathe 6s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}
.w-bottle{position:relative;height:clamp(260px,42vh,400px);filter:drop-shadow(0 40px 44px rgba(0,0,0,.6));animation:bottleFloat 7s ease-in-out infinite}
@keyframes bottleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.w-ring{position:absolute;width:min(400px,78vw);height:min(400px,78vw);border-radius:50%;border:1px solid rgba(212,169,106,.22);animation:ringSpin 26s linear infinite}
.w-ring::before{content:"◆";position:absolute;top:-7px;left:50%;color:var(--gold-warm);font-size:.7rem}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.w-id .w-archive{font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(232,205,156,.6);margin-bottom:1.4rem;display:flex;gap:1.2rem;flex-wrap:wrap}
.w-id h1{font-family:var(--f-display);font-size:clamp(2.6rem,8vw,5.2rem);letter-spacing:.14em;color:var(--cream);line-height:1.02}
.w-id .w-sub{font-family:var(--f-poetic);font-style:italic;font-size:clamp(1.2rem,3vw,1.7rem);color:var(--gold-pale);margin-top:.9rem}
.w-id .w-pron{margin-top:1.5rem;font-size:.72rem;letter-spacing:.2em;color:rgba(247,237,216,.55)}
.w-id .w-pron b{color:var(--gold-warm);font-weight:400}
.w-phrase{margin-top:2.2rem;padding:1.6rem 1.8rem;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(160,120,58,.1),transparent)}
.w-phrase .ph{font-family:var(--f-poetic);font-style:italic;font-size:clamp(1.15rem,2.6vw,1.45rem);color:var(--cream);line-height:1.6}
.w-phrase .tr{margin-top:.7rem;font-size:.78rem;letter-spacing:.08em;color:rgba(247,237,216,.6)}
.w-buy{margin-top:2.6rem}
.size-row{display:flex;gap:.7rem;flex-wrap:wrap}
.size-pill{border:1px solid rgba(212,169,106,.35);padding:.85rem 1.15rem .75rem;font-size:.72rem;letter-spacing:.14em;color:var(--cream);
  display:flex;flex-direction:column;gap:.25rem;align-items:center;min-width:96px;transition:all .4s var(--ease-ritual)}
.size-pill i{font-style:normal;font-size:.66rem;color:rgba(232,205,156,.75)}
.size-pill.sel{background:var(--gold);color:var(--charcoal);border-color:var(--gold)}
.size-pill.sel i{color:rgba(26,26,26,.8)}
.w-cta-row{margin-top:1.6rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.w-price{font-family:var(--f-display);font-size:1.5rem;color:var(--gold-pale);letter-spacing:.08em;min-width:7rem}
@media (max-width:880px){
  .w-hero{display:flex;flex-direction:column;min-height:0;gap:1.2rem;padding-top:.6rem}
  .w-bottle-stage{order:6;padding:1.2rem 0 .4rem}
  .w-id{display:contents}
  .w-id .w-archive{order:1}
  .w-id h1{order:2}
  .w-id .w-sub{order:3}
  .w-id .w-pron{order:4}
  .w-id .w-phrase{order:5}
  .w-id .w-buy{order:7}
  .w-bottle{height:clamp(200px,30vh,260px)}
  .w-bottle-stage .halo{width:min(260px,58vw);height:min(260px,58vw)}
  .w-ring{width:min(300px,72vw);height:min(300px,72vw)}
}

.w-sect{margin-top:clamp(4.5rem,10vh,7rem)}
.w-label{font-size:.62rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:2.2rem}
.w-story{max-width:44rem;margin:0 auto;text-align:center;font-family:var(--f-poetic);font-weight:400;font-size:clamp(1.1rem,2.7vw,1.35rem);line-height:1.9;color:rgba(247,237,216,.85)}
.w-mood{max-width:40rem;margin:2.2rem auto 0;text-align:center;font-size:.9rem;line-height:2;color:rgba(247,237,216,.6);font-style:italic;font-family:var(--f-poetic)}

/* notes pyramid */
.pyramid{max-width:46rem;margin:0 auto;display:flex;flex-direction:column;gap:1.1rem}
.note-layer{position:relative;border:1px solid rgba(212,169,106,.2);padding:1.7rem 1.6rem 1.5rem;overflow:hidden;
  background:linear-gradient(180deg,rgba(26,26,26,.35),rgba(17,16,16,.65));
  opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-ritual),transform .9s var(--ease-ritual)}
.note-layer.lit{opacity:1;transform:none}
.note-layer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--nl-c,linear-gradient(var(--gold),transparent))}
.note-layer .nl-tier{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.9rem}
.note-layer .nl-name{font-size:.66rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--gold-warm)}
.note-layer .nl-time{font-size:.62rem;letter-spacing:.18em;color:rgba(247,237,216,.4);font-style:italic;font-family:var(--f-poetic)}
.note-layer .nl-notes{display:flex;flex-wrap:wrap;gap:.6rem}
.note-chip{font-family:var(--f-poetic);font-size:1.05rem;color:var(--cream);padding:.42rem 1rem .38rem;border:1px solid rgba(247,237,216,.14);border-radius:999px;background:rgba(247,237,216,.03)}

.w-details{max-width:46rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:rgba(160,120,58,.2);border:1px solid rgba(160,120,58,.2)}
.w-det{background:var(--charcoal-deep);padding:1.4rem 1.2rem;text-align:center}
.w-det b{display:block;font-weight:400;font-size:.58rem;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:rgba(232,205,156,.6);margin-bottom:.7rem}
.w-det span{font-family:var(--f-poetic);font-size:1rem;color:var(--cream)}

.ritual-list{max-width:40rem;margin:0 auto;counter-reset:rit}
.ritual-item{position:relative;padding:1.35rem 0 1.35rem 4rem;border-bottom:1px solid rgba(160,120,58,.14);
  font-size:.92rem;line-height:1.85;color:rgba(247,237,216,.8);counter-increment:rit}
.ritual-item::before{content:counter(rit,decimal-leading-zero);position:absolute;left:0;top:1.3rem;
  font-family:var(--f-display);font-size:1.25rem;color:var(--gold);opacity:.85}
.w-customer{max-width:38rem;margin:0 auto;text-align:center;font-family:var(--f-poetic);font-style:italic;font-size:clamp(1.15rem,2.8vw,1.4rem);line-height:1.85;color:var(--gold-pale)}
.w-pairs{margin-top:1.6rem;text-align:center;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(247,237,216,.5)}
.w-pairs b{color:var(--gold-warm);font-weight:400;letter-spacing:.28em}

/* ============================================================
   FIND YOUR SIGNATURE — the ritual
   ============================================================ */
.finder{position:relative;padding:clamp(6rem,14vh,10rem) 1.4rem;text-align:center;overflow:hidden;
  background:
    radial-gradient(85% 60% at 50% 115%,rgba(142,31,47,.14),transparent 62%),
    var(--charcoal)}
.finder-inner{max-width:44rem;margin:0 auto}
.ritual-modal{position:fixed;inset:0;z-index:1100;display:none;flex-direction:column;align-items:center;justify-content:center;
  padding:5rem 1.4rem 3rem;text-align:center;
  background:
    radial-gradient(100% 70% at 50% -10%,rgba(160,120,58,.14),transparent 60%),
    var(--charcoal-deep)}
.ritual-modal.open{display:flex}
.rm-step{font-size:.62rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem}
.rm-q{font-family:var(--f-poetic);font-weight:300;font-size:clamp(1.6rem,5.4vw,2.6rem);line-height:1.4;color:var(--cream);max-width:38rem;margin:0 auto 2.8rem}
.rm-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;max-width:56rem;width:100%;margin:0 auto}
.rm-opt{border:1px solid rgba(212,169,106,.28);padding:1.7rem 1.4rem;text-align:center;transition:all .5s var(--ease-ritual);position:relative;overflow:hidden}
.rm-opt::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(142,31,47,.55),rgba(92,18,32,.75));opacity:0;transition:opacity .5s}
.rm-opt>*{position:relative}
.rm-opt:hover{border-color:var(--gold-warm);transform:translateY(-4px)}
.rm-opt:hover::before{opacity:1}
.rm-opt .o-main{font-family:var(--f-poetic);font-size:1.2rem;color:var(--cream);line-height:1.5}
.rm-opt .o-sub{margin-top:.6rem;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(212,169,106,.8)}
.rm-skip{margin-top:2.6rem;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(247,237,216,.4)}
.rm-skip:hover{color:var(--gold-pale)}
.rm-result .res-eyebrow{font-size:.62rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:1.6rem}
.rm-result .res-bottle{height:clamp(170px,24vh,230px);margin:0 auto 2rem;filter:drop-shadow(0 30px 34px rgba(0,0,0,.55))}
.rm-result h3{font-family:var(--f-display);font-size:clamp(2rem,6.5vw,3.4rem);letter-spacing:.16em;text-indent:.16em;color:var(--cream)}
.rm-result .res-mean{font-family:var(--f-poetic);font-style:italic;font-size:1.25rem;color:var(--gold-pale);margin-top:.7rem}
.rm-result .res-line{max-width:32rem;margin:1.6rem auto 0;font-size:.9rem;line-height:2;color:rgba(247,237,216,.65)}
.rm-result .res-second{margin-top:2.2rem;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(247,237,216,.5)}
.rm-result .res-second button{color:var(--gold-warm);letter-spacing:.25em;text-transform:uppercase;font-size:.68rem;border-bottom:1px solid rgba(212,169,106,.5);padding-bottom:2px}

/* ============================================================
   PASSPORT
   ============================================================ */
.passport{padding:clamp(6rem,14vh,10rem) clamp(1.4rem,5vw,3rem);
  background:linear-gradient(180deg,var(--charcoal) 0%,#161310 100%)}
.pass-grid{max-width:66rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,6rem);align-items:center}
.pass-copy h2{font-family:var(--f-display);font-size:clamp(1.8rem,4.6vw,2.8rem);letter-spacing:.06em;color:var(--cream);line-height:1.25}
.pass-copy h2 em{font-family:var(--f-poetic);font-style:italic;color:var(--gold-warm)}
.pass-copy p{margin-top:1.4rem;font-size:.9rem;line-height:2.05;color:rgba(247,237,216,.62)}
.pass-copy .pass-feats{margin-top:2rem;display:flex;flex-direction:column;gap:.9rem}
.pass-feat{display:flex;gap:1rem;align-items:baseline;font-size:.86rem;color:rgba(247,237,216,.78)}
.pass-feat::before{content:"◆";color:var(--gold);font-size:.6rem}
.pass-card-wrap{perspective:1200px;display:flex;justify-content:center}
.pass-card{position:relative;width:min(360px,86vw);aspect-ratio:0.66;transform-style:preserve-3d;transition:transform .25s ease-out;
  background:
   radial-gradient(120% 80% at 50% -12%,rgba(160,120,58,.32),transparent 55%),
   linear-gradient(168deg,#211d16 0%,#14110c 70%);
  border:1px solid rgba(212,169,106,.4);padding:2.1rem 1.8rem;display:flex;flex-direction:column}
.pass-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(212,169,106,.22);pointer-events:none}
.pass-card .pc-verified{font-size:.56rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--gold-pale);display:flex;align-items:center;gap:.6rem;justify-content:center}
.pass-card .pc-verified::before{content:"✓";display:inline-flex;width:15px;height:15px;border-radius:50%;border:1px solid var(--gold-pale);align-items:center;justify-content:center;font-size:.55rem}
.pass-card .pc-house{margin-top:2.2rem;text-align:center;font-family:var(--f-display);letter-spacing:.5em;text-indent:.5em;font-size:.85rem;color:var(--gold)}
.pass-card .pc-name{margin-top:1rem;text-align:center;font-family:var(--f-display);font-size:2rem;letter-spacing:.2em;text-indent:.2em;color:var(--cream)}
.pass-card .pc-mean{text-align:center;font-family:var(--f-poetic);font-style:italic;color:var(--gold-pale);margin-top:.5rem;font-size:1rem}
.pass-card .pc-seal{margin:auto;width:86px;height:86px;border-radius:50%;border:1px solid rgba(212,169,106,.55);display:flex;align-items:center;justify-content:center;position:relative}
.pass-card .pc-seal::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px dashed rgba(212,169,106,.4);animation:ringSpin 20s linear infinite}
.pass-card .pc-seal span{font-family:var(--f-display);color:var(--gold-warm);font-size:1.5rem}
.pass-card .pc-serial{text-align:center;font-size:.78rem;letter-spacing:.3em;color:var(--cream)}
.pass-card .pc-batch{margin-top:.6rem;text-align:center;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(247,237,216,.5)}
.pass-card .pc-shimmer{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(232,205,156,.14) 48%,transparent 62%);
  background-size:260% 100%;background-position:120% 0;transition:background-position 1.4s var(--ease-ritual);pointer-events:none}
.pass-card:hover .pc-shimmer{background-position:-120% 0}
@media (max-width:820px){.pass-grid{grid-template-columns:1fr}.pass-card-wrap{order:-1}}

/* ============================================================
   ISIZWE — membership path
   ============================================================ */
.isizwe{padding:clamp(6rem,14vh,10rem) clamp(1.4rem,5vw,3rem);
  background:
   radial-gradient(90% 70% at 50% 0%,rgba(142,31,47,.12),transparent 55%),
   var(--charcoal-deep)}
.tier-path{max-width:70rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(160,120,58,.22);border:1px solid rgba(160,120,58,.22)}
.tier{background:var(--charcoal);padding:2.4rem 1.6rem 2.2rem;position:relative;transition:background .6s}
.tier:hover{background:#201b14}
.tier .t-marks{color:var(--gold-warm);font-size:.85rem;letter-spacing:.3em;margin-bottom:1.2rem;min-height:1.1rem}
.tier h3{font-family:var(--f-display);font-size:1.25rem;letter-spacing:.14em;color:var(--cream)}
.tier .t-mean{font-family:var(--f-poetic);font-style:italic;color:var(--gold-pale);font-size:.95rem;margin-top:.4rem}
.tier p{margin-top:1.1rem;font-size:.8rem;line-height:1.9;color:rgba(247,237,216,.58)}
.tier .t-step{position:absolute;top:1.3rem;right:1.4rem;font-size:.58rem;letter-spacing:.24em;color:rgba(232,205,156,.4)}
@media (max-width:940px){.tier-path{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tier-path{grid-template-columns:1fr}}
.isizwe-cta{margin-top:3rem;text-align:center}

/* ============================================================
   BTAG — the series
   ============================================================ */
.btag{position:relative;padding:clamp(7rem,16vh,12rem) clamp(1.4rem,5vw,3rem);text-align:center;overflow:hidden;
  background:
    linear-gradient(rgba(17,16,16,.6),rgba(17,16,16,.92)),
    radial-gradient(100% 80% at 50% 100%,#2a1410 0%,var(--charcoal-deep) 70%)}
.btag::before{content:"";position:absolute;inset:0;opacity:.12;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.015' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.83 0 0 0 0 0.66 0 0 0 0 0.41 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23s)'/%3E%3C/svg%3E");
  animation:smokeDrift 24s linear infinite alternate}
@keyframes smokeDrift{from{transform:translateY(0) scale(1.05)}to{transform:translateY(-6%) scale(1.14)}}
.btag-inner{position:relative;max-width:52rem;margin:0 auto}
.btag h2{font-family:var(--f-display);font-size:clamp(2rem,6.4vw,4rem);letter-spacing:.1em;color:var(--cream);line-height:1.22}
.btag h2 em{font-family:var(--f-poetic);font-style:italic;color:var(--gold-warm)}
.btag .btag-quote{margin:2.4rem auto 0;max-width:42rem;font-family:var(--f-poetic);font-style:italic;font-size:clamp(1.05rem,2.8vw,1.3rem);line-height:1.95;color:rgba(247,237,216,.8)}
.btag-ctas{margin-top:3.2rem;display:flex;justify-content:center;gap:1.1rem;flex-wrap:wrap}

/* ============================================================
   CART — the box
   ============================================================ */
.cart-scrim{position:fixed;inset:0;z-index:1180;background:rgba(10,9,8,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .5s}
.cart-scrim.show{opacity:1;pointer-events:auto}
body.liyema-immersive-page .cart{position:fixed;top:0;right:0;bottom:0;z-index:1190;width:min(440px,100vw);background:var(--cream);color:var(--charcoal);
  transform:translateX(102%);transition:transform .7s var(--ease-velvet);display:flex;flex-direction:column}
body.liyema-immersive-page .cart.open{transform:translateX(0)}
.cart-velvet{position:relative;padding:2.1rem 1.8rem 1.7rem;background:
  radial-gradient(130% 110% at 50% -20%,var(--crimson) 0%,var(--crimson-deep) 80%);color:var(--cream)}
.cart-velvet::after{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='v2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.014 0.06' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.08 0 0 0 0 0.13 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23v2)'/%3E%3C/svg%3E")}
.cart-velvet>*{position:relative;z-index:2}
.cart-velvet .cv-eyebrow{font-size:.56rem;letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:var(--gold-pale)}
.cart-velvet h3{font-family:var(--f-display);font-size:1.5rem;letter-spacing:.12em;margin-top:.6rem}
.cart-velvet .cv-close{position:absolute;top:1.4rem;right:1.5rem;z-index:3;font-size:1.3rem;color:var(--cream);line-height:1;padding:.3rem .5rem}
.cart-body{flex:1;overflow-y:auto;padding:1.6rem 1.8rem}
.cart-empty{text-align:center;padding:3.5rem 1rem;color:var(--slate)}
.cart-empty .ce-mark{font-family:var(--f-display);font-size:2rem;color:var(--gold);margin-bottom:1rem}
.cart-empty p{font-family:var(--f-poetic);font-style:italic;font-size:1.1rem;line-height:1.8}
.cart-item{display:flex;gap:1.1rem;padding:1.2rem 0;border-bottom:1px solid rgba(26,26,26,.12);align-items:center}
.cart-item .ci-bottle{width:52px;flex:0 0 52px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.cart-item .ci-info{flex:1;min-width:0}
.cart-item .ci-name{font-family:var(--f-display);font-size:.95rem;letter-spacing:.12em}
.cart-item .ci-size{font-size:.68rem;letter-spacing:.16em;color:var(--slate);margin-top:.25rem}
.cart-item .ci-actions{display:flex;align-items:center;gap:1rem;margin-top:.65rem;flex-wrap:wrap}
.cart-item .ci-qty{display:flex;align-items:center;gap:.7rem;flex:0 0 auto}
.cart-item .ci-qty button{width:22px;height:22px;border:1px solid rgba(26,26,26,.25);font-size:.8rem;display:flex;align-items:center;justify-content:center;color:var(--charcoal)}
.cart-item .ci-qty span{font-size:.8rem;min-width:14px;text-align:center}
.cart-item .ci-price{font-family:var(--f-display);font-size:.95rem;color:var(--charcoal);white-space:nowrap}
.cart-item .ci-remove{position:static;display:block;width:max-content;flex:0 0 auto;margin:0;padding:2px 0;font-size:.58rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);border-bottom:1px solid rgba(74,74,74,.4)}
.cart-item .ci-status{margin-top:.45rem;color:var(--crimson);font-size:.62rem;line-height:1.45}
.cart-foot{padding:1.5rem 1.8rem 2rem;border-top:1px solid rgba(26,26,26,.14);background:#F2E6CC}
.cart-foot .cf-row{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--slate)}
.cart-foot .cf-total{font-family:var(--f-display);font-size:1.35rem;color:var(--charcoal);letter-spacing:.06em}
.cart-foot .cf-note{margin-top:.7rem;font-size:.68rem;line-height:1.8;color:var(--slate)}
.btn-crimson{width:100%;margin-top:1.2rem;color:var(--cream);background:linear-gradient(120deg,var(--crimson),var(--crimson-deep));padding:1.1rem;transition:filter .4s}
.btn-crimson:hover{filter:brightness(1.15)}
.btn-crimson:disabled{cursor:wait;filter:none;opacity:.7}
.cart-checkout-error{margin:0 0 1rem;padding:.85rem 1rem;border-left:3px solid var(--crimson);color:var(--charcoal);background:rgba(114,31,42,.08);font-size:.72rem;line-height:1.55}
.cart-checkout-error strong{display:block;margin-bottom:.35rem;font-family:var(--f-display);font-size:.82rem;letter-spacing:.06em}
.cart-checkout-error ul{margin:0;padding-left:1.1rem}
.cart-checkout-error li+li{margin-top:.25rem}
@media (max-width:480px){
  .cart-body{padding-inline:1.2rem}
  .cart-foot{padding-inline:1.2rem}
  .cart-item{gap:.8rem;align-items:flex-start}
  .cart-item .ci-bottle{width:46px;flex-basis:46px}
  .cart-item .ci-price{font-size:.86rem}
  .cart-item .ci-actions{gap:.75rem}
}
/* checkout confirmation */
.confirm{position:fixed;inset:0;z-index:1250;display:none;align-items:center;justify-content:center;padding:1.5rem;
  background:radial-gradient(120% 90% at 50% 0%,var(--crimson) 0%,var(--crimson-deep) 75%)}
.confirm.open{display:flex}
.confirm-card{max-width:30rem;text-align:center;color:var(--cream)}
.confirm-card .co-seal{width:92px;height:92px;margin:0 auto 1.8rem;border-radius:50%;border:1px solid rgba(247,237,216,.6);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:2rem;color:var(--gold-pale);position:relative}
.confirm-card .co-seal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(247,237,216,.4);animation:ringSpin 18s linear infinite}
.confirm-card h3{font-family:var(--f-display);font-size:clamp(1.6rem,5vw,2.2rem);letter-spacing:.14em}
.confirm-card p{margin-top:1.2rem;font-family:var(--f-poetic);font-size:1.1rem;font-style:italic;line-height:1.9;color:rgba(247,237,216,.85)}
.confirm-card small{display:block;margin-top:1.6rem;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(247,237,216,.6)}
.confirm-card .btn{margin-top:2.2rem;border:1px solid rgba(247,237,216,.5);color:var(--cream)}

/* ============================================================
   FOOTER
   ============================================================ */
footer{padding:clamp(4.5rem,9vh,7rem) clamp(1.4rem,5vw,3rem) 2.5rem;background:#100E0C;text-align:center}
.foot-mark{font-family:var(--f-display);font-size:1.6rem;letter-spacing:.5em;text-indent:.5em;color:var(--gold)}
.foot-tag{margin-top:1rem;font-family:var(--f-poetic);font-style:italic;color:rgba(247,237,216,.6);font-size:1rem}
.foot-links{margin-top:2.4rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(247,237,216,.5)}
.foot-links a:hover{color:var(--gold-pale)}
.foot-fine{margin-top:2.6rem;font-size:.62rem;letter-spacing:.2em;color:rgba(247,237,216,.32)}

/* toast */
.toast{position:fixed;left:50%;bottom:2.2rem;transform:translate(-50%,calc(100% + 8rem));z-index:1300;background:var(--cream);color:var(--charcoal);
  padding:1rem 1.8rem;display:flex;align-items:center;gap:.9rem;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  transition:transform .6s var(--ease-ritual),opacity .35s,visibility 0s .6s;box-shadow:0 18px 40px rgba(0,0,0,.4);max-width:92vw;text-align:center;
  opacity:0;visibility:hidden;pointer-events:none}
.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible;transition-delay:0s}
.toast::before{content:"◆";color:var(--crimson);font-size:.7rem}


/* ============================================================
   QUOTE BAND
   ============================================================ */
.quote-band{padding:clamp(5rem,12vh,9rem) clamp(1.4rem,6vw,4rem);text-align:center;
  background:linear-gradient(180deg,var(--charcoal) 0%,#171310 55%,var(--charcoal) 100%)}
.quote-band .qb-line{font-family:var(--f-poetic);font-weight:300;font-size:clamp(1.4rem,4.2vw,2.4rem);line-height:1.7;color:rgba(247,237,216,.85);max-width:46rem;margin:0 auto}

/* ============================================================
   DISCOVERY SET
   ============================================================ */
.discovery{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:clamp(2rem,7vw,8rem);align-items:center;padding:clamp(5rem,12vh,9rem) clamp(1.4rem,8vw,10rem);background:radial-gradient(70% 100% at 90% 20%,rgba(160,120,58,.16),transparent 70%),#15110e;border-top:1px solid rgba(212,169,106,.18);border-bottom:1px solid rgba(212,169,106,.18)}
.discovery-copy{max-width:48rem}.discovery .sect-eyebrow{text-align:left;text-indent:0}.discovery .sect-title{max-width:38rem}.discovery .sect-note{max-width:42rem;margin-left:0;margin-right:0}
.discovery-facts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.discovery-facts span{border:1px solid rgba(212,169,106,.28);padding:.65rem .8rem;color:rgba(247,237,216,.72);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}
.discovery-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.discovery-stage{position:relative;display:grid;place-items:center;min-height:420px;padding:2rem}.discovery-orbit{position:absolute;width:min(100%,390px);aspect-ratio:1;border:1px solid rgba(212,169,106,.28);border-radius:50%;box-shadow:inset 0 0 65px rgba(160,120,58,.06)}.discovery-orbit::before{content:"";position:absolute;inset:11%;border:1px solid rgba(232,205,156,.12);border-radius:50%}.discovery-image{position:relative;width:min(100%,380px);margin:0;overflow:hidden;border:1px solid rgba(212,169,106,.36);background:#211a14;box-shadow:0 28px 55px rgba(0,0,0,.38)}.discovery-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,16,16,.28));pointer-events:none}.discovery-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center}.discovery-caption{position:absolute;right:.7rem;bottom:.4rem;z-index:1;margin:0;padding:.7rem 1rem;background:rgba(17,16,16,.84);border-left:1px solid var(--gold);color:var(--cream);font-family:var(--f-poetic);font-size:1.02rem;line-height:1.35}.discovery-caption em{color:var(--gold-pale)}
@media(max-width:700px){.discovery{grid-template-columns:1fr;padding-top:4.5rem;padding-bottom:4.5rem}.discovery-stage{min-height:320px;padding:1rem 0}.discovery-image{max-width:360px;width:100%}.discovery-actions .btn{width:100%;text-align:center}.discovery-facts{display:grid;grid-template-columns:1fr}.discovery-facts span{text-align:center}}
.quote-band .qb-line em{color:var(--gold-warm);font-style:italic}
.quote-band .qb-src{margin-top:2rem;font-size:.62rem;letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:rgba(212,169,106,.55)}

/* ============================================================
   INNER HOUSE — veiled until standing
   ============================================================ */
.inner-veils{max-width:70rem;margin:3.5rem auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;padding:0 clamp(0rem,2vw,1rem)}
.veil-card{position:relative;border:1px solid rgba(160,120,58,.25);min-height:300px;overflow:hidden;
  background:linear-gradient(170deg,#1e1a14,#131109)}
.veil-inner{position:absolute;inset:0;padding:2rem 1.7rem;display:flex;flex-direction:column;
  filter:blur(7px) saturate(.8);opacity:.55;transform:scale(1.02);transition:filter 1.4s var(--ease-ritual),opacity 1.4s,transform 1.4s}
.veil-inner .vi-kind{font-size:.58rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--gold-warm);margin-bottom:1rem}
.veil-inner .vi-title{font-family:var(--f-display);font-size:1.25rem;letter-spacing:.1em;color:var(--cream);line-height:1.45}
.veil-inner .vi-body{margin-top:1rem;font-family:var(--f-poetic);font-size:.98rem;line-height:1.9;color:rgba(247,237,216,.75)}
.veil-inner .vi-script{font-family:var(--f-poetic);font-style:italic;font-size:1.15rem;line-height:2;color:rgba(232,205,156,.9)}
.veil-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;
  background:linear-gradient(180deg,rgba(17,16,12,.25),rgba(17,16,12,.72));transition:opacity 1s,visibility 1s}
.veil-lock .vl-seal{width:52px;height:52px;border-radius:50%;border:1px solid rgba(212,169,106,.65);display:flex;align-items:center;justify-content:center;color:var(--gold-warm);font-family:var(--f-display);font-size:1.1rem;background:rgba(17,16,12,.5)}
.veil-lock .vl-note{font-size:.6rem;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:rgba(247,237,216,.75);text-align:center;line-height:2}
body.member .veil-inner{filter:blur(0) saturate(1);opacity:1;transform:scale(1)}
body.member .veil-lock{opacity:0;visibility:hidden}
.inner-entry{margin-top:2.6rem;text-align:center}
.inner-entry .ie-row{display:inline-flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:stretch}
.inner-entry input{background:transparent;border:1px solid rgba(212,169,106,.4);color:var(--cream);padding:.95rem 1.2rem;
  font-family:var(--f-ui);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;min-width:230px;text-align:center}
.inner-entry input::placeholder{color:rgba(247,237,216,.35);letter-spacing:.22em}
.inner-entry .ie-note{margin-top:1rem;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(247,237,216,.4)}
body.member .inner-entry{display:none}
.member-welcome{display:none;margin-top:2.6rem;text-align:center}
body.member .member-welcome{display:block}
.member-welcome .mw-line{font-family:var(--f-poetic);font-style:italic;font-size:1.2rem;color:var(--gold-pale)}
.member-welcome .mw-standing{margin-top:.8rem;font-size:.64rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--gold-warm)}

/* ============================================================
   CHECKOUT — The Ritual of Arrival
   ============================================================ */
body.liyema-immersive-page .checkout{position:fixed;inset:0;z-index:1210;background:var(--charcoal-deep);display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.liyema-immersive-page .checkout.open{display:block}
.co-shell{max-width:72rem;margin:0 auto;padding:clamp(4.6rem,9vh,6rem) clamp(1.2rem,4vw,3rem) 5rem;
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1.8rem,5vw,4rem)}
@media (max-width:900px){.co-shell{grid-template-columns:1fr}.co-summary{position:static;order:-1}.cs-items{max-height:22vh}}
.co-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.co-head h2{font-family:var(--f-display);font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:.12em;color:var(--cream)}
.co-exit{font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(247,237,216,.6);border:1px solid rgba(212,169,106,.3);padding:.7rem 1.1rem}
.co-exit:hover{color:var(--gold-pale);border-color:var(--gold-warm)}
.co-steps{grid-column:1/-1;display:flex;gap:0;border:1px solid rgba(160,120,58,.25)}
.co-step-tab{flex:1;padding:1rem .6rem .9rem;text-align:center;font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(247,237,216,.4);border-right:1px solid rgba(160,120,58,.25);position:relative}
.co-step-tab:last-child{border-right:none}
.co-step-tab b{display:block;font-weight:400;font-family:var(--f-display);font-size:.95rem;letter-spacing:.14em;margin-bottom:.3rem;color:rgba(247,237,216,.5)}
.co-step-tab.on{color:var(--gold-pale)}
.co-step-tab.on b{color:var(--gold-warm)}
.co-step-tab.done b{color:rgba(212,169,106,.7)}
.co-step-tab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold-warm)}
@media (max-width:640px){.co-step-tab span{display:none}.co-step-tab{padding:.8rem .3rem .7rem}}
.co-main{min-width:0}
.co-pane{display:none}
.co-pane.on{display:block;animation:paneIn .7s var(--ease-ritual)}
@keyframes paneIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.co-pane h3{font-family:var(--f-display);font-size:1.3rem;letter-spacing:.1em;color:var(--cream);margin-bottom:.5rem}
.co-pane .co-lead{font-family:var(--f-poetic);font-style:italic;font-size:1.02rem;color:rgba(232,205,156,.85);margin-bottom:1.8rem;line-height:1.8}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(247,237,216,.55);margin-bottom:.5rem}
.field input,.field select,.field textarea{width:100%;background:rgba(247,237,216,.03);border:1px solid rgba(160,120,58,.3);color:var(--cream);
  padding:.95rem 1.1rem;font-family:var(--f-ui);font-weight:300;font-size:.92rem;letter-spacing:.04em;transition:border-color .4s}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold-warm);background:rgba(247,237,216,.05)}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23A0783A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.field-row{grid-template-columns:1fr}}
.consent{display:flex;gap:.9rem;align-items:flex-start;margin:1.4rem 0 0;font-size:.78rem;line-height:1.8;color:rgba(247,237,216,.6)}
.consent input{width:16px;height:16px;margin-top:.3rem;accent-color:var(--gold)}
.ship-opt,.pay-opt{display:flex;gap:1.1rem;align-items:flex-start;border:1px solid rgba(160,120,58,.3);padding:1.25rem 1.3rem;margin-bottom:.9rem;cursor:pointer;transition:all .4s var(--ease-ritual)}
.ship-opt:hover,.pay-opt:hover{border-color:rgba(212,169,106,.6)}
.ship-opt.sel,.pay-opt.sel{border-color:var(--gold-warm);background:linear-gradient(90deg,rgba(160,120,58,.12),transparent)}
.opt-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(212,169,106,.6);flex:0 0 16px;margin-top:.2rem;position:relative}
.sel .opt-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--gold-warm)}
.opt-body{flex:1;min-width:0}
.opt-title{font-size:.86rem;letter-spacing:.1em;color:var(--cream);display:flex;justify-content:space-between;gap:1rem}
.opt-title b{font-weight:400;font-family:var(--f-display);color:var(--gold-pale);white-space:nowrap}
.opt-sub{margin-top:.35rem;font-size:.72rem;line-height:1.7;color:rgba(247,237,216,.5)}
.pay-note{margin-top:1.2rem;font-size:.68rem;line-height:1.9;color:rgba(247,237,216,.45);border-left:2px solid rgba(160,120,58,.4);padding-left:1rem}
.co-nav{margin-top:2.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.co-back{font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(247,237,216,.55)}
.co-back:hover{color:var(--gold-pale)}
/* summary column */
.co-summary{border:1px solid rgba(160,120,58,.25);align-self:start;position:sticky;top:5.4rem}
.co-summary .cs-velvet{padding:1.4rem 1.5rem 1.2rem;background:radial-gradient(140% 120% at 50% -20%,var(--crimson),var(--crimson-deep) 85%)}
.co-summary .cs-velvet .csv-t{font-size:.56rem;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--gold-pale)}
.co-summary .cs-velvet h4{font-family:var(--f-display);letter-spacing:.12em;font-size:1.15rem;margin-top:.4rem;color:var(--cream)}
.cs-items{padding:1.2rem 1.5rem;max-height:34vh;overflow-y:auto}
.cs-item{display:flex;gap:.9rem;align-items:center;padding:.7rem 0;border-bottom:1px solid rgba(160,120,58,.14)}
.cs-item svg{width:34px;flex:0 0 34px}
.cs-item .csi-n{flex:1;min-width:0;font-size:.78rem;letter-spacing:.1em;color:var(--cream)}
.cs-item .csi-n i{display:block;font-style:normal;font-size:.64rem;color:rgba(247,237,216,.5);margin-top:.2rem;letter-spacing:.14em}
.cs-item .csi-p{font-family:var(--f-display);font-size:.82rem;color:var(--gold-pale);white-space:nowrap}
.cs-rows{padding:1.1rem 1.5rem 1.4rem;border-top:1px solid rgba(160,120,58,.2)}
.cs-row{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,237,216,.55);padding:.35rem 0}
.cs-row.total{margin-top:.5rem;padding-top:.8rem;border-top:1px solid rgba(160,120,58,.25);color:var(--cream)}
.cs-row.total b{font-family:var(--f-display);font-weight:400;font-size:1.2rem;color:var(--gold-pale);letter-spacing:.06em}
.cs-blessing{padding:0 1.5rem 1.4rem;font-family:var(--f-poetic);font-style:italic;font-size:.85rem;line-height:1.9;color:rgba(247,237,216,.5)}
/* final step */
.co-final{text-align:center;padding:1rem 0 0}
.co-final .lid-card{position:relative;width:min(380px,90vw);margin:1.6rem auto 2.2rem;background:var(--cream);color:var(--charcoal);
  padding:2.6rem 2rem 2.2rem;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:rotate(-.6deg)}
.co-final .lid-card::before{content:"◆";position:absolute;top:1rem;left:50%;transform:translateX(-50%);color:var(--gold);font-size:.65rem}
.co-final .lid-card .lc-line{font-family:var(--f-poetic);font-size:1.25rem;line-height:1.9;font-style:italic}
.co-final .lid-card .lc-house{margin-top:1.4rem;font-family:var(--f-display);letter-spacing:.4em;text-indent:.4em;font-size:.8rem;color:var(--gold)}
.co-final .ord{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(247,237,216,.6);line-height:2.4}
.co-final .ord b{color:var(--gold-pale);font-weight:400;letter-spacing:.3em}
.co-final .unlocked{margin:1.8rem auto 0;max-width:26rem;border:1px solid rgba(212,169,106,.4);padding:1.2rem 1.4rem;font-size:.72rem;letter-spacing:.14em;line-height:2;color:var(--gold-pale)}
.co-final .unlocked b{font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-warm)}

/* ============================================================
   LEAF PAGES — printed matter of the house
   ============================================================ */
.leaf{position:fixed;inset:0;z-index:1205;display:none;overflow-y:auto;background:var(--cream);color:var(--charcoal);-webkit-overflow-scrolling:touch}
.leaf.open{display:block}
.leaf-inner{max-width:46rem;margin:0 auto;padding:clamp(5.2rem,10vh,7rem) clamp(1.4rem,5vw,2.5rem) 6rem}
.leaf-close{position:fixed;top:1.2rem;right:clamp(1.2rem,4vw,3rem);z-index:5;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--charcoal);border:1px solid rgba(26,26,26,.3);padding:.7rem 1.1rem;background:rgba(247,237,216,.8);backdrop-filter:blur(6px)}
.leaf-close:hover{border-color:var(--gold);color:var(--gold)}
.leaf-kind{font-size:.6rem;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--gold);text-align:center}
.leaf h1{font-family:var(--f-display);font-size:clamp(1.9rem,6vw,3rem);letter-spacing:.08em;text-align:center;margin:1rem 0 .6rem}
.leaf .leaf-lead{font-family:var(--f-poetic);font-style:italic;text-align:center;font-size:1.08rem;color:var(--slate);line-height:1.9;max-width:34rem;margin:0 auto 3rem}
.leaf h2{font-family:var(--f-display);font-size:1.15rem;letter-spacing:.14em;margin:2.6rem 0 .9rem;color:var(--charcoal)}
.leaf p{font-size:.92rem;line-height:2.05;color:#3A362E;margin-bottom:1rem}
.leaf p em{font-family:var(--f-poetic);color:var(--gold);font-size:1.02rem}
.leaf .rule{width:56px;height:1px;background:var(--gold);margin:2.8rem auto}
.leaf table{width:100%;border-collapse:collapse;font-size:.84rem;margin:1rem 0 1.4rem}
.leaf th,.leaf td{border:1px solid rgba(26,26,26,.15);padding:.8rem .9rem;text-align:left;line-height:1.7}
.leaf th{font-weight:400;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;background:rgba(160,120,58,.08);color:var(--slate)}
.faq-item{border-bottom:1px solid rgba(26,26,26,.14)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;padding:1.3rem 0;
  font-family:var(--f-display);font-size:1rem;letter-spacing:.05em;color:var(--charcoal)}
.faq-q::after{content:"+";font-family:var(--f-poetic);color:var(--gold);font-size:1.4rem;transition:transform .5s var(--ease-ritual)}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .7s var(--ease-ritual)}
.faq-a p{padding-bottom:1.3rem;margin:0}
.leaf .contact-block{border:1px solid rgba(26,26,26,.18);padding:1.6rem;margin-top:1rem;text-align:center}
.leaf .contact-block a{color:var(--gold);border-bottom:1px solid rgba(160,120,58,.4)}

/* ============================================================
   NALEDI — the concierge
   ============================================================ */
.naledi-btn{position:fixed;right:1.4rem;bottom:1.4rem;z-index:1160;width:60px;height:60px;border-radius:50%;
  background:radial-gradient(120% 120% at 30% 20%,var(--crimson),var(--crimson-deep));border:1px solid rgba(232,205,156,.55);
  display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.5);transition:transform .5s var(--ease-ritual)}
.naledi-btn:hover{transform:translateY(-4px)}
.naledi-btn .nb-star{font-family:var(--f-display);color:var(--gold-pale);font-size:1.35rem;line-height:1}
.naledi-btn::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(212,169,106,.35);animation:breathe 4.5s ease-in-out infinite}
.naledi-nudge{position:fixed;right:1.4rem;bottom:5.7rem;z-index:1159;max-width:240px;background:var(--cream);color:var(--charcoal);
  padding:.95rem 1.1rem;font-size:.76rem;line-height:1.7;box-shadow:0 16px 40px rgba(0,0,0,.45);
  opacity:0;transform:translateY(10px);pointer-events:none;transition:all .6s var(--ease-ritual)}
.naledi-nudge.show{opacity:1;transform:none;pointer-events:auto}
.naledi-nudge i{display:block;font-style:normal;font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.naledi{position:fixed;right:1.2rem;bottom:1.2rem;z-index:1220;width:min(392px,calc(100vw - 2rem));height:min(600px,calc(100svh - 3.5rem));
  display:none;flex-direction:column;background:#171310;border:1px solid rgba(160,120,58,.4);box-shadow:0 30px 80px rgba(0,0,0,.65);overflow:hidden}
.naledi.open{display:flex;animation:paneIn .5s var(--ease-ritual)}
@media (max-width:480px){.naledi{right:.6rem;left:.6rem;width:auto}}
.nl-head{position:relative;padding:1.15rem 1.3rem 1rem;background:radial-gradient(150% 130% at 50% -30%,var(--crimson),var(--crimson-deep) 85%)}
.nl-head .nlh-name{font-family:var(--f-display);letter-spacing:.2em;color:var(--cream);font-size:1.02rem}
.nl-head .nlh-role{font-size:.56rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-pale);margin-top:.3rem}
.nl-head .nlh-close{position:absolute;top:.9rem;right:1rem;color:var(--cream);font-size:1.1rem;padding:.3rem .5rem}
.nl-msgs{flex:1;overflow-y:auto;padding:1.2rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}
.nl-m{max-width:86%;padding:.85rem 1.05rem;font-size:.84rem;line-height:1.75;letter-spacing:.02em}
.nl-m.naledi-m{align-self:flex-start;background:rgba(247,237,216,.06);border:1px solid rgba(160,120,58,.25);color:rgba(247,237,216,.9)}
.nl-m.naledi-m em{font-family:var(--f-poetic);font-style:italic;color:var(--gold-pale)}
.nl-m.user-m{align-self:flex-end;background:var(--gold);color:var(--charcoal)}
.nl-m .nl-act{display:inline-block;margin:.5rem .4rem 0 0;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-warm);
  border:1px solid rgba(212,169,106,.5);padding:.5rem .8rem .45rem;cursor:pointer;transition:all .35s}
.nl-m .nl-act:hover{background:var(--gold);color:var(--charcoal)}
.nl-typing{align-self:flex-start;display:flex;gap:5px;padding:.9rem 1.1rem}
.nl-typing i{width:5px;height:5px;border-radius:50%;background:var(--gold-warm);animation:tblink 1.1s infinite}
.nl-typing i:nth-child(2){animation-delay:.18s}.nl-typing i:nth-child(3){animation-delay:.36s}
@keyframes tblink{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.nl-chips{display:flex;gap:.5rem;padding:.6rem 1.1rem;flex-wrap:wrap;border-top:1px solid rgba(160,120,58,.18)}
.nl-chip{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(232,205,156,.8);border:1px solid rgba(160,120,58,.35);
  padding:.5rem .8rem .45rem;transition:all .35s}
.nl-chip:hover{background:rgba(160,120,58,.15);border-color:var(--gold-warm)}
.nl-input{display:flex;gap:.6rem;padding:.9rem 1.1rem 1.1rem;border-top:1px solid rgba(160,120,58,.25)}
.nl-input input{flex:1;background:rgba(247,237,216,.04);border:1px solid rgba(160,120,58,.3);color:var(--cream);
  padding:.85rem 1rem;font-family:var(--f-ui);font-weight:300;font-size:.86rem}
.nl-input input:focus{outline:none;border-color:var(--gold-warm)}
.nl-input button{background:var(--gold);color:var(--charcoal);padding:0 1.15rem;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase}
.nl-foot{padding:0 1.1rem .8rem;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,237,216,.3);text-align:center}
@media (max-width:640px){.naledi-btn{right:1rem;bottom:1rem}.toast{bottom:5.6rem}}

/* Naledi is the storefront concierge; Tidio remains available on inner pages. */
body.liyema-immersive-page #tidio-chat,
body.liyema-contact-page #tidio-chat,
body.liyema-about-page #tidio-chat{display:none!important}
body.world-open .naledi-btn,
body.world-open .naledi-nudge{display:none!important}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important}
  html{scroll-behavior:auto}
  .dust,.grain{display:none}
  .hero-media span{animation:none!important;opacity:0;transform:scale(1.015)}
  .hero-media span:first-child{opacity:1}
}

/* ============================================================
   WORDPRESS + LIVE PRODUCT ADAPTATION
   ============================================================ */
/* SVG bottle fallback sizing — constrain to the slot, never overflow */
.pair-bottle>svg,.sc-bottle>svg,.w-bottle>svg,.res-bottle>svg,.ci-bottle>svg{
  display:block;height:100%;width:auto;max-width:100%;margin:0 auto}
.ci-bottle>svg{height:auto;width:100%}

/* The portrait plate — every product photograph is presented the same way:
   a consistent 3:4 crop behind a gold hairline, with a soft scrim at the foot
   so the photo settles into the dark card instead of sitting on top of it. */
.liyema-plate{
  position:relative;
  display:block;
  height:100%;
  aspect-ratio:3/4;
  margin:0 auto;
  overflow:hidden;
  border-radius:6px;
  border:1px solid rgba(212,169,106,.34);
  background:linear-gradient(180deg,#1c1a17,#121110);
  box-shadow:0 26px 44px rgba(0,0,0,.5), inset 0 1px 0 rgba(232,205,156,.12);
  isolation:isolate;
}
.liyema-product-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.02);
  transition:transform 1.4s var(--ease-ritual);
}
.plate-veil{position:absolute;inset:0;pointer-events:none}
.plate-veil::before{ /* inner hairline frame */
  content:"";position:absolute;inset:9px;
  border:1px solid rgba(232,205,156,.22);
  border-radius:3px;
}
.plate-veil::after{ /* foot scrim + top glow — blends the photo into the card */
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(to top, rgba(17,16,16,.62), transparent 34%),
    linear-gradient(to bottom, rgba(232,205,156,.08), transparent 22%);
}
.pair-panel:hover .liyema-product-image,
.scent-card:hover .liyema-product-image{transform:scale(1.08)}
.w-bottle .liyema-plate{box-shadow:0 44px 70px rgba(0,0,0,.6), inset 0 1px 0 rgba(232,205,156,.14)}

/* small contexts: full width, no inner frame */
.liyema-plate.ctx-cart,
.liyema-plate.ctx-mini{width:100%;height:auto;border-radius:4px;box-shadow:0 8px 14px rgba(0,0,0,.3)}
.liyema-plate.ctx-cart .plate-veil::before,
.liyema-plate.ctx-mini .plate-veil::before{display:none}
.liyema-plate.ctx-cart .plate-veil::after,
.liyema-plate.ctx-mini .plate-veil::after{background:linear-gradient(to top, rgba(17,16,16,.3), transparent 40%)}

/* slots carry their own drop-shadow for the SVG bottles — mute it when a photo plate is present */
.pair-bottle:has(.liyema-plate),
.sc-bottle:has(.liyema-plate),
.w-bottle:has(.liyema-plate),
.res-bottle:has(.liyema-plate),
.ci-bottle:has(.liyema-plate){filter:none}

/* PROCESSION CARDS — portrait first, with an independent editorial caption below. */
.scent-card .sc-bottle:has(.liyema-plate){position:absolute;inset:0;top:0;left:0;transform:none;height:100%;width:100%}
.scent-card:hover .sc-bottle:has(.liyema-plate){transform:none}
.sc-bottle .liyema-plate{width:100%;height:100%;aspect-ratio:auto;border:none;border-radius:0;box-shadow:none;background:none}
.sc-bottle .plate-veil::before{inset:12px;border-color:rgba(232,205,156,.18)}
.sc-bottle .plate-veil::after{background:
  linear-gradient(to bottom, rgba(17,16,16,.42), transparent 24%)}
.scent-card:has(.liyema-plate) .sc-halo{display:none}
.scent-card .sc-num,.scent-card .sc-coll,.scent-card .sc-tag{z-index:2}

/* FOUNDING PAIR — framed portrait, elevated */
.pair-bottle:has(.liyema-plate){position:relative;height:clamp(300px,46vh,460px);width:100%;
  display:flex;justify-content:center;margin-bottom:2.6rem}
.pair-bottle:has(.liyema-plate)::before{ /* breath of gold behind the portrait */
  content:"";position:absolute;top:50%;left:50%;width:130%;height:118%;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side, rgba(212,169,106,.16), transparent 72%);
  filter:blur(6px);pointer-events:none}
.pair-bottle .liyema-plate{max-width:min(380px,82vw);
  outline:1px solid rgba(212,169,106,.18);outline-offset:10px; /* the outer mat */
  box-shadow:0 34px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(232,205,156,.14)}
.pair-bottle .plate-veil::before{inset:10px;border-color:rgba(232,205,156,.24)}
.pair-panel:hover .pair-bottle .liyema-plate{outline-color:rgba(212,169,106,.4)}

/* SCENT WORLD — no hard frame; the photo feathers into the dark page and the ring orbits through it */
.w-bottle:has(.liyema-plate){height:clamp(320px,52vh,540px)}
.w-bottle .liyema-plate{border:none;background:none;box-shadow:none;border-radius:0;
  -webkit-mask-image:radial-gradient(ellipse 88% 94% at 50% 50%, #000 55%, transparent 90%);
          mask-image:radial-gradient(ellipse 88% 94% at 50% 50%, #000 55%, transparent 90%);}
.w-bottle .plate-veil{display:none}

/* RITUAL RESULT — larger reveal */
.rm-result .res-bottle:has(.liyema-plate){height:clamp(220px,30vh,300px)}

/* the plate inherits its slot's height; keep slots honest */
.rm-result .res-bottle .liyema-plate{max-width:min(240px,68vw)}
.cs-item .liyema-plate{width:34px;flex:0 0 34px}

/* gallery strip in the scent world */
.w-gallery{position:relative;z-index:3;display:flex;justify-content:center;gap:.7rem;margin-top:1.4rem;flex-wrap:wrap}
.wg-thumb{
  width:56px;height:56px;padding:0;overflow:hidden;cursor:pointer;
  border:1px solid rgba(212,169,106,.28);border-radius:4px;background:#141210;
  opacity:.6;transition:opacity .5s,border-color .5s,transform .5s var(--ease-ritual);
}
.wg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wg-thumb:hover{opacity:.9;transform:translateY(-2px)}
.wg-thumb.on{opacity:1;border-color:var(--gold-warm);box-shadow:0 0 0 1px rgba(212,169,106,.35)}

/* logo treatment: optional ivory recolour for legibility on the dark house */
.logo-ivory{filter:brightness(0) invert(.96) sepia(.14) saturate(1.4) drop-shadow(0 4px 14px rgba(0,0,0,.45))}

.site-header{
  position:sticky;
  top:0;
  z-index:900;
  min-height:74px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:2rem;
  padding:1rem clamp(1.2rem,4vw,3rem);
  background:rgba(17,16,16,.94);
  border-bottom:1px solid rgba(212,169,106,.18);
  backdrop-filter:blur(14px);
}
.admin-bar .site-header{top:32px}
.site-brand{display:flex;align-items:center}
.site-brand img{width:auto;height:44px;object-fit:contain}
.site-footer-mark{font-family:var(--f-display);letter-spacing:.36em;color:var(--gold-warm)}
.site-nav{display:flex;justify-content:center;gap:clamp(1.2rem,3vw,2.5rem);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,237,216,.76)}
.site-nav a,.site-cart{transition:color .3s}
.site-nav a:hover,.site-cart:hover{color:var(--gold-pale)}
.site-cart{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream)}
.site-actions{display:flex;align-items:center;gap:1.1rem}
.site-mobile-menu{display:none;position:relative}
.site-mobile-menu summary{display:flex;flex-direction:column;gap:5px;padding:.5rem;cursor:pointer;list-style:none}
.site-mobile-menu summary::-webkit-details-marker{display:none}
.site-mobile-menu summary span{display:block;width:23px;height:1px;background:var(--cream)}
.site-mobile-menu nav{position:absolute;top:calc(100% + 1rem);right:0;display:grid;min-width:230px;padding:.7rem;background:#111010;border:1px solid rgba(212,169,106,.24);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.site-mobile-menu nav a{padding:.85rem .9rem;border-bottom:1px solid rgba(212,169,106,.14);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.site-mobile-menu nav a:last-child{border-bottom:0}
.site-main{min-height:70vh}
.content-shell,.commerce-shell{width:min(1180px,calc(100% - 2.4rem));margin:0 auto;padding:clamp(5rem,9vw,8rem) 0}
.content-entry{max-width:860px;margin:0 auto}
.content-entry.commerce-entry{max-width:none}
.content-entry h1,.commerce-shell h1{font-family:var(--f-display);font-size:clamp(2.2rem,6vw,4.5rem);font-weight:400;letter-spacing:.08em;color:var(--cream);margin-bottom:2rem}
.commerce-head{margin-bottom:3rem;text-align:center}
.commerce-head p{margin-bottom:.8rem;font-size:.64rem;letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:var(--gold)}
.entry-content{font-size:1rem;line-height:1.95;color:rgba(247,237,216,.76)}
.entry-content h2,.entry-content h3{font-family:var(--f-display);font-weight:400;color:var(--gold-pale);margin:2.5rem 0 1rem}
.entry-content p{margin-bottom:1.2rem}
.entry-content a{color:var(--gold-warm);text-decoration:underline;text-underline-offset:3px}
.site-footer{padding:4rem 1.2rem;text-align:center;background:#0c0b0b;border-top:1px solid rgba(212,169,106,.16)}
.site-footer p{margin:.8rem 0 1.8rem;font-family:var(--f-poetic);font-style:italic;color:var(--gold-pale)}
.site-footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,237,216,.6)}

.commerce-shell .woocommerce{color:rgba(247,237,216,.8)}
.commerce-shell .woocommerce-breadcrumb{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,237,216,.5);margin-bottom:2rem}
.commerce-shell ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.commerce-shell ul.products::before,.commerce-shell ul.products::after{display:none}
.commerce-shell ul.products li.product{width:auto!important;margin:0!important;padding:1rem 1rem 1.5rem;border:1px solid rgba(212,169,106,.18);background:#151414}
.commerce-shell ul.products li.product img{aspect-ratio:4/5;object-fit:cover;margin-bottom:1.3rem}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--f-display);font-size:1.25rem;letter-spacing:.12em;color:var(--cream)}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-warm);font-family:var(--f-display)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  border-radius:0;
  background:var(--gold);
  color:var(--charcoal);
  font-size:.66rem;
  font-weight:400;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding:1rem 1.3rem;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--gold-warm);color:var(--charcoal)}
.woocommerce a.checkout-button.button.alt,.woocommerce button.button.alt{background:var(--gold)!important;color:var(--charcoal)!important}
.woocommerce a.checkout-button.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--gold-warm)!important;color:var(--charcoal)!important}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem)}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}
.woocommerce div.product .product_title{font-family:var(--f-display);font-weight:400;letter-spacing:.12em;color:var(--cream)}
.woocommerce div.product .woocommerce-product-details__short-description,.woocommerce div.product .woocommerce-tabs{line-height:1.8;color:rgba(247,237,216,.72)}
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0;background:#171515;border-color:rgba(212,169,106,.2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--cream)}
.woocommerce table.shop_table{border-color:rgba(212,169,106,.24);border-radius:0}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:rgba(212,169,106,.18)}
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order{color:rgba(247,237,216,.82)}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:none;width:min(100%,520px);margin-left:auto}
.woocommerce-cart-form input,.woocommerce-cart-form select,.woocommerce-checkout input,.woocommerce-checkout select,.woocommerce-checkout textarea{background:#f8f5ef;color:#171515}
.woocommerce .quantity .qty{min-height:42px}
.woocommerce .coupon{display:flex;gap:.7rem;flex-wrap:wrap}
.woocommerce .coupon .input-text{min-width:160px!important;width:auto!important;padding:.7rem!important}
.woocommerce-info,.woocommerce-message{border-top-color:var(--gold);background:#171515;color:var(--cream)}
.woocommerce-info::before,.woocommerce-message::before{color:var(--gold-warm)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  min-height:46px;
  padding:.75rem;
  border:1px solid rgba(212,169,106,.3);
  border-radius:0;
}

@media (max-width:900px){
  .site-header{grid-template-columns:1fr auto}.site-nav{display:none}.site-mobile-menu{display:block}
  .commerce-shell ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce div.product{grid-template-columns:1fr}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:560px){
  .site-header{gap:1rem}.site-brand img{height:38px}.site-cart{font-size:.58rem;letter-spacing:.16em}
  .content-shell,.commerce-shell{width:min(100% - 1.5rem,1180px);padding-top:3.5rem}
  .commerce-shell ul.products{grid-template-columns:1fr}
  .pair-bottle{width:min(82vw,310px)}
  .scent-card .sc-bottle{height:42%;max-width:78%}
  .scent-card .sc-bottle:has(.liyema-plate){height:100%;max-width:none}
  .w-cta-row .btn{width:100%}
}

/* ============================================================
   EDITORIAL INNER PAGES
   ============================================================ */
.liyema-contact-page .site-main,
.liyema-signature-page .site-main,
.liyema-about-page .site-main{min-height:0}

/* ABOUT — one cinematic narrative in place of the legacy builder composition. */
.liyema-about{overflow:hidden;background:var(--charcoal);color:var(--cream)}
.liyema-about .btn{letter-spacing:0;text-indent:0}
.about-hero{position:relative;height:clamp(480px,calc(88svh - 76px),720px);display:flex;align-items:flex-end;overflow:hidden;background:#141211}
.about-hero-image,.about-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.about-hero-image{object-fit:cover;object-position:center 42%}
.about-hero-shade{background:linear-gradient(90deg,rgba(10,9,9,.94) 0%,rgba(10,9,9,.68) 38%,rgba(10,9,9,.12) 72%),linear-gradient(0deg,rgba(10,9,9,.72),transparent 54%)}
.about-hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 3rem));margin:0 auto;padding-bottom:4.6rem}
.about-hero-copy h1{max-width:680px;margin:0;font-family:var(--f-display);font-size:4.8rem;font-weight:400;line-height:1.06;letter-spacing:0;color:var(--cream)}
.about-hero-copy>p:not(.inner-eyebrow){max-width:570px;margin:1.4rem 0 0;font-family:var(--f-poetic);font-size:1.3rem;font-style:italic;line-height:1.65;color:var(--gold-pale)}
.about-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

.about-origin{padding:8rem 1.5rem;background:#e8dfcf;color:#171514}
.about-origin-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:7rem;align-items:center}
.about-origin-copy .inner-eyebrow{color:#8b5f26}
.about-origin-copy h2,.about-principles-head h2,.about-statement-copy h2,.about-closing h2{margin:0;font-family:var(--f-display);font-weight:400;line-height:1.12;letter-spacing:0}
.about-origin-copy h2{max-width:500px;font-size:3.65rem;color:#171514}
.about-origin-copy p{max-width:560px;margin:1.4rem 0 0;font-size:1rem;line-height:1.9;color:rgba(23,21,20,.72)}
.about-origin-copy .about-lead{margin-top:2rem;font-family:var(--f-poetic);font-size:1.35rem;font-style:italic;line-height:1.7;color:#51351e}
.about-origin-figure{margin:0}
.about-origin-figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid rgba(89,55,25,.24)}
.about-origin-figure figcaption{margin-top:1rem;font-family:var(--f-poetic);font-size:1rem;font-style:italic;line-height:1.5;color:rgba(23,21,20,.62)}

.about-manifesto{padding:7rem 1.5rem;text-align:center;background:#651d2a;color:var(--cream)}
.about-manifesto p{max-width:980px;margin:0 auto;font-family:var(--f-display);font-size:3.8rem;line-height:1.18;letter-spacing:0}
.about-manifesto p em{font-family:var(--f-poetic);font-weight:400;color:var(--gold-pale)}
.about-manifesto span{display:block;margin-top:2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:0;color:rgba(247,237,216,.68)}

.about-principles{padding:8rem 1.5rem 9rem;background:#191817}
.about-principles-head{width:min(1120px,100%);margin:0 auto 4rem}
.about-principles-head h2{max-width:720px;font-size:3.4rem}
.about-principles-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(212,169,106,.28);border-bottom:1px solid rgba(212,169,106,.28)}
.about-principles-grid article{min-height:290px;padding:2.6rem 2.5rem 3rem;border-right:1px solid rgba(212,169,106,.2)}
.about-principles-grid article:last-child{border-right:0}
.about-principles-grid span{font-family:var(--f-poetic);font-size:.9rem;font-style:italic;color:var(--gold-warm)}
.about-principles-grid h3{margin:3.5rem 0 0;font-family:var(--f-display);font-size:2rem;font-weight:400;line-height:1.2;letter-spacing:0}
.about-principles-grid p{margin:1rem 0 0;font-size:.92rem;line-height:1.8;color:rgba(247,237,216,.62)}

.about-statement{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#101516}
.about-statement-image,.about-statement-shade{position:absolute;inset:0;width:100%;height:100%}
.about-statement-image{object-fit:cover;object-position:center}
.about-statement-shade{background:linear-gradient(90deg,rgba(7,10,11,.96) 0%,rgba(7,10,11,.75) 40%,rgba(7,10,11,.16) 73%),linear-gradient(0deg,rgba(7,10,11,.48),transparent 56%)}
.about-statement-copy{position:relative;z-index:2;width:min(1120px,calc(100% - 3rem));margin:0 auto}
.about-statement-copy h2{max-width:650px;font-size:4rem}
.about-statement-copy>p:last-child{max-width:550px;margin:1.5rem 0 0;font-family:var(--f-poetic);font-size:1.25rem;font-style:italic;line-height:1.7;color:var(--gold-pale)}

.about-closing{padding:8rem 1.5rem 9rem;text-align:center;background:#10231f}
.about-closing h2{max-width:760px;margin:0 auto;font-size:3.5rem}
.about-closing .about-actions{justify-content:center}

@media (max-width:860px){
  .about-origin-inner{grid-template-columns:1fr;gap:3.8rem}
  .about-origin-figure{width:min(100%,620px)}
  .about-principles-grid{grid-template-columns:1fr}
  .about-principles-grid article{min-height:0;border-right:0;border-bottom:1px solid rgba(212,169,106,.2)}
  .about-principles-grid article:last-child{border-bottom:0}
}
@media (max-width:700px){
  .about-hero{height:clamp(480px,calc(86svh - 70px),600px)}
  .about-hero-image{object-position:70% center}
  .about-hero-shade{background:linear-gradient(0deg,rgba(10,9,9,.96) 0%,rgba(10,9,9,.55) 58%,rgba(10,9,9,.1) 100%)}
  .about-hero-copy{width:min(100% - 2rem,1180px);padding-bottom:2.8rem}
  .about-hero-copy h1{font-size:3rem;line-height:1.08}
  .about-hero-copy>p:not(.inner-eyebrow){font-size:1.05rem;line-height:1.55}
  .about-actions{display:grid;grid-template-columns:1fr;width:100%}
  .about-actions .btn{width:100%;justify-content:center;text-align:center}
  .about-origin{padding:5rem 1rem}
  .about-origin-copy h2{font-size:2.55rem}
  .about-origin-copy .about-lead{font-size:1.18rem}
  .about-origin-figure img{aspect-ratio:4/5}
  .about-manifesto{padding:5rem 1rem}
  .about-manifesto p{font-size:2.35rem;line-height:1.25}
  .about-principles{padding:5rem 1rem 6rem}
  .about-principles-head{margin-bottom:2.8rem}
  .about-principles-head h2{font-size:2.45rem}
  .about-principles-grid article{padding:2rem 1.25rem 2.4rem}
  .about-principles-grid h3{margin-top:2rem;font-size:1.75rem}
  .about-statement{min-height:590px;align-items:flex-end}
  .about-statement-image{object-position:64% center}
  .about-statement-shade{background:linear-gradient(0deg,rgba(7,10,11,.97) 0%,rgba(7,10,11,.62) 52%,rgba(7,10,11,.08) 100%)}
  .about-statement-copy{width:min(100% - 2rem,1120px);padding-bottom:4rem}
  .about-statement-copy h2{font-size:2.7rem}
  .about-statement-copy>p:last-child{font-size:1.08rem}
  .about-closing{padding:5.5rem 1rem 6rem}
  .about-closing h2{font-size:2.55rem}
}
.inner-hero{position:relative;min-height:620px;display:flex;align-items:flex-end;overflow:hidden;background:var(--charcoal-deep)}
.inner-hero-media,.inner-hero-shade{position:absolute;inset:0}
.inner-hero-media{background-position:center;background-size:cover;transform:scale(1.015)}
.contact-hero .inner-hero-media{background-image:url('https://kwa-liyema.co.za/wp-content/uploads/2026/02/Untitled-design-2026-02-19T010548.926.jpg')}
.signature-hero .inner-hero-media{background-image:url('https://kwa-liyema.co.za/wp-content/uploads/2022/07/WhatsApp-Image-2026-05-25-at-22.08.31.jpeg');background-position:center 44%}
.inner-hero-shade{background:linear-gradient(90deg,rgba(12,11,11,.92) 0%,rgba(12,11,11,.58) 46%,rgba(12,11,11,.18) 76%),linear-gradient(0deg,rgba(12,11,11,.72),transparent 54%)}
.inner-hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:0 0 5.5rem}
.inner-eyebrow,.form-kicker{margin:0 0 1.15rem;font-size:.68rem;font-weight:400;letter-spacing:0;text-transform:uppercase;color:var(--gold-warm)}
.inner-hero-copy h1{max-width:800px;margin:0;font-family:var(--f-display);font-size:5rem;font-weight:400;line-height:1.08;letter-spacing:0;color:var(--cream)}
.inner-hero-copy>p:last-child{max-width:610px;margin:1.35rem 0 0;font-family:var(--f-poetic);font-size:1.45rem;font-style:italic;line-height:1.6;color:var(--gold-pale)}

.contact-band{padding:7rem 1.5rem;background:var(--charcoal)}
.contact-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:6rem;align-items:start}
.contact-intro{padding-top:1.2rem}
.contact-intro h2,.contact-form-wrap h2,.location-copy h2,.signature-intro h2{margin:0;font-family:var(--f-display);font-size:3rem;font-weight:400;line-height:1.2;letter-spacing:0}
.contact-intro>p:last-of-type{max-width:470px;margin:1.5rem 0 0;font-size:.96rem;line-height:1.9;color:rgba(247,237,216,.68)}
.contact-details{margin:3.3rem 0 0;border-top:1px solid rgba(212,169,106,.24)}
.contact-details>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid rgba(212,169,106,.18)}
.contact-details dt{font-size:.66rem;font-weight:400;text-transform:uppercase;color:var(--gold-warm)}
.contact-details dd{margin:0;font-family:var(--f-poetic);font-size:1.08rem;line-height:1.6;color:var(--cream)}
.contact-details a{transition:color .3s}
.contact-details a:hover{color:var(--gold-pale)}

.contact-form-wrap{padding:3.2rem;background:var(--cream);color:var(--charcoal)}
.contact-form-wrap .form-kicker{color:var(--gold)}
.contact-form-wrap h2{font-size:2.45rem;color:var(--charcoal)}
.liyema-contact-form{margin-top:2rem}
.liyema-contact-form .wpforms-container-full{margin:0!important}
.liyema-contact-form .wpforms-field{padding:0 0 1.2rem!important}
.liyema-contact-form .wpforms-field-label,
.liyema-contact-form .wpforms-field-label-inline,
.liyema-contact-form legend{font-family:var(--f-ui)!important;font-size:.66rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--charcoal)!important}
.liyema-contact-form input:not([type=checkbox]):not([type=radio]),
.liyema-contact-form textarea,
.liyema-contact-form select{width:100%!important;min-height:48px!important;padding:.65rem 0!important;border:0!important;border-bottom:1px solid rgba(26,26,26,.32)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--charcoal)!important;font-family:var(--f-ui)!important}
.liyema-contact-form textarea{min-height:118px!important;resize:vertical}
.liyema-contact-form input:focus,.liyema-contact-form textarea:focus,.liyema-contact-form select:focus{border-bottom-color:var(--gold)!important;outline:0!important}
.liyema-contact-form .wpforms-submit-container{padding-top:.5rem!important}
.liyema-contact-form button[type=submit]{min-height:50px!important;padding:0 1.8rem!important;border:1px solid var(--gold)!important;border-radius:0!important;background:var(--gold)!important;color:var(--charcoal)!important;font-family:var(--f-ui)!important;font-size:.66rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:uppercase!important}
.liyema-contact-form button[type=submit]:hover{border-color:var(--gold-warm)!important;background:var(--gold-warm)!important}

.location-band{display:grid;grid-template-columns:minmax(300px,.52fr) minmax(0,1.48fr);min-height:520px;background:var(--charcoal-deep)}
.location-copy{display:flex;flex-direction:column;justify-content:center;padding:4.5rem max(2rem,6vw)}
.location-copy h2{color:var(--cream)}
.location-copy>p:last-child{max-width:360px;margin:1.2rem 0 0;line-height:1.8;color:rgba(247,237,216,.62)}
.location-map{min-height:520px;filter:grayscale(1) sepia(.2) contrast(1.08)}
.location-map iframe{display:block;width:100%;height:100%;min-height:520px;border:0}

.signature-ritual{padding:7rem 1.5rem 8rem;background:radial-gradient(80% 46% at 50% 0%,rgba(142,31,47,.12),transparent 70%),var(--charcoal)}
.signature-intro{max-width:720px;margin:0 auto 3.5rem;text-align:center}
.signature-intro h2{color:var(--cream)}
.signature-intro>p:last-child{max-width:560px;margin:1.3rem auto 0;line-height:1.8;color:rgba(247,237,216,.62)}
.signature-finder-wrap{width:min(1180px,100%);margin:0 auto}
.signature-finder-wrap .liyema-scent-finder{width:100%;max-width:none;margin:0;color:var(--charcoal)}
.signature-finder-wrap .lsf-shell{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:0 35px 80px rgba(0,0,0,.32)}

/* The public membership story stays concise; passport entry lives in its own flow. */
#isizwe .inner-veils,
#isizwe .inner-entry,
#isizwe .member-welcome{display:none}

/* Product imagery and mobile pacing: keep identity and actions in view. */
.pair-bottle:has(.liyema-plate){height:clamp(280px,38vh,380px)}
@media (max-width:880px){
  .w-bottle-stage{order:7}
  .w-id .w-buy{order:6}
  .world-inner{padding-bottom:3.5rem}
  .w-sect{margin-top:3.5rem}
}
@media (max-width:760px){
  .pair{padding-top:5rem}
  .pair-panel{min-height:0;padding:3.2rem 1.25rem}
  .pair-bottle:has(.liyema-plate){height:300px;margin-bottom:2rem}
  .pair-name{font-size:2rem}
}
@media (max-width:700px){
  .inner-hero{min-height:560px}
  .inner-hero-copy{width:min(100% - 2rem,1180px);padding-bottom:3.6rem}
  .inner-hero-copy h1{font-size:3.15rem;line-height:1.12}
  .inner-hero-copy>p:last-child{font-size:1.2rem}
  .inner-hero-shade{background:linear-gradient(0deg,rgba(12,11,11,.92) 0%,rgba(12,11,11,.28) 72%),linear-gradient(90deg,rgba(12,11,11,.45),transparent)}
  .contact-hero .inner-hero-media{background-position:58% center}
  .signature-hero .inner-hero-media{background-position:68% center}
  .contact-band,.signature-ritual{padding:5rem 1rem}
  .contact-layout{grid-template-columns:1fr;gap:3.5rem}
  .contact-intro h2,.location-copy h2,.signature-intro h2{font-size:2.35rem}
  .contact-form-wrap{padding:2rem 1.25rem}
  .contact-form-wrap h2{font-size:2rem}
  .contact-details>div{grid-template-columns:1fr;gap:.45rem}
  .location-band{grid-template-columns:1fr;min-height:0}
  .location-copy{padding:4rem 1.25rem}
  .location-map,.location-map iframe{min-height:390px}
  .signature-intro{margin-bottom:2.5rem}
  .signature-finder-wrap .lsf-shell{box-shadow:none}
  .isizwe{padding:5rem 1rem}
  .tier{padding:1.8rem 1.25rem}
  .tier p{line-height:1.7}
  .w-phrase{margin-top:1.5rem;padding:1.2rem}
  .w-buy{margin-top:1.7rem}
  .w-cta-row{margin-top:1rem}
}

/* Dedicated Discovery Set world. It carries the collection into the same
   intimate, editorial visual language as a signature fragrance. */
.discovery-product-world{position:relative;min-height:calc(100svh - 78px);overflow:hidden;padding:clamp(5.5rem,10vw,8.5rem) max(1.5rem,6vw) 5rem;background:radial-gradient(circle at 18% 36%,rgba(158,95,33,.16),transparent 30%),radial-gradient(circle at 78% 24%,rgba(100,16,29,.23),transparent 37%),linear-gradient(135deg,#141110 0%,#161313 48%,#090a0a 100%)}
.discovery-product-world:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 32%),repeating-linear-gradient(90deg,transparent 0,transparent 19px,rgba(255,255,255,.012) 20px);mix-blend-mode:screen;opacity:.35}
.discovery-return{position:absolute;z-index:2;top:1.45rem;right:max(1.5rem,4vw);display:inline-flex;gap:.7rem;align-items:center;padding:.72rem 1.05rem;border:1px solid rgba(212,169,106,.38);font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:var(--cream);transition:border-color .3s,color .3s}
.discovery-return span{font-size:1rem;line-height:.6}.discovery-return:hover{border-color:var(--gold-warm);color:var(--gold-pale)}
.discovery-product-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(3.5rem,9vw,10rem);align-items:center;width:min(1280px,100%);margin:0 auto}
.discovery-product-art{position:relative;display:grid;place-items:center;min-height:clamp(370px,52vw,650px)}
.discovery-product-art:after{position:absolute;bottom:7%;left:18%;width:64%;height:10%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(20px);content:""}
.discovery-product-art img{position:relative;z-index:1;width:min(100%,520px);aspect-ratio:1/1;object-fit:cover;box-shadow:0 40px 90px rgba(0,0,0,.52);filter:saturate(.88) contrast(1.08)}
.discovery-product-orbit{position:absolute;border:1px solid rgba(212,169,106,.24);border-radius:50%}.orbit-one{width:min(110%,600px);aspect-ratio:1;transform:translate(-5%,-3%)}.orbit-two{width:75%;aspect-ratio:1;transform:translate(9%,5%);border-color:rgba(247,220,163,.13)}
.discovery-product-copy{max-width:650px}.discovery-product-copy .inner-eyebrow{margin-bottom:1.5rem}.discovery-product-copy h1{margin:0;font-family:var(--f-display);font-size:clamp(3.75rem,7.2vw,7.3rem);font-weight:400;line-height:.94;letter-spacing:.01em;color:var(--cream)}
.discovery-product-kicker{margin:1.35rem 0 2.45rem;font-family:var(--f-poetic);font-size:clamp(1.45rem,2vw,1.9rem);font-style:italic;color:var(--gold-pale)}
.discovery-product-note{padding:1.6rem 0 1.75rem 1.7rem;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(178,126,51,.13),transparent 88%)}.discovery-product-note h2{max-width:520px;margin:0;font-family:var(--f-poetic);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:400;font-style:italic;line-height:1.35;color:var(--cream)}.discovery-product-note p{max-width:560px;margin:1rem 0 0;font-size:.93rem;line-height:1.85;color:rgba(247,237,216,.66)}
.discovery-product-details{display:flex;flex-wrap:wrap;gap:.7rem 1.45rem;margin:2rem 0}.discovery-product-details span{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-warm)}.discovery-product-details span+span{padding-left:1.45rem;border-left:1px solid rgba(212,169,106,.32)}
.discovery-product-purchase{margin:0}.discovery-product-purchase .btn{min-height:54px;border:0;cursor:pointer}.discovery-product-unavailable{margin:0;color:var(--gold-pale)}.discovery-product-house-link{display:inline-flex;gap:.75rem;margin-top:1.6rem;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cream);border-bottom:1px solid rgba(212,169,106,.45);padding-bottom:.45rem;transition:color .3s,border-color .3s}.discovery-product-house-link:hover{color:var(--gold-pale);border-color:var(--gold-pale)}
.discovery-guided-journey{position:relative;z-index:1;width:min(1120px,100%);margin:clamp(4.5rem,10vw,9rem) auto 0;padding:clamp(3rem,6vw,5rem);border-top:1px solid rgba(212,169,106,.32);background:rgba(15,13,13,.42)}.discovery-guided-journey h2{max-width:680px;margin:0;font-family:var(--f-display);font-size:clamp(2.7rem,5vw,4.75rem);font-weight:400;line-height:1;color:var(--cream)}.discovery-guided-journey>p:not(.inner-eyebrow){max-width:650px;margin:1.5rem 0 0;font-size:1rem;line-height:1.85;color:rgba(247,237,216,.68)}.discovery-guided-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:3rem 0 0;padding:0;list-style:none;counter-reset:journey}.discovery-guided-journey li{min-height:125px;padding:1.2rem 1.25rem;border:1px solid rgba(212,169,106,.23);font-size:.86rem;line-height:1.65;color:rgba(247,237,216,.76)}.discovery-guided-journey li span{display:block;margin-bottom:1.4rem;font-size:.63rem;letter-spacing:.17em;color:var(--gold-warm)}
@media (max-width:800px){.discovery-product-world{padding:6rem 1.25rem 4.5rem}.discovery-product-grid{grid-template-columns:1fr;gap:2.5rem}.discovery-product-art{min-height:0;max-width:520px;width:100%;margin:0 auto}.discovery-product-copy{max-width:none}.discovery-product-details{gap:.8rem 1rem}.discovery-product-details span+span{padding-left:1rem}.discovery-return{top:1rem;right:1rem}.orbit-one{width:95%}}
@media (max-width:700px){.discovery-guided-journey{margin-top:4rem;padding:2.5rem 1.25rem}.discovery-guided-journey ol{grid-template-columns:1fr;margin-top:2rem}.discovery-guided-journey li{min-height:0}.discovery-guided-journey li span{margin-bottom:.65rem}}
@media (max-width:430px){.discovery-product-world{padding-top:5.5rem}.discovery-product-copy h1{font-size:3.5rem}.discovery-product-note{padding-left:1.1rem}.discovery-product-details{display:grid;grid-template-columns:1fr;gap:.55rem}.discovery-product-details span+span{padding-left:0;border-left:0}.discovery-product-purchase .btn{width:100%;padding:0 1rem;font-size:.65rem}.discovery-product-house-link{font-size:.61rem}}

@media (min-width:701px){.discovery-guided-journey ol{grid-template-columns:repeat(4,minmax(0,1fr))}}

.discovery-guided-preview{padding:0 1.5rem 8rem;background:radial-gradient(80% 90% at 82% 15%,rgba(139,83,30,.18),transparent 58%),var(--charcoal-deep)}.discovery-guided-preview-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,8rem);align-items:start;width:min(1180px,100%);margin:0 auto;padding-top:7rem;border-top:1px solid rgba(212,169,106,.3)}.discovery-guided-preview .sect-title{margin-bottom:0}.discovery-guided-preview .sect-note{max-width:500px}.discovery-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;border:1px solid rgba(212,169,106,.27);background:rgba(212,169,106,.27)}.discovery-steps li{min-height:165px;padding:1.6rem;background:rgba(18,17,16,.96);font-size:.89rem;line-height:1.7;color:rgba(247,237,216,.72)}.discovery-steps span{display:block;margin-bottom:1.55rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-warm)}
@media (max-width:700px){.discovery-guided-preview{padding:0 1rem 5rem}.discovery-guided-preview-inner{grid-template-columns:1fr;gap:2.5rem;padding-top:4.5rem}.discovery-steps{grid-template-columns:1fr}.discovery-steps li{min-height:0;padding:1.3rem}.discovery-steps span{margin-bottom:.7rem}}