/* ═══════════════════════════════════════════════════════════════════════
   AZOTHINE — MOBILE & TABLET DESIGN SYSTEM
   Linked from every page with media="(max-width:900px)", so nothing in this
   file can ever touch the desktop layout.

   Structure
     0. Tokens
     1. Base (root size, text rendering, safe areas)
     2. Navigation + full-screen menu
     3. Shared page pieces (hero, content, lists, plates, CTA, footer, buttons)
     4. Package showcase
     5. Page specific: homepage / healings / about / mystery school / initiation / journal
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 0. TOKENS ───────────────────────────────────────────────────────── */
:root{
  --m-gutter:24px;            /* side margin of all text */
  --m-sec:72px;               /* vertical rhythm between sections */
  --m-tap:48px;               /* minimum comfortable touch target */
  --m-ink-soft:#5a4a45;       /* body copy on parchment, 7.5:1 */
  --m-accent:#A2586A;         /* small-text accent, 4.9:1 */
  --m-body:17px;
  --m-lh:1.7;
  --m-h1:clamp(40px,11.4vw,54px);
  --m-h2:clamp(31px,8.6vw,42px);
  --m-h3:clamp(24px,6.6vw,30px);
  --m-label:12px;
}

/* ── 1. BASE ─────────────────────────────────────────────────────────── */
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
a,button{-webkit-tap-highlight-color:rgba(196,142,150,.18);}
img{height:auto;}
:focus-visible{outline:1px solid var(--m-accent);outline-offset:3px;}
#cursor-dot,#cursor-ring{display:none !important;}          /* no custom cursor on touch */

/* ── 2. NAVIGATION ───────────────────────────────────────────────────── */
nav{padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left)) !important;min-height:64px;}
.nav-links{display:none !important;}
.hamburger{display:flex !important;width:var(--m-tap);height:var(--m-tap);align-items:center;justify-content:center;
  gap:6px;margin-right:-10px;padding:0;position:relative;z-index:101;}
.hamburger span{width:24px;height:1px;background:var(--ink);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-logo{font-size:15px;letter-spacing:.22em;gap:12px;}
.nav-logo-mark{width:40px;height:40px;margin-left:-4px;}

.mobile-menu{background:var(--parchment) !important;backdrop-filter:none;-webkit-backdrop-filter:none;
  justify-content:flex-start;align-items:stretch;gap:0;
  padding:calc(96px + env(safe-area-inset-top)) var(--m-gutter) calc(32px + env(safe-area-inset-bottom));
  overflow-y:auto;overscroll-behavior:contain;transition:opacity .35s;}
.mobile-menu::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(196,142,150,.14),transparent 70%);}
.mobile-menu > a,.mobile-menu .nav-dropdown > a{
  display:flex;align-items:center;min-height:64px;font-size:clamp(28px,8vw,34px);font-weight:300;letter-spacing:.04em;
  border-bottom:.5px solid rgba(196,176,164,.45);position:relative;}
.mobile-menu > a:first-of-type{border-top:.5px solid rgba(196,176,164,.45);}
.mobile-menu .nav-dropdown{display:block;position:relative;}
.mobile-menu .nav-dropdown > a::after{display:none;}
.mobile-menu .dropdown-menu{position:static !important;transform:none !important;opacity:1 !important;pointer-events:all !important;
  background:none;border:0;backdrop-filter:none;min-width:0;padding:0 0 10px;margin:0;}
.mobile-menu .dropdown-menu a{display:flex;align-items:center;min-height:52px;padding:0 0 0 20px !important;border:0 !important;
  font-family:'Cormorant Garamond',serif !important;font-style:italic;font-size:22px !important;letter-spacing:.03em !important;
  text-transform:none !important;color:var(--m-ink-soft) !important;background:none !important;}
.mobile-menu .dropdown-menu a::before{content:'';width:18px;height:1px;background:var(--gold);margin-right:14px;flex:none;}
.mobile-menu .m-cta{margin-top:36px;justify-content:center !important;min-height:56px !important;border:.5px solid var(--gold) !important;
  background:rgba(196,142,150,.06);font-family:'Montserrat',sans-serif !important;font-size:13px !important;letter-spacing:.2em !important;
  color:var(--m-accent) !important;text-indent:.2em;}

/* ── 3. SHARED PAGE PIECES ───────────────────────────────────────────── */
/* hero (every healing / package page) */
.page-hero{padding:56px var(--m-gutter) 64px !important;}
.back-link{font-size:12px;letter-spacing:.2em;margin-bottom:36px;min-height:var(--m-tap);}
.page-label{font-size:var(--m-label);letter-spacing:.3em;color:var(--m-accent);margin-bottom:18px;}
.page-title{font-size:var(--m-h1);line-height:1.06;letter-spacing:.01em;margin-bottom:22px;text-wrap:balance;}
.page-hero p,.page-sub{font-size:17px;line-height:1.65;letter-spacing:.01em;text-wrap:pretty;}
.helix{width:340px;height:96px;opacity:.38;}

/* content blocks */
.content-section,.what-to-expect{padding:var(--m-sec) var(--m-gutter) !important;}
.what-to-expect{padding-top:0 !important;}
.content-label{font-size:var(--m-label);letter-spacing:.3em;color:var(--m-accent);margin-bottom:16px;}
.content-title{font-size:var(--m-h2);line-height:1.12;margin-bottom:26px;text-wrap:balance;}
.subsection-title{font-size:var(--m-h3);line-height:1.15;margin-bottom:22px;text-wrap:balance;}
.content-body p{font-size:var(--m-body);line-height:var(--m-lh);letter-spacing:.005em;color:var(--m-ink-soft);margin-bottom:22px;text-wrap:pretty;}
.content-body p strong,.content-body li strong{font-weight:400;color:var(--ink);}
.section-divider{margin:48px 0;}

/* lists */
.support-list,.expect-list{gap:18px;margin:24px 0 28px;}
.support-list li,.expect-list li{font-size:var(--m-body);line-height:1.6;letter-spacing:.005em;gap:16px;color:var(--m-ink-soft);}
.support-list li::before,.expect-list li::before{font-size:10px;margin-top:9px;color:var(--m-accent);}
.expect-title{font-size:26px;margin-bottom:24px;}

/* call to action */
.cta-section{padding:80px var(--m-gutter) 88px !important;}
.cta-title{font-size:clamp(36px,10vw,46px);line-height:1.08;margin-bottom:20px;text-wrap:balance;}
.cta-sub{font-size:16px;line-height:1.7;letter-spacing:.01em;max-width:340px;margin:0 auto 36px;}

/* buttons: generous, thumb-sized, never wider than the screen */
.btn-primary,.btn-ghost,.btn-path{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px !important;
  font-size:13px;letter-spacing:.18em;text-align:center;line-height:1.3;max-width:100%;}
.btn-primary:hover,.btn-ghost:hover{transform:none;}

/* footer */
footer{padding:44px var(--m-gutter) calc(40px + env(safe-area-inset-bottom)) !important;flex-direction:column;align-items:center !important;text-align:center;gap:26px;}
.footer-brand{font-size:15px;letter-spacing:.26em;}
.footer-nav{justify-content:center;gap:4px 8px;}
.footer-nav a{font-size:12px;letter-spacing:.16em;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;}
.footer-copy{font-size:12px;letter-spacing:.1em;color:var(--muted);}

/* ── 4. PACKAGE SHOWCASE ("Also") ────────────────────────────────────── */
.pkg-band{padding:var(--m-sec) var(--m-gutter) !important;}
.pkg-title{font-size:var(--m-h2);text-wrap:balance;}
.pkg-eyebrow{font-size:var(--m-label);letter-spacing:.3em;}
.pkg-intro{font-size:16px;line-height:1.65;}

/* session facts (format / duration / prerequisites / investment) as a tidy 2-column plate */
.session-bar-inner{display:grid !important;grid-template-columns:1fr 1fr;gap:28px 20px !important;padding:36px var(--m-gutter) !important;max-width:none !important;}
.session-fact{gap:8px !important;min-width:0;}
.sf-k{font-size:11px !important;letter-spacing:.26em !important;color:var(--m-accent) !important;}
.sf-v{font-size:17px !important;letter-spacing:.01em !important;line-height:1.35;color:var(--ink) !important;}

/* italic pull-lines: allowed to wrap, centred, never wider than the screen */
.pull-line{white-space:normal !important;margin-left:0 !important;margin-right:0 !important;text-align:center !important;
  font-size:clamp(25px,7vw,30px) !important;line-height:1.3 !important;letter-spacing:.015em !important;padding:12px 0 18px;text-wrap:balance;}

/* hairline-topped sub-sections and padded wrappers */
.sec-rule{padding-top:48px !important;}
.pad-wrap{padding:0 var(--m-gutter) !important;}
.pad-wrap-top{padding-top:64px !important;}

.pkg-band{margin-top:0 !important;}
.pkg-head{margin-bottom:36px !important;}
.pkg-grid{gap:28px !important;}
.pkg-card,.pkg-grid--solo .pkg-card{flex:0 1 min(100%,360px) !important;padding:20px 20px 30px !important;}
.pkg-arch{aspect-ratio:5/5.2;}
.pkg-meta{font-size:11px !important;letter-spacing:.24em !important;color:var(--m-ink-soft) !important;margin:26px 0 10px !important;}
.pkg-name,.pkg-grid--solo .pkg-name{font-size:27px !important;line-height:1.15 !important;}
.pkg-list{font-size:20px !important;line-height:1.4 !important;}
.pkg-list li.is-here small{font-size:10px !important;letter-spacing:.22em !important;}
.pkg-go{font-size:12px !important;letter-spacing:.2em !important;padding:12px 2px 8px !important;min-height:44px;}

/* testimonials: swipeable, one card at a time with a peek of the next */
.testimonials-section{padding:0 0 var(--m-sec) !important;}
.testimonials-inner{padding:0 var(--m-gutter) !important;}
.testimonials-track{gap:16px !important;margin:0 calc(var(--m-gutter) * -1);padding:0 var(--m-gutter) 20px !important;scroll-padding:0 var(--m-gutter);-webkit-overflow-scrolling:touch;}
.testimonial-card,.testimonial-video,.testi-card-wrap{flex:0 0 min(84vw,340px) !important;}
.testimonial-card{padding:32px 26px !important;}
.testimonial-quote{font-size:20px !important;line-height:1.55 !important;}
.testimonial-name{font-size:12px !important;letter-spacing:.2em !important;}
.testi-cue{padding:0 var(--m-gutter) !important;}
.testi-cue-label{font-size:11px !important;letter-spacing:.24em !important;}

/* inline-styled paragraphs and list items inside content blocks follow the same reading scale */
.content-section p:not(.pull-line),.content-section li,.what-to-expect li{font-size:var(--m-body) !important;line-height:var(--m-lh) !important;letter-spacing:.005em !important;}
.content-section .pull-line{font-size:clamp(25px,7vw,30px) !important;}
.content-section li{line-height:1.6 !important;}

/* booking note (spell work) */
.booking-note{padding:0 var(--m-gutter) !important;}
.booking-note-inner{padding:26px 24px !important;}
.booking-note-inner span{font-size:11px !important;letter-spacing:.26em !important;color:var(--m-accent) !important;margin-bottom:12px !important;}
.booking-note-inner p{font-size:20px !important;line-height:1.5 !important;}

/* ── 5a. HOMEPAGE ────────────────────────────────────────────────────── */
/* hero: one calm, full-screen composition — sigil, name, two actions, the Azoth entry */
.hero{min-height:100vh;min-height:100svh;padding:92px var(--m-gutter) 56px !important;justify-content:center;}
.hero-sigil-wrap{width:min(44vw,176px) !important;margin-bottom:20px !important;}
.hero-label{font-size:12px !important;letter-spacing:.26em !important;margin-bottom:12px !important;text-indent:.26em;}
.hero-h1{font-size:clamp(42px,12.6vw,60px) !important;letter-spacing:.2em !important;margin-bottom:30px !important;}
.hero-btns{flex-direction:column;align-items:stretch;gap:12px !important;width:100%;max-width:308px;}
.hero-btns .btn-primary,.hero-btns .btn-ghost{width:100%;}
.hero .btn-ghost{color:#FBF1F0 !important;border-color:rgba(251,241,240,.75) !important;background:rgba(32,18,14,.28);
  text-shadow:0 1px 8px rgba(32,18,14,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.azoth-line{margin-top:34px !important;}
.az-word{font-size:22px !important;}
.az-pron,.az-pos{font-size:16px !important;}
.az-def{font-size:18px !important;line-height:1.5 !important;margin-top:8px !important;}
.scroll-cue{display:none !important;}

/* sections */
.section{padding:var(--m-sec) var(--m-gutter) !important;}
.section-label{font-size:var(--m-label) !important;letter-spacing:.3em !important;color:var(--m-accent) !important;margin-bottom:14px !important;}
.section-title{font-size:var(--m-h2) !important;line-height:1.12 !important;text-wrap:balance;}
.section-sub{font-size:var(--m-body) !important;line-height:var(--m-lh) !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;max-width:none !important;}
.divider{padding:20px 0;}
.rebis-layout .section-sub{font-size:20px !important;line-height:1.62 !important;color:var(--m-ink-soft) !important;}
.rebis-layout .section-sub strong{color:var(--ink) !important;}
.rebis-layout > div:last-child > h2.section-title{font-size:clamp(27px,7.6vw,34px) !important;}

/* the path (doorway) */
.path-section{padding:var(--m-sec) var(--m-gutter) !important;}
.path-inner{gap:44px !important;}
.path-visual{width:67% !important;max-width:258px !important;}
.path-label{font-size:var(--m-label) !important;letter-spacing:.3em !important;color:var(--m-accent) !important;}
.path-title{font-size:var(--m-h2) !important;line-height:1.12 !important;text-wrap:balance;}
.path-lede{font-size:clamp(23px,6.4vw,27px) !important;line-height:1.35 !important;}
.path-body{font-size:var(--m-body) !important;line-height:var(--m-lh) !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;}
.path-body strong{color:var(--ink) !important;}

/* meet Izzy */
.meet-section{padding:var(--m-sec) var(--m-gutter) !important;}
.meet-inner{gap:40px !important;}
.meet-portrait{max-width:340px !important;}
.meet-label{font-size:var(--m-label) !important;letter-spacing:.3em !important;color:var(--m-accent) !important;}
.meet-title{font-size:var(--m-h2) !important;line-height:1.1 !important;}
.meet-rule{margin-bottom:28px !important;}
.meet-body{text-align:left !important;}
.meet-body .meet-label,.meet-body .meet-title{text-align:center;}
.meet-text{font-size:var(--m-body) !important;line-height:var(--m-lh) !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;margin-bottom:20px !important;text-wrap:pretty;}
.meet-cta{display:flex;justify-content:center;margin-top:12px !important;}

/* reflections (dark testimonial band) */
.testimonials{padding:var(--m-sec) var(--m-gutter) !important;}
.quote{font-size:clamp(24px,6.6vw,29px) !important;line-height:1.5 !important;}
.quote-wrap{min-height:300px !important;}
.quote-dots{margin-top:28px !important;}
.rline{width:40px !important;padding:20px 0 !important;}          /* 44px touch height */
.testimonials .section-label{font-size:var(--m-label) !important;color:#E7C9A0 !important;}

/* closing call to action */
.final-cta{padding:88px var(--m-gutter) 96px !important;}
.final-cta-title{font-size:clamp(38px,10.6vw,48px) !important;line-height:1.08 !important;text-wrap:balance;}
.final-cta-sub{font-size:14px !important;letter-spacing:.14em !important;line-height:1.9 !important;color:var(--m-ink-soft) !important;max-width:320px !important;text-transform:uppercase;}
.btn-path{min-height:56px;font-size:13px !important;letter-spacing:.18em !important;padding:0 34px !important;display:inline-flex;align-items:center;justify-content:center;}

/* ── 5b. HEALINGS PAGE ───────────────────────────────────────────────── */
.hero-meta{font-size:12px !important;letter-spacing:.2em !important;gap:10px 16px !important;margin-top:28px !important;}

/* "Most Recommended" Life Activation feature */
.la-feature{padding:64px var(--m-gutter) 72px !important;}
.la-inner{gap:44px !important;}
.la-media{width:min(280px,74%) !important;}
.la-eyebrow{font-size:12px !important;letter-spacing:.22em !important;color:var(--m-accent) !important;}
.la-title{font-size:clamp(48px,14vw,62px) !important;line-height:1 !important;}
.la-meta{font-size:12px !important;letter-spacing:.2em !important;color:var(--m-ink-soft) !important;}
.la-body p{font-size:19px !important;line-height:1.6 !important;color:var(--m-ink-soft) !important;}
.la-body p strong{color:var(--ink) !important;}
.la-body p.la-close{font-size:22px !important;line-height:1.4 !important;}
.la-seal{width:88px !important;height:88px !important;right:-14px !important;}

/* the three swipe-through carousels */
.healing-sections{padding:48px var(--m-gutter) 64px !important;gap:64px !important;}
.healing-section-label{font-size:16px !important;letter-spacing:.32em !important;}
.healing-card{padding:26px 22px 30px !important;}
.healing-card-title{font-size:27px !important;line-height:1.2 !important;letter-spacing:.03em !important;}
.healing-card-meta{font-size:11px !important;letter-spacing:.2em !important;color:var(--m-ink-soft) !important;}
.healing-card-arch{width:62% !important;}
.healing-card-sub{font-size:16px !important;line-height:1.6 !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;}
.healing-card-go{font-size:12px !important;letter-spacing:.22em !important;opacity:1 !important;transform:none !important;color:var(--m-accent) !important;margin-top:18px !important;}
.healing-card-badge{font-size:11px !important;letter-spacing:.2em !important;}
.healing-carousel-nav{gap:14px !important;margin-top:18px !important;}
.healing-carousel-count{font-size:12px !important;letter-spacing:.2em !important;}
.healing-carousel-dot{width:8px !important;height:8px !important;}
.healing-carousel-dots{gap:12px !important;}
.healing-carousel-arrow{width:var(--m-tap) !important;height:var(--m-tap) !important;font-size:18px !important;}

/* "What is healing" essay: lede, then text with the engravings set between paragraphs */
.wh-intro{padding:72px var(--m-gutter) 24px !important;}
.wh-lede{max-width:none !important;font-size:clamp(25px,7.2vw,31px) !important;line-height:1.45 !important;text-wrap:balance;}
.wh-essay{padding:24px var(--m-gutter) 72px !important;}
.wh-text{font-size:20px !important;line-height:1.6 !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;}
.wh-text p{margin-bottom:1.15em !important;text-wrap:pretty;}
.wh-text strong{font-weight:500;color:var(--ink);}
.fig-wrap.essay-fig-left,.fig-wrap.essay-fig-right{float:none !important;display:block;width:min(64%,250px) !important;margin:12px auto 30px !important;}

/* origin of these modalities */
.modalities.origin{padding:72px var(--m-gutter) 72px !important;}
.origin-body{font-size:19px !important;max-width:none !important;text-align:left !important;}
.origin-body p{font-size:19px !important;line-height:1.62 !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;text-wrap:pretty;}
.origin-body strong{color:var(--ink);}
.origin-body .btn-ghost{width:100%;}

/* meet your healer */
.healer-section{padding:72px var(--m-gutter) !important;}
.healer-inner{gap:40px !important;}
.healer-portrait{max-width:340px !important;}
.healer-label{font-size:12px !important;letter-spacing:.3em !important;color:var(--m-accent) !important;text-align:center;}
.healer-title{font-size:var(--m-h2) !important;text-align:center;}
.healer-body{text-align:left !important;}
.healer-rule{margin-left:auto !important;margin-right:auto !important;margin-bottom:28px !important;}
.healer-text{font-size:var(--m-body) !important;line-height:var(--m-lh) !important;letter-spacing:.005em !important;color:var(--m-ink-soft) !important;margin-bottom:20px !important;text-wrap:pretty;}
.healer-cta{display:flex;justify-content:center;margin-top:12px;}

/* ═════ 5c · ABOUT (meet-izzy) ═════ */
.bio-ed-label{font-size:12px !important;letter-spacing:.3em !important;color:var(--m-accent) !important;}
.bio-ed-meta{font-size:11.5px !important;letter-spacing:.2em !important;line-height:1.8 !important;color:var(--m-ink-soft) !important;}
.bio-ed-flow p{font-size:20px !important;line-height:1.6 !important;color:var(--m-ink-soft) !important;}

/* credentials I–VI */
.cred-row{grid-template-columns:44px 1fr !important;padding:32px 0 !important;}
.cred-num{font-size:19px !important;padding-top:6px !important;}
.cred-name{font-size:clamp(24px,6.6vw,29px) !important;line-height:1.2 !important;margin-bottom:12px !important;}
.creds-list p.cred-desc{font-size:16px !important;line-height:1.75 !important;letter-spacing:.01em !important;color:var(--m-ink-soft) !important;max-width:none !important;}
.creds-list strong{font-size:inherit !important;}
.cred-cert{margin-top:18px !important;}
.cred-cert summary{font-size:12px !important;letter-spacing:.2em !important;min-height:var(--m-tap);color:var(--m-accent) !important;}
.cred-cert-cap{font-size:11.5px !important;letter-spacing:.14em !important;line-height:1.6 !important;}

/* working with me */
.wwm-plate-k{font-size:11.5px !important;letter-spacing:.24em !important;color:var(--m-accent) !important;}
.wwm-plate-v{font-size:19px !important;white-space:normal !important;}
.wwm-plate{gap:10px 20px !important;}
.wwm-section p.wwm-note,.wwm-note{font-size:15px !important;line-height:1.75 !important;letter-spacing:.01em !important;color:var(--m-ink-soft) !important;}
.wwm-copy p{font-size:var(--m-body) !important;line-height:var(--m-lh) !important;color:var(--m-ink-soft) !important;}

/* handwritten annotations on progress photos */
.progress-note-text,.span-note-text{font-size:15px !important;line-height:1.25 !important;}
.wwm-vow{font-size:20px !important;line-height:1.55 !important;color:var(--m-ink-soft) !important;}

/* ═════ 5d · MMS / INITIATION / JOURNAL — small-type floors ═════ */
.hermetics-watch,.mms-link-sub,.mms-link-go,.path-step-go,.ult-testimonial-watch,.soon-mark,.notify-label,.notify-btn{font-size:12px !important;letter-spacing:.18em !important;line-height:1.6 !important;}
.hermetics-sub,.path-step-label,.quote-attr,figcaption{font-size:12px !important;letter-spacing:.16em !important;}
.hermetics-watch,.mms-link-go,.path-step-go,.ult-testimonial-watch{display:inline-flex;align-items:center;min-height:var(--m-tap);}
.notify-btn{min-height:var(--m-tap) !important;}
.content-section li,.content-body li{font-size:17px !important;line-height:1.65 !important;}

/* ═════ 5e · INITIATION ═════ */
.intro-body p{line-height:1.75 !important;font-size:17px !important;}
.intro-body p:first-child{font-size:clamp(22px,6vw,26px) !important;line-height:1.4 !important;}
.essay-group p,.essay-flow p{font-size:19px !important;line-height:1.62 !important;color:rgba(253,251,248,.92) !important;letter-spacing:.005em !important;}
.essay-line{font-size:clamp(21px,5.8vw,25px) !important;line-height:1.45 !important;}
.for-you-card p{line-height:1.75 !important;color:var(--m-ink-soft) !important;}
.ib-block-inner .btn-primary,.ib-block-inner .btn-ghost,.what-is-initiation .btn-primary,.what-is-initiation .btn-ghost{width:100%;}
.ib-block-inner p[style*="C48E96"],.content-body p[style*="C48E96"]{color:var(--m-accent) !important;font-size:15px !important;}
.quote-text{font-size:clamp(22px,6.2vw,26px) !important;line-height:1.45 !important;}
.btn-primary,.btn-ghost,.btn-path{padding:0 20px !important;letter-spacing:.14em !important;}
.intro-heading,.section-heading,.story-title{font-size:var(--m-h2) !important;line-height:1.12 !important;text-wrap:balance;}
.section-heading[style*="italic"]{font-size:clamp(26px,7.4vw,34px) !important;line-height:1.25 !important;}
.ib-block li,.content-body li{letter-spacing:.06em !important;font-size:16px !important;}
.deep-teaching-kicker .section-label{color:#E3B7BE !important;}

/* ═════ 5f · PACKAGE PAGES — small-type floors ═════ */
.investment-meta-label,.included-item-value,.package-badge,.investment-eyebrow,.investment-save-badge,.cta-price-line,.sf-k,.pkg-meta,.pkg-eyebrow,.pkg-go,.content-label{font-size:12px !important;letter-spacing:.16em !important;line-height:1.5 !important;}
.investment-meta-value{font-size:15px !important;}
.included-item-desc{font-size:16px !important;line-height:1.7 !important;color:var(--m-ink-soft) !important;}
.cta-price-line strong{font-size:inherit !important;}
.pkg-go{display:inline-flex;align-items:center;min-height:var(--m-tap);}
.investment-meta-label,.investment-eyebrow,.included-item-value{color:var(--m-accent) !important;}

/* ═════ 5g · "ALL ROADS" ESSAY (homepage) ═════ */
.rebis-layout > div:first-child{display:block;}
.rebis-layout .section-title{text-align:center !important;margin-bottom:34px !important;}
.rebis-layout .section-sub{font-weight:400 !important;color:#3f312c !important;text-align:left !important;}
.rebis-layout .section-sub p{margin-bottom:1.25em !important;text-wrap:pretty;}
.rebis-layout .section-sub strong{font-weight:500 !important;}
/* opening line: a pull-quote instead of a drop cap */
.rebis-layout p.ar-first{font-size:clamp(24px,6.8vw,28px) !important;line-height:1.42 !important;font-style:italic;color:var(--ink) !important;text-align:center !important;margin-bottom:1.5em !important;text-wrap:balance;}
.rebis-layout p.ar-first::first-letter{float:none !important;font-size:inherit !important;line-height:inherit !important;margin:0 !important;color:inherit !important;}
.rebis-layout p.ar-first strong{font-weight:500 !important;font-style:italic;}
/* quiet ornaments between the movements */
.rebis-layout p.ar-path,.rebis-layout p.ar-turn{position:relative;margin-top:2.6em !important;}
.rebis-layout p.ar-path::before,.rebis-layout p.ar-turn::before{content:'✦';display:block;text-align:center;color:#A87C45;font-size:13px;letter-spacing:0;line-height:1;margin-bottom:1.6em;opacity:.85;}
.rebis-layout p.ar-answers{margin-top:1.8em !important;}
/* the turn and the close, as one ending */
.rebis-layout p.ar-turn{font-size:clamp(25px,7vw,30px) !important;line-height:1.35 !important;text-align:center !important;color:var(--ink) !important;margin-bottom:.7em !important;text-wrap:balance;}
.rebis-layout p.ar-close{font-size:clamp(21px,5.8vw,25px) !important;text-align:center !important;color:#A2586A !important;margin-top:0 !important;line-height:1.4 !important;}
.rebis-layout > div:last-child{margin-top:44px;}
/* scroll settle */
.ar-io{opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s ease;}
.ar-io.ar-in{opacity:1;transform:none;}

/* ═════════════════════════════════════════════════════════
   6 · POLISH — contrast, depth, motion, touch
   ═════════════════════════════════════════════════════════ */
:root{--m-rose-text:#AD687A;--m-rose-btn-a:#B2707F;--m-rose-btn-b:#9C5566;--m-rose-label:#96505F;}
html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;}
::selection{background:rgba(196,142,150,.32);}

/* rose italic accents in headlines: same hue, deep enough to read (was 2.7:1) */
.page-hero h1 em,.cta-section h2 em,.pkg-head h2 em,.story-title em,.section-heading em,.meet-title em,.la-title em,.healer-title em,.bio-ed-title em,.final-cta-title em,.intro-heading em,.content-title em,.subsection-title em,.section-title em{color:var(--m-rose-text) !important;}
/* small pink labels + fine print */
.page-label,.back-link,.sf-k,.content-label,.package-badge,.investment-save-badge,.wwm-plate-k,.testi-cue-label,.healing-section-label,.guide-portrait-role,.notify-label,.cta-price-line strong,.page-sub,.hero-meta span:first-child{color:var(--m-rose-label) !important;}
.back-link{color:#6f5a55 !important;}
/* primary button: richer rose so white type passes contrast, with a soft lit edge */
.btn-primary{background:linear-gradient(180deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;color:#FFF9F6 !important;border:0 !important;
  box-shadow:0 12px 26px -10px rgba(140,68,86,.6),0 2px 4px rgba(140,68,86,.18),inset 0 1px 0 rgba(255,255,255,.26) !important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;}
.btn-primary:active{transform:scale(.975) !important;filter:brightness(.96);box-shadow:0 6px 14px -8px rgba(140,68,86,.6),inset 0 1px 0 rgba(255,255,255,.2) !important;}
.btn-ghost{transition:transform .25s ease,background .25s ease;}
.btn-ghost:active{transform:scale(.975) !important;background:rgba(196,142,150,.12) !important;}
.m-cta{color:var(--m-rose-label) !important;border-color:var(--m-rose-label) !important;}
a:active{opacity:.82;}
.btn-primary:active,.btn-ghost:active{opacity:1;}

/* homepage hero: a whisper of shade so the small type over bright video stays readable */
.hero > :not(video):not(.hero-fade):not(.hero-bloom):not(#sparkles):not(.scroll-cue){position:relative;z-index:2;}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(28,16,12,.16) 0%,rgba(28,16,12,0) 26%,rgba(28,16,12,.22) 52%,rgba(28,16,12,.52) 100%);}
.hero-label{text-shadow:0 1px 10px rgba(28,16,12,.55);}
.azoth-line{text-shadow:0 1px 12px rgba(28,16,12,.6);}

/* thin Cormorant reads faint on glass: one real weight up for running text */
.story-body p,.bio-ed-flow p,.wh-text,.wh-text p,.origin-body p,.healer-text,.essay-flow p,.essay-group p,.rebis-layout .section-sub p,.content-body p{font-weight:400 !important;}
.bio-ed-flow p,.story-body p{color:#4a3a35 !important;}

/* menu: links settle in one after another */
@keyframes mIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mobile-menu.open > a,.mobile-menu.open .nav-dropdown{animation:mIn .55s cubic-bezier(.2,.7,.2,1) both;}
.mobile-menu.open > :nth-child(1){animation-delay:.05s}.mobile-menu.open > :nth-child(2){animation-delay:.11s}
.mobile-menu.open > :nth-child(3){animation-delay:.17s}.mobile-menu.open > :nth-child(4){animation-delay:.23s}
.mobile-menu.open > :nth-child(5){animation-delay:.29s}.mobile-menu.open > :nth-child(6){animation-delay:.35s}
.mobile-menu.open > :nth-child(7){animation-delay:.41s}

/* depth: hairline-gold cards get a soft, layered lift */
.pkg-card,.testi-card,.included-item,.investment-block{box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -22px rgba(74,50,44,.28),0 2px 6px rgba(74,50,44,.05);}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-menu.open > *{animation:none !important}.ar-io{opacity:1 !important;transform:none !important}}
.page-label,.section-label,.path-label,.healing-section-label,.content-label,.sf-k,.wwm-plate-k{color:#8C4959 !important;}
.nav-cta,.testimonial-name,.soon-mark,.notify-btn,.lineage-flank figcaption,.guide-portrait figcaption,figure figcaption{color:#8C4959 !important;}
.notify-btn{border-color:#8C4959 !important;}
.journal-statement{color:#5a4a45 !important;}
.ib-block-inner p[style*="C48E96"]{color:#8C4959 !important;}
div[style*="uppercase"][style*="var(--gold)"]{color:#8C4959 !important;}
.deep-teaching-kicker .section-label{color:#E3B7BE !important;}
p[style*="color:var(--gold)"]{color:#8C4959 !important;}
.investment-save-badge{background:linear-gradient(180deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;color:#FFF9F6 !important;}
.healing-carousel-count,.hermetics-sub{color:#7d6660 !important;}

/* ═════ 7 · HEALINGS CAROUSEL CARDS — bigger image, quieter text ═════ */
.healing-card{padding:26px 14px 28px !important;}
.healing-card .healing-card-arch,.healing-card-arch{width:86% !important;max-width:none !important;}
.healing-card .healing-card-title{font-size:clamp(23px,6.2vw,26px) !important;}
.healing-card .healing-card-meta{font-size:11px !important;}
.healing-card .healing-card-sub,.healing-card p.healing-card-sub{font-size:15px !important;line-height:1.6 !important;padding:0 8px;}
.healing-card .healing-card-go{font-size:11.5px !important;}

/* ═════ 8 · CLOSED MENU MUST NOT CATCH TAPS ═════
   The menu's sub-links were forced clickable even while the menu was hidden, so a tap on a card
   at that height opened "The Modern Mystery School". Closed = invisible AND untouchable. */
.mobile-menu:not(.open){visibility:hidden;pointer-events:none !important;transition:opacity .35s,visibility 0s .35s;}
.mobile-menu:not(.open) *{pointer-events:none !important;}
.mobile-menu.open{visibility:visible;}

/* ═════ 9 · ABOUT — photographs first, in the desktop pairing, then the writing ═════ */
.bio-section{padding:56px var(--m-gutter) 64px !important;gap:40px !important;}
.bio-ed-figs{order:-1;grid-template-columns:1.35fr .65fr !important;gap:12px !important;align-items:start;}
.bio-ed-figs .fig-tall{grid-column:1 !important;grid-row:1 / span 2 !important;}
.bio-ed-figs .fig-bw{grid-column:2 !important;grid-row:1 !important;margin:26px 0 0 !important;}
.bio-ed-figs .fig-short{grid-column:2 !important;grid-row:2 !important;}
.bio-ed-head{order:1;}

/* ═════ 10 · ABOUT — "My Story" letter title, as on desktop: ink title, rose italic line ═════ */
.section-label.story-title{color:var(--ink) !important;font-family:'Cormorant Garamond',serif !important;font-weight:300 !important;
  font-size:clamp(36px,10vw,44px) !important;letter-spacing:.02em !important;text-transform:none !important;line-height:1.08 !important;text-align:left !important;margin-bottom:12px !important;}
.story-body p.story-lede,.section-heading.story-lede{color:var(--m-rose-text) !important;font-style:italic !important;font-weight:300 !important;
  font-size:clamp(25px,7vw,31px) !important;line-height:1.3 !important;letter-spacing:.01em !important;text-align:left !important;margin-bottom:24px !important;text-wrap:balance;}
.story-lede em{color:var(--m-rose-text) !important;}

/* ═════ 11 · ABOUT — credentials subtext, quieter ═════ */
.creds-list p.cred-desc{font-size:14.5px !important;line-height:1.7 !important;letter-spacing:.01em !important;}
.cred-cert summary{font-size:11.5px !important;}

/* ═════ 12 · INITIATION — opening image, larger ═════ */
.what-is-image{width:100%;display:flex;justify-content:center;}
.what-is-image img{width:min(88vw,340px) !important;max-width:none !important;height:auto;}
.what-is-initiation{gap:30px !important;}

/* ═════ 13 · INITIATION ESSAY — room to breathe ═════
   .pb marks sentence breaks that become paragraph breaks on phones only (desktop is untouched). */
.pb{display:block;height:1.15em;}
.essay-flow{padding:0 2px;}
.essay-group{margin-bottom:0 !important;}
.essay-group p,.essay-flow p{font-size:18.5px !important;line-height:1.72 !important;letter-spacing:.01em !important;color:rgba(253,251,248,.9) !important;margin:0 0 1.35em !important;max-width:none !important;text-wrap:pretty;}
.essay-group p strong{font-weight:500 !important;color:#FFF7EE !important;}
.dropcap::first-letter{font-size:3.1em !important;line-height:.8 !important;margin:.06em .12em 0 0 !important;}
.essay-group{padding-bottom:6px;}
.essay-flow p.essay-line{margin-top:1.6em !important;text-align:center !important;}

/* caduceus in the Initiation essay: smaller */
.fig-wrap.essay-fig-left.no-halo{width:min(40%,150px) !important;margin:6px auto 22px !important;}

/* ═════ 14 · INITIATION — Erin Wallace portrait, centred ═════ */
.what-is-initiation .guide-portrait{align-self:center !important;width:100%;margin:0 auto !important;align-items:center !important;text-align:center !important;}
.guide-portrait-frame{width:min(72vw,260px) !important;margin:0 auto;}
.guide-portrait figcaption{align-items:center !important;text-align:center !important;width:100%;}
.guide-portrait-name,.guide-portrait-role{text-align:center !important;display:block;width:100%;}
.guide-portrait-role{color:#8C4959 !important;font-size:11.5px !important;letter-spacing:.24em !important;}

/* ═════ 15 · INITIATION — tighter vertical rhythm ═════ */
.ib-block{padding-top:56px !important;padding-bottom:56px !important;}
.ib-block[style*="padding:9rem 0"]{padding-top:44px !important;padding-bottom:48px !important;}
.ib-block[style*="padding:9rem 0"] .section-heading{margin-bottom:26px !important;}
.ult-testimonial-frame{margin-top:0 !important;}

/* ═════ 16 · MODERN MYSTERY SCHOOL — the eternal-flame introduction ═════
   Desktop flanks the text with two flame emblems. On a phone they bookend it instead:
   one rising over an ember glow at the top, its twin marking the closing statement. */
.intro-body:has(> .intro-flame){position:relative !important;left:auto !important;right:auto !important;width:100% !important;margin:0 !important;
  padding:6px 0 8px !important;display:flex;flex-direction:column;align-items:center;text-align:center;}
.intro-body:has(> .intro-flame)::before{content:'';position:absolute;top:-34px;left:50%;width:340px;height:340px;margin-left:-170px;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(226,170,118,.34) 0%,rgba(226,170,118,.12) 38%,transparent 68%);animation:emberGlow 6s ease-in-out infinite;}
@keyframes emberGlow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}
.intro-body > .intro-flame{display:block !important;position:relative !important;top:auto !important;left:auto !important;right:auto !important;transform:none !important;
  height:auto;z-index:1;margin:0 auto;}
.intro-body > .intro-flame-left{order:0;width:150px !important;opacity:1 !important;margin-bottom:26px;filter:drop-shadow(0 0 10px rgba(232,170,110,.45));}
.intro-body:has(> .intro-flame) > p:nth-of-type(1){order:1;position:relative;z-index:1;font-size:clamp(21px,5.9vw,25px) !important;line-height:1.55 !important;color:#3a2c26 !important;margin:0 !important;text-wrap:pretty;}
.intro-body > .intro-flame-right{order:2;width:92px !important;opacity:.95 !important;margin:34px auto 20px;}
.intro-body:has(> .intro-flame) > p:nth-of-type(2){order:3;position:relative;z-index:1;margin:0 !important;font-size:clamp(28px,8vw,34px) !important;line-height:1.24 !important;text-wrap:balance;}
.intro-body:has(> .intro-flame) > p:nth-of-type(2) strong{font-weight:600 !important;font-style:italic;color:var(--ink);}
@media(prefers-reduced-motion:reduce){.intro-body:has(> .intro-flame)::before{animation:none}}
.intro-body > .intro-flame-left{width:230px !important;margin-bottom:14px !important;filter:drop-shadow(0 0 14px rgba(232,160,100,.55)) !important;}
.intro-body > .intro-flame-right{width:140px !important;margin:28px auto 12px !important;}
.intro-body:has(> .intro-flame)::before{top:-70px;width:420px;height:420px;margin-left:-210px;background:radial-gradient(circle,rgba(228,160,104,.42) 0%,rgba(228,160,104,.16) 36%,transparent 66%);}
.intro-body:has(> .intro-flame) > p:nth-of-type(1){font-weight:400 !important;}

/* ═════ 17 · MODERN MYSTERY SCHOOL — the photographs around "A Lineage of Light" ═════
   On desktop they stand either side of the essay. On a phone they are set into it:
   the two engravings as a captioned pair, the community photographs as staggered duos. */
.lineage-para-wrap{display:grid !important;grid-template-columns:1fr 1fr;gap:0 16px;margin:34px 0 8px;}
.lineage-flank{display:block !important;position:static !important;transform:none !important;width:auto !important;left:auto !important;right:auto !important;top:auto !important;margin:0 !important;text-align:center;}
.lineage-flank-left{grid-area:1/1;}
.lineage-flank-right{grid-area:1/2;}
.lineage-para-wrap > p{grid-area:2/1/3/3;margin-top:28px !important;}
.lineage-flank img{aspect-ratio:4/5;object-fit:cover;box-shadow:0 0 0 1px rgba(196,142,150,.45),0 0 0 6px var(--parchment),0 0 0 6.5px rgba(196,176,164,.55),0 18px 34px -14px rgba(46,36,32,.35) !important;filter:sepia(.12) contrast(1.03);}
.lineage-flank figcaption{margin-top:18px !important;font-size:11.5px !important;letter-spacing:.2em !important;color:#8C4959 !important;line-height:1.5;}

.culture-para-wrap{display:flex !important;flex-direction:column;}
.culture-para-wrap > p{order:1;}
.culture-flank{display:block !important;position:relative !important;top:auto !important;left:auto !important;right:auto !important;transform:none !important;width:100% !important;height:auto !important;margin:6px 0 30px;}
.culture-flank-left{order:2;}
.culture-flank-right{order:4;margin-top:8px;}
.culture-para-wrap > p:nth-of-type(2){order:3;}
.culture-flank img{position:relative !important;top:auto !important;left:auto !important;right:auto !important;display:block;width:76% !important;height:auto;aspect-ratio:16/10;object-fit:cover;
  box-shadow:0 0 0 1px rgba(196,142,150,.45),0 22px 40px -16px rgba(20,14,12,.38) !important;filter:saturate(.9) contrast(1.03);}
.culture-flank img:nth-child(1){z-index:2;}
.culture-flank img:nth-child(2){z-index:1;margin:-12% 0 0 auto;}
.culture-flank-right img:nth-child(1){margin-left:auto;}
.culture-flank-right img:nth-child(2){margin:-12% auto 0 0;}

/* ═════ 18 · MODERN MYSTERY SCHOOL — "Explore Further" symbols, truly centred ═════ */
.mms-cards{width:100% !important;left:auto !important;right:auto !important;margin:0 !important;padding:0 !important;
  flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:18px !important;}
.mms-card{width:100% !important;max-width:340px;flex:0 0 auto !important;align-items:center !important;padding:12px 0 !important;margin:0 auto !important;}
.mms-card-icon-wrap{width:min(66vw,250px) !important;height:min(66vw,250px) !important;margin:0 auto;}
.mms-card-icon{width:min(66vw,250px) !important;height:min(66vw,250px) !important;margin:0 auto !important;}
.mms-card-label{font-size:26px !important;text-align:center;}

/* §19 MMS videos: larger, edge-to-edge on phones */
@media (max-width:900px){
.hermetics-card{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;width:100vw !important;max-width:100vw !important;padding:0 0 18px !important;border-left:0 !important;border-right:0 !important;box-sizing:border-box;}
.hermetics-card .hermetics-caption{padding-left:var(--m-gutter);padding-right:var(--m-gutter);margin-top:1.1rem;}
.hermetics-play{width:72px !important;height:72px !important;}
.magick-single,.video-band > div[style*="flex"]{padding-left:0 !important;padding-right:0 !important;}
.hermetics-frame{padding-top:56.25% !important;}
}

/* §20 "Your First Steps" cards: smaller, inset, tighter */
@media (max-width:900px){
.path-steps,.first-steps-band .path-steps{padding-left:var(--m-gutter) !important;padding-right:var(--m-gutter) !important;flex-direction:column !important;align-items:center !important;margin-top:2.6rem !important;}
.path-step{flex:0 0 auto !important;width:100% !important;max-width:344px !important;padding:40px 18px 26px !important;gap:.9rem !important;}
.path-step-marker{width:76px !important;height:76px !important;}
.path-step-num{font-size:16px !important;}
.path-step-label{margin-bottom:.4rem !important;}
.path-step-title{font-size:27px !important;margin-bottom:.6rem !important;}
.path-step-body p{font-size:15px !important;line-height:1.65 !important;letter-spacing:.02em !important;}
.path-step-go{margin-top:.9rem !important;min-height:40px !important;font-size:11px !important;letter-spacing:.16em !important;}
}

/* §21 First Steps: roomier, longer dotted connector */
@media (max-width:900px){
.path-connector{height:120px !important;padding:0 !important;position:relative;width:100%;}
.path-connector svg{display:none !important;}
.path-connector::before{content:'';position:absolute;left:50%;top:14px;bottom:14px;width:0;border-left:2.5px dotted #B8737F;transform:translateX(-50%);opacity:1;}
.path-connector::after{content:'';position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#C48E96;box-shadow:0 113px 0 #C48E96;opacity:.8;}
}

/* §22 MMS website / Instagram / YouTube links: compact */
@media (max-width:900px){
.mms-link{padding:26px 20px 18px !important;max-width:300px !important;}
.mms-link:nth-child(2){transform:none !important;}
.mms-link-num{margin-bottom:.9rem !important;}
.mms-link-icon{width:56px !important;height:56px !important;margin-bottom:.8rem !important;}
.mms-link-icon::before,.mms-link-icon::after{width:46px !important;height:46px !important;}
.mms-link-icon svg{width:22px !important;height:22px !important;}
.mms-link-label{font-size:23px !important;}
.mms-link-sub{margin-top:.3rem !important;font-size:11.5px !important;letter-spacing:.1em !important;line-height:1.5 !important;}
.mms-link-go{margin-top:.4rem !important;min-height:40px !important;font-size:11px !important;}
}

/* §23 healings: "Where the Path Begins" stays on one line */
@media (max-width:900px){
.la-meta .la-sep{display:none;}
.la-meta .la-tag{display:block;white-space:nowrap;margin-top:.35em;}
}

/* §24 healings essay lede: editorial opening */
@media (max-width:900px){
.wh-intro{position:relative;padding:84px var(--m-gutter) 40px !important;background:var(--parchment) !important;text-align:center;}
.wh-intro::before{content:'\2726';display:block;text-align:center;color:var(--m-accent);font-size:20px;letter-spacing:.6em;margin:0 0 6px;text-indent:.6em;}
.wh-intro::after{content:'';display:block;width:1px;height:56px;margin:34px auto 0;background:linear-gradient(180deg,var(--m-accent),rgba(162,88,106,0));}
.wh-lede{font-size:clamp(24px,6.6vw,29px) !important;line-height:1.5 !important;font-weight:400 !important;color:var(--ink) !important;padding:0 2px;}
.wh-lede .wh-hl{color:var(--m-accent);font-weight:500;background:linear-gradient(transparent 88%,rgba(196,142,150,.55) 88%);}
.wh-lede .wh-hl2{font-weight:500;background:linear-gradient(transparent 88%,rgba(201,170,148,.7) 88%);}
.wh-lede .wh-turn{display:block;clear:both;margin-top:1.5em;padding-top:1.3em;font-size:1.22em;line-height:1.35;color:var(--m-accent);font-weight:500;position:relative;text-wrap:balance;}
.wh-lede .wh-turn::before{content:'';position:absolute;top:0;left:50%;width:56px;height:1px;margin-left:-28px;background:var(--m-accent);opacity:.7;}
}

/* §25 healings essay body slightly larger */
@media (max-width:900px){
.wh-text{font-size:22px !important;line-height:1.62 !important;}
.wh-text > p[style*="italic"]{font-size:24px !important;line-height:1.45 !important;}
}

/* §26 life activation testimonials: smaller, less tall */
@media (max-width:900px){
.testimonial-card,.testi-card-wrap{flex:0 0 min(74vw,290px) !important;}
.testimonial-card{padding:24px 20px !important;max-height:390px !important;min-height:0 !important;}
.testimonial-quote{font-size:17.5px !important;line-height:1.5 !important;margin-bottom:1rem !important;}
.testimonial-video{flex:0 0 min(52vw,205px) !important;}
.testimonial-video .testimonial-name{font-size:11px !important;}
.testimonial-play{width:48px !important;height:48px !important;}
.testimonials-track{gap:12px !important;}
.testimonials-section .reveal[style*="margin-bottom:3.5rem"]{margin-bottom:2rem !important;}
}

/* §27 life activation: "What The Life Activation Actually Does" heading larger */
@media (max-width:900px){
.subsection-title.la-does{font-size:clamp(36px,10.4vw,44px) !important;line-height:1.1 !important;letter-spacing:.005em !important;margin-bottom:28px !important;}
}

/* §28 full spirit activation: intro quote, editorial layout */
@media (max-width:900px){
.fs-quote{border-left:0 !important;padding:0 !important;text-align:center;position:relative;}
section:has(> .fs-quote){padding:72px var(--m-gutter) 8px !important;background:radial-gradient(110% 55% at 50% 0%,rgba(196,142,150,.14),rgba(196,142,150,0) 72%);}
.fs-quote::before{content:'\2726';display:block;color:var(--m-accent);font-size:20px;margin-bottom:22px;}
.fs-quote p{font-size:22px !important;line-height:1.55 !important;letter-spacing:.005em !important;font-weight:400 !important;color:var(--m-ink-soft) !important;}
.fs-quote .fs-a{display:block;font-size:31px;line-height:1.2;color:var(--ink);font-weight:400;text-wrap:balance;}
.fs-quote .fs-b{display:block;font-style:italic;font-size:33px;line-height:1.2;color:var(--m-accent) !important;font-weight:500 !important;margin:.35em 0 1.1em;position:relative;padding-bottom:1em;}
.fs-quote .fs-b::after{content:'';position:absolute;left:50%;bottom:0;width:56px;height:1px;margin-left:-28px;background:var(--m-accent);opacity:.7;}
.fs-quote .fs-c{display:block;text-wrap:pretty;}
.fs-quote .fs-d{display:block;margin-top:1.2em;color:var(--ink);font-size:23px;line-height:1.45;text-wrap:balance;}
}

/* §29 all healing-page subsection titles larger */
@media (max-width:900px){
.subsection-title{font-size:clamp(34px,9.8vw,41px) !important;line-height:1.1 !important;letter-spacing:.005em !important;margin-bottom:26px !important;}
}

/* §30 initiation image: slightly smaller, transparent margins trimmed */
@media (max-width:900px){
.what-is-image{--iw:min(76vw,296px);}
.what-is-image img{width:var(--iw) !important;margin-top:calc(var(--iw) * -.085) !important;margin-bottom:calc(var(--iw) * -.235) !important;}
.what-is-initiation{gap:22px !important;}
}
@media (max-width:900px){.ib-block:has(.what-is-image){padding-top:16px !important;}}

/* §31 initiation: closing "No door…" line larger */
@media (max-width:900px){
.story-body.text-section.essay-section p.essay-line.essay-centred,.essay-line.essay-centred{font-size:clamp(28px,7.8vw,33px) !important;line-height:1.38 !important;text-wrap:balance;}
.essay-line.essay-centred em{color:#E3B8C0;}
}

/* §32 initiation: glowing 'for you' symbols (phones only) */
@media (max-width:900px){
/* always-on glow, gently breathing */
.for-you-icon{opacity:1;filter:drop-shadow(0 0 10px rgba(226,178,110,.55)) drop-shadow(0 0 26px rgba(196,142,150,.45));animation:fyGlow 4.8s ease-in-out infinite;}
.for-you-card:nth-child(2) .for-you-icon{animation-delay:-1s;}
.for-you-card:nth-child(3) .for-you-icon{animation-delay:-2s;}
.for-you-card:nth-child(4) .for-you-icon{animation-delay:-3s;}
.for-you-card:nth-child(5) .for-you-icon{animation-delay:-4s;}
@keyframes fyGlow{
  0%,100%{filter:drop-shadow(0 0 9px rgba(226,178,110,.5)) drop-shadow(0 0 22px rgba(196,142,150,.38));}
  50%{filter:drop-shadow(0 0 16px rgba(236,190,120,.85)) drop-shadow(0 0 38px rgba(196,142,150,.6));}
}
.for-you-card:hover .for-you-icon{animation:none;filter:drop-shadow(0 0 18px rgba(236,190,120,.95)) drop-shadow(0 0 42px rgba(196,142,150,.7));}
@media(prefers-reduced-motion:reduce){.for-you-icon{animation:none;}}
.for-you-icon{position:relative;}
.for-you-icon::before{content:'';position:absolute;left:50%;top:50%;width:12.5rem;height:12.5rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(238,192,124,.55) 0%,rgba(226,160,150,.3) 42%,rgba(226,160,150,0) 72%);pointer-events:none;z-index:0;animation:fyHalo 4.8s ease-in-out infinite;}
.for-you-icon img{position:relative;z-index:1;}
.for-you-card:nth-child(2) .for-you-icon::before{animation-delay:-1s;}
.for-you-card:nth-child(3) .for-you-icon::before{animation-delay:-2s;}
.for-you-card:nth-child(4) .for-you-icon::before{animation-delay:-3s;}
.for-you-card:nth-child(5) .for-you-icon::before{animation-delay:-4s;}
@keyframes fyHalo{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(.94);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06);}}
@media(prefers-reduced-motion:reduce){.for-you-icon::before{animation:none;}}
}

/* §33 healer / warrior path videos: centring that doesn't depend on viewport units */
@media (max-width:900px){
.two-paths{width:100% !important;left:auto !important;right:auto !important;margin-left:0 !important;margin-right:0 !important;padding:0 !important;}
.two-paths-inner{width:100% !important;max-width:none !important;}
.two-paths .hermetics-card{width:auto !important;max-width:none !important;margin-left:calc(var(--m-gutter) * -1) !important;margin-right:calc(var(--m-gutter) * -1) !important;}
}
@media (min-width:601px) and (max-width:900px){.two-paths .hermetics-card{margin-left:0 !important;margin-right:0 !important;}}

/* §34 MMS flame intro: less empty space */
@media (max-width:900px){
.content-section:has(.intro-body > .intro-flame){padding-top:8px !important;}
.intro-body > .intro-flame-left{margin-top:-38px !important;margin-bottom:-14px !important;}
.intro-body:has(> .intro-flame)::before{top:-112px !important;}
.intro-body > .intro-flame-right{margin:6px auto -6px !important;}
}

/* §35 First Steps: smaller card text, sturdier dotted connector */
@media (max-width:900px){
.path-step-body p{font-size:13.5px !important;line-height:1.62 !important;letter-spacing:.015em !important;}
.path-connector{z-index:2;}
.path-connector::before{border-left:0 !important;width:8px !important;margin-left:-4px !important;transform:none !important;left:50% !important;top:16px !important;bottom:16px !important;
  background-image:radial-gradient(circle,#B0616F 0,#B0616F 2px,rgba(176,97,111,0) 2.6px) !important;background-size:8px 13px !important;background-repeat:repeat-y !important;background-position:center top !important;opacity:1 !important;}
.path-connector::after{width:9px !important;height:9px !important;margin-left:-4.5px !important;background:#B0616F !important;box-shadow:0 111px 0 #B0616F !important;opacity:1 !important;}
}
@media (max-width:900px){
.content-section .path-step-body p,.path-steps .path-step-body p{font-size:13.5px !important;line-height:1.62 !important;letter-spacing:.015em !important;}
}

/* §36 mobile menu: "The Path" is a tap-to-open dropdown */
.mobile-menu .nav-dropdown > a{justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.mobile-menu .nav-dropdown > a::after{display:block !important;content:'' !important;position:static !important;width:11px !important;height:11px !important;margin-right:6px;
  border-right:1.5px solid var(--m-accent);border-bottom:1.5px solid var(--m-accent);background:none !important;
  transform:rotate(45deg) translateY(-2px);transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.mobile-menu .nav-dropdown.is-open > a::after{transform:rotate(-135deg) translateY(-2px);}
.mobile-menu .dropdown-menu{max-height:0 !important;overflow:hidden !important;padding:0 !important;transition:max-height .42s cubic-bezier(.2,.7,.2,1),padding .3s;}
.mobile-menu .nav-dropdown.is-open .dropdown-menu{max-height:220px !important;padding:2px 0 12px !important;}
.mobile-menu .dropdown-menu a{opacity:0;transform:translateY(-6px);transition:opacity .35s .05s,transform .35s .05s;}
.mobile-menu .nav-dropdown.is-open .dropdown-menu a{opacity:1;transform:none;}

/* §37 menu: "Book a Consultation" stands out */
.mobile-menu .m-cta{position:relative;overflow:hidden;margin-top:40px !important;min-height:62px !important;
  background:linear-gradient(135deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;border:0 !important;color:#fff !important;
  font-size:13.5px !important;font-weight:500 !important;letter-spacing:.26em !important;text-indent:.26em;
  box-shadow:0 12px 30px rgba(156,85,102,.38),0 2px 0 rgba(255,255,255,.18) inset !important;}
.mobile-menu .m-cta::before,.mobile-menu .m-cta::after{display:none !important;}
.mobile-menu .m-cta{background-image:linear-gradient(135deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;}
.mobile-menu.open .m-cta{background-image:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 65%),linear-gradient(135deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;background-size:250% 100%,100% 100% !important;background-repeat:no-repeat !important;animation:mIn .55s cubic-bezier(.2,.7,.2,1) both,ctaSheen 4.2s ease-in-out 1s infinite !important;}
@keyframes ctaSheen{0%,55%{background-position:130% 0,0 0}100%{background-position:-30% 0,0 0}}
@media(prefers-reduced-motion:reduce){.mobile-menu.open .m-cta{animation:none !important;background-image:linear-gradient(135deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;}}

/* §38 About page progress photos: clear hierarchy, note above the last two photos */
@media (max-width:900px){
.progress-row{grid-template-columns:1fr 1fr !important;column-gap:12px !important;row-gap:22px !important;}
.progress-item:nth-child(1){grid-area:1/1/2/3 !important;}
.progress-item:nth-child(2){grid-area:2/1 !important;justify-self:end;width:min(37vw,142px);}
.progress-item:nth-child(3){grid-area:2/2 !important;justify-self:start;width:min(37vw,142px);}
.progress-item:nth-child(4){grid-area:3/1 !important;margin-top:96px;}
.progress-item:nth-child(5){grid-area:3/2 !important;margin-top:96px;}
.progress-span-note{grid-area:3/1/4/3 !important;margin-top:96px;}
.span-note-text{bottom:calc(100% + .7rem) !important;left:4% !important;width:92% !important;font-size:21px !important;line-height:1.12 !important;transform:rotate(-1.2deg);}
.progress-item:nth-child(1) .progress-note-text{font-size:19px !important;line-height:1.14 !important;}
.progress-item:nth-child(2) .progress-note-text,.progress-item:nth-child(3) .progress-note-text{font-size:12.5px !important;line-height:1.12 !important;}
}

/* §39 About page: the two centred closing lines of the "why" essay, larger */
@media (max-width:900px){
.story-body.text-section.essay-section p.essay-line:not(.essay-centred){font-size:clamp(27px,7.4vw,32px) !important;line-height:1.36 !important;text-wrap:balance;}
.story-body.text-section.essay-section p.essay-lede.essay-credo,.essay-lede.essay-credo{font-size:clamp(30px,8.4vw,36px) !important;line-height:1.3 !important;text-wrap:balance;}
}

/* §40 initiation: Alice Bailey quote band, less empty black */
@media (max-width:900px){.quote-section{padding-top:84px !important;padding-bottom:84px !important;}}

/* §41 initiation: Erin's portrait slightly smaller */
@media (max-width:900px){.guide-portrait-frame{width:min(60vw,214px) !important;}}

/* §42 MMS "Explore Further" symbols slightly smaller */
@media (max-width:900px){
.mms-card-icon-wrap,.mms-card-icon{width:min(54vw,208px) !important;height:min(54vw,208px) !important;}
.mms-cards{gap:10px !important;}
.mms-card-label{font-size:24px !important;}
}

/* §43 First Steps card body text a touch smaller */
@media (max-width:900px){
.content-section .path-step-body p,.path-steps .path-step-body p{font-size:12.5px !important;line-height:1.6 !important;letter-spacing:.01em !important;}
}
@media (max-width:900px){
.content-section .path-step-body p,.path-steps .path-step-body p{font-size:11.5px !important;line-height:1.58 !important;letter-spacing:.01em !important;}
}
@media (max-width:900px){.content-section .path-step-body p,.path-steps .path-step-body p{color:#4a3a35 !important;}}

/* §44 About page letter: body text slightly larger */
@media (max-width:900px){
.letter-body .story-chapter p:not(.story-close){font-size:18px !important;line-height:1.68 !important;letter-spacing:.008em !important;}
.letter-body .story-chapter p.story-close{font-size:21px !important;line-height:1.5 !important;}
}

/* §45 menu bar: no gap above it while scrolling (bar extends upward under the status bar area) */
@media (max-width:900px){
nav#mainNav,nav{position:sticky;top:0;}
nav#mainNav::before,nav::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:240px;margin-bottom:-1px;
  background:#FBF9F6;pointer-events:none;}
}

/* §46 homepage essay ("All roads…"): editorial, more captivating; less empty space around the prima materia figure */
@media (max-width:900px){
.section:has(> .rebis-layout){padding:52px var(--m-gutter) 20px !important;
  background:none !important;}
.rebis-layout > div:first-child > h2.section-title{font-size:clamp(35px,9.8vw,42px) !important;line-height:1.08 !important;margin-bottom:30px !important;position:relative;padding-top:38px;}
.rebis-layout > div:first-child > h2.section-title::before{content:'\2726';position:absolute;top:0;left:50%;transform:translateX(-50%);color:#A87C45;font-size:18px;line-height:1;}
.rebis-layout > div:first-child > h2.section-title em{font-size:1.06em;}
/* opening line: framed like an epigraph */
.rebis-layout p.ar-first{padding:26px 4px !important;margin:0 0 1.8em !important;border-top:.5px solid rgba(168,124,69,.55);border-bottom:.5px solid rgba(168,124,69,.55);font-size:clamp(25px,7vw,29px) !important;line-height:1.38 !important;}
/* key phrases catch the eye */
.rebis-layout .section-sub strong{background:linear-gradient(transparent 84%,rgba(196,142,150,.32) 84%);}
.rebis-layout p.ar-first strong{background:linear-gradient(transparent 84%,rgba(201,170,148,.6) 84%);}
/* "Know Thyself" — a set-apart callout card */
.rebis-layout p.ar-path{margin:2.4em 0 0 !important;padding:30px 22px 28px !important;text-align:center !important;background:rgba(255,255,255,.62);border:.5px solid rgba(168,124,69,.4);box-shadow:0 14px 34px -18px rgba(90,60,40,.28);}
.rebis-layout p.ar-path::before{margin-bottom:1.1em !important;}
.rebis-layout p.ar-path .ar-accent{font-size:1.28em;color:#A2586A;display:inline-block;line-height:1.2;}
.rebis-layout p.ar-answers{margin-top:2.2em !important;text-align:center !important;font-size:22px !important;line-height:1.42 !important;}
.rebis-layout p.ar-answers strong{background:none;font-weight:500 !important;color:var(--ink) !important;font-style:italic;}
.rebis-layout p.ar-turn{font-size:clamp(27px,7.6vw,32px) !important;margin-top:2.2em !important;}
.rebis-layout p.ar-close{font-size:clamp(22px,6.2vw,26px) !important;}
/* prima materia figure: tighter */
.rebis-layout > div:last-child{margin-top:8px !important;}
.rebis-layout > div:last-child > h2.section-title{margin-top:14px !important;margin-bottom:0 !important;padding-top:0 !important;}
.rebis-layout > div:last-child > h2.section-title::before{display:none;}
.rebis-layout{gap:1.6rem !important;}
}

/* §47 homepage rings ("Where Does Your Path Begin?"): a lit gold-on-night treatment */
@media (max-width:900px){
.offerings-bg{background:radial-gradient(90% 32% at 50% 8%,rgba(226,178,110,.16),rgba(226,178,110,0) 70%),radial-gradient(100% 30% at 50% 96%,rgba(196,142,150,.14),rgba(196,142,150,0) 72%),linear-gradient(180deg,#1b1410 0%,#120d0b 55%,#1a120f 100%) !important;position:relative;}
.offerings-bg .section-label,.offerings-bg .section-label span{color:#E7C9A0 !important;}
.offerings-bg .section-title{color:#F7EDE0 !important;text-shadow:0 2px 24px rgba(226,178,110,.25);}
.offerings-bg .section-title em{color:#E9B7C0 !important;}
.snake-btn{filter:drop-shadow(0 0 20px rgba(232,182,112,.38)) drop-shadow(0 14px 22px rgba(0,0,0,.55)) saturate(1.08) brightness(1.06);}
.snake-btn::before{content:'';position:absolute;inset:24.5%;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(255,236,204,.13) 0%,rgba(255,236,204,.05) 52%,rgba(255,236,204,0) 76%);
  box-shadow:inset 0 0 40px rgba(232,182,112,.10);}
.snake-btn .snake-btn-text{color:#F7EDE0 !important;text-shadow:0 1px 14px rgba(0,0,0,.55);}
.snake-btn .snake-btn-text::before{content:'\2726';position:absolute;left:0;right:0;top:-24px;text-align:center;color:#E2B26E;font-size:13px;line-height:1;opacity:.9;}
.snake-grid > p.snake-cap{color:#DCC7AA !important;}
.snake-btn:active{transform:none !important;filter:drop-shadow(0 0 26px rgba(232,182,112,.55)) drop-shadow(0 14px 22px rgba(0,0,0,.55)) brightness(1.12);}
}

/* §48 rings: titles centred in the circles, captions just beneath */
@media (max-width:600px){
.snake-grid{--R:min(86vw,380px);--B:calc(var(--R)/0.635);--S:calc(var(--B)*0.467);--tf:clamp(21px,6.2vw,26px);}
.snake-grid > a.snake-btn .snake-btn-text,
.snake-grid > a.snake-btn:nth-of-type(2) .snake-btn-text{top:calc(var(--B)*0.148 + var(--R)*0.5) !important;transform:translate(-50%,-50%) !important;}
.snake-grid > a.snake-btn:nth-of-type(2) .snake-btn-text{top:calc(var(--B)*0.148 + var(--R)*0.5 - 16px) !important;}
.snake-grid > p.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap:nth-of-type(1){top:calc(var(--R)*0.5 + var(--tf)*0.66 + 6px) !important;}
.snake-grid > p.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap:nth-of-type(2){top:calc(var(--S) + var(--R)*0.5 + var(--tf)*1.3 - 12px) !important;}
.snake-grid > p.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap.snake-cap:nth-of-type(3){top:calc(var(--S)*2 + var(--R)*0.5 + var(--tf)*0.66 + 6px) !important;}
}

/* §49 hero: fewer things at once — sigil, name, one action; the Azoth entry waits below the fold */
@media (max-width:900px){
.hero{justify-content:flex-start !important;min-height:calc(100svh + 190px) !important;
  padding-top:max(104px,calc((100svh - 470px)/2)) !important;padding-bottom:64px !important;}
.hero::after{background:linear-gradient(180deg,rgba(22,12,9,.34) 0%,rgba(22,12,9,.30) 40%,rgba(22,12,9,.40) 62%,rgba(22,12,9,.62) 100%) !important;}
.hero-bloom{animation:none !important;opacity:.55;}
.hero-sigil-wrap{width:min(50vw,200px) !important;margin-bottom:26px !important;filter:drop-shadow(0 0 22px rgba(255,236,214,.22));}
.hero-label{font-size:11px !important;letter-spacing:.34em !important;text-indent:.34em;margin-bottom:16px !important;opacity:.92;}
.hero-h1{margin-bottom:38px !important;text-shadow:0 2px 24px rgba(22,12,9,.55);}
.hero-btns{gap:14px !important;max-width:264px;}
.hero-btns .btn-primary{padding-top:16px !important;padding-bottom:16px !important;font-size:12px !important;}
.hero .btn-ghost{background:none !important;border:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  min-height:0 !important;padding:6px 0 !important;font-size:11.5px !important;letter-spacing:.3em !important;
  color:rgba(251,241,240,.86) !important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;text-decoration-color:rgba(243,207,211,.5);}
.azoth-line{margin-top:auto !important;padding-top:0 !important;position:relative;}
.azoth-line::before{content:'';display:block;width:1px;height:44px;margin:0 auto 26px;background:linear-gradient(to bottom,transparent,rgba(243,207,211,.7));}
}
@media (max-width:900px){.hero-btns{margin-bottom:56px !important;}}

/* §50 rings: steady rendering — no clipping of the serpent heads, no dark smudge where rings overlap, no repaint flicker */
@media (max-width:600px){
.snake-grid > a.snake-btn{clip-path:none !important;filter:none !important;transition:none !important;
  -webkit-transform:translateZ(0);transform:translateZ(0) !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.snake-grid > a.snake-btn img{filter:drop-shadow(0 0 14px rgba(232,182,112,.30)) saturate(1.08) brightness(1.06);
  -webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;}
.snake-grid > a.snake-btn:active img{filter:drop-shadow(0 0 20px rgba(232,182,112,.5)) brightness(1.12);}
.snake-grid > a.snake-btn:active{filter:none !important;}
}

/* §51 rings: no rose tap flash over the black — the press glows gold instead */
@media (max-width:600px){
.snake-grid > a.snake-btn,.snake-grid > a.snake-btn *{-webkit-tap-highlight-color:transparent !important;}
.snake-grid > a.snake-btn:hover,.snake-grid > a.snake-btn:focus,.snake-grid > a.snake-btn:focus-visible{outline:none;filter:none !important;}
.snake-grid > a.snake-btn:hover img,.snake-grid > a.snake-btn:focus img{filter:drop-shadow(0 0 14px rgba(232,182,112,.30)) saturate(1.08) brightness(1.06);}
.snake-grid > a.snake-btn:active img{filter:drop-shadow(0 0 22px rgba(240,196,120,.65)) drop-shadow(0 0 8px rgba(240,196,120,.5)) brightness(1.16) !important;}
}

/* §52 dark rings section melts into the blush "The Path" section — an ombre, not an edge */
@media (max-width:600px){
.offerings-bg{padding-bottom:240px !important;}
.offerings-bg::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:165px;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(26,18,15,0.000) 0%,rgba(34,24,20,0.010) 6%,rgba(46,31,28,0.065) 12%,rgba(59,41,37,0.180) 19%,rgba(74,51,48,0.347) 25%,rgba(89,61,58,0.539) 31%,rgba(102,71,67,0.725) 38%,rgba(114,78,75,0.873) 44%,rgba(122,84,80,0.965) 50%,rgba(132,96,91,0.998) 56%,rgba(146,112,108,1.000) 62%,rgba(162,132,127,1.000) 69%,rgba(180,154,148,1.000) 75%,rgba(199,176,169,1.000) 81%,rgba(215,196,188,1.000) 88%,rgba(229,212,205,1.000) 94%,rgba(239,224,216,1.000) 100%);}
}

/* §53 healings "Origin of These Modalities": body text a step smaller */
@media (max-width:900px){
.origin-body{font-size:16.5px !important;}
.origin-body p{font-size:16.5px !important;line-height:1.65 !important;}
}

/* §54 healings "Origin of These Modalities" title: slightly larger */
@media (max-width:900px){
.modalities.origin .section-title{font-size:clamp(38px,10.6vw,46px) !important;line-height:1.1 !important;}
}

/* §55 healings "Origin" section: the path button becomes a filled rose call to action */
@media (max-width:900px){
.origin-body .btn-ghost{background:linear-gradient(180deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;color:#FFF9F6 !important;border:0 !important;
  min-height:56px;display:flex;align-items:center;justify-content:center;font-size:12.5px !important;letter-spacing:.24em !important;
  box-shadow:0 10px 26px rgba(156,85,102,.32),inset 0 1px 0 rgba(255,255,255,.22);}
.origin-body .btn-ghost:active{filter:brightness(.94);}
}
@media (max-width:900px){
.origin-body .btn-ghost{font-weight:500 !important;box-shadow:0 12px 26px -10px rgba(140,68,86,.6),0 2px 4px rgba(140,68,86,.18),inset 0 1px 0 rgba(255,255,255,.26) !important;}
.origin-body .btn-ghost:active{background:linear-gradient(180deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;filter:brightness(.94);}
}

/* §56 footer links are not the top menu: undo the sticky-menu treatment there */
nav.footer-nav{position:static !important;top:auto !important;background:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border:0 !important;box-shadow:none !important;min-height:0 !important;padding:0 !important;width:auto !important;z-index:auto;}
nav.footer-nav::before,nav.footer-nav::after{content:none !important;display:none !important;}

/* §57 About: the Empower Thyself Initiation photo, smaller and centred */
@media (max-width:900px){
.progress-item:nth-child(1){justify-self:center;width:min(66vw,270px);}
}

/* §58 About: the two Ritual Master photos, stacked and much larger (arrows retire; the note leads in above) */
@media (max-width:900px){
.progress-item:nth-child(4){grid-area:3/1/4/3 !important;justify-self:start;width:min(84%,320px);margin-top:96px;}
.progress-item:nth-child(5){grid-area:4/1/5/3 !important;justify-self:end;width:min(84%,320px);margin-top:0 !important;}
.progress-item:nth-child(4) img,.progress-item:nth-child(5) img{aspect-ratio:4/4.6 !important;}
.progress-span-note{grid-area:3/1/4/3 !important;margin-top:96px;}
.span-arrow{display:none !important;}
}

/* §59 luxe scroll reveals (luxe.js adds .lx on phones/tablets; nothing below applies without it) */
@media (max-width:900px){
.lx{--lx-ease:cubic-bezier(.16,1,.3,1);}
/* headlines: word by word */
.lx .lx-w{display:inline-block;}
.lx .lx-pre .lx-w{opacity:0;translate:0 .6em;}
.lx .lx-pre.lx-in .lx-w{opacity:1;translate:0 0;
  transition:opacity .95s var(--lx-ease),translate 1.1s var(--lx-ease);transition-delay:calc(var(--i)*75ms);}
/* photographs: a curtain lifting, settling from a slight zoom */
.lx img.lx-pre{clip-path:inset(100% 0 0 0);scale:1.05;}
.lx img.lx-pre.lx-in{clip-path:inset(0 0 0 0);scale:1;
  transition:clip-path 1.5s var(--lx-ease),scale 2.4s var(--lx-ease);}
/* quotes: out of a soft blur into focus */
.lx [data-lx="blur"].lx-pre{opacity:0;filter:blur(10px);translate:0 14px;}
.lx [data-lx="blur"].lx-pre.lx-in{opacity:1;filter:blur(0);translate:0 0;
  transition:opacity 1.5s ease,filter 1.5s ease,translate 1.5s var(--lx-ease);}
/* everything else: a gentle rise */
.lx [data-lx="up"].lx-pre{opacity:0;translate:0 24px;}
.lx [data-lx="up"].lx-pre.lx-in{opacity:1;translate:0 0;
  transition:opacity 1.05s ease,translate 1.2s var(--lx-ease);}
}

/* §60 homepage essay ("All roads…"): body text centred */
@media (max-width:900px){
.rebis-layout .section-sub,.rebis-layout .section-sub p{text-align:center !important;}
}

/* §61 video "Watch the …" labels: truly centred (flex had pushed the text left; letter-spacing tail balanced) */
@media (max-width:900px){
.hermetics-watch,.ult-testimonial-watch{justify-content:center !important;text-align:center !important;left:50% !important;width:100% !important;
  padding:0 !important;text-indent:.18em;min-height:0 !important;}
}

/* §62 About: the dove behind the page title, much larger */
@media (max-width:900px){
.page-hero > img[src*="dove"]{width:104% !important;max-width:none !important;top:50% !important;opacity:.14 !important;}
}

/* §63 About: the three portraits under the title, about half again as large */
@media (max-width:900px){
.bio-ed-figs{grid-template-columns:1fr 1fr !important;gap:12px !important;}
.bio-ed-figs .fig-tall{grid-column:1 / span 2 !important;grid-row:1 !important;}
.bio-ed-figs .fig-bw{grid-column:1 !important;grid-row:2 !important;margin:0 !important;}
.bio-ed-figs .fig-short{grid-column:2 !important;grid-row:2 !important;margin:26px 0 0 !important;}
}

/* §64 About progress photos: one cohesive column — no gap, the ritual-master note sits beneath its photos */
@media (max-width:900px){
.progress-row{row-gap:18px !important;}
.progress-item:nth-child(4){margin-top:0 !important;}
.progress-span-note{grid-area:5/1/6/3 !important;margin-top:4px !important;position:relative;}
.span-note-text{position:static !important;display:block;width:auto !important;left:auto !important;bottom:auto !important;text-align:center;transform:rotate(-1.2deg);padding:0 8px;}
}

/* §65 About progress photos: all five close to one size, alternating gently left / right */
@media (max-width:900px){
.progress-row{grid-template-columns:1fr !important;row-gap:22px !important;}
.progress-item:nth-child(n){width:min(74vw,290px) !important;margin-top:0 !important;}
.progress-item:nth-child(1){grid-area:1/1 !important;justify-self:center !important;}
.progress-item:nth-child(2){grid-area:2/1 !important;justify-self:start !important;}
.progress-item:nth-child(3){grid-area:3/1 !important;justify-self:end !important;}
.progress-item:nth-child(4){grid-area:4/1 !important;justify-self:start !important;}
.progress-item:nth-child(5){grid-area:5/1 !important;justify-self:end !important;}
.progress-item img{aspect-ratio:3/4 !important;}
.progress-span-note{grid-area:6/1 !important;}
.progress-item:nth-child(2) .progress-note-text,.progress-item:nth-child(3) .progress-note-text{font-size:17px !important;line-height:1.14 !important;}
.progress-item:nth-child(1) .progress-note-text{font-size:19px !important;}
}
@media (max-width:900px){
.progress-item:nth-child(n) img{aspect-ratio:3/4 !important;}
.progress-item:nth-child(2) .progress-note-text,.progress-item:nth-child(3) .progress-note-text{font-size:15.5px !important;}
}

/* §67 rings: the gold press glow is a soft bloom that fades in and out, not a hard flash */
@media (max-width:600px){
.snake-grid > a.snake-btn img{filter:drop-shadow(0 0 14px rgba(232,182,112,.30)) saturate(1.08) brightness(1.06) !important;
  transition:filter .7s cubic-bezier(.22,.61,.36,1) !important;}
.snake-grid > a.snake-btn:active img,.snake-grid > a.snake-btn:hover img,.snake-grid > a.snake-btn:focus img{
  filter:drop-shadow(0 0 30px rgba(232,182,112,.30)) saturate(1.08) brightness(1.07) !important;
  transition:filter .35s ease-out !important;}
}

/* §68 open menu: the panel reaches up under the status bar, so no page shows above it */
@media (max-width:900px){
.mobile-menu{top:-320px !important;min-height:calc(100% + 320px);
  padding-top:calc(416px + env(safe-area-inset-top)) !important;}
.mobile-menu::before{background:radial-gradient(ellipse 90% 120px at 50% 320px,rgba(196,142,150,.14),transparent 70%) !important;}
}
/* §68b lock the page by its root, not the body, so the bar and its close button stay put at the top while the menu is open */
@media (max-width:900px){
html:has(.mobile-menu.open){overflow:hidden !important;}
body:has(.mobile-menu.open){overflow:visible !important;}
}

/* §69 rings: stronger (still soft) gold glow, and only the circle itself is tappable */
@media (max-width:600px){
.snake-grid > a.snake-btn:active img,.snake-grid > a.snake-btn:hover img,.snake-grid > a.snake-btn:focus img{
  filter:drop-shadow(0 0 24px rgba(240,196,120,.62)) saturate(1.08) brightness(1.11) !important;}
.snake-grid > a.snake-btn{pointer-events:none !important;}
.snake-grid > a.snake-btn::after{content:'' !important;display:block !important;position:absolute;pointer-events:auto;z-index:3;
  width:var(--R);height:var(--R);left:50%;margin-left:calc(var(--R) / -2);top:calc(var(--B) * 0.148);border-radius:50%;
  -webkit-tap-highlight-color:transparent;cursor:pointer;}
}

/* §70 polish: booking bar, reading thread, page fades, share button */
@media (max-width:900px){
.lx-thread{position:fixed;left:0;right:0;top:64px;height:2px;z-index:3000;pointer-events:none;
  background:linear-gradient(90deg,rgba(201,162,92,.15),#C9A25C 60%,#E2B26E);transform-origin:0 50%;transform:scaleX(0);opacity:0;
  transition:opacity .4s ease;will-change:transform;}
.lx-book{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));
  bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;justify-content:center;min-height:52px;
  font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:#fff !important;
  background:linear-gradient(135deg,var(--m-rose-btn-a),var(--m-rose-btn-b));border-top:1px solid rgba(255,255,255,.28);
  box-shadow:0 16px 34px -12px rgba(120,58,74,.55),0 2px 8px rgba(120,58,74,.18);
  -webkit-tap-highlight-color:transparent;
  opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);}
.lx-book.on{opacity:1;transform:none;pointer-events:auto;}
.lx-book:active{filter:brightness(.95);transform:scale(.985);}
.healing-carousel-share{display:flex !important;background:none;border:.5px solid var(--warm-clay);color:var(--ink);width:var(--m-tap,44px);height:var(--m-tap,44px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.healing-carousel-share svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3;}
.healing-carousel-share:active{border-color:var(--gold);color:var(--gold);}
.lx-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:3100;padding:12px 22px;
  background:rgba(38,30,28,.92);color:#F7EDE0;font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  opacity:0;pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);}
.lx-toast.on{opacity:1;transform:translate(-50%,0);}
}

/* §71 status-bar strip: on iPhone the sticky bar stops just below the clock/battery area, so a solid cream band fills that gap and nothing shows through it */
@media (max-width:900px){
html::before{content:'';position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top,0px);background:#FBF9F6;
  z-index:2147482999;pointer-events:none;}
}

/* §72 menu, made precious: numerals, gold hairlines, sigil watermark, ornament, blur-to-sharp stagger, circular reveal, closing line */
@media (max-width:900px){
.mobile-menu{counter-reset:mn;clip-path:circle(0px at calc(100% - 32px) calc(352px + env(safe-area-inset-top,0px)));
  transition:opacity .3s,clip-path .6s cubic-bezier(.5,0,.75,0),visibility 0s .6s !important;}
.mobile-menu.open{clip-path:circle(1500px at calc(100% - 32px) calc(352px + env(safe-area-inset-top,0px)));
  transition:opacity .3s,clip-path .95s cubic-bezier(.65,.05,.2,1),visibility 0s !important;}
/* sigil watermark */
.mobile-menu::after{content:'';position:absolute;left:50%;bottom:7%;width:92vw;max-width:520px;aspect-ratio:1;transform:translateX(-50%);
  background:url(azothinelogo-transparent.webp) center/contain no-repeat;opacity:.05;pointer-events:none;z-index:-1;}
/* links */
.mobile-menu > a:not(.m-cta),.mobile-menu .nav-dropdown > a{font-size:clamp(27px,7.6vw,32px);letter-spacing:.06em;font-weight:300;
  border-bottom:0 !important;border-top:0 !important;
  background:linear-gradient(90deg,rgba(201,162,92,.6),rgba(201,162,92,0) 88%) left bottom/100% 1px no-repeat !important;
  transition:color .3s,text-shadow .3s;}
.mobile-menu > a:not(.m-cta)::before,.mobile-menu .nav-dropdown > a::before{counter-increment:mn;content:counter(mn,upper-roman);
  font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.2em;font-weight:400;color:#C2A06A;width:42px;flex:none;}
.mobile-menu .nav-dropdown > a{justify-content:flex-start !important;}
.mobile-menu .nav-dropdown > a::after{margin-left:auto !important;}
.mobile-menu > a:not(.m-cta):active,.mobile-menu .nav-dropdown > a:active{color:#B08A4E !important;text-shadow:0 0 20px rgba(201,162,92,.55);opacity:1;}
/* ornament + closing line */
.mobile-menu .lx-orn{display:flex;align-items:center;gap:16px;margin-top:34px;color:#C2A06A;font-size:12px;line-height:1;}
.mobile-menu .lx-orn::before,.mobile-menu .lx-orn::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,92,0),rgba(201,162,92,.6));}
.mobile-menu .lx-orn::after{transform:scaleX(-1);}
.mobile-menu .m-cta{margin-top:28px !important;}
.mobile-menu .lx-foot{margin-top:46px;text-align:center;}
.mobile-menu .lx-foot p{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:22px;letter-spacing:.03em;color:var(--m-ink-soft,#6B5B54);margin:0 0 14px;}
.mobile-menu .lx-foot a{display:inline-block;font-family:'Montserrat',sans-serif;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:#9A7B4A;}
/* blur-to-sharp stagger */
@keyframes mLux{from{opacity:0;transform:translateY(22px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
.mobile-menu.open > a,.mobile-menu.open > .nav-dropdown,.mobile-menu.open > .lx-orn,.mobile-menu.open > .lx-foot{
  animation:mLux .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) both;}
.mobile-menu.open > :nth-child(1){--d:.32s}.mobile-menu.open > :nth-child(2){--d:.42s}.mobile-menu.open > :nth-child(3){--d:.52s}
.mobile-menu.open > :nth-child(4){--d:.62s}.mobile-menu.open > :nth-child(5){--d:.72s}.mobile-menu.open > :nth-child(6){--d:.84s}
.mobile-menu.open > :nth-child(7){--d:.94s}.mobile-menu.open > :nth-child(8){--d:1.1s}
/* booking button: gold sheen */
.mobile-menu.open .m-cta{
  background-image:linear-gradient(105deg,rgba(255,232,180,0) 35%,rgba(255,232,180,.42) 50%,rgba(255,232,180,0) 65%),linear-gradient(135deg,var(--m-rose-btn-a),var(--m-rose-btn-b)) !important;
  background-size:250% 100%,100% 100% !important;background-repeat:no-repeat !important;
  animation:mLux .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) both,ctaSheen 4.6s ease-in-out 2s infinite !important;}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
.mobile-menu,.mobile-menu.open{clip-path:none !important;}
.mobile-menu.open > *,.mobile-menu.open .m-cta{animation:none !important;}
}
