/* =========================================================
   CYBIL SOUZA — MASTER BUILD 2
   Production polish pass:
   crisp typography, aligned containers, approved editorial-street
   desktop direction, intentional responsive mobile layout.
   Stable filename: assets/css/style.css
   ========================================================= */

:root{
  --paper:#f6f2ec;
  --paper-2:#eee7df;
  --ink:#191116;
  --ink-soft:#3a2c35;
  --lavender:#bda7cf;
  --lavender-soft:#ddd2e5;
  --line:#b9afa6;
  --gold:#b69a70;
  --white:#fffaf4;
  --plum:#21141f;
  --max:1600px;
  --pad:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#ded6cd;
  color:var(--ink);
  font-family:"Space Grotesk",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0}
button:disabled{cursor:default}
img{display:block;max-width:100%}
.sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- MASTER GRID ---------- */
.page-shell{
  width:min(100%,var(--max));
  margin:0 auto;
  background:var(--paper);
  display:grid;
  grid-template-columns:minmax(0,2.22fr) minmax(360px,.98fr);
  grid-template-rows:auto auto;
  min-height:100vh;
  border-inline:1px solid var(--line);
}
.main-column{min-width:0;border-right:1px solid var(--line)}
.side-column{min-width:0;background:var(--paper)}

/* ---------- HEADER ---------- */
.site-header{
  height:76px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto 28px;
  align-items:center;
  gap:22px;
  padding:0 28px;
  border-bottom:1px solid var(--line);
}
.brand{
  font-family:"Anton",Impact,sans-serif;
  font-size:30px;
  line-height:1;
  letter-spacing:.075em;
  font-weight:400;
  white-space:nowrap;
}
.brand-mark{
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-size:19px;
  margin-left:5px;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  white-space:nowrap;
}
.main-nav a,
.footer-nav a{
  font-family:"DM Mono",monospace;
  font-size:9px;
  font-weight:500;
  letter-spacing:.03em;
}
.main-nav a:hover,.footer-nav a:hover{opacity:.55}
.menu-icon{
  border:0;background:transparent;
  display:grid;gap:5px;width:26px;padding:0;justify-self:end;
}
.menu-icon span{height:1.5px;background:var(--ink);display:block}

/* ---------- HERO ---------- */
.hero{
  min-height:450px;
  display:grid;
  grid-template-columns:minmax(330px,.88fr) minmax(390px,1.2fr) minmax(155px,.4fr);
  border-bottom:1px solid var(--line);
}
.hero-copy{
  min-width:0;
  padding:34px 18px 26px 66px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero h1{
  margin:0;
  font-size:clamp(58px,4.75vw,76px);
  line-height:.84;
  letter-spacing:-.035em;
}
.hero h1 span{display:block}
.hero-heavy{font-family:"Anton",Impact,sans-serif;font-weight:400}
.hero-serif{
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-weight:500;
  letter-spacing:-.055em;
}
.hero-note{
  margin:24px 0 28px;
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-size:15px;
  line-height:1.42;
  letter-spacing:-.01em;
}
.text-link{
  width:150px;
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:8px;border-bottom:1px solid var(--ink);
  font-family:"DM Mono",monospace;
  font-size:10px;font-weight:500;letter-spacing:.025em;
}
.text-link.compact{width:145px;font-size:9px}
.arrow{font-size:16px}
.hero-bottom-note{
  margin-top:25px;
  display:flex;align-items:center;gap:12px;
  font-family:"DM Mono",monospace;font-size:9px;font-weight:500;
}
.sigil{font-size:22px}

.hero-visual{
  min-height:450px;
  background:
    url("../images/cybil-hero.png") center bottom / contain no-repeat,
    radial-gradient(circle at 45% 42%,rgba(185,164,200,.34),transparent 44%),
    var(--paper);
}
.hero-aside{
  position:relative;
  min-width:0;
  padding:40px 14px;
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
}
.mono{font-family:"DM Mono",monospace}
.manifesto{
  margin:0;
  font-family:"DM Mono",monospace;
  font-size:10px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.01em;
}
.vertical-script{
  position:absolute;
  right:-68px;
  top:50%;
  transform:translateY(-50%) rotate(90deg);
  transform-origin:center;
  white-space:nowrap;
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-size:24px;
  line-height:1;
}

/* ---------- COMMON ---------- */
.black-panel{background:var(--plum);color:var(--white)}
.panel-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:12px;
  font-family:"DM Mono",monospace;font-size:9px;font-weight:500;
}

/* ---------- FEATURED + PHILOSOPHY ---------- */
.mid-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  align-items:stretch;
  border-bottom:1px solid var(--line);
}
.featured-work{padding:14px 14px 16px;min-width:0}
.work-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}
.work-card{
  aspect-ratio:1/1.18;
  border:1px solid rgba(255,255,255,.17);
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.portrait-card{background-image:url("../images/work-art-1.png")!important}
.tattoo-card{background-image:url("../images/work-art-2.png")!important}
.symbol-card{background-image:url("../images/work-art-3.png")!important}
.portrait-card-alt{background-image:url("../images/work-art-4.png")!important}
.work-card span{display:none}

.philosophy{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(140px,.9fr);
}
.philosophy-copy{
  min-width:0;
  padding:24px 18px 24px 34px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.eyebrow{
  font-family:"DM Mono",monospace;
  font-size:9px;font-weight:500;letter-spacing:.03em;
}
.philosophy h2{
  margin:14px 0 12px;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:26px;font-weight:500;line-height:1.04;
}
.philosophy h2 strong{font-weight:700}
.philosophy p{
  width:100%;max-width:270px;
  margin:0 0 18px;
  font-size:11px;line-height:1.48;
}
.golden-ratio{position:relative;min-height:220px;overflow:hidden}
.ratio-circle{position:absolute;border:1px solid rgba(182,154,112,.5);border-radius:50%}
.ratio-1{width:170px;height:170px;right:14px;top:18px}
.ratio-2{width:96px;height:96px;right:14px;bottom:17px}
.ratio-line{position:absolute;background:rgba(182,154,112,.35)}
.ratio-v{width:1px;height:82%;right:98px;top:9%}
.ratio-h{height:1px;width:72%;right:14px;top:56%}
.ratio-spiral{position:absolute;right:43px;bottom:25px;font:58px Georgia,serif;color:rgba(182,154,112,.4)}

/* ---------- SHOP + AFFILIATES ---------- */
.bottom-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:stretch;
}
.shop-panel{
  min-width:0;
  padding:18px 20px 17px;
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
}
.shop-panel h2,.affiliate-panel h2{
  margin:0;
  font-family:"Space Grotesk",Arial,sans-serif;
  font-weight:500;
  line-height:1.1;
}
.shop-panel h2{font-size:24px;margin-bottom:15px}
.shop-items{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.shop-items article{min-width:0}
.shop-image{
  width:100%;aspect-ratio:1.12/1;
  border:1px solid rgba(17,16,15,.18);
  margin-bottom:8px;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.merch-placeholder{background-image:url("../images/shop-merch.png")!important}
.course-placeholder{background-image:url("../images/shop-courses.png")!important}
.download-placeholder{background-image:url("../images/shop-downloads.png")!important}
.print-placeholder{background-image:url("../images/shop-prints.png")!important}
.shop-items a{
  display:inline-block;
  font-size:10px;font-weight:600;line-height:1.2;
  text-decoration:underline;
}
.shop-items p{
  margin:3px 0 0;
  font-size:9px;line-height:1.3;
}
.shop-link{margin-top:auto;padding-top:17px}

.affiliate-panel{
  min-width:0;
  padding:18px 20px 0;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto;
}
.affiliate-panel h2{
  font-size:18px;
  margin-bottom:22px;
}
.affiliate-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  gap:10px;
  margin-bottom:22px;
}
.affiliate-row span{
  min-width:0;
  font-size:10px;
  font-weight:700;
  line-height:1.12;
  text-align:center;
  overflow-wrap:anywhere;
}
.affiliate-panel > .text-link{margin-bottom:16px}
.newsletter{
  grid-row:5;
  align-self:end;
  width:calc(100% + 40px);
  margin:16px -20px 0;
  padding:12px 20px;
  background:var(--lavender);
  display:grid;
  grid-template-columns:minmax(140px,1.15fr) minmax(130px,.9fr) auto 26px;
  gap:10px;
  align-items:center;
}
.newsletter strong{
  display:block;font-size:10px;line-height:1.2;
}
.newsletter small{
  display:block;margin-top:3px;font-size:8px;line-height:1.3;
}
.newsletter label{min-width:0}
.newsletter input{
  width:100%;
  border:0;border-bottom:1px solid #50474e;
  background:transparent;outline:none;
  padding:7px 0 4px;
  font-family:"DM Mono",monospace;font-size:8px;
}
.newsletter button{
  border:1px solid #50474e;background:transparent;
  padding:7px 10px;
  font-family:"DM Mono",monospace;font-size:8px;font-weight:500;
}
.eye-mark{font-size:20px;text-align:center}

/* ---------- RIGHT RAIL ---------- */
.comic-panel{
  position:relative;
  min-height:0;
  border-bottom:1px solid var(--line);
  background:url("../images/comic-placeholder.png") center/cover no-repeat!important;
}
.comic-eye{display:none!important}

.services-panel{
  min-height:0;
  padding:24px 25px 20px;
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
}
.services-panel h2{
  margin:0 0 23px;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:24px;font-weight:500;line-height:1.13;
}
.service-icons{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  text-align:center;
}
.service-icons article{min-width:0;display:flex;flex-direction:column;align-items:center}
.service-icon{min-height:38px;font-size:27px;line-height:1}
.service-icons strong{
  margin-top:8px;
  font-family:"DM Mono",monospace;
  font-size:7.5px;font-weight:500;line-height:1.32;
}
.panel-link{
  margin-top:auto;
  border-top:1px solid rgba(255,255,255,.36);
  padding-top:11px;
  display:flex;justify-content:space-between;
  font-family:"DM Mono",monospace;font-size:8px;font-weight:500;
}

.dhc-panel{
  min-height:0;
  display:grid;
  grid-template-columns:1fr 1.28fr;
  border-bottom:1px solid var(--line);
}
.dhc-image{
  min-width:0;
  background:url("../images/dhc-jacket.png") center/cover no-repeat!important;
}
.dhc-image::before,.jacket-text,.dhc-image .placeholder-tag{display:none!important}
.dhc-copy{
  min-width:0;
  padding:27px 22px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
.dhc-copy h2{
  margin:0 0 11px;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:22px;font-weight:600;line-height:1.1;
}
.dhc-copy p{margin:0;font-size:8.5px;line-height:1.48}
.dhc-copy .spacing{margin:18px 0}

.closing-art{
  min-height:0;
  background:url("../images/closing-art.png") center/cover no-repeat!important;
}
.closing-portrait,.closing-quote{display:none!important}
.social-strip{
  height:52px;
  background:var(--plum);color:var(--white);
  display:flex;align-items:center;justify-content:flex-end;
  gap:24px;padding:0 24px;
}
.social-strip a{font-size:18px}

/* ---------- FOOTER ---------- */
.site-footer{
  grid-column:1/-1;
  width:100%;
  min-height:54px;
  background:var(--plum);color:var(--white);
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  padding:11px 20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-brand{
  display:flex;align-items:center;gap:14px;
  font-family:"DM Mono",monospace;font-size:9px;
}
.footer-sigil{font-size:19px}
.footer-brand small{opacity:.55}
.footer-nav{display:flex;align-items:center;gap:25px;white-space:nowrap}

/* ---------- DESKTOP ALIGNMENT ---------- */
@media (min-width:901px){
  .side-column{display:flex;flex-direction:column}
  .comic-panel,.services-panel,.dhc-panel,.closing-art{flex:none}
}

/* ---------- MID-SIZE DESKTOP ---------- */
@media (max-width:1260px) and (min-width:901px){
  .page-shell{grid-template-columns:minmax(0,2fr) minmax(320px,.9fr)}
  .site-header{grid-template-columns:minmax(210px,1fr) auto 27px;gap:15px;padding-inline:20px}
  .brand{font-size:27px}
  .main-nav{gap:13px}
  .main-nav a{font-size:8px}
  .hero{grid-template-columns:minmax(285px,.84fr) minmax(330px,1.15fr) 135px}
  .hero-copy{padding-left:42px}
  .hero h1{font-size:58px}
  .vertical-script{right:-74px;font-size:21px}
  .service-icons{gap:5px}
  .service-icon{font-size:24px}
  .affiliate-row span{font-size:9px}
}

/* =========================================================
   MOBILE — intentionally designed, not a collapsed desktop.
   Mirrors the approved mobile reference:
   portrait-first hero, strong headline, clean black section bars,
   contained typography, horizontal featured work.
   ========================================================= */
@media (max-width:900px){
  :root{--pad:18px}
  body{background:var(--paper)}
  .page-shell{
    width:100%;
    display:flex;
    flex-direction:column;
    border:0;
  }
  .main-column{border:0}
  .side-column{display:contents}

  .site-header{
    height:62px;
    display:grid;
    grid-template-columns:1fr 30px;
    gap:12px;
    padding:0 18px;
    border-bottom:1px solid var(--line);
  }
  .brand{font-size:23px}
  .brand-mark{font-size:15px}
  .main-nav{display:none}
  .menu-icon{display:grid}

  .hero{
    display:flex;
    flex-direction:column;
    min-height:0;
    border-bottom:0;
  }
  .hero-visual{
    order:1;
    min-height:330px;
    height:52vw;
    max-height:440px;
    background:
      url("../images/cybil-hero.png") center bottom / contain no-repeat,
      radial-gradient(circle at 55% 55%,rgba(185,164,200,.38),transparent 48%),
      var(--paper);
    border-bottom:1px solid var(--line);
  }
  .hero-copy{
    order:2;
    padding:22px 18px 24px;
  }
  .hero h1{
    font-size:clamp(44px,13vw,65px);
    line-height:.86;
  }
  .hero-note{
    margin:18px 0 22px;
    font-size:14px;
    line-height:1.4;
  }
  .hero-bottom-note{margin-top:20px}
  .hero-aside{display:none}

  /* Put the right-rail services directly after hero on mobile */
  .services-panel{
    order:3;
    width:100%;
    height:auto!important;
    padding:18px;
    border-block:0;
  }
  .services-panel h2{
    font-family:"Space Grotesk",Arial,sans-serif;
    font-size:18px;
    font-weight:500;
    margin-bottom:18px;
  }
  .service-icons{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    border:1px solid rgba(255,255,255,.25);
  }
  .service-icons article{
    min-height:102px;
    justify-content:center;
    padding:12px 8px;
    border:1px solid rgba(255,255,255,.13);
  }
  .service-icon{font-size:26px;min-height:32px}
  .service-icons strong{font-size:8px}
  .panel-link{margin-top:16px}

  .comic-panel{display:none}

  .mid-grid{
    display:flex;
    flex-direction:column;
    border-bottom:0;
  }
  .featured-work{
    order:1;
    padding:13px 12px 15px;
  }
  .panel-header{font-size:8px}
  .work-strip{
    display:flex;
    gap:6px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .work-strip::-webkit-scrollbar{display:none}
  .work-card{
    flex:0 0 42%;
    scroll-snap-align:start;
    aspect-ratio:1/1.15;
  }

  .philosophy{
    order:2;
    display:grid;
    grid-template-columns:1fr;
    border-bottom:1px solid var(--line);
  }
  .philosophy-copy{
    padding:22px 18px 18px;
  }
  .philosophy h2{font-size:25px}
  .philosophy p{max-width:100%;font-size:11px}
  .golden-ratio{
    min-height:140px;
    border-top:1px solid rgba(184,170,153,.55);
  }
  .ratio-1{width:135px;height:135px;right:28px;top:2px}
  .ratio-2{width:78px;height:78px;right:28px;bottom:5px}
  .ratio-v{right:94px}
  .ratio-h{right:28px;width:58%}
  .ratio-spiral{right:49px;bottom:12px;font-size:45px}

  .bottom-grid{
    display:flex;
    flex-direction:column;
  }
  .shop-panel{
    padding:22px 18px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .shop-panel h2{font-size:22px}
  .shop-items{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 12px;
  }
  .shop-items a{font-size:10px}
  .shop-items p{font-size:9px}
  .shop-link{margin-top:20px;padding-top:0}

  .affiliate-panel{
    padding:22px 18px 0;
    display:flex;
    flex-direction:column;
  }
  .affiliate-panel h2{
    font-size:17px;
    margin-bottom:17px;
  }
  .affiliate-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
  }
  .affiliate-row span{
    padding:11px 8px;
    border:1px solid rgba(17,16,15,.16);
    font-size:9px;
  }
  .affiliate-panel > .text-link{margin-bottom:20px}

  .newsletter{
    width:calc(100% + 36px);
    margin:0 -18px;
    padding:17px 18px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
  }
  .newsletter > div{grid-column:1/-1}
  .newsletter label{min-width:0}
  .newsletter input{font-size:9px}
  .newsletter button{font-size:8px;padding:8px 10px}
  .eye-mark{display:none}

  .dhc-panel{
    height:auto!important;
    display:grid;
    grid-template-columns:1fr;
    border-bottom:1px solid var(--line);
  }
  .dhc-image{
    min-height:250px;
    background-position:center 35%!important;
  }
  .dhc-copy{
    padding:22px 18px 24px;
  }
  .dhc-copy h2{font-size:23px}
  .dhc-copy p{font-size:9px}

  .closing-art{
    height:auto!important;
    min-height:280px;
    background-position:center!important;
  }
  .social-strip{
    justify-content:center;
    height:56px;
    gap:30px;
  }

  .site-footer{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    padding:22px 18px;
    text-align:center;
  }
  .footer-brand{
    flex-wrap:wrap;
    justify-content:center;
    gap:9px 12px;
  }
  .footer-brand small{width:100%}
  .footer-nav{
    flex-wrap:wrap;
    justify-content:center;
    gap:12px 18px;
  }
  .footer-nav a{font-size:8px}
}


/* MASTER BUILD 3 — resonant worlds statement */
.services-panel h2{
  max-width:430px;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.015em;
}

@media (max-width:900px){
  .services-panel h2{
    max-width:100%;
    font-size:17px;
    line-height:1.28;
  }
}


/* MASTER BUILD 4 — EDITORIAL HERO MORPH */
.hero-morph{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:450px;
  background:radial-gradient(circle at 58% 45%,rgba(185,164,200,.20),transparent 48%),var(--paper);
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.018) translate3d(0,4px,0);
  background-repeat:no-repeat;
  background-size:cover;
  transition:opacity 1.35s cubic-bezier(.22,.61,.36,1),transform 6.2s cubic-bezier(.22,.61,.36,1),clip-path 1.45s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform,clip-path;
}
.hero-slide-1{background-image:url("../images/hero-01.jpg");background-position:48% center;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.hero-slide-2{background-image:url("../images/hero-02.jpg");background-position:50% 35%;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.hero-slide-3{background-image:url("../images/hero-03.jpg");background-position:48% 28%;clip-path:polygon(0 0,92% 0,100% 100%,7% 100%)}
.hero-slide.is-active{opacity:1;transform:scale(1.045) translate3d(0,-3px,0);z-index:2}

.hero-transition-layer{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}
.morph-sweep{position:absolute;left:-35%;width:160%;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(189,167,207,.14) 15%,rgba(181,151,210,.68) 44%,rgba(229,213,239,.38) 58%,transparent 100%);mix-blend-mode:multiply}
.morph-sweep-a{top:30%;height:18%;transform:rotate(-9deg) translateX(-20%)}
.morph-sweep-b{top:54%;height:11%;transform:rotate(5deg) translateX(-18%)}
.hero-morph.is-transitioning .morph-sweep-a{animation:cybilSweepA 1.45s cubic-bezier(.22,.61,.36,1)}
.hero-morph.is-transitioning .morph-sweep-b{animation:cybilSweepB 1.45s .08s cubic-bezier(.22,.61,.36,1)}
.morph-ink{position:absolute;width:9px;height:9px;border-radius:50%;background:#171416;opacity:0}
.morph-ink-1{left:72%;top:37%}.morph-ink-2{left:78%;top:57%;width:5px;height:5px}
.hero-morph.is-transitioning .morph-ink{animation:cybilInk 1.1s ease-out}

.neon-trace{position:absolute;inset:0;pointer-events:none;z-index:6}
.neon-segment{position:absolute;display:block;opacity:.14;background:linear-gradient(90deg,rgba(169,101,255,0),rgba(169,101,255,.95),rgba(211,180,255,.95),rgba(169,101,255,0));box-shadow:0 0 5px rgba(176,104,255,.45),0 0 12px rgba(176,104,255,.24)}
.neon-top{top:0;left:0;width:100%;height:1px}
.neon-right{top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(169,101,255,0),rgba(169,101,255,.95),rgba(211,180,255,.95),rgba(169,101,255,0))}
.neon-bottom{bottom:0;left:0;width:100%;height:1px}
.hero-morph.is-transitioning .neon-top{animation:neonTravelX 1.4s ease-in-out}
.hero-morph.is-transitioning .neon-right{animation:neonTravelY 1.4s .22s ease-in-out}
.hero-morph.is-transitioning .neon-bottom{animation:neonTravelXReverse 1.4s .42s ease-in-out}

.hero-progress{position:absolute;right:14px;bottom:12px;z-index:7;display:flex;gap:6px}
.hero-progress-dot{width:4px;height:4px;border-radius:999px;background:rgba(17,16,15,.3);transition:width .35s ease,background .35s ease,box-shadow .35s ease}
.hero-progress-dot.is-active{width:18px;background:#9e61d2;box-shadow:0 0 8px rgba(158,97,210,.42)}

@keyframes cybilSweepA{0%{opacity:0;transform:rotate(-9deg) translateX(-24%)}18%{opacity:.22}52%{opacity:.82}100%{opacity:0;transform:rotate(-9deg) translateX(24%)}}
@keyframes cybilSweepB{0%{opacity:0;transform:rotate(5deg) translateX(-20%)}28%{opacity:.18}58%{opacity:.52}100%{opacity:0;transform:rotate(5deg) translateX(22%)}}
@keyframes cybilInk{0%{opacity:0;transform:scale(.2)}34%{opacity:.72;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}
@keyframes neonTravelX{0%{opacity:0;clip-path:inset(0 100% 0 0)}25%{opacity:.22}58%{opacity:.92;clip-path:inset(0 0 0 0)}100%{opacity:.06;clip-path:inset(0 0 0 100%)}}
@keyframes neonTravelXReverse{0%{opacity:0;clip-path:inset(0 0 0 100%)}25%{opacity:.22}58%{opacity:.86;clip-path:inset(0 0 0 0)}100%{opacity:.05;clip-path:inset(0 100% 0 0)}}
@keyframes neonTravelY{0%{opacity:0;clip-path:inset(0 0 100% 0)}25%{opacity:.22}60%{opacity:.82;clip-path:inset(0 0 0 0)}100%{opacity:.04;clip-path:inset(100% 0 0 0)}}

@media (max-width:900px){
  .hero-visual.hero-morph{min-height:330px;height:52vw;max-height:440px;background:var(--paper);border-bottom:1px solid var(--line)}
  .hero-slide{transition:opacity 1.05s ease,transform 5.8s ease,clip-path 1.05s ease}
  .hero-slide-1{background-position:center top}
  .hero-slide-2{background-position:48% 20%}
  .hero-slide-3{background-position:45% 20%}
  .hero-slide.is-active{transform:scale(1.025) translate3d(0,-1px,0)}
  .morph-sweep-b,.morph-ink,.neon-right{display:none}
  .morph-sweep-a{height:14%;top:46%}
  .hero-progress{right:12px;bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  .hero-slide,.hero-progress-dot{transition:none!important;animation:none!important}
  .hero-transition-layer,.neon-trace{display:none!important}
}


/* MASTER BUILD 5 — luxury editorial polish */
.hero h1{
  max-width:100%;
}
.hero-heavy,
.hero-serif{
  white-space:nowrap;
}
@media (max-width:900px){
  .hero h1{
    font-size:clamp(40px,12.2vw,61px);
    line-height:.88;
  }
}


/* =========================================================
   MASTER BUILD 6 — LUXURY TYPOGRAPHY SYSTEM
   Crisp editorial hierarchy, controlled tracking, cleaner rhythm.
   ========================================================= */

/* Core text rendering */
body{
  font-family:"Space Grotesk",Arial,sans-serif;
  font-weight:400;
  letter-spacing:-.005em;
}

/* Display sans */
.brand,
.hero-heavy{
  font-family:"Anton",Impact,sans-serif;
  font-weight:400;
  text-transform:uppercase;
}

/* Editorial serif */
.hero-serif,
.philosophy h2,
.dhc-copy h2,
.services-panel h2{
  font-family:"Bodoni Moda",Georgia,serif;
}

/* Utility / navigation mono */
.main-nav a,
.footer-nav a,
.panel-header,
.eyebrow,
.text-link,
.panel-link,
.manifesto,
.hero-bottom-note,
.newsletter input,
.newsletter button{
  font-family:"DM Mono",monospace;
}

/* HEADER */
.brand{
  font-size:29px;
  letter-spacing:.065em;
}
.main-nav a{
  font-size:8.5px;
  font-weight:500;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.menu-icon span{
  height:1px;
}

/* HERO */
.hero h1{
  font-size:clamp(58px,4.7vw,75px);
  line-height:.83;
  letter-spacing:-.035em;
}
.hero-heavy{
  letter-spacing:-.025em;
}
.hero-serif{
  font-weight:500;
  letter-spacing:-.055em;
}
.hero-note{
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-size:14.5px;
  line-height:1.48;
  letter-spacing:-.01em;
}
.manifesto{
  font-size:9px;
  line-height:1.58;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.vertical-script{
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-size:23px;
  letter-spacing:-.02em;
}
.text-link{
  font-size:9px;
  font-weight:500;
  letter-spacing:.05em;
  text-transform:uppercase;
}

/* SECTION LABELS */
.panel-header,
.eyebrow{
  font-size:8px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* PHILOSOPHY */
.philosophy h2{
  font-size:25px;
  line-height:1.02;
  letter-spacing:-.025em;
}
.philosophy p{
  font-size:10.5px;
  line-height:1.55;
  letter-spacing:0;
}

/* SHOP */
.shop-panel h2{
  font-size:23px;
  font-weight:500;
  letter-spacing:-.025em;
}
.shop-items a{
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.015em;
  text-underline-offset:2px;
}
.shop-items p{
  font-size:8.5px;
  line-height:1.4;
}

/* AFFILIATES */
.affiliate-panel h2{
  font-size:17px;
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.015em;
}
.affiliate-row span{
  font-size:9px;
  line-height:1.15;
  letter-spacing:.015em;
}

/* SERVICES / MULTIPLE WORLDS */
.services-panel h2{
  font-size:19px;
  line-height:1.24;
  letter-spacing:-.02em;
  font-weight:500;
}
.service-icons strong{
  font-size:7px;
  line-height:1.38;
  letter-spacing:.035em;
  text-transform:uppercase;
}

/* DHC */
.dhc-copy h2{
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.02em;
}
.dhc-copy p{
  font-size:8px;
  line-height:1.5;
  letter-spacing:.025em;
}

/* NEWSLETTER */
.newsletter strong{
  font-size:9.5px;
  letter-spacing:.02em;
}
.newsletter small{
  font-size:7.5px;
  line-height:1.4;
}
.newsletter input,
.newsletter button{
  letter-spacing:.035em;
  text-transform:uppercase;
}

/* FOOTER */
.footer-brand{
  font-size:8.5px;
  letter-spacing:.02em;
}
.footer-nav a{
  font-size:7.5px;
  letter-spacing:.05em;
}

/* Spacing refinements that make the typography feel more editorial */
.hero-copy{padding-top:38px;padding-bottom:30px}
.philosophy-copy{padding-top:26px;padding-bottom:26px}
.shop-panel{padding-top:20px;padding-bottom:20px}
.affiliate-panel{padding-top:20px}
.services-panel{padding-top:26px;padding-bottom:22px}
.dhc-copy{padding-top:30px;padding-bottom:30px}

/* Mobile typography */
@media (max-width:900px){
  .brand{
    font-size:22px;
    letter-spacing:.055em;
  }

  .hero h1{
    font-size:clamp(39px,12vw,59px);
    line-height:.87;
    letter-spacing:-.03em;
  }

  .hero-note{
    font-size:13.5px;
    line-height:1.5;
  }

  .services-panel h2{
    font-size:16px;
    line-height:1.3;
    letter-spacing:-.015em;
  }

  .philosophy h2{
    font-size:24px;
  }

  .shop-panel h2{
    font-size:21px;
  }

  .affiliate-panel h2{
    font-size:16px;
    line-height:1.24;
  }

  .dhc-copy h2{
    font-size:22px;
  }

  .footer-nav a{
    font-size:7.5px;
  }
}


/* =========================================================
   MASTER BUILD 7 — EDITORIAL × COMIC × TRON POLISH
   ========================================================= */

/* Desktop nav: larger and cleaner. Hamburger is mobile-only. */
.main-nav a{
  font-size:10px;
  letter-spacing:.055em;
}
.menu-icon{
  display:none;
}
@media (max-width:900px){
  .menu-icon{display:grid}
}

/* Hero benefit copy replaces the old manifesto. */
.hero-value-copy{
  margin:0;
  max-width:145px;
  font-family:"DM Mono",monospace;
  font-size:9px;
  font-weight:500;
  line-height:1.65;
  letter-spacing:.045em;
}
.vertical-script{
  color:var(--ink-soft);
}

/* Permanent lavender paint gesture layered into the morphing image. */
.hero-morph::before{
  content:"";
  position:absolute;
  z-index:3;
  left:-7%;
  top:54%;
  width:115%;
  height:17%;
  pointer-events:none;
  opacity:.34;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(181,151,210,.20) 8%,
      rgba(181,151,210,.74) 31%,
      rgba(211,189,226,.62) 66%,
      rgba(181,151,210,.18) 91%,
      transparent 100%);
  clip-path:polygon(0 36%,8% 16%,20% 31%,31% 3%,42% 34%,56% 14%,71% 40%,86% 13%,100% 37%,92% 67%,74% 57%,61% 91%,45% 64%,26% 94%,11% 65%);
  transform:rotate(-5deg);
  mix-blend-mode:multiply;
}

/* Dark plum remains the primary dark. */
.black-panel,
.social-strip,
.site-footer{
  background:var(--plum);
}

/* Neon CTA treatment — restrained at rest, electric on interaction. */
.text-link,
.panel-link{
  position:relative;
  transition:color .25s ease,text-shadow .25s ease,border-color .25s ease;
}
.text-link::after,
.panel-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:1px;
  opacity:.62;
  background:linear-gradient(90deg,#7c3cff,#c68cff,#efe4ff,#7c3cff);
  box-shadow:0 0 5px rgba(174,93,255,.45);
}
.panel-link::after{bottom:auto;top:-1px}
@media (hover:hover) and (pointer:fine){
  .text-link:hover,
  .panel-link:hover{
    color:#b980ff;
    text-shadow:0 0 8px rgba(185,128,255,.45);
  }
  .text-link:hover::after,
  .panel-link:hover::after{
    height:2px;
    opacity:1;
    box-shadow:0 0 7px rgba(174,93,255,.9),0 0 15px rgba(174,93,255,.35);
  }
}

/* Services: larger labels + repeatable scored-circle icon system. */
.service-icons{
  gap:12px;
}
.service-icons article{
  gap:9px;
}
.service-icon{
  min-height:0;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
}
.icon-score{
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
}
.icon-score::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(197,150,255,.30);
  border-radius:50%;
  box-shadow:0 0 7px rgba(175,92,255,.18);
}
.icon-score svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  position:relative;
  z-index:1;
}
.service-icons strong{
  font-size:8.5px;
  line-height:1.34;
}

/* Golden ratio becomes a real graphic rather than loose decoration. */
.golden-ratio{
  min-height:220px;
  display:grid;
  place-items:center;
  padding:15px;
  overflow:hidden;
}
.golden-svg{
  width:100%;
  height:auto;
  max-width:300px;
  overflow:visible;
}
.golden-grid rect{
  fill:none;
  stroke:rgba(182,154,112,.34);
  stroke-width:1;
}
.golden-spiral{
  fill:none;
  stroke:rgba(182,154,112,.76);
  stroke-width:1.35;
  stroke-linecap:round;
}
.golden-dot{
  fill:#9e61d2;
  filter:drop-shadow(0 0 4px rgba(158,97,210,.42));
}

/* Subtle recurring symbols — watermark level, not decorative clutter. */
.featured-work,
.philosophy,
.shop-panel,
.affiliate-panel,
.services-panel,
.dhc-panel{
  position:relative;
  overflow:hidden;
}
.featured-work::after,
.philosophy::after,
.shop-panel::after,
.affiliate-panel::after,
.services-panel::after,
.dhc-panel::after{
  position:absolute;
  pointer-events:none;
  z-index:0;
  font-family:"Bodoni Moda",Georgia,serif;
  line-height:1;
  opacity:.055;
}
.featured-work::after{content:"✦";font-size:110px;right:-15px;bottom:-28px;color:#fff}
.philosophy::after{content:"◌";font-size:150px;left:-35px;bottom:-55px;color:var(--plum)}
.shop-panel::after{content:"✣";font-size:120px;right:-25px;top:-25px;color:var(--plum)}
.affiliate-panel::after{content:"◇";font-size:125px;right:-30px;bottom:-35px;color:var(--plum)}
.services-panel::after{content:"◎";font-size:160px;right:-50px;top:-45px;color:#fff}
.dhc-panel::after{content:"✦";font-size:115px;right:-25px;bottom:-30px;color:var(--plum)}
.featured-work > *,
.philosophy > *,
.shop-panel > *,
.affiliate-panel > *,
.services-panel > *,
.dhc-panel > *{
  position:relative;
  z-index:1;
}

/* Mobile refinements */
@media (max-width:900px){
  .main-nav a{font-size:10px}

  .hero-morph::before{
    top:58%;
    height:13%;
    opacity:.27;
  }

  .hero-value-copy{
    max-width:100%;
    font-size:9px;
  }

  .service-icons{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
  }
  .service-icons article{
    min-height:122px;
  }
  .service-icon{
    width:58px;
    height:58px;
  }
  .icon-score{
    width:54px;
    height:54px;
  }
  .service-icons strong{
    font-size:9px;
  }

  .golden-ratio{
    min-height:170px;
    padding:18px 34px;
  }

  .featured-work::after,
  .philosophy::after,
  .shop-panel::after,
  .affiliate-panel::after,
  .services-panel::after,
  .dhc-panel::after{
    opacity:.04;
    transform:scale(.82);
  }
}


/* =========================================================
   MASTER BUILD 8 — CRISP ALIGNMENT / HIERARCHY POLISH
   ========================================================= */

/* HERO RIGHT COLUMN */
.hero-aside{
  justify-content:flex-start;
  padding:34px 18px 28px;
}
.hero-value-copy{
  margin-top:auto;
  margin-bottom:34px;
  max-width:150px;
  font-size:9.5px;
  line-height:1.62;
}
.hero-magic{
  position:absolute;
  top:42px;
  right:18px;
  max-width:145px;
  text-align:right;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:23px;
  font-style:italic;
  font-weight:500;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--ink);
}

/* ENTER MY WORLD becomes the intentional lower hero CTA */
.hero-world-cta{
  margin-top:25px;
  width:100%;
}
.hero-world-link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(230px,100%);
  padding:10px 0 11px;
  border-bottom:1px solid var(--ink);
  overflow:hidden;
  font-family:"DM Mono",monospace;
  font-size:12px;
  font-weight:500;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.hero-world-light{
  position:absolute;
  left:-45%;
  bottom:-1px;
  width:45%;
  height:2px;
  background:linear-gradient(90deg,transparent,#8f4cff,#d1a1ff,#ffffff,#a85cff,transparent);
  box-shadow:
    0 0 5px rgba(172,90,255,.95),
    0 0 11px rgba(172,90,255,.45);
  animation:worldTrace 2.8s linear infinite;
}
@keyframes worldTrace{
  0%{left:-45%;opacity:0}
  10%{opacity:1}
  78%{opacity:1}
  100%{left:110%;opacity:0}
}
@media (hover:hover) and (pointer:fine){
  .hero-world-link:hover{
    color:#9f5ee0;
  }
}

/* SERVICES */
.service-icons strong{
  font-size:9.5px;
  line-height:1.32;
  letter-spacing:.03em;
}
.panel-link{
  font-size:9.5px;
  letter-spacing:.04em;
}

/* SHOP / LEARN / GROW — captions align directly under their images */
.shop-items article{
  text-align:center;
}
.shop-items a{
  display:block;
  width:100%;
  text-align:center;
}
.shop-items p{
  text-align:center;
}
.shop-link{
  align-self:flex-start;
}

/* AFFILIATE BUTTONS */
.affiliate-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.affiliate-row span{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid rgba(170,95,255,.72);
  border-radius:999px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.025em;
  background:rgba(255,255,255,.12);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.15),
    0 0 5px rgba(170,95,255,.20);
}
@media (hover:hover) and (pointer:fine){
  .affiliate-row span:hover{
    border-color:#c08cff;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.18),
      0 0 7px rgba(170,95,255,.48),
      0 0 15px rgba(170,95,255,.20);
  }
}

/* NEWSLETTER — half-width editorial block inside affiliate section */
.newsletter{
  width:50%;
  min-width:300px;
  margin:16px 0 0 auto;
  padding:14px 16px;
  grid-template-columns:1fr;
  gap:9px;
  border-left:1px solid rgba(65,38,60,.22);
}
.newsletter > div{
  grid-column:1;
}
.newsletter label{
  grid-column:1;
}
.newsletter button{
  grid-column:1;
  width:max-content;
}
.eye-mark{
  position:absolute;
  right:16px;
  bottom:16px;
}
.newsletter{
  position:relative;
}

/* MOBILE */
@media (max-width:900px){
  .hero-aside{
    display:none;
  }

  .hero-world-link{
    width:min(260px,100%);
    font-size:12px;
  }

  .service-icons strong{
    font-size:10px;
  }

  .panel-link{
    font-size:10px;
  }

  .affiliate-row{
    grid-template-columns:1fr 1fr;
  }

  .affiliate-row span{
    min-height:44px;
    font-size:9.5px;
  }

  .newsletter{
    width:100%;
    min-width:0;
    margin:0;
  }

  .shop-items article{
    text-align:center;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .hero-world-light{
    animation:none!important;
    left:0;
    width:100%;
    opacity:.45;
  }
}


/* =========================================================
   MASTER BUILD 9 — MOBILE POLISH
   Desktop remains unchanged except for the philosophy sentence.
   ========================================================= */

@media (max-width:900px){

  /* ---------------------------------------------
     PAGE FLOW: keep all right-rail content above footer
     --------------------------------------------- */
  .page-shell{
    display:flex;
    flex-direction:column;
  }

  .side-column{
    display:flex !important;
    flex-direction:column;
    width:100%;
  }

  .site-footer{
    order:99;
  }

  .comic-panel{
    display:none;
  }

  /* ---------------------------------------------
     HERO: text overlays image; face shifts right
     --------------------------------------------- */
  .hero{
    position:relative;
    display:block;
    min-height:0;
  }

  .hero-visual.hero-morph{
    position:relative;
    width:100%;
    min-height:500px;
    height:112vw;
    max-height:650px;
    border-bottom:1px solid var(--line);
  }

  .hero-slide{
    background-size:cover;
  }

  .hero-slide-1{background-position:68% 14%}
  .hero-slide-2{background-position:72% 18%}
  .hero-slide-3{background-position:74% 14%}

  .hero-copy{
    position:absolute;
    z-index:9;
    inset:0 auto 0 0;
    width:min(58%,430px);
    min-height:100%;
    padding:28px 18px 24px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    pointer-events:none;
    background:
      linear-gradient(
        90deg,
        rgba(246,242,236,.94) 0%,
        rgba(246,242,236,.80) 40%,
        rgba(246,242,236,.40) 72%,
        rgba(246,242,236,0) 100%
      );
  }

  .hero-copy h1{
    display:block;
    font-size:clamp(34px,9.3vw,52px);
    line-height:.87;
    text-shadow:0 1px 0 rgba(246,242,236,.28);
  }

  .hero-note{
    margin:16px 0 18px;
    font-size:13px;
    line-height:1.42;
  }

  .hero-world-cta{
    margin-top:4px;
    pointer-events:auto;
  }

  .hero-world-link{
    width:min(220px,100%);
    font-size:11px;
  }

  .hero-aside{
    display:none;
  }

  /* ---------------------------------------------
     SERVICES: horizontal cards, not a tall 2-column grid
     --------------------------------------------- */
  .services-panel{
    width:100%;
    height:auto !important;
    padding:24px 18px 26px;
  }

  .services-panel h2{
    font-size:19px;
    line-height:1.25;
    margin-bottom:20px;
  }

  .service-icons{
    display:flex !important;
    grid-template-columns:none !important;
    gap:12px !important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    border:0 !important;
    padding:2px 0 10px;
  }

  .service-icons::-webkit-scrollbar{
    display:none;
  }

  .service-icons article{
    flex:0 0 min(68vw,255px);
    min-height:190px;
    padding:20px 14px;
    display:flex;
    justify-content:center;
    border:1px solid rgba(255,255,255,.18);
    scroll-snap-align:start;
  }

  .service-icons strong{
    font-size:10px;
    line-height:1.35;
  }

  .panel-link{
    margin-top:16px;
    font-size:10px;
  }

  /* ---------------------------------------------
     AFFILIATES: horizontal neon-chip scroller
     --------------------------------------------- */
  .affiliate-row{
    display:flex !important;
    grid-template-columns:none !important;
    gap:10px !important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:1px 0 8px;
  }

  .affiliate-row::-webkit-scrollbar{
    display:none;
  }

  .affiliate-row span{
    flex:0 0 auto;
    min-width:150px;
    min-height:46px;
    scroll-snap-align:start;
  }

  /* Keep newsletter full width on mobile. */
  .newsletter{
    width:calc(100% + 36px);
    min-width:0;
    margin:0 -18px;
  }

  /* ---------------------------------------------
     DARK HEART CITY: image banner + copy overlay
     --------------------------------------------- */
  .dhc-panel{
    position:relative;
    display:block;
    min-height:0;
    overflow:hidden;
  }

  .dhc-image{
    min-height:390px;
    background-size:cover !important;
    background-position:center 28% !important;
  }

  .dhc-copy{
    position:absolute;
    z-index:4;
    inset:0;
    padding:26px 20px;
    display:flex !important;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    color:#fff;
    background:
      linear-gradient(
        0deg,
        rgba(33,20,31,.92) 0%,
        rgba(33,20,31,.60) 34%,
        rgba(33,20,31,.20) 62%,
        rgba(33,20,31,0) 82%
      );
  }

  .dhc-copy h2{
    color:#fff;
    font-size:30px;
    margin-bottom:10px;
  }

  .dhc-copy p{
    color:#fff;
    font-size:9.5px;
  }

  .dhc-copy .spacing{
    margin:14px 0 18px;
  }

  .dhc-copy .text-link{
    color:#fff;
    border-bottom-color:rgba(255,255,255,.9);
    width:190px;
  }

  /* ---------------------------------------------
     Philosophy copy: slightly easier to read
     --------------------------------------------- */
  .philosophy p{
    font-size:11px;
    line-height:1.58;
  }
}

/* Extra narrow phones */
@media (max-width:480px){

  .hero-visual.hero-morph{
    min-height:470px;
    height:124vw;
  }

  .hero-slide-1{background-position:72% 12%}
  .hero-slide-2{background-position:76% 15%}
  .hero-slide-3{background-position:78% 12%}

  .hero-copy{
    width:61%;
    padding:22px 14px 20px;
  }

  .hero-copy h1{
    font-size:clamp(31px,9.1vw,43px);
  }

  .hero-note{
    font-size:12px;
  }

  .service-icons article{
    flex-basis:76vw;
  }

  .dhc-image{
    min-height:360px;
  }
}

/* Landscape phones / rotated devices */
@media (max-width:900px) and (orientation:landscape){

  .hero-visual.hero-morph{
    min-height:360px;
    height:70vw;
    max-height:500px;
  }

  .hero-copy{
    width:48%;
    padding:20px;
  }

  .hero-copy h1{
    font-size:clamp(31px,6.4vw,48px);
  }

  .hero-slide-1{background-position:70% 18%}
  .hero-slide-2{background-position:74% 20%}
  .hero-slide-3{background-position:76% 16%}
}


/* =========================================================
   MASTER BUILD 10 — GOLDEN RATIO + AFFILIATE POLISH
   ========================================================= */

/* Super-subtle golden-ratio reference behind the philosophy text. */
.philosophy{
  position:relative;
  isolation:isolate;
}
.philosophy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(rgba(246,242,236,.92),rgba(246,242,236,.92)),
    url("../images/golden-ratio-reference.jpg") center / cover no-repeat;
  opacity:.16;
  filter:grayscale(1) sepia(.18) contrast(.72);
  pointer-events:none;
}
.philosophy > *{
  position:relative;
  z-index:1;
}

/* Keep the SVG detail, but quieter so the image does the atmospheric work. */
.golden-svg{
  opacity:.28;
}

/* Affiliate cards: hard editorial corners, not pills. */
.affiliate-row{
  align-items:stretch;
}
.affiliate-card{
  min-width:0;
  min-height:84px;
  padding:12px 12px 11px;
  border:1px solid rgba(170,95,255,.68);
  border-radius:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  background:rgba(255,255,255,.08);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 0 5px rgba(170,95,255,.14);
}
.affiliate-card strong{
  font-size:10px;
  line-height:1.1;
  letter-spacing:.025em;
}
.affiliate-card small{
  display:block;
  font-size:7.8px;
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
  opacity:.78;
}

/* Neutralize the old span-specific affiliate styling. */
.affiliate-row span{
  border:0!important;
  border-radius:0!important;
  min-height:0!important;
  padding:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

@media (hover:hover) and (pointer:fine){
  .affiliate-card:hover{
    border-color:#c08cff;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.16),
      0 0 8px rgba(170,95,255,.38),
      0 0 16px rgba(170,95,255,.14);
  }
}

@media (max-width:900px){
  .philosophy::before{
    opacity:.12;
    background:
      linear-gradient(rgba(246,242,236,.94),rgba(246,242,236,.94)),
      url("../images/golden-ratio-reference.jpg") center / cover no-repeat;
  }

  .affiliate-row{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:8px;
  }
  .affiliate-row::-webkit-scrollbar{display:none}

  .affiliate-card{
    flex:0 0 190px;
    min-height:94px;
    scroll-snap-align:start;
  }
  .affiliate-card strong{
    font-size:10px;
  }
  .affiliate-card small{
    font-size:8px;
  }
}

.social-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16)}
.social-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.inner-page{background:var(--paper)}.page-header{position:sticky;top:0;z-index:50;background:rgba(246,242,236,.96);backdrop-filter:blur(8px)}.portfolio-page,.courses-page{max-width:1600px;margin:0 auto}
.inner-hero{display:grid;grid-template-columns:1fr auto;align-items:end;min-height:330px;padding:60px 5vw 38px;border-bottom:1px solid var(--line)}
.inner-hero-copy h1,.course-hero h1{margin:10px 0 18px;font-family:"Anton",Impact,sans-serif;font-size:clamp(64px,9vw,150px);line-height:.82;letter-spacing:-.035em}.inner-hero-copy p,.course-hero-copy p{max-width:650px;font-size:14px;line-height:1.55}.inner-hero-mark{font-size:110px;color:rgba(158,97,210,.22)}
.portfolio-filter{display:flex;gap:8px;flex-wrap:wrap;padding:18px 5vw;border-bottom:1px solid var(--line)}.filter-btn{border:1px solid rgba(25,17,22,.25);background:transparent;padding:10px 14px;font:500 9px "DM Mono",monospace}.filter-btn.is-active{border-color:#a95fff;box-shadow:0 0 8px rgba(169,95,255,.2)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.portfolio-card{min-height:420px;position:relative;background:var(--plum);overflow:hidden}.portfolio-card img{width:100%;height:100%;object-fit:cover}.portfolio-card.wide{grid-column:span 2}.portfolio-card.tall{min-height:560px}.portfolio-meta{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(0deg,rgba(33,20,31,.88),transparent)}.portfolio-meta span{display:block;font:500 8px "DM Mono",monospace;margin-bottom:6px}.portfolio-meta strong{font:500 20px "Bodoni Moda",Georgia,serif}
.portfolio-cta{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:48px 5vw}.portfolio-cta h2{margin:8px 0 0;font:500 42px "Bodoni Moda",Georgia,serif}
.neon-button{display:inline-flex;justify-content:space-between;gap:28px;min-width:210px;padding:13px 0 11px;border-bottom:1px solid var(--ink);position:relative;overflow:hidden;font:500 10px "DM Mono",monospace}.neon-button::after{content:"";position:absolute;left:-45%;bottom:-1px;width:45%;height:2px;background:linear-gradient(90deg,transparent,#8f4cff,#d1a1ff,#fff,#a85cff,transparent);box-shadow:0 0 7px rgba(172,90,255,.75);animation:worldTrace 2.8s linear infinite}
.course-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;border-bottom:1px solid var(--line)}.course-hero-copy{padding:70px 6vw 55px;display:flex;flex-direction:column;justify-content:center}.course-hero h1 em{font-family:"Bodoni Moda",Georgia,serif;font-weight:500}.course-hero-visual{background:var(--plum);padding:48px;display:grid;place-items:center}
.portal-preview{width:min(100%,560px);border:1px solid rgba(255,255,255,.24);color:#fff;padding:24px}.portal-topline{font:500 9px "DM Mono",monospace;margin-bottom:20px}.portal-progress{height:2px;background:rgba(255,255,255,.15);margin-bottom:26px}.portal-progress span{display:block;height:100%;background:#a95fff;box-shadow:0 0 8px rgba(169,95,255,.65)}.portal-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;min-height:64px;border-top:1px solid rgba(255,255,255,.14);font-family:"DM Mono",monospace}.portal-note{margin-top:24px;font:italic 16px "Bodoni Moda",Georgia,serif;opacity:.8}
.course-library{padding:60px 5vw}.section-heading h2{margin:9px 0 28px;font:500 44px "Bodoni Moda",Georgia,serif}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-card{border:1px solid var(--line)}.course-card.featured{grid-column:span 2}.course-card-image{min-height:260px;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.course-card.featured .course-card-image{min-height:340px}.course-art-1{background-image:url("../images/work-art-1.png")}.course-art-2{background-image:url("../images/work-art-2.png")}.course-art-3{background-image:url("../images/work-art-4.png")}.course-card-copy{padding:22px}.course-type{font:500 8px "DM Mono",monospace}.course-card h3{margin:10px 0 12px;font:500 26px/1.05 "Bodoni Moda",Georgia,serif}.course-card p{font-size:11px;line-height:1.55}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.course-meta span{border:1px solid rgba(169,95,255,.42);padding:6px 8px;font:500 7px "DM Mono",monospace}.course-link{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font:500 9px "DM Mono",monospace}
.member-preview-section{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);min-height:440px}.member-copy{padding:55px 6vw}.member-copy h2{margin:10px 0 18px;font:500 46px/1.05 "Bodoni Moda",Georgia,serif}.member-copy p{max-width:540px;font-size:12px;line-height:1.6}.member-ui{background:var(--plum);color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:center}.member-ui-head{display:flex;justify-content:space-between;font:500 9px "DM Mono",monospace;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.2)}.member-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16);margin-top:1px}.member-ui-grid div{min-height:130px;background:var(--plum);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.member-ui-grid span{font:500 8px "DM Mono",monospace;opacity:.6}.member-ui-grid strong{font:500 42px "Bodoni Moda",Georgia,serif}
@media(max-width:900px){.page-header{position:relative}.inner-hero{grid-template-columns:1fr;min-height:260px;padding:42px 18px 28px}.inner-hero-copy h1,.course-hero h1{font-size:clamp(54px,18vw,88px)}.inner-hero-mark{display:none}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card,.portfolio-card.tall{min-height:330px}.portfolio-card.wide{grid-column:span 2}.portfolio-cta{flex-direction:column;align-items:flex-start;padding:36px 18px}.course-hero{grid-template-columns:1fr;min-height:0}.course-hero-copy{padding:44px 18px 38px}.course-hero-visual{padding:24px 18px}.course-library{padding:42px 18px}.course-grid{grid-template-columns:1fr}.course-card.featured{grid-column:auto}.member-preview-section{grid-template-columns:1fr}.member-copy{padding:42px 18px}.member-ui{padding:24px 18px}}@media(max-width:520px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card.wide{grid-column:auto}.portfolio-card,.portfolio-card.tall{min-height:390px}}


/* =========================================================
   MASTER BUILD 12 — FINISHED COURSES HUB
   Kajabi-organized structure × Cybil editorial/TRON brand.
   ========================================================= */

.courses-finished .page-header{position:sticky;top:0;z-index:40}
.learning-hub{max-width:1600px;margin:0 auto;background:var(--paper)}
.learning-hero{
  display:block;
  min-height:0;
  border-bottom:1px solid var(--line);
}
.learning-hero-copy{
  padding:76px 6vw 68px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:1040px;
}
.learning-hero-copy h1{
  margin:10px 0 20px;
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(72px,8vw,132px);
  line-height:.82;
  letter-spacing:-.04em;
}
.learning-hero-copy h1 em{
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-weight:500;
}
.learning-lead{
  max-width:610px;
  margin:0 0 28px;
  font-size:14px;
  line-height:1.65;
}
.learning-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.quiet-link{
  font:500 9px "DM Mono",monospace;
  letter-spacing:.05em;
  border-bottom:1px solid var(--ink);
  padding-bottom:8px;
}

.learning-hero-ui{
  background:var(--plum);
  display:grid;
  place-items:center;
  padding:52px;
}
.member-shell{
  width:min(100%,580px);
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 0 0 1px rgba(169,95,255,.16),0 0 28px rgba(169,95,255,.08);
}
.member-shell-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.member-shell-top strong{display:block;margin-top:6px;font:500 22px "Bodoni Moda",Georgia,serif}
.micro-label{font:500 8px "DM Mono",monospace;letter-spacing:.08em;opacity:.62}
.member-status{font:500 8px "DM Mono",monospace;border:1px solid rgba(169,95,255,.55);padding:7px 8px}
.member-course-row{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  min-height:78px;
  padding:0 22px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.member-course-row.is-current{background:rgba(169,95,255,.08)}
.member-course-index{font:500 10px "DM Mono",monospace;opacity:.45}
.member-course-main{display:flex;flex-direction:column;gap:4px}
.member-course-main strong{font-size:11px}
.member-course-main span{font-size:8px;opacity:.58}
.member-course-state{font:500 8px "DM Mono",monospace;color:#d4b2ff}
.member-course-state.muted{opacity:.42;color:#fff}
.member-progress-track{height:2px;background:rgba(255,255,255,.12);margin:20px 22px}
.member-progress-track span{display:block;height:100%;background:#aa61ff;box-shadow:0 0 9px rgba(170,97,255,.7)}
.member-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.12);
}
.member-quick-grid div{
  min-height:100px;
  background:var(--plum);
  padding:14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.member-quick-grid span{font:500 7px "DM Mono",monospace;opacity:.52}
.member-quick-grid strong{font:500 34px "Bodoni Moda",Georgia,serif}

.learning-nav-strip{
  display:flex;
  gap:0;
  overflow-x:auto;
  border-bottom:1px solid var(--line);
  scrollbar-width:none;
}
.learning-nav-strip::-webkit-scrollbar{display:none}
.learning-nav-strip a{
  flex:1 0 auto;
  min-width:180px;
  padding:14px 18px;
  text-align:center;
  border-right:1px solid var(--line);
  font:500 8px "DM Mono",monospace;
  letter-spacing:.06em;
}

.featured-learning{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:560px;
  border-bottom:1px solid var(--line);
}
.featured-copy{
  padding:60px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.featured-copy h2{
  margin:10px 0 18px;
  font:500 clamp(40px,5vw,72px)/.96 "Bodoni Moda",Georgia,serif;
  letter-spacing:-.035em;
}
.featured-copy h2 em{font-style:italic}
.featured-copy p{max-width:560px;font-size:12px;line-height:1.65}
.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}
.feature-tags span{
  border:1px solid rgba(169,95,255,.48);
  padding:7px 9px;
  font:500 7px "DM Mono",monospace;
}
.featured-media{background:var(--plum);padding:36px;display:grid;place-items:center}
.video-frame{position:relative;width:100%;min-height:430px;border:1px solid rgba(255,255,255,.2);overflow:hidden}
.video-frame-image{
  position:absolute;inset:0;
  background:
    linear-gradient(135deg,rgba(189,167,207,.32),rgba(33,20,31,.1)),
    url("../images/work-art-1.png") center/cover no-repeat;
}
.video-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(33,20,31,.46),transparent 48%);
}
.play-button{
  position:absolute;
  z-index:3;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:68px;height:68px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:0;
  background:rgba(33,20,31,.3);
  color:#fff;
  box-shadow:0 0 14px rgba(169,95,255,.22);
}
.video-caption{
  position:absolute;z-index:3;left:18px;right:18px;bottom:16px;
  display:flex;justify-content:space-between;
  color:#fff;font:500 8px "DM Mono",monospace;
}

.learning-library-section{padding:64px 5vw}
.section-title-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.section-title-row h2{margin:8px 0 0;font:500 44px "Bodoni Moda",Georgia,serif}
.section-title-row p{max-width:460px;font-size:11px;line-height:1.55}
.learning-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.learning-card{border:1px solid var(--line);background:rgba(255,255,255,.16)}
.learning-card-visual{min-height:250px;border-bottom:1px solid var(--line);background-size:cover;background-position:center}
.visual-energy{background-image:url("../images/work-art-1.png")}
.visual-tattoo{background-image:url("../images/work-art-2.png")}
.visual-artifact{background-image:url("../images/work-art-4.png")}
.learning-card-body{padding:20px}
.learning-card-body h3{margin:9px 0 11px;font:500 24px/1.05 "Bodoni Moda",Georgia,serif}
.learning-card-body p{font-size:10.5px;line-height:1.55}
.learning-card-meta{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}
.learning-card-meta span{border:1px solid rgba(169,95,255,.4);padding:6px 7px;font:500 7px "DM Mono",monospace}

.live-section{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.live-copy{padding:60px 5vw;background:var(--plum);color:#fff}
.live-copy h2{margin:10px 0 18px;font:500 54px/.95 "Bodoni Moda",Georgia,serif}
.live-copy h2 em{font-style:italic}
.live-copy p{font-size:11px;line-height:1.6;max-width:430px}
.live-copy .neon-button{color:#fff;border-bottom-color:rgba(255,255,255,.7);margin-top:24px}
.live-flow{padding:34px;display:grid;grid-template-columns:1fr;align-content:center}
.flow-step{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.flow-step span{grid-row:1/3;font:500 10px "DM Mono",monospace;color:#9e61d2}
.flow-step strong{font-size:11px}
.flow-step small{font-size:9px;opacity:.62}
.flow-line{height:12px;border-left:1px solid rgba(169,95,255,.42);margin-left:20px}

.books-section{padding:64px 5vw;border-bottom:1px solid var(--line)}
.books-heading h2{margin:8px 0 30px;font:500 44px/1.05 "Bodoni Moda",Georgia,serif}
.book-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.book-experience{background:var(--paper);padding:24px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}
.book-number{font:500 9px "DM Mono",monospace;color:#9e61d2}
.book-experience h3{font:500 26px "Bodoni Moda",Georgia,serif;margin:10px 0}
.book-experience p{font-size:10.5px;line-height:1.55}

.member-space-section{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:580px;
}
.member-space-copy{padding:64px 6vw;display:flex;flex-direction:column;justify-content:center}
.member-space-copy h2{margin:10px 0 18px;font:500 48px/1.02 "Bodoni Moda",Georgia,serif}
.member-space-copy h2 em{font-style:italic}
.member-space-copy p{max-width:560px;font-size:11px;line-height:1.65}
.member-space-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.future-note{font:500 7px "DM Mono",monospace;opacity:.55}
.member-space-ui{background:var(--plum);color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:center}
.ui-topbar,.ui-tabs{display:flex;justify-content:space-between;gap:16px;font:500 8px "DM Mono",monospace}
.ui-topbar{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.16)}
.ui-tabs{justify-content:flex-start;padding:14px 0;overflow-x:auto}
.ui-tabs span{opacity:.45}
.ui-tabs .active{opacity:1;color:#c697ff}
.ui-course-item{
  display:grid;
  grid-template-columns:90px 1fr 24px;
  gap:14px;align-items:center;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.12);
}
.ui-course-thumb{width:90px;height:72px;background-size:cover;background-position:center}
.thumb-one{background-image:url("../images/work-art-1.png")}
.thumb-two{background-image:url("../images/work-art-3.png")}
.ui-course-info{display:flex;flex-direction:column;gap:5px}
.ui-course-info strong{font-size:10px}
.ui-course-info small{font-size:8px;opacity:.55}
.ui-progress{height:2px;background:rgba(255,255,255,.14);max-width:260px}
.ui-progress span{display:block;height:100%;background:#a95fff;box-shadow:0 0 7px rgba(169,95,255,.5)}
.ui-arrow{font-size:16px}

@media(max-width:900px){
  .courses-finished .page-header{position:relative}
  .learning-hero,.featured-learning,.live-section,.member-space-section{grid-template-columns:1fr}
  .learning-hero{min-height:0}
  .learning-hero-copy{padding:44px 18px 36px}
  .learning-hero-copy h1{font-size:clamp(58px,17vw,92px)}
  .learning-hero-ui{padding:24px 18px}
  .member-quick-grid{grid-template-columns:1fr 1fr}
  .featured-copy{padding:44px 18px}
  .featured-media{padding:20px 18px}
  .video-frame{min-height:320px}
  .learning-library-section,.books-section{padding:44px 18px}
  .section-title-row{flex-direction:column;align-items:flex-start}
  .learning-card-grid{grid-template-columns:1fr}
  .live-copy{padding:44px 18px}
  .live-flow{padding:20px 18px}
  .book-experience-grid{grid-template-columns:1fr}
  .member-space-copy{padding:44px 18px}
  .member-space-copy h2{font-size:36px}
  .member-space-ui{padding:24px 18px}
}

@media(max-width:520px){
  .member-shell-top{flex-direction:column}
  .member-course-row{grid-template-columns:32px 1fr}
  .member-course-state{grid-column:2}
  .member-quick-grid div{min-height:86px}
  .learning-nav-strip a{min-width:150px}
  .video-frame{min-height:280px}
  .ui-course-item{grid-template-columns:70px 1fr 18px}
  .ui-course-thumb{width:70px;height:62px}
}


/* =========================================================
   MASTER BUILD 13 — REAL LEARNING LIBRARY
   ========================================================= */

/* Align hero actions precisely. */
.learning-actions{
  display:grid;
  grid-template-columns:220px 220px;
  gap:18px;
  align-items:end;
  width:max-content;
}
.learning-actions .neon-button,
.learning-actions .quiet-link{
  width:220px;
  min-width:220px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 0 10px;
  margin:0;
  box-sizing:border-box;
}
.learning-actions .quiet-link{
  font:500 10px "DM Mono",monospace;
  letter-spacing:.05em;
  border-bottom:1px solid var(--ink);
}

/* Tiny-text legibility pass, scoped only to Courses. */
.courses-finished .eyebrow,
.courses-finished .micro-label,
.courses-finished .member-status,
.courses-finished .member-course-state,
.courses-finished .member-quick-grid span,
.courses-finished .learning-nav-strip a,
.courses-finished .feature-tags span,
.courses-finished .course-type,
.courses-finished .learning-card-meta span,
.courses-finished .video-caption,
.courses-finished .future-note,
.courses-finished .ui-topbar,
.courses-finished .ui-tabs,
.courses-finished .book-number,
.courses-finished .working-title,
.courses-finished .oracle-index,
.courses-finished .oracle-status,
.courses-finished .artifact-tile span,
.courses-finished .artifact-tile small{
  font-size:9px;
  line-height:1.35;
}
.courses-finished .member-course-main span,
.courses-finished .ui-course-info small,
.courses-finished .flow-step small{
  font-size:9px;
}
.courses-finished .course-link{
  font-size:10px;
}

/* More real certification visual placeholders. */
.visual-violet{
  background:
    linear-gradient(135deg,rgba(111,55,151,.28),rgba(33,20,31,.06)),
    url("../images/work-art-4.png") center/cover no-repeat;
}
.visual-kundalini{
  background:
    linear-gradient(135deg,rgba(189,167,207,.18),rgba(33,20,31,.22)),
    url("../images/work-art-3.png") center/cover no-repeat;
}
.visual-millenium{
  background:
    linear-gradient(135deg,rgba(33,20,31,.18),rgba(169,95,255,.20)),
    url("../images/work-art-1.png") center/cover no-repeat;
}
.visual-kwanyin{
  background:
    linear-gradient(135deg,rgba(246,242,236,.10),rgba(169,95,255,.23)),
    url("../images/work-art-2.png") center/cover no-repeat;
}

.learning-card-grid-five{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.learning-card-grid-five .learning-card:nth-child(4),
.learning-card-grid-five .learning-card:nth-child(5){
  grid-column:span 1;
}

.working-title{
  display:inline-block;
  margin-bottom:8px;
  font-family:"DM Mono",monospace;
  color:#8f59b8;
  letter-spacing:.06em;
}

/* Oracle deck horizontal editorial shelf. */
.oracle-section{
  padding:64px 5vw;
  border-bottom:1px solid var(--line);
  background:var(--plum);
  color:#fff;
  overflow:hidden;
}
.oracle-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}
.oracle-heading h2{
  margin:8px 0 0;
  font:500 46px "Bodoni Moda",Georgia,serif;
}
.oracle-heading p{
  max-width:390px;
  font-size:11px;
  line-height:1.55;
  opacity:.74;
}
.oracle-scroll{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding-bottom:8px;
}
.oracle-scroll::-webkit-scrollbar{display:none}
.oracle-card{
  flex:0 0 min(31vw,390px);
  min-height:270px;
  border:1px solid rgba(255,255,255,.22);
  padding:22px;
  display:flex;
  flex-direction:column;
  scroll-snap-align:start;
  position:relative;
}
.oracle-card::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(169,95,255,.16);
  pointer-events:none;
}
.oracle-card h3{
  margin:42px 0 12px;
  font:500 28px/1.02 "Bodoni Moda",Georgia,serif;
}
.oracle-card p{
  max-width:310px;
  font-size:10.5px;
  line-height:1.55;
  opacity:.75;
}
.oracle-index{
  font-family:"DM Mono",monospace;
  color:#c79cff;
}
.oracle-status{
  margin-top:auto;
  font-family:"DM Mono",monospace;
  color:#d2adff;
  letter-spacing:.04em;
}

/* Artifact section. */
.artifact-section{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  border-bottom:1px solid var(--line);
}
.artifact-copy{
  padding:64px 6vw;
}
.artifact-copy h2{
  margin:10px 0 18px;
  font:500 44px/1.02 "Bodoni Moda",Georgia,serif;
}
.artifact-copy h2 em{font-style:italic}
.artifact-copy p{
  max-width:540px;
  font-size:11px;
  line-height:1.65;
}
.artifact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--line);
}
.artifact-tile{
  min-height:320px;
  background:var(--paper);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.artifact-tile::after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-60px;
  bottom:-70px;
  border:1px solid rgba(169,95,255,.20);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(169,95,255,.035),0 0 0 40px rgba(169,95,255,.02);
}
.artifact-tile strong{
  max-width:260px;
  font:500 28px/1.05 "Bodoni Moda",Georgia,serif;
}
.artifact-tile small{
  max-width:260px;
  font-family:"DM Mono",monospace;
  opacity:.58;
}

/* Mobile */
@media(max-width:900px){
  .learning-actions{
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:14px;
  }
  .learning-actions .neon-button,
  .learning-actions .quiet-link{
    width:100%;
    min-width:0;
  }

  .learning-card-grid-five{
    grid-template-columns:1fr;
  }

  .oracle-section{
    padding:44px 18px;
  }
  .oracle-heading{
    flex-direction:column;
    align-items:flex-start;
  }
  .oracle-card{
    flex-basis:78vw;
    min-height:250px;
  }

  .artifact-section{
    grid-template-columns:1fr;
  }
  .artifact-copy{
    padding:44px 18px;
  }
  .artifact-grid{
    grid-template-columns:1fr;
  }
  .artifact-tile{
    min-height:230px;
  }
}

@media(max-width:520px){
  .learning-actions{
    grid-template-columns:1fr;
  }
}


/* MASTER BUILD 14 — MOBILE MENU / FOOTER / COPY EASTER EGG */

.build-line{display:inline-block;position:relative}
.build-hover{display:none}
@media (hover:hover) and (pointer:fine){
  .build-line:hover .build-default,.build-line:focus .build-default{display:none}
  .build-line:hover .build-hover,.build-line:focus .build-hover{
    display:inline;color:#8e4bc9;text-shadow:0 0 8px rgba(159,86,224,.22)
  }
}

.site-footer{padding-top:16px!important;padding-bottom:16px!important}
.footer-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.footer-socials{margin-left:auto;display:flex;gap:8px}
.footer-socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}
.footer-socials svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Close the desktop dead space before footer. */
.bottom-grid{min-height:0!important}
.affiliate-panel{padding-bottom:18px!important}
.newsletter{margin-bottom:0!important}
.page-shell{row-gap:0!important}
.social-strip{display:none!important}

.mobile-menu-modal{
  position:fixed;inset:0;z-index:9999;display:none;
  background:rgba(20,11,18,.62);backdrop-filter:blur(8px)
}
.mobile-menu-modal.is-open{display:block}
.mobile-menu-inner{
  position:absolute;inset:0;background:var(--plum);color:#fff;
  padding:22px 18px 26px;display:flex;flex-direction:column;overflow:hidden
}
.mobile-menu-top{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16)
}
.mobile-menu-brand{font-family:"Anton",Impact,sans-serif;font-size:26px;letter-spacing:.01em}
.mobile-menu-brand span{margin-left:8px;font-family:serif;font-size:18px}
.mobile-menu-close{
  border:0;background:none;color:#fff;font-size:38px;line-height:1;width:42px;height:42px
}
.mobile-menu-nav{display:flex;flex-direction:column;margin-top:18px}
.mobile-menu-nav a{
  display:grid;grid-template-columns:40px 1fr;align-items:center;
  min-height:72px;border-bottom:1px solid rgba(255,255,255,.14)
}
.mobile-menu-nav a span{font:500 9px "DM Mono",monospace;color:#b980ff}
.mobile-menu-nav a strong{
  font-family:"Bodoni Moda",Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-.02em
}
.mobile-menu-bottom{
  margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end
}
.mobile-menu-bottom p{margin:0;font:500 10px/1.5 "DM Mono",monospace;opacity:.68}
.mobile-menu-socials{display:flex;gap:7px}
.mobile-menu-socials a{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.2);font:500 8px "DM Mono",monospace
}
.mobile-menu-neon{
  position:absolute;left:-35%;bottom:0;width:35%;height:2px;
  background:linear-gradient(90deg,transparent,#8f4cff,#d7adff,#fff,#8f4cff,transparent);
  box-shadow:0 0 8px rgba(169,95,255,.8);animation:menuTrace 3.2s linear infinite
}
@keyframes menuTrace{
  0%{left:-35%;opacity:0}12%{opacity:1}82%{opacity:1}100%{left:110%;opacity:0}
}
body.menu-open{overflow:hidden}
@media(min-width:901px){.mobile-menu-modal{display:none!important}}
@media(max-width:900px){
  .footer-socials{width:100%;margin:6px 0 0;justify-content:flex-start}
  .site-footer{padding:16px 18px 18px!important}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu-neon{animation:none;left:0;width:100%;opacity:.35}
}


/* =========================================================
   MASTER BUILD 15 — STORE + DESKTOP FOOTER FIX
   ========================================================= */

/* Desktop-only footer correction: pull footer up and remove dead gap. */
@media(min-width:901px){
  .page-shell{
    min-height:0!important;
    grid-auto-rows:auto!important;
  }
  .bottom-grid{
    min-height:0!important;
    height:auto!important;
  }
  .shop-panel,
  .affiliate-panel{
    min-height:0!important;
    height:auto!important;
  }
  .affiliate-panel{
    padding-bottom:18px!important;
  }
  .newsletter{
    margin-bottom:0!important;
  }
  .site-footer{
    margin-top:0!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
}

/* STORE */
.store-page{max-width:1600px;margin:0 auto;background:var(--paper)}
.store-hero{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  min-height:650px;
  border-bottom:1px solid var(--line);
}
.store-hero-copy{
  padding:72px 6vw 58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.store-hero-copy h1{
  margin:10px 0 18px;
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(72px,8vw,132px);
  line-height:.82;
  letter-spacing:-.04em;
}
.store-hero-copy h1 em{
  font-family:"Bodoni Moda",Georgia,serif;
  font-style:italic;
  font-weight:500;
}
.store-hero-copy p{
  max-width:560px;
  margin:0 0 28px;
  font-size:13px;
  line-height:1.6;
}
.store-hero-art{
  background:var(--plum);
  position:relative;
  overflow:hidden;
}
.store-hero-image{
  position:absolute;inset:0;
  background:
    linear-gradient(135deg,rgba(189,167,207,.22),rgba(33,20,31,.16)),
    url("../images/shop-merch.png") center/cover no-repeat;
  filter:saturate(.8) contrast(1.05);
}
.store-hero-art::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(33,20,31,.5),transparent 55%);
}
.store-hero-stamp{
  position:absolute;z-index:2;left:24px;bottom:22px;
  color:#fff;font:500 9px "DM Mono",monospace;letter-spacing:.06em;
}

.store-category-strip{
  display:flex;
  overflow-x:auto;
  border-bottom:1px solid var(--line);
  scrollbar-width:none;
}
.store-category-strip::-webkit-scrollbar{display:none}
.store-category-strip a{
  flex:1 0 auto;
  min-width:150px;
  padding:14px 18px;
  text-align:center;
  border-right:1px solid var(--line);
  font:500 8px "DM Mono",monospace;
  letter-spacing:.06em;
}

.store-feature{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:520px;
  border-bottom:1px solid var(--line);
}
.store-feature-image{
  background:
    linear-gradient(135deg,rgba(33,20,31,.12),rgba(169,95,255,.08)),
    url("../images/work-art-3.png") center/cover no-repeat;
}
.store-feature-copy{
  padding:58px 5vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.store-feature-copy h2{
  margin:10px 0 18px;
  font:500 clamp(42px,5vw,72px)/.96 "Bodoni Moda",Georgia,serif;
}
.store-feature-copy h2 em{font-style:italic}
.store-feature-copy p{max-width:470px;font-size:11px;line-height:1.6}
.store-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 26px}
.store-tags span{
  padding:6px 8px;border:1px solid rgba(169,95,255,.46);
  font:500 8px "DM Mono",monospace;
}

.store-grid-section{padding:60px 5vw}
.store-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.store-card{border:1px solid var(--line);background:rgba(255,255,255,.12)}
.store-card-image{
  min-height:270px;
  border-bottom:1px solid var(--line);
  background-size:cover;
  background-position:center;
}
.store-books{background-image:url("../images/shop-courses.png")}
.store-meridians{background-image:url("../images/work-art-2.png")}
.store-decks{background-image:url("../images/work-art-4.png")}
.store-prints{background-image:url("../images/shop-prints.png")}
.store-downloads{background-image:url("../images/shop-downloads.png")}
.store-merch{background-image:url("../images/shop-merch.png")}
.store-card-copy{padding:20px}
.store-type{font:500 9px "DM Mono",monospace;letter-spacing:.05em}
.store-card h3{
  margin:9px 0 11px;
  font:500 26px/1.05 "Bodoni Moda",Georgia,serif;
}
.store-card p{font-size:10.5px;line-height:1.55}

.store-oracle-row{
  padding:60px 5vw;
  background:var(--plum);
  color:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.store-oracle-heading h2{
  margin:8px 0 26px;
  font:500 46px "Bodoni Moda",Georgia,serif;
}
.store-oracle-scroll{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.store-oracle-scroll::-webkit-scrollbar{display:none}
.store-oracle-scroll article{
  flex:0 0 min(30vw,380px);
  min-height:210px;
  border:1px solid rgba(255,255,255,.22);
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  scroll-snap-align:start;
}
.store-oracle-scroll span,
.store-oracle-scroll small{
  font:500 9px "DM Mono",monospace;
  color:#c99cff;
}
.store-oracle-scroll strong{
  font:500 27px/1.05 "Bodoni Moda",Georgia,serif;
}

.store-final-cta{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:flex-end;
  padding:56px 5vw;
}
.store-final-cta h2{
  margin:8px 0 14px;
  font:500 44px/1.04 "Bodoni Moda",Georgia,serif;
}
.store-final-cta h2 em{font-style:italic}
.store-final-cta p{max-width:560px;font-size:11px;line-height:1.6}

@media(max-width:900px){
  .store-hero,.store-feature{
    grid-template-columns:1fr;
    min-height:0;
  }
  .store-hero-copy{padding:44px 18px 36px}
  .store-hero-copy h1{font-size:clamp(58px,17vw,92px)}
  .store-hero-art{min-height:420px}
  .store-feature-image{min-height:360px}
  .store-feature-copy{padding:42px 18px}
  .store-grid-section,.store-oracle-row{padding:44px 18px}
  .store-card-grid{grid-template-columns:1fr}
  .store-oracle-scroll article{flex-basis:78vw}
  .store-final-cta{
    flex-direction:column;
    align-items:flex-start;
    padding:44px 18px;
  }
}


/* =========================================================
   MASTER BUILD 16 — MOBILE FLOW + EMOTIONAL COPY
   ========================================================= */

/* Message continuation */
.worlds-message{
  position:relative;
  z-index:1;
}
.worlds-stay{
  margin:18px 0 5px;
  font-family:"DM Mono",monospace;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.06em;
  color:#c59aef;
}
.worlds-heartline{
  max-width:520px;
  margin:0 0 20px;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:17px;
  line-height:1.3;
  font-style:italic;
  color:rgba(255,250,244,.88);
}

/* Mobile-only structural clones hidden on desktop. */
.affiliate-panel-mobile-only,
.newsletter-mobile-only{
  display:none;
}

@media(max-width:900px){

  /* Remove the separate golden-ratio drawing card on mobile only. */
  .philosophy .golden-ratio{
    display:none!important;
  }
  .philosophy{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .philosophy-copy{
    width:100%!important;
    padding-bottom:34px!important;
  }

  /* Keep the uploaded ratio texture faintly behind copy, but no separate drawing box. */
  .philosophy::before{
    opacity:.08!important;
  }

  /* Original affiliate panel remains desktop-only; use reordered mobile clone. */
  main .affiliate-panel:not(.affiliate-panel-mobile-only){
    display:none!important;
  }

  .affiliate-panel-mobile-only{
    display:block!important;
    order:unset;
    width:100%;
    background:var(--paper);
    color:var(--ink);
    padding:30px 18px 28px!important;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }

  .affiliate-panel-mobile-only h2{
    font-size:25px;
    line-height:1.08;
    margin-bottom:20px;
  }

  .affiliate-panel-mobile-only .affiliate-row{
    display:flex!important;
  }

  /* Newsletter now lives directly after the closing comic on mobile. */
  .newsletter-mobile-only{
    display:grid!important;
    width:100%!important;
    margin:0!important;
    min-width:0!important;
    padding:24px 18px!important;
    border:0!important;
    border-top:1px solid rgba(65,38,60,.2)!important;
    background:var(--lavender)!important;
  }

  /* Hide the desktop newsletter nested in the affiliate section. */
  main .newsletter:not(.newsletter-mobile-only){
    display:none!important;
  }

  .closing-art{
    margin-bottom:0!important;
  }

  /* Quote continuation mobile hierarchy */
  .worlds-stay{
    margin-top:20px;
    font-size:10px;
  }
  .worlds-heartline{
    max-width:92%;
    font-size:20px;
    line-height:1.22;
    margin-bottom:24px;
  }
}


/* =========================================================
   MASTER BUILD 18 — CLOSING COMIC RESPONSIVE CROP
   Protect quote on right; crop left first when cover is required.
   ========================================================= */

.closing-art{
  background-position:right center!important;
}

@media(max-width:900px){
  .closing-art{
    background-position:right center!important;
  }
}

@media(max-width:900px) and (orientation:landscape){
  .closing-art{
    background-position:right center!important;
  }
}


/* =========================================================
   MASTER BUILD 19 — SERVICE ICON TOOLTIPS
   Desktop hover labels + mobile always-visible labels.
   ========================================================= */

.service-icons article{
  position:relative;
  overflow:visible;
}

/* Desktop tooltip */
.service-tooltip{
  position:absolute;
  left:50%;
  bottom:-28px;
  z-index:8;
  transform:translate(-50%,8px);
  min-width:max-content;
  max-width:180px;
  padding:6px 9px;
  border:1px solid rgba(188,132,255,.55);
  background:rgba(33,20,31,.96);
  color:#fff;
  font-family:"DM Mono",monospace;
  font-size:8.5px;
  line-height:1.25;
  letter-spacing:.04em;
  text-align:center;
  opacity:0;
  pointer-events:none;
  box-shadow:0 0 8px rgba(170,95,255,.18);
  transition:
    opacity .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
  white-space:nowrap;
}

@media (hover:hover) and (pointer:fine){
  .service-icons article:hover .service-tooltip,
  .service-icons article:focus-within .service-tooltip{
    opacity:1;
    transform:translate(-50%,0);
    box-shadow:
      0 0 8px rgba(170,95,255,.34),
      0 0 16px rgba(170,95,255,.12);
  }

  .service-icons article:hover .icon-score{
    border-color:rgba(206,161,255,.78);
    box-shadow:
      0 0 8px rgba(170,95,255,.34),
      inset 0 0 10px rgba(170,95,255,.07);
  }
}

/* Mobile: no guessing. Keep the label visible under each icon. */
@media(max-width:900px){
  .service-icons article{
    padding-bottom:44px!important;
  }

  .service-tooltip{
    position:absolute;
    left:50%;
    bottom:14px;
    transform:translateX(-50%);
    opacity:1;
    background:transparent;
    border:0;
    box-shadow:none;
    color:rgba(255,250,244,.88);
    font-size:9px;
    line-height:1.3;
    white-space:normal;
    width:88%;
    max-width:180px;
    padding:0;
  }

  /* Existing strong label is redundant on mobile once tooltip text is visible. */
  .service-icons article > strong{
    display:none!important;
  }
}


/* =========================================================
   MASTER BUILD 20 — DHC CREATOR BYLINE
   ========================================================= */

.dhc-made-by{
  margin:12px 0 0;
  max-width:280px;
  font-family:"DM Mono",monospace;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.045em;
  color:#8e4bc9;
}

@media(max-width:900px){
  .dhc-made-by{
    color:rgba(255,250,244,.86);
    font-size:9.5px;
    margin-top:10px;
  }
}


/* =========================================================
   MASTER BUILD 21 — MOBILE MODAL VISIBILITY FIX
   Prevent modal markup from appearing as normal page content.
   ========================================================= */

.mobile-menu-modal{
  display:none!important;
}

.mobile-menu-modal.is-open{
  display:block!important;
}

@media(min-width:901px){
  .mobile-menu-modal,
  .mobile-menu-modal.is-open{
    display:none!important;
  }
}


/* =========================================================
   MASTER BUILD 23 — HARD MODAL FIX + FULL BUILD VERIFY
   ========================================================= */

.mobile-menu-modal[hidden]{
  display:none!important;
}

.mobile-menu-modal{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
}

.mobile-menu-modal.is-open{
  display:block!important;
}

@media(min-width:901px){
  .mobile-menu-modal,
  .mobile-menu-modal.is-open{
    display:none!important;
  }
}


/* =========================================================
   MASTER BUILD 24 — FINAL MOBILE HOMEPAGE ORDER
   Desktop source/layout stays unchanged.
   Mobile intended flow:
   Worlds → Comic → Shop → DHC → Affiliates → Newsletter → Footer
   ========================================================= */

@media(max-width:900px){

  /* The side column becomes an explicit mobile flow container. */
  .side-column{
    display:flex!important;
    flex-direction:column!important;
  }

  /* Explicit mobile section ordering. */
  .mobile-order-worlds{order:20!important}
  .mobile-order-comic{order:21!important}
  .mobile-order-shop{order:22!important}
  .mobile-order-dhc{order:23!important}
  .mobile-order-affiliates{order:24!important}
  .mobile-order-newsletter{order:98!important}
  .site-footer{order:99!important}

  /* Ensure newsletter is literally the final content block before footer. */
  .newsletter-mobile-only{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* Desktop remains governed by existing grid/source order. */
@media(min-width:901px){
  .mobile-order-worlds,
  .mobile-order-comic,
  .mobile-order-shop,
  .mobile-order-dhc,
  .mobile-order-affiliates,
  .mobile-order-newsletter{
    order:unset!important;
  }
}


/* =========================================================
   MASTER BUILD 25 — MOBILE ORDER LOCK
   Structural JS handles cross-column movement.
   ========================================================= */

@media(max-width:900px){
  .main-column > .mobile-order-worlds,
  .main-column > .mobile-order-comic{
    width:100%!important;
    max-width:none!important;
  }

  .main-column > .mobile-order-comic{
    margin:0!important;
  }
}


/* =========================================================
   MASTER BUILD 26 — HEALING FIRST ON MOBILE
   ========================================================= */

@media(max-width:900px){
  .service-icons{
    display:flex!important;
  }

  .service-card-healing{order:1!important}
  .service-card-art{order:2!important}
  .service-card-tattoo{order:3!important}
  .service-card-teaching{order:4!important}
  .service-card-web{order:5!important}
}

@media(min-width:901px){
  .service-card{
    order:initial!important;
  }
}


/* =========================================================
   MASTER BUILD 27 — REAL PORTFOLIO + HOMEPAGE WORK
   ========================================================= */

.real-work-card{
  position:relative;
  overflow:hidden;
  background:none!important;
}
.real-work-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s cubic-bezier(.22,.61,.36,1), filter .35s ease;
}
.real-work-card span{
  display:block!important;
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:2;
  padding:4px 6px;
  background:rgba(33,20,31,.82);
  color:#fff;
  font:500 7px "DM Mono",monospace;
  letter-spacing:.05em;
}
@media(hover:hover) and (pointer:fine){
  .real-work-card:hover img{
    transform:scale(1.035);
    filter:contrast(1.04);
  }
}

/* Portfolio masonry-ish editorial grid using real work. */
.real-portfolio-grid{
  align-items:start;
}
.real-portfolio-grid .portfolio-card{
  overflow:hidden;
  background:var(--paper);
}
.real-portfolio-grid .portfolio-card img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
  transition:transform .5s cubic-bezier(.22,.61,.36,1), filter .4s ease;
}
.real-portfolio-grid .portfolio-card.tall img{min-height:500px}
.real-portfolio-grid .portfolio-card.wide img{min-height:390px}

@media(hover:hover) and (pointer:fine){
  .real-portfolio-grid .portfolio-card:hover img{
    transform:scale(1.025);
    filter:contrast(1.025);
  }
}

.flash-placeholder{
  background:
    linear-gradient(135deg,rgba(33,20,31,.03),rgba(169,95,255,.08)),
    url("../images/portfolio/tattoo-lotus.webp") center/cover no-repeat!important;
}

@media(max-width:900px){
  .real-portfolio-grid .portfolio-card img,
  .real-portfolio-grid .portfolio-card.tall img,
  .real-portfolio-grid .portfolio-card.wide img{
    min-height:0;
    aspect-ratio:4/5;
  }
}


/* =========================================================
   MASTER BUILD 28 — MOBILE SOCIAL CENTER + DHC MERCH + LINKS
   ========================================================= */

/* Featured Work remains visually identical, but is now clickable. */
a.real-work-card{
  display:block;
  text-decoration:none;
  color:inherit;
}

/* DHC real merch previews */
.dhc-merch-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:18px 0 18px;
  max-width:360px;
}
.dhc-merch-shot{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(142,75,201,.25);
  aspect-ratio:4/5;
}
.dhc-merch-shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.dhc-merch-shot span{
  position:absolute;
  left:6px;
  right:6px;
  bottom:6px;
  padding:4px 5px;
  background:rgba(33,20,31,.78);
  color:#fff;
  font:500 7px "DM Mono",monospace;
  letter-spacing:.04em;
}
@media(hover:hover) and (pointer:fine){
  .dhc-merch-shot:hover img{transform:scale(1.035)}
}

/* MOBILE — center bottom social icons */
@media(max-width:900px){
  .footer-socials{
    width:100%!important;
    margin:10px auto 0!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .footer-brand{
    justify-content:center!important;
    text-align:center!important;
  }

  .dhc-merch-strip{
    max-width:none;
    width:100%;
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   MASTER BUILD 29 — SHOP/LEARN/GROW MERCH SLIDESHOW
   ========================================================= */

.merch-slideshow{
  position:relative;
  overflow:hidden;
  background:var(--paper-2);
}

.merch-slideshow .merch-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.015);
  transition:
    opacity 900ms ease,
    transform 4.8s ease;
}

.merch-slideshow .merch-slide.is-active{
  opacity:1;
  transform:scale(1.045);
}

@media(prefers-reduced-motion:reduce){
  .merch-slideshow .merch-slide{
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   MASTER BUILD 30 — DHC CLEANUP + MOBILE NEWSLETTER CENTER
   ========================================================= */

/* DHC temporary merch previews removed from markup.
   Keep no residual spacing if old cached CSS is present. */
.dhc-merch-strip{
  display:none!important;
}

/* Mobile newsletter: centered editorial alignment */
@media(max-width:900px){
  .newsletter-mobile-only{
    text-align:center!important;
    align-items:center!important;
  }

  .newsletter-mobile-only .newsletter-copy,
  .newsletter-mobile-only .newsletter-copy *,
  .newsletter-mobile-only h3,
  .newsletter-mobile-only p{
    text-align:center!important;
  }

  .newsletter-mobile-only .newsletter-copy{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .newsletter-mobile-only .newsletter-fields,
  .newsletter-mobile-only .newsletter-form-row{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .newsletter-mobile-only input{
    text-align:center!important;
  }

  .newsletter-mobile-only button{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* =========================================================
   MASTER BUILD 31 — FEATURED WORK + COPY REFINEMENT
   ========================================================= */

.featured-work-cta{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding-top:14px;
}

.featured-work-cta a{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-width:180px;
  justify-content:space-between;
  padding:0 0 8px;
  border-bottom:1px solid rgba(189,167,207,.9);
  color:inherit;
  text-decoration:none;
  font-family:"DM Mono",monospace;
  font-size:9px;
  letter-spacing:.06em;
}

@media(hover:hover) and (pointer:fine){
  .featured-work-cta a:hover{
    border-color:#a85cff;
    text-shadow:0 0 8px rgba(168,92,255,.25);
  }
}

@media(max-width:900px){
  .featured-work-cta{
    justify-content:flex-start;
    padding:16px 0 2px;
  }

  .featured-work-cta a{
    min-width:220px;
    font-size:10px;
  }
}


/* =========================================================
   MASTER BUILD 32 — AFFILIATE LINK + DISCLOSURE
   ========================================================= */

.affiliate-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.affiliate-card-link > *{height:100%}
.affiliate-name-link{
  color:inherit;
  text-decoration:none;
}
.affiliate-disclosure{
  margin:18px 0 16px;
  max-width:62ch;
  font-family:"DM Mono",monospace;
  font-size:9px!important;
  line-height:1.55!important;
  letter-spacing:.02em;
  opacity:.72;
}
@media(hover:hover) and (pointer:fine){
  .affiliate-card-link:hover,
  .affiliate-name-link:hover{
    text-decoration:none;
  }
  .affiliate-card-link:hover > *{
    box-shadow:0 0 0 1px rgba(168,92,255,.55);
  }
}
@media(max-width:900px){
  .affiliate-disclosure{
    font-size:9px!important;
    line-height:1.5!important;
    margin:16px 0 18px;
  }
}


/* =========================================================
   MASTER BUILD 35 — METATRON COURSE PAGE
   ========================================================= */

.metatron-page{background:var(--paper);color:var(--ink)}
.metatron-page main{overflow:hidden}

.metatron-hero{
  min-height:calc(100vh - 78px);
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  border-bottom:1px solid var(--line);
}
.metatron-hero-copy{
  padding:clamp(64px,8vw,124px) clamp(24px,6vw,92px);
  display:flex;flex-direction:column;justify-content:center;
}
.metatron-hero h1{
  font-family:Anton,sans-serif;
  font-size:clamp(76px,10vw,154px);
  line-height:.84;
  font-weight:400;
  letter-spacing:-.025em;
  margin:14px 0 24px;
}
.metatron-deck{
  max-width:680px;
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.55;
  color:var(--ink-soft);
}
.metatron-hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}
.metatron-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}
.metatron-meta span{
  border:1px solid var(--line);padding:8px 10px;
  font:500 9px "DM Mono",monospace;letter-spacing:.08em;
}
.metatron-symbol-panel{
  position:relative;background:var(--plum);overflow:hidden;min-height:620px;
  display:grid;place-items:center;color:#fff;
}
.metatron-symbol-panel:before,
.metatron-symbol-panel:after{
  content:"";position:absolute;inset:12%;border:1px solid rgba(189,167,207,.25);transform:rotate(45deg)
}
.metatron-symbol-panel:after{inset:24%;transform:rotate(0deg)}
.metatron-cube-mark{
  width:170px;height:170px;border:1px solid var(--lav);
  display:grid;place-items:center;border-radius:50%;
  font-size:74px;color:var(--lav);
  box-shadow:0 0 50px rgba(189,167,207,.15);
}
.metatron-symbol-panel>span{
  position:absolute;bottom:34px;left:34px;
  font:500 10px "DM Mono",monospace;letter-spacing:.22em;color:var(--lav)
}
.metatron-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.orbit-one{width:58%;aspect-ratio:1}.orbit-two{width:78%;aspect-ratio:1}

.metatron-intro,.metatron-who,.metatron-experience{
  display:grid;grid-template-columns:220px minmax(0,1fr);
  gap:clamp(34px,6vw,100px);
  padding:clamp(64px,9vw,132px) clamp(24px,6vw,92px);
  border-bottom:1px solid var(--line)
}
.metatron-section-label{font:500 9px "DM Mono",monospace;letter-spacing:.09em}
.metatron-section-label span{display:block;color:#765f84;margin-bottom:8px}
.metatron-copy-block{max-width:900px}
.metatron-copy-block h2,.metatron-live h2,.metatron-includes h2,.metatron-ethics h2{
  font:clamp(44px,6.2vw,92px)/.94 Anton,sans-serif;
  font-weight:400;margin:0 0 28px;letter-spacing:-.02em
}
.metatron-copy-block p,.metatron-live p{
  max-width:760px;font-size:clamp(16px,1.3vw,20px);line-height:1.68;color:var(--ink-soft)
}

.metatron-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.metatron-who-grid article{background:var(--white);padding:clamp(24px,3vw,42px)}
.metatron-who-grid article>span{font:500 8px "DM Mono",monospace;color:#765f84;letter-spacing:.08em}
.metatron-who-grid h3{font:clamp(26px,3vw,42px)/1 Anton,sans-serif;font-weight:400;margin:14px 0}
.metatron-who-grid p{font-size:14px;line-height:1.65;color:var(--ink-soft)}

.metatron-live{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);
  padding:clamp(64px,8vw,120px) clamp(24px,6vw,92px);
  background:var(--plum);color:#fff
}
.metatron-live .eyebrow{color:var(--lav)}
.metatron-live p{color:rgba(255,255,255,.78)}

.metatron-curriculum{padding:clamp(64px,9vw,132px) clamp(24px,6vw,92px);border-bottom:1px solid var(--line)}
.metatron-module-list{margin-top:40px;border-top:1px solid var(--line)}
.metatron-module-list>div{
  display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:center;
  padding:18px 0;border-bottom:1px solid var(--line)
}
.metatron-module-list span{font:500 9px "DM Mono",monospace;color:#765f84}
.metatron-module-list strong{font-family:"Bodoni Moda",serif;font-size:clamp(19px,2vw,29px);font-weight:400}

.metatron-experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.metatron-experience-grid article{background:var(--paper);padding:28px}
.metatron-experience-grid span{font:500 8px "DM Mono",monospace;color:#765f84}
.metatron-experience-grid h3{font:34px Anton,sans-serif;font-weight:400;margin:12px 0}
.metatron-experience-grid p{font-size:13px;line-height:1.6;color:var(--ink-soft)}

.metatron-includes{
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,7vw,100px);
  padding:clamp(64px,9vw,132px) clamp(24px,6vw,92px);
  background:var(--paper-2);border-bottom:1px solid var(--line)
}
.metatron-includes ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.metatron-includes li{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}

.metatron-ethics{
  padding:clamp(54px,8vw,100px) clamp(24px,6vw,92px);
  text-align:center;background:var(--white);border-bottom:1px solid var(--line)
}
.metatron-ethics h2{max-width:900px;margin:14px auto 24px}
.metatron-ethics p{max-width:760px;margin:auto;line-height:1.65;color:var(--ink-soft)}

.metatron-interest{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);
  padding:clamp(64px,9vw,124px) clamp(24px,6vw,92px);
  background:var(--lavender-soft)
}
.metatron-interest h2{font:clamp(48px,6vw,86px)/.95 Anton,sans-serif;font-weight:400;margin:12px 0 18px}
.metatron-interest p{max-width:600px;line-height:1.6}
.metatron-interest-form{display:grid;gap:14px;align-content:center}
.metatron-interest-form label>span{display:block;margin-bottom:7px;font:500 8px "DM Mono",monospace;letter-spacing:.08em}
.metatron-interest-form input{width:100%;border:1px solid var(--line);background:var(--white);padding:14px;border-radius:0;font:14px Inter,sans-serif}
.metatron-interest-form small{font-size:10px;opacity:.65}

@media(max-width:900px){
  .metatron-hero{grid-template-columns:1fr}
  .metatron-hero-copy{padding:54px 20px 44px}
  .metatron-hero h1{font-size:clamp(64px,19vw,102px)}
  .metatron-symbol-panel{min-height:420px}
  .metatron-intro,.metatron-who,.metatron-experience{grid-template-columns:1fr;padding:54px 20px;gap:28px}
  .metatron-who-grid,.metatron-experience-grid{grid-template-columns:1fr}
  .metatron-live,.metatron-includes,.metatron-interest{grid-template-columns:1fr;padding:54px 20px}
  .metatron-curriculum{padding:54px 20px}
  .metatron-module-list>div{grid-template-columns:46px 1fr}
  .metatron-hero-actions{align-items:stretch}
}
@media(max-width:520px){
  .metatron-symbol-panel{min-height:330px}
  .metatron-cube-mark{width:128px;height:128px;font-size:54px}
  .metatron-copy-block h2,.metatron-live h2,.metatron-includes h2,.metatron-ethics h2{font-size:40px}
  .metatron-interest h2{font-size:44px}
}


/* MASTER BUILD 36 — PORTFOLIO COLLECTION RAILS */
.portfolio-collections{border-top:1px solid var(--line)}
.portfolio-rail-section{padding:clamp(54px,7vw,100px) clamp(20px,5vw,72px);border-bottom:1px solid var(--line);overflow:hidden}
.portfolio-rail-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:36px;align-items:end;margin-bottom:28px}
.portfolio-rail-head h2{margin:6px 0 0;font:clamp(48px,6vw,88px)/.92 Anton,sans-serif;font-weight:400;letter-spacing:-.02em}
.portfolio-rail-head p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}
.portfolio-rail{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:0 0 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--lavender) transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.portfolio-rail::-webkit-scrollbar{height:7px}
.portfolio-rail::-webkit-scrollbar-track{background:rgba(185,175,166,.18)}
.portfolio-rail::-webkit-scrollbar-thumb{background:var(--lavender);border-radius:999px}
.rail-card,.rail-placeholder,.flash-coming-card{flex:0 0 clamp(240px,27vw,380px);scroll-snap-align:start}
.rail-card{position:relative;background:var(--white);border:1px solid var(--line);overflow:hidden}
.rail-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .45s ease}
.rail-card-meta{min-height:58px;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}
.rail-card-meta strong{font-family:"Bodoni Moda",serif;font-size:18px;font-weight:400}
.rail-card-meta span{font:500 8px "DM Mono",monospace;letter-spacing:.08em;color:#765f84}
.rail-placeholder{min-height:420px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(189,167,207,.10),transparent 55%),var(--paper-2);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.rail-placeholder span,.flash-coming-card>span{font:500 8px "DM Mono",monospace;letter-spacing:.1em;color:#765f84}
.rail-placeholder strong,.flash-coming-card strong{display:block;margin-top:10px;font:32px/1 Anton,sans-serif;font-weight:400}
.portfolio-rail-dark{background:var(--plum);color:#fff}
.portfolio-rail-dark .portfolio-rail-head p{color:rgba(255,255,255,.68)}
.portfolio-rail-dark .eyebrow{color:var(--lavender)}
.portfolio-rail-dark .rail-card{background:#2b1b29;border-color:rgba(255,255,255,.13)}
.portfolio-rail-dark .rail-card-meta{border-color:rgba(255,255,255,.13)}
.portfolio-rail-dark .portfolio-rail{scrollbar-color:var(--lavender) rgba(255,255,255,.08)}
.portfolio-rail-tattoos .rail-card{flex-basis:clamp(230px,24vw,340px)}
.flash-coming-card{min-height:400px;border:1px solid var(--line);background:var(--white);padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.flash-coming-alt{background:var(--plum);color:#fff;border-color:var(--plum)}
.flash-mark{margin:auto;width:96px;height:96px;border:1px solid var(--lavender);border-radius:50%;display:grid;place-items:center;font-size:42px;color:#765f84}
.flash-coming-alt .flash-mark{color:var(--lavender)}
.flash-coming-card p{margin:12px 0 0;font-size:12px;line-height:1.55;opacity:.7}
@media(hover:hover) and (pointer:fine){.rail-card:hover img{transform:scale(1.025)}}
@media(max-width:760px){
  .portfolio-rail-section{padding:44px 18px}
  .portfolio-rail-head{grid-template-columns:1fr;gap:12px;margin-bottom:22px}
  .portfolio-rail-head h2{font-size:50px}
  .portfolio-rail-head p{font-size:13px}
  .rail-card,.rail-placeholder,.flash-coming-card{flex-basis:82vw;max-width:340px}
  .portfolio-rail-tattoos .rail-card{flex-basis:76vw}
}


/* =========================================================
   MASTER BUILD 37 — METATRON REFINEMENT
   ========================================================= */
.metatron-hero h1{line-height:.88}
.metatron-hero h1 br{
  content:"";
  display:block;
  margin-bottom:.045em;
}

.metatron-hero-actions{
  display:flex;
  align-items:stretch;
  gap:18px;
}
.metatron-hero-actions .text-link,
.metatron-hero-actions .neon-button{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  margin:0;
}
.metatron-hero-actions .text-link{
  padding:0 0 8px;
  align-self:stretch;
}
.metatron-hero-actions .neon-button{align-self:stretch}

.metatron-who-grid article{
  display:grid;
  grid-template-rows:28px minmax(92px,auto) 1fr;
  align-content:start;
}
.metatron-who-grid article>span{align-self:start}
.metatron-who-grid h3{
  align-self:start;
  margin:14px 0 18px;
}
.metatron-who-grid p{
  margin:0;
  align-self:start;
}

@media(max-width:900px){
  .metatron-hero-actions{align-items:stretch}
  .metatron-hero-actions .text-link,
  .metatron-hero-actions .neon-button{width:100%}
  .metatron-who-grid article{grid-template-rows:auto auto auto}
}


/* =========================================================
   MASTER BUILD 38 — MOBILE-FIRST METATRON POLISH
   ========================================================= */

/* Hero CTA consistency */
.metatron-hero-actions .text-link,
.metatron-hero-actions .neon-button{
  font:500 10px "DM Mono",monospace;
  letter-spacing:.035em;
}
.metatron-hero-actions .text-link{
  border-bottom:1px solid var(--lavender);
  padding:0 0 8px;
}

/* Center the signup CTA cleanly */
.metatron-interest-form .neon-button{
  justify-content:center !important;
  text-align:center;
  padding-left:18px;
  padding-right:18px;
}
.metatron-interest-form .neon-button span{
  display:none;
}

/* Align WHO IT'S FOR internal grid */
.metatron-who-grid article{
  grid-template-rows:26px 150px 1fr;
}
.metatron-who-grid article>span{
  margin:0;
  line-height:1.2;
}
.metatron-who-grid h3{
  margin:12px 0 0;
  display:flex;
  align-items:flex-start;
}
.metatron-who-grid p{
  margin:0;
}

/* Collapsible curriculum */
.metatron-curriculum{
  padding:0;
  border-bottom:1px solid var(--line);
}
.metatron-curriculum-details{
  margin:0;
}
.metatron-curriculum-summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:clamp(34px,5vw,68px) clamp(24px,6vw,92px);
  user-select:none;
}
.metatron-curriculum-summary::-webkit-details-marker{display:none}
.metatron-curriculum-summary h2{
  margin:6px 0 0;
  font:clamp(46px,6vw,86px)/.94 Anton,sans-serif;
  font-weight:400;
  letter-spacing:-.02em;
}
.curriculum-toggle{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  display:grid;
  place-items:center;
  font:500 25px/1 "DM Mono",monospace;
  transition:transform .2s ease;
}
.metatron-curriculum-details[open] .curriculum-toggle{
  transform:rotate(45deg);
}
.metatron-curriculum-body{
  padding:0 clamp(24px,6vw,92px) clamp(54px,8vw,110px);
}
.metatron-curriculum-note{
  max-width:720px;
  margin:0 0 28px auto;
  font-size:13px;
  line-height:1.6;
  color:var(--ink-soft);
}
.metatron-module-list{
  margin-top:0;
}
.metatron-module-list strong{
  font-family:Inter,sans-serif;
  font-size:clamp(17px,1.55vw,22px);
  line-height:1.35;
  font-weight:500;
  letter-spacing:-.01em;
}
.metatron-module-list>div{
  min-height:68px;
}

/* Social icons */
.footer-socials a,
.mobile-menu-socials a{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
}
.footer-socials svg,
.mobile-menu-socials svg{
  width:18px;
  height:18px;
  display:block;
}
.mobile-menu-socials{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
}

/* Mobile-first refinements */
@media(max-width:900px){
  .metatron-who-grid article{
    grid-template-rows:auto auto auto;
    padding:28px 24px 30px;
  }
  .metatron-who-grid article>span{
    min-height:18px;
  }
  .metatron-who-grid h3{
    min-height:0;
    margin:12px 0 14px;
  }
  .metatron-who-grid p{
    margin:0;
  }
  .metatron-curriculum-summary{
    padding:34px 20px;
    align-items:flex-start;
  }
  .metatron-curriculum-summary h2{
    font-size:46px;
  }
  .curriculum-toggle{
    width:40px;
    height:40px;
    margin-top:2px;
  }
  .metatron-curriculum-body{
    padding:0 20px 48px;
  }
  .metatron-curriculum-note{
    margin:0 0 22px;
    font-size:12px;
  }
  .metatron-module-list>div{
    grid-template-columns:38px 1fr;
    gap:12px;
    min-height:0;
    padding:16px 0;
  }
  .metatron-module-list strong{
    font-size:17px;
    line-height:1.35;
  }
}

@media(max-width:520px){
  .metatron-hero-actions{
    gap:10px;
  }
  .metatron-hero-actions .text-link,
  .metatron-hero-actions .neon-button{
    min-height:46px;
    font-size:10px;
  }
  .metatron-interest-form .neon-button{
    min-height:50px;
  }
}


/* =========================================================
   MASTER BUILD 39 — HARDENED MOBILE NAV
   ========================================================= */

body.menu-open{
  overflow:hidden !important;
  touch-action:none;
}

.mobile-menu-modal[hidden]{
  display:none !important;
}

.mobile-menu-modal.is-open:not([hidden]){
  display:block !important;
}

@media(max-width:900px){
  .mobile-menu-modal.is-open:not([hidden]){
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
  }

  .menu-icon,
  .mobile-menu-button{
    position:relative;
    z-index:2;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}

@media(min-width:901px){
  .mobile-menu-modal,
  .mobile-menu-modal.is-open{
    display:none !important;
  }
}


/* MASTER BUILD 40 — MOBILE NAV + HOME POLISH */
.philosophy-copy-mobile{display:none}
@media(max-width:900px){
  .philosophy-copy-desktop{display:none}
  .philosophy-copy-mobile{display:inline}
}

.teaching-courses-label{
  display:inline-grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:.35em;
}
.teaching-courses-label .tc-amp{
  display:inline-block;
  min-width:1em;
  text-align:center;
}

@media(max-width:900px){
  .desktop-nav,
  .site-header .desktop-nav,
  header .desktop-nav{
    display:none !important;
  }

  .site-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .menu-icon,
  .mobile-menu-button{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--ink) !important;
    display:grid !important;
    place-items:center !important;
    font-size:28px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .mobile-menu-modal[hidden]{display:none !important}

  .mobile-menu-modal.is-open:not([hidden]){
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    z-index:999999 !important;
    background:var(--paper) !important;
    overflow:auto !important;
  }

  .mobile-menu-modal.is-open nav{
    display:flex !important;
    flex-direction:column !important;
  }

  .metatron-page .site-header{
    min-height:96px;
    padding:20px 22px;
    border-bottom:1px solid var(--line);
  }
  .metatron-page .site-logo,
  .metatron-page .mobile-menu-button{
    position:static !important;
    transform:none !important;
  }
}

.metatron-price{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  max-width:680px;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.metatron-price span{font:500 9px "DM Mono",monospace;letter-spacing:.08em}
.metatron-price strong{font:52px/1 Anton,sans-serif;font-weight:400}

.metatron-lineage{
  padding:clamp(58px,8vw,108px) clamp(24px,6vw,92px);
  background:var(--white);
  border-bottom:1px solid var(--line);
}
.metatron-lineage h2{
  max-width:900px;
  margin:12px 0 24px;
  font:clamp(44px,6vw,86px)/.94 Anton,sans-serif;
  font-weight:400;
}
.metatron-lineage p{
  max-width:760px;
  font-size:15px;
  line-height:1.7;
  color:var(--ink-soft);
}

/* MASTER BUILD 41 — BRAND LOCK + MOBILE EDITORIAL */
:root{--paper:#f8f5f1;--paper-2:#efebf2;--ink:#181117;--ink-soft:#3d323b;--lavender:#bca1d4;--lavender-soft:#e9e0f0;--line:#cbc1cb;--plum:#20121f;--white:#fffdf9;--mobile-gutter:20px}
body{background:var(--paper)}
.black-panel,.portfolio-rail-dark,.metatron-live,.site-footer-unified{background:var(--plum)!important}

.site-footer-unified{color:#fff;padding:28px clamp(20px,5vw,72px)!important;display:grid!important;grid-template-columns:1fr auto auto;gap:28px;align-items:center;border-top:1px solid rgba(255,255,255,.12)!important}
.site-footer-unified .footer-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.site-footer-unified .footer-brand small{width:100%;color:rgba(255,255,255,.5);font:500 8px "DM Mono",monospace;letter-spacing:.08em}
.site-footer-unified .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.site-footer-unified .footer-nav a{color:#fff;text-decoration:none;font:500 9px "DM Mono",monospace;letter-spacing:.07em}
.site-footer-unified .footer-socials{display:flex;gap:8px}
.site-footer-unified .footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff}
.site-footer-unified .footer-socials svg{width:17px;height:17px}

.mobile-menu-modal.is-open:not([hidden]){background:var(--plum)!important;padding:0!important}
.mobile-menu-shell{width:100%;min-height:100dvh;padding:16px;display:flex}
.mobile-menu-panel{width:100%;min-height:calc(100dvh - 32px);background:var(--lavender-soft);color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:20px;display:flex;flex-direction:column}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(24,17,23,.15)}
.mobile-menu-brand{color:var(--ink);text-decoration:none;font:20px Anton,sans-serif;letter-spacing:.02em}
.mobile-menu-close{appearance:none;border:0;background:transparent;color:var(--ink);font:34px/1 Inter,sans-serif;width:44px;height:44px;display:grid;place-items:center}
.mobile-menu-nav{display:grid!important;margin-top:12px}
.mobile-menu-nav a{display:grid!important;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:17px 0!important;border-bottom:1px solid rgba(24,17,23,.12);color:var(--ink)!important;text-decoration:none}
.mobile-menu-nav a span{font:500 9px "DM Mono",monospace!important;color:#775b8f!important}
.mobile-menu-nav a strong{font:400 clamp(28px,8.5vw,42px)/.95 Anton,sans-serif!important;letter-spacing:-.01em}
.mobile-menu-bottom{margin-top:auto;padding-top:20px}
.mobile-menu-rule{display:block;height:2px;background:linear-gradient(90deg,var(--lavender),transparent);margin-bottom:18px}
.mobile-menu-socials{display:flex!important;justify-content:flex-start!important;gap:10px!important}
.mobile-menu-socials a{width:42px!important;height:42px!important;border:1px solid rgba(24,17,23,.16);color:var(--ink)!important;display:grid!important;place-items:center!important}
.mobile-menu-socials svg{width:19px!important;height:19px!important}
.mobile-menu-bottom p{margin:18px 0 0;font:500 9px "DM Mono",monospace;letter-spacing:.08em;color:#725f70}

.home-art-slider{position:relative}.art-slider-stage{overflow:hidden}
.art-slider-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.art-slider-track::-webkit-scrollbar{display:none}
.art-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;display:block;min-width:0;text-decoration:none;color:#fff}
.art-slide img{width:100%;height:clamp(380px,56vw,700px);object-fit:cover;display:block;border:0}
.art-slide-caption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(24,17,23,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}
.art-slide-caption span{font:500 8px "DM Mono",monospace;color:var(--lavender);letter-spacing:.08em}
.art-slide-caption strong{font:400 clamp(22px,4vw,44px)/1 Anton,sans-serif;text-align:right}
.art-slider-controls{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.art-slider-controls button{height:52px;border:0;background:transparent;color:#fff;font-size:20px}
.art-slider-count{text-align:center;font:500 9px "DM Mono",monospace;color:rgba(255,255,255,.6);letter-spacing:.08em}.art-slider-count b{color:var(--lavender);font-weight:400}

.metatron-hook{display:grid;gap:2px;margin:18px 0 20px}.metatron-hook strong{font:400 clamp(28px,4vw,50px)/.98 Anton,sans-serif}
.metatron-fast-experience{padding:clamp(58px,8vw,105px) clamp(24px,6vw,92px);background:var(--plum);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.fast-experience-head h2{max-width:900px;margin:10px 0 28px;font:400 clamp(46px,6.5vw,94px)/.92 Anton,sans-serif}.metatron-fast-experience .eyebrow{color:var(--lavender)}
.fast-experience-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--lavender) transparent;padding-bottom:14px}
.fast-experience-rail article{flex:0 0 clamp(240px,31vw,360px);min-height:260px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.15);padding:22px;display:flex;flex-direction:column}
.fast-experience-rail article span{font:500 8px "DM Mono",monospace;color:var(--lavender)}.fast-experience-rail article strong{margin:16px 0 10px;font:400 30px/1 Anton,sans-serif}.fast-experience-rail article p{margin:auto 0 0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.7)}
.metatron-inline-cta{margin-top:26px;min-height:52px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--lavender);border-bottom:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font:500 10px "DM Mono",monospace}
.metatron-cta-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:28px clamp(24px,6vw,92px);background:var(--lavender-soft);border-bottom:1px solid var(--line)}
.metatron-cta-band div{display:flex;align-items:end;gap:18px}.metatron-cta-band strong{font:400 46px/1 Anton,sans-serif}.metatron-cta-band a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0;font:500 10px "DM Mono",monospace}
.metatron-lineage{background:var(--lavender-soft)!important}.metatron-ethics{background:var(--paper)!important}.metatron-ethics h2{font-size:clamp(34px,5vw,64px)!important}.metatron-primary-cta{justify-content:center!important}

@media(max-width:900px){
.inner-hero,.portfolio-rail-section,.portfolio-cta,.learning-hero,.featured-learning,.learning-library-section,.live-section,.books-section,.oracle-section,.artifact-section,.member-space-section,.store-hero,.store-feature,.store-grid-section,.store-oracle-row,.store-final-cta,.metatron-intro,.metatron-who,.metatron-live,.metatron-curriculum-summary,.metatron-curriculum-body,.metatron-includes,.metatron-lineage,.metatron-ethics,.metatron-interest,.metatron-fast-experience{padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}
.site-footer-unified{grid-template-columns:1fr!important;gap:20px!important;padding:26px var(--mobile-gutter)!important;text-align:center}.site-footer-unified .footer-brand{justify-content:center}.site-footer-unified .footer-nav{gap:12px 18px}.site-footer-unified .footer-socials{justify-content:center}
.art-slide img{height:min(72vh,620px)}
.metatron-hero{display:block!important;min-height:0!important}.metatron-hero-copy{padding:52px var(--mobile-gutter) 44px!important}.metatron-symbol-panel{display:none!important}.metatron-hero h1{font-size:clamp(68px,19vw,104px)!important}.metatron-hook{margin:14px 0 18px}.metatron-hook strong{font-size:clamp(28px,8.2vw,40px)}.metatron-deck{font-size:17px!important;line-height:1.55!important}.metatron-price{margin-top:18px!important;max-width:none!important}.metatron-price strong{font-size:48px!important}.metatron-meta{margin-top:14px!important}.metatron-hero-actions{margin-top:24px!important;display:grid!important;grid-template-columns:1fr!important}.metatron-hero-actions .text-link,.metatron-hero-actions .neon-button{width:100%!important}
.metatron-fast-experience{padding-top:50px!important;padding-bottom:50px!important}.fast-experience-head h2{font-size:48px}.fast-experience-rail{margin-right:calc(var(--mobile-gutter) * -1);padding-right:var(--mobile-gutter)}.fast-experience-rail article{flex-basis:78vw;min-height:230px}
.metatron-intro{gap:22px!important;padding-top:50px!important;padding-bottom:50px!important}.metatron-copy-block h2{font-size:44px!important}
.metatron-who{padding-top:48px!important;padding-bottom:48px!important}.metatron-who-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;border:0!important;background:transparent!important;gap:10px!important;padding-bottom:8px}.metatron-who-grid article{flex:0 0 82vw;scroll-snap-align:start;border:1px solid var(--line);background:var(--white)}
.metatron-live{padding-top:50px!important;padding-bottom:50px!important}.metatron-cta-band{grid-template-columns:1fr!important;padding:24px var(--mobile-gutter)!important}.metatron-cta-band div{justify-content:space-between}
.metatron-lineage{padding-top:48px!important;padding-bottom:48px!important}.metatron-lineage h2{font-size:44px!important}.metatron-ethics{padding-top:40px!important;padding-bottom:40px!important}.metatron-ethics p{font-size:13px!important}.metatron-interest{padding-top:50px!important;padding-bottom:50px!important}
}


/* =========================================================
   MASTER BUILD 43 — MEMBER STUDIO + COURSE PLAYER
   ========================================================= */

.member-body{
  margin:0;
  background:#f8f5f1;
  color:#181117;
  font-family:Inter,sans-serif;
  min-height:100vh;
}
.member-body *{box-sizing:border-box}
.member-topbar{
  height:72px;
  background:#20121f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px;
  position:sticky;
  top:0;
  z-index:50;
}
.member-wordmark{
  color:#fff;
  text-decoration:none;
  font:400 24px/1 Anton,sans-serif;
}
.member-wordmark span{color:#bca1d4}
.member-menu-toggle{
  min-width:86px;
  height:42px;
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  font:500 9px "DM Mono",monospace;
  letter-spacing:.08em;
}
.member-sidebar{
  position:fixed;
  left:0;top:72px;bottom:0;
  width:280px;
  background:#20121f;
  color:#fff;
  z-index:40;
  border-top:1px solid rgba(255,255,255,.08);
}
.member-sidebar-inner{
  height:100%;
  padding:24px 18px 20px;
  display:flex;
  flex-direction:column;
}
.member-sidebar-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.member-kicker{
  color:#bca1d4;
  font:500 9px "DM Mono",monospace;
  letter-spacing:.09em;
}
.member-sidebar-close{
  display:none;
  background:transparent;
  border:0;
  color:#fff;
  font-size:28px;
}
.member-sidebar nav{
  display:grid;
  margin-top:16px;
}
.member-sidebar nav a{
  min-height:54px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
  font:500 10px "DM Mono",monospace;
}
.member-sidebar nav a span{color:#806b80;font-size:8px}
.member-sidebar nav a:hover,
.member-sidebar nav a.is-active{color:#fff}
.member-sidebar nav a.is-active span{color:#bca1d4}
.member-sidebar-footer{
  margin-top:auto;
  display:grid;
  gap:9px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.1);
}
.member-sidebar-footer span{
  color:#806b80;
  font:500 8px "DM Mono",monospace;
}
.member-sidebar-footer a{
  color:#fff;
  text-decoration:none;
  font:500 9px "DM Mono",monospace;
}

.member-main,
.course-player{
  margin-left:280px;
}
.member-main{
  padding:40px;
}
.member-welcome{
  min-height:300px;
  padding:54px;
  background:#fffdf9;
  border:1px solid #cbc1cb;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.member-eyebrow,.member-label{
  font:500 9px "DM Mono",monospace;
  letter-spacing:.09em;
  color:#745d7e;
}
.member-welcome h1{
  margin:12px 0 14px;
  font:400 clamp(74px,8vw,132px)/.85 Anton,sans-serif;
}
.member-welcome p{max-width:560px;margin:0;font-size:15px;color:#625761}
.member-progress-overview{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  background:#e9e0f0;
  padding:30px 34px;
  margin-top:14px;
}
.member-progress-copy h2{
  margin:8px 0 3px;
  font:400 42px/1 Anton,sans-serif;
}
.member-progress-copy p{margin:0;color:#615562}
.member-progress-ring{
  width:120px;height:120px;
  border:1px solid #a88dbf;
  border-radius:50%;
  display:grid;
  place-content:center;
  text-align:center;
}
.member-progress-ring strong{font:400 36px/1 Anton,sans-serif}
.member-progress-ring span{font:500 8px "DM Mono",monospace;color:#745d7e}

.member-course-card{
  display:grid;
  grid-template-columns:minmax(260px,38%) 1fr;
  margin-top:14px;
  background:#20121f;
  color:#fff;
}
.member-course-art{
  min-height:380px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-content:center;
  border-right:1px solid rgba(255,255,255,.12);
}
.member-course-art::before,
.member-course-art::after{
  content:"";
  position:absolute;
  inset:12%;
  border:1px solid rgba(188,161,212,.28);
  border-radius:50%;
}
.member-course-art::after{
  inset:25%;
}
.member-course-mark{
  font-size:92px;
  color:#bca1d4;
  z-index:1;
}
.member-course-art>span{
  position:absolute;
  bottom:18px;left:18px;
  font:500 8px "DM Mono",monospace;
  letter-spacing:.12em;
  color:#bca1d4;
}
.member-course-content{
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.member-course-content h2{
  margin:10px 0 14px;
  font:400 clamp(42px,5vw,72px)/.92 Anton,sans-serif;
}
.member-course-content p{
  max-width:580px;
  color:rgba(255,255,255,.68);
}
.member-course-meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0 24px;
}
.member-course-meta span{
  border:1px solid rgba(255,255,255,.15);
  padding:9px 10px;
  font:500 8px "DM Mono",monospace;
  color:#bca1d4;
}
.member-primary-button,
.member-secondary-button{
  min-height:54px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:0;
  text-decoration:none;
  font:500 10px "DM Mono",monospace;
  letter-spacing:.06em;
}
.member-primary-button{
  background:#bca1d4;
  color:#181117;
  width:min(320px,100%);
}
.member-secondary-button{
  background:#181117;
  color:#fff;
}
.member-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}
.member-small-card{
  background:#fffdf9;
  border:1px solid #cbc1cb;
  padding:30px;
  min-height:220px;
  display:flex;
  flex-direction:column;
}
.member-small-card strong{
  margin:12px 0;
  font:400 34px/1 Anton,sans-serif;
}
.member-small-card p{color:#655b64;margin:0 0 18px}
.member-small-card a{
  margin-top:auto;
  color:#181117;
  text-decoration:none;
  font:500 9px "DM Mono",monospace;
}
.member-profile-panel{
  margin-top:14px;
  background:#efebf2;
  padding:32px;
  border:1px solid #cbc1cb;
}
.member-profile-panel h2{font:400 42px/1 Anton,sans-serif;margin:8px 0 22px}
.member-profile-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:16px;
}
.member-profile-grid label{
  display:grid;
  gap:7px;
  font:500 8px "DM Mono",monospace;
  color:#6e6070;
}
.member-profile-grid input{
  min-height:50px;
  border:1px solid #cbc1cb;
  background:#fffdf9;
  padding:0 12px;
  color:#181117;
}

/* Course Player */
.course-player{
  padding:28px 32px 56px;
}
.course-player-header{
  display:grid;
  grid-template-columns:1fr minmax(250px,340px);
  gap:20px;
  padding:42px;
  background:#20121f;
  color:#fff;
}
.course-back{
  display:inline-block;
  color:#bca1d4;
  text-decoration:none;
  font:500 8px "DM Mono",monospace;
  margin-bottom:32px;
}
.course-player-header h1{
  margin:10px 0 0;
  font:400 clamp(72px,8vw,120px)/.85 Anton,sans-serif;
}
.course-progress-box{
  align-self:end;
  border:1px solid rgba(255,255,255,.14);
  padding:24px;
}
.course-progress-box strong{
  display:block;
  font:400 58px/1 Anton,sans-serif;
}
.course-progress-box span{
  display:block;
  margin:6px 0 14px;
  font:500 8px "DM Mono",monospace;
  color:#bca1d4;
}
.course-progress-track{
  height:4px;
  background:rgba(24,17,23,.12);
  overflow:hidden;
}
.course-progress-box .course-progress-track{background:rgba(255,255,255,.12)}
.course-progress-track i{
  display:block;
  height:100%;
  background:#bca1d4;
}
.course-layout{
  display:grid;
  grid-template-columns:350px minmax(0,1fr);
  gap:14px;
  margin-top:14px;
}
.course-module-list{
  background:#fffdf9;
  border:1px solid #cbc1cb;
  align-self:start;
  position:sticky;
  top:86px;
  max-height:calc(100vh - 102px);
  overflow:auto;
}
.course-module-list-head{
  min-height:54px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #cbc1cb;
  font:500 9px "DM Mono",monospace;
}
.course-map-toggle{
  border:0;background:transparent;color:#745d7e;
  font:500 8px "DM Mono",monospace;
}
.course-module-items{display:grid}
.course-module{
  appearance:none;
  width:100%;
  border:0;
  border-bottom:1px solid #e4dce4;
  background:transparent;
  color:#181117;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:8px;
  text-align:left;
  padding:15px;
  cursor:pointer;
}
.course-module>span{
  color:#8c7796;
  font:500 8px "DM Mono",monospace;
  padding-top:2px;
}
.course-module strong{
  display:block;
  font:500 11px/1.3 Inter,sans-serif;
}
.course-module small{
  display:block;
  margin-top:4px;
  font:500 7px "DM Mono",monospace;
  color:#8a7d88;
}
.course-module:hover,
.course-module.is-active{
  background:#e9e0f0;
}
.course-module.is-locked{
  opacity:.52;
}
.lesson-stage{
  background:#fffdf9;
  border:1px solid #cbc1cb;
  min-width:0;
}
.lesson-stage-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:28px;
  border-bottom:1px solid #cbc1cb;
}
.lesson-stage-top h2{
  margin:8px 0 0;
  font:400 clamp(34px,4vw,62px)/.95 Anton,sans-serif;
}
.lesson-complete-button{
  align-self:flex-start;
  min-height:44px;
  border:1px solid #181117;
  background:transparent;
  padding:0 14px;
  font:500 8px "DM Mono",monospace;
}
.lesson-complete-button.is-complete{
  background:#181117;
  color:#fff;
}
.lesson-video-frame{
  padding:18px;
}
.lesson-video-placeholder{
  min-height:420px;
  background:#20121f;
  color:#fff;
  display:grid;
  place-content:center;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.lesson-video-placeholder::before,
.lesson-video-placeholder::after{
  content:"";
  position:absolute;
  width:48%;aspect-ratio:1;
  border:1px solid rgba(188,161,212,.18);
  border-radius:50%;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
}
.lesson-video-placeholder::after{width:30%}
.lesson-video-placeholder span{
  color:#bca1d4;
  font:500 8px "DM Mono",monospace;
  letter-spacing:.1em;
  z-index:1;
}
.lesson-video-placeholder strong{
  margin:10px 0 20px;
  font:400 32px/1 Anton,sans-serif;
  z-index:1;
}
.lesson-video-placeholder button{
  width:54px;height:54px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  margin:auto;
  background:transparent;color:#fff;
  z-index:1;
}
.lesson-copy{
  padding:12px 30px 30px;
  max-width:820px;
}
.lesson-copy p{
  color:#5e545d;
  line-height:1.65;
}
.lesson-copy .lesson-lead{
  color:#181117;
  font:500 20px/1.45 Inter,sans-serif;
}
.lesson-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #cbc1cb;
}
.lesson-actions button{
  min-height:58px;
  background:transparent;
  border:0;
  font:500 9px "DM Mono",monospace;
}
.lesson-actions button+button{
  border-left:1px solid #cbc1cb;
}
.course-resources,
.course-certificate{
  margin-top:14px;
  padding:42px;
  border:1px solid #cbc1cb;
}
.course-resources{background:#efebf2}
.course-section-head h2,
.certificate-copy h2{
  margin:10px 0 24px;
  font:400 clamp(46px,6vw,86px)/.92 Anton,sans-serif;
}
.resource-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.resource-grid article{
  background:#fffdf9;
  border:1px solid #cbc1cb;
  padding:22px;
  display:flex;
  flex-direction:column;
  min-height:230px;
}
.resource-grid article>span{
  color:#745d7e;
  font:500 8px "DM Mono",monospace;
}
.resource-grid article strong{
  margin:12px 0;
  font:400 28px/1 Anton,sans-serif;
}
.resource-grid article p{
  color:#655b64;
  font-size:13px;
}
.resource-grid article button{
  margin-top:auto;
  min-height:42px;
  background:transparent;
  border:1px solid #cbc1cb;
  font:500 8px "DM Mono",monospace;
}
.course-certificate{
  background:#e9e0f0;
  display:grid;
  grid-template-columns:1fr minmax(280px,360px);
  gap:28px;
}
.certificate-copy p{
  max-width:620px;
  color:#5f5560;
}
.certificate-status-card{
  background:#20121f;
  color:#fff;
  padding:28px;
  align-self:stretch;
}
.certificate-status-card>span{
  color:#bca1d4;
  font:500 8px "DM Mono",monospace;
}
.certificate-status-card strong{
  display:block;
  margin-top:10px;
  font:400 54px/1 Anton,sans-serif;
}
.certificate-status-card p{
  color:rgba(255,255,255,.6);
}
.certificate-status-card .course-progress-track{
  background:rgba(255,255,255,.12);
  margin:20px 0;
}
.certificate-status-card button{
  width:100%;
  min-height:50px;
  border:1px solid rgba(255,255,255,.2);
  background:transparent;
  color:rgba(255,255,255,.45);
  font:500 8px "DM Mono",monospace;
}

@media(max-width:980px){
  .member-sidebar{
    transform:translateX(-105%);
    transition:transform .25s ease;
    width:min(88vw,340px);
    top:0;
    z-index:80;
  }
  .member-sidebar.is-open{transform:translateX(0)}
  .member-sidebar-inner{padding-top:22px}
  .member-sidebar-close{display:block}
  .member-main,.course-player{margin-left:0}
  .member-main{padding:16px}
  .course-player{padding:14px}
  .member-welcome{padding:34px 22px;min-height:260px}
  .member-welcome h1{font-size:78px}
  .member-progress-overview{padding:22px}
  .member-course-card{grid-template-columns:1fr}
  .member-course-art{min-height:240px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .member-course-content{padding:28px 22px}
  .member-grid{grid-template-columns:1fr}
  .member-profile-grid{grid-template-columns:1fr}
  .course-player-header{grid-template-columns:1fr;padding:30px 20px}
  .course-player-header h1{font-size:72px}
  .course-layout{grid-template-columns:1fr}
  .course-module-list{
    position:static;
    max-height:none;
  }
  .course-module-list.is-collapsed .course-module-items{display:none}
  .lesson-stage-top{padding:22px 18px;display:grid}
  .lesson-complete-button{width:100%}
  .lesson-video-frame{padding:10px}
  .lesson-video-placeholder{min-height:240px}
  .lesson-copy{padding:10px 20px 24px}
  .course-resources,.course-certificate{padding:30px 20px}
  .resource-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity}
  .resource-grid article{flex:0 0 82vw;scroll-snap-align:start}
  .course-certificate{grid-template-columns:1fr}
}
@media(max-width:560px){
  .member-topbar{height:64px;padding:0 14px}
  .member-wordmark{font-size:21px}
  .member-menu-toggle{min-width:70px}
  .member-welcome h1{font-size:64px}
  .member-progress-overview{grid-template-columns:1fr}
  .member-progress-ring{width:100px;height:100px}
  .member-course-content h2{font-size:43px}
  .member-small-card{padding:22px}
  .course-player-header h1{font-size:62px}
  .course-player-header{padding:26px 18px}
  .course-progress-box{padding:18px}
  .lesson-stage-top h2{font-size:40px}
  .lesson-video-placeholder strong{font-size:26px}
  .lesson-actions button{font-size:8px}
}

/* MASTER BUILD 44 — AUTH + CHECKOUT + BACKEND STATES */
.member-preview-banner{margin-bottom:14px;padding:10px 14px;border:1px solid #a98bbf;background:#e9e0f0;color:#4f3d55;font:500 8px "DM Mono",monospace;letter-spacing:.08em}.member-logout-form{margin:0}.member-logout-form button{appearance:none;border:0;background:transparent;color:#fff;padding:0;font:500 9px "DM Mono",monospace;cursor:pointer}.course-module.has-completed strong::after{content:"  ✓";color:#745d7e}
.member-auth-body{margin:0;background:#20121f;color:#181117;font-family:Inter,sans-serif;min-height:100vh}.member-auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.member-auth-brand{color:#fff;padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.member-auth-brand::before,.member-auth-brand::after{content:"";position:absolute;width:58vw;aspect-ratio:1;border:1px solid rgba(188,161,212,.14);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.member-auth-brand::after{width:34vw}.member-auth-brand>span{color:#bca1d4;font:500 9px "DM Mono",monospace;z-index:1}.member-auth-brand h1{margin:14px 0;font:400 clamp(76px,9vw,150px)/.84 Anton,sans-serif;z-index:1}.member-auth-brand p{max-width:470px;color:rgba(255,255,255,.65);z-index:1}.member-auth-form{background:#f8f5f1;padding:clamp(34px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative}.member-auth-wordmark{position:absolute;top:26px;color:#181117;text-decoration:none;font:400 22px Anton,sans-serif}.member-auth-form h2{margin:10px 0 30px;font:400 clamp(46px,5vw,76px)/.9 Anton,sans-serif}.member-auth-form form{display:grid;gap:14px}.member-auth-form label{display:grid;gap:7px;font:500 8px "DM Mono",monospace;color:#6b5d6c}.member-auth-form input{min-height:54px;padding:0 13px;border:1px solid #cbc1cb;background:#fffdf9;font:16px Inter,sans-serif}.member-auth-form button{min-height:56px;border:0;background:#181117;color:#fff;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font:500 9px "DM Mono",monospace}.member-auth-error{padding:12px;background:#fff0f0;border:1px solid #c99797;font-size:13px}.member-auth-help{margin-top:18px;color:#6a6068;font-size:12px;line-height:1.5}
.checkout-body{margin:0;background:#f8f5f1;color:#181117;font-family:Inter,sans-serif;min-height:100vh}.checkout-close{color:#fff;text-decoration:none;font:500 9px "DM Mono",monospace}.checkout-shell{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px)}.checkout-offer{background:#20121f;color:#fff;padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.checkout-offer h1{margin:12px 0 18px;font:400 clamp(72px,8vw,126px)/.85 Anton,sans-serif}.checkout-offer>p{max-width:540px;color:rgba(255,255,255,.65);line-height:1.6}.checkout-price{margin-top:40px;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;align-items:end;gap:12px}.checkout-price span,.checkout-price small{font:500 8px "DM Mono",monospace;color:#bca1d4}.checkout-price strong{font:400 70px/1 Anton,sans-serif}.checkout-payment{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.checkout-payment h2{margin:10px 0 26px;font:400 clamp(52px,6vw,84px)/.9 Anton,sans-serif}.checkout-pending{padding:22px;background:#e9e0f0;border:1px solid #bca1d4}.checkout-pending strong{font:400 28px/1 Anton,sans-serif}.checkout-pending p{font-size:13px;line-height:1.55}.checkout-status{margin-bottom:16px;color:#655b64;font-size:13px}#paypal-button-container{min-height:52px}.checkout-security{margin-top:22px;color:#746a72;font-size:11px;line-height:1.55;max-width:520px}
@media(max-width:800px){.member-auth-shell,.checkout-shell{grid-template-columns:1fr}.member-auth-brand{min-height:44vh;padding:34px 20px}.member-auth-brand h1{font-size:72px}.member-auth-brand::before{width:95vw}.member-auth-brand::after{width:58vw}.member-auth-form{padding:72px 20px 36px}.member-auth-wordmark{top:22px}.checkout-offer,.checkout-payment{padding:48px 20px}.checkout-offer h1{font-size:70px}.checkout-price strong{font-size:58px}}


/* =========================================================
   MASTER BUILD 45 — DESKTOP EDITORIAL POLISH + LOGIN
   ========================================================= */

.header-login-link{
  margin-left:auto;
  margin-right:14px;
  color:var(--ink);
  text-decoration:none;
  font:500 9px "DM Mono",monospace;
  letter-spacing:.1em;
  padding:8px 0 6px;
  border-bottom:1px solid var(--lavender);
  white-space:nowrap;
  position:relative;
  z-index:5;
}

.affiliate-disclosure-compact{
  grid-column:2 / 4;
  margin:0;
  align-self:center;
  max-width:270px;
  font:500 8px/1.55 "DM Mono",monospace;
  color:#756a73;
}

@media(min-width:901px){
  .mid-grid,
  .bottom-grid{
    align-items:start!important;
  }

  /* Desktop MY ART = several visible images in one horizontal rail */
  .featured-work{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }
  .home-art-slider,
  .art-slider-stage{
    min-height:0!important;
    height:auto!important;
  }
  .art-slider-track{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    padding:10px!important;
  }
  .art-slide{
    flex:0 0 clamp(220px,23vw,340px)!important;
    width:clamp(220px,23vw,340px)!important;
    min-width:clamp(220px,23vw,340px)!important;
    scroll-snap-align:start!important;
  }
  .art-slide img{
    height:clamp(280px,31vw,430px)!important;
    width:100%!important;
    object-fit:cover!important;
  }
  .art-slide-caption{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    padding:8px 10px!important;
  }
  .art-slide-caption strong{
    font-size:clamp(17px,1.8vw,25px)!important;
  }
  .art-slider-controls button{
    height:44px!important;
  }

  /* Grounded should not inherit the carousel height */
  .philosophy{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }
  .philosophy-copy{
    min-height:0!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .philosophy .golden-ratio{
    align-self:end!important;
    max-height:180px!important;
    overflow:hidden!important;
  }

  /* Shop / Affiliate row is compact on desktop */
  .shop-panel,
  .affiliate-panel{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }
  .shop-panel{
    padding-bottom:18px!important;
  }
  .shop-items{
    align-items:start!important;
  }
  .shop-image{
    height:130px!important;
    min-height:130px!important;
  }
  .shop-link{
    margin-top:30px!important;
  }

  .affiliate-panel{
    display:block!important;
    padding-bottom:18px!important;
  }
  .affiliate-panel h2{
    margin-bottom:14px!important;
  }
  .affiliate-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    margin-bottom:12px!important;
    padding-bottom:0!important;
  }
  .affiliate-card{
    min-height:104px!important;
    padding:16px!important;
  }
  .affiliate-panel > .text-link{
    margin-top:14px!important;
    margin-bottom:16px!important;
  }
  .affiliate-panel .newsletter{
    margin-top:16px!important;
  }

  /* DHC right rail should remain editorial and compact */
  .dhc-panel{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }
  .dhc-image{
    min-height:360px!important;
    height:360px!important;
  }
  .dhc-copy{
    min-height:360px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
}

@media(max-width:900px){
  /* Separate mobile behavior remains intact */
  .header-login-link{
    margin-left:auto;
    margin-right:10px;
    font-size:8px;
  }
  .art-slide{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
  }
  .art-slide img{
    height:min(72vh,620px)!important;
  }
  .affiliate-disclosure-compact{
    grid-column:auto;
    max-width:none;
    margin:10px 0 0;
  }
}


/* =========================================================
   MASTER BUILD 46 — CLEAR LANGUAGE + HEALING LIBRARY
   ========================================================= */

.worlds-kicker{
  display:block;
  margin-bottom:12px;
  color:var(--lavender);
  font:500 9px "DM Mono",monospace;
  letter-spacing:.1em;
}
.worlds-message h2{
  max-width:900px;
}
.service-card-link{
  color:inherit;
  text-decoration:none;
}
.service-card-healing strong{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:1px;
  line-height:1!important;
}
.service-card-healing .service-amp{
  line-height:1.05;
}
.service-support-note{
  display:block;
  margin-top:7px;
  font:500 7px "DM Mono",monospace;
  color:var(--lavender);
  letter-spacing:.05em;
}

/* HEALING PAGE */
.healing-hero{
  min-height:78vh;
  padding:clamp(72px,9vw,140px) clamp(24px,7vw,100px);
  background:var(--paper);
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-bottom:1px solid var(--line);
}
.healing-hero h1{
  margin:12px 0 24px;
  font:400 clamp(76px,10vw,160px)/.84 Anton,sans-serif;
  max-width:1000px;
}
.healing-hero p{
  max-width:700px;
  font-size:18px;
  line-height:1.6;
}
.healing-hero-actions{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.healing-hero-actions>span{
  font:500 8px "DM Mono",monospace;
  color:#756a73;
}
.healing-belonging{
  padding:clamp(56px,7vw,100px) clamp(24px,7vw,100px);
  background:var(--lavender-soft);
}
.healing-belonging h2{
  margin:10px 0 18px;
  font:400 clamp(48px,7vw,96px)/.9 Anton,sans-serif;
  max-width:1050px;
}
.healing-belonging p{
  max-width:700px;
  font-size:17px;
  line-height:1.65;
}
.healing-recordings{
  padding:clamp(56px,7vw,100px) clamp(24px,7vw,100px);
  background:var(--white);
}
.healing-section-head{
  display:grid;
  grid-template-columns:1fr minmax(280px,520px);
  gap:30px;
  align-items:end;
  margin-bottom:34px;
}
.healing-section-head h2{
  margin:8px 0 0;
  font:400 clamp(54px,7vw,100px)/.9 Anton,sans-serif;
}
.healing-section-head p{
  margin:0;
  line-height:1.6;
  color:#665c65;
}
.healing-featured-video{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
  background:var(--plum);
  color:#fff;
  margin-bottom:14px;
}
.healing-video-frame{
  aspect-ratio:16/9;
  background:#000;
}
.healing-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.healing-video-copy{
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.healing-video-copy h3{
  margin:10px 0 14px;
  font:400 clamp(34px,4vw,58px)/.95 Anton,sans-serif;
}
.healing-video-copy p{
  line-height:1.6;
  color:inherit;
  opacity:.75;
}
.healing-video-copy a{
  margin-top:14px;
  color:inherit;
  text-decoration:none;
  font:500 9px "DM Mono",monospace;
  border-bottom:1px solid currentColor;
  padding-bottom:8px;
  width:max-content;
}
.healing-video-row{
  display:grid;
  grid-template-columns:minmax(280px,.7fr) 1fr;
  border:1px solid var(--line);
  background:var(--paper);
}
.healing-video-thumb{
  position:relative;
  min-height:280px;
}
.healing-video-thumb a{
  display:block;
  height:100%;
  position:relative;
}
.healing-video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.healing-play{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(32,18,31,.86);
  color:#fff;
}
.healing-resources{
  padding:clamp(56px,7vw,100px) clamp(24px,7vw,100px);
  background:var(--plum);
  color:#fff;
}
.healing-resources h2{
  margin:10px 0 18px;
  font:400 clamp(48px,7vw,96px)/.9 Anton,sans-serif;
  max-width:1100px;
}
.healing-resources p{
  max-width:700px;
  color:rgba(255,255,255,.7);
  line-height:1.65;
}
.healing-note{
  padding:36px clamp(24px,7vw,100px);
  background:var(--paper);
  border-top:1px solid var(--line);
}
.healing-note strong{
  display:block;
  margin-bottom:10px;
  font:500 9px "DM Mono",monospace;
}
.healing-note p{
  max-width:900px;
  margin:0;
  color:#655a63;
  font-size:12px;
  line-height:1.6;
}

/* BOOKS: public language stays literal and understandable */
.books-available-section .artifact-copy p{
  max-width:650px;
}

/* METATRON: richer sales experience */
.metatron-experience-intro{
  max-width:760px;
  margin:0 0 30px;
  color:rgba(255,255,255,.72);
  line-height:1.6;
}
.metatron-takeaway{
  padding:clamp(56px,7vw,100px) clamp(24px,6vw,92px);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.metatron-takeaway-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:28px;
}
.metatron-takeaway-grid article{
  min-height:230px;
  padding:22px;
  border:1px solid var(--line);
  background:var(--white);
  display:flex;
  flex-direction:column;
}
.metatron-takeaway-grid article>span{
  color:#80648d;
  font:500 8px "DM Mono",monospace;
}
.metatron-takeaway-grid strong{
  margin:16px 0 12px;
  font:400 30px/1 Anton,sans-serif;
}
.metatron-takeaway-grid p{
  margin:auto 0 0;
  color:#655b64;
  font-size:13px;
  line-height:1.55;
}
.metatron-inline-dark-cta{
  margin-top:24px;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--ink);
  text-decoration:none;
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  font:500 9px "DM Mono",monospace;
}

/* CHECKOUT: concise offer recap */
.checkout-includes{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.15);
}
.checkout-includes ul{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 18px;
}
.checkout-includes li{
  position:relative;
  padding-left:14px;
  color:rgba(255,255,255,.76);
  font-size:12px;
  line-height:1.45;
}
.checkout-includes li::before{
  content:"✣";
  position:absolute;
  left:0;
  color:var(--lavender);
}

@media(max-width:900px){
  .healing-hero{
    min-height:auto;
    padding:52px var(--mobile-gutter) 48px;
  }
  .healing-hero h1{
    font-size:clamp(66px,19vw,96px);
  }
  .healing-hero p{
    font-size:16px;
  }
  .healing-belonging,
  .healing-recordings,
  .healing-resources,
  .healing-note{
    padding-left:var(--mobile-gutter);
    padding-right:var(--mobile-gutter);
  }
  .healing-section-head{
    grid-template-columns:1fr;
    gap:14px;
  }
  .healing-featured-video{
    grid-template-columns:1fr;
  }
  .healing-video-copy{
    padding:22px 18px 26px;
  }
  .healing-video-row{
    grid-template-columns:1fr;
  }
  .healing-video-thumb{
    min-height:220px;
  }
  .metatron-takeaway-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    gap:10px;
  }
  .metatron-takeaway-grid article{
    flex:0 0 82vw;
    scroll-snap-align:start;
  }
  .checkout-includes ul{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   MASTER BUILD 47 — AUDITED HOME + HEALING RECORDINGS
   ========================================================= */

/* Homepage free recordings inside the belonging/services section */
.home-healing-recordings{
  margin:18px 0 20px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.2);
}
.home-healing-recordings-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  font:500 8px "DM Mono",monospace;
  letter-spacing:.05em;
}
.home-healing-recordings-head>span{
  color:var(--lavender);
}
.home-healing-recordings-head a{
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
.home-healing-video-rail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.home-healing-video-rail::-webkit-scrollbar{display:none}
.home-healing-video{
  flex:0 0 calc(50% - 4px);
  min-width:0;
  scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(255,255,255,.035);
}
.home-healing-embed{
  width:100%;
  aspect-ratio:16/9;
  background:#090709;
  overflow:hidden;
}
.home-healing-embed iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}
.home-healing-video-copy{
  padding:8px;
  display:grid;
  gap:4px;
}
.home-healing-video-copy span{
  color:var(--lavender);
  font:500 7px "DM Mono",monospace;
}
.home-healing-video-copy strong{
  color:#fff;
  font:400 13px/1.05 Anton,sans-serif;
}

/* Affiliate link itself should behave as a grid item cleanly. */
.affiliate-row .affiliate-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  min-width:0;
}
.affiliate-row .affiliate-card-link .affiliate-card{
  height:100%;
}

/* Desktop spacing correction:
   kill inherited flex/grid stretching instead of merely hiding overflow. */
@media(min-width:901px){
  .main-column,
  .side-column{
    align-self:start!important;
  }

  .mid-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)!important;
    align-items:start!important;
    grid-auto-rows:max-content!important;
  }
  .mid-grid > *{
    align-self:start!important;
  }

  .bottom-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
    align-items:start!important;
    grid-auto-rows:max-content!important;
  }
  .bottom-grid > *{
    align-self:start!important;
  }

  .shop-panel{
    display:block!important;
  }
  .shop-link{
    display:flex!important;
    margin-top:24px!important;
    padding-top:0!important;
  }

  .affiliate-panel{
    display:block!important;
  }
  .affiliate-panel .newsletter{
    width:100%!important;
    margin:16px 0 0!important;
  }

  /* Prevent a decorative right-side section from forcing viewport-height whitespace. */
  .philosophy,
  .featured-work,
  .shop-panel,
  .affiliate-panel,
  .services-panel,
  .dhc-panel{
    min-height:0!important;
    height:auto!important;
  }
}

@media(max-width:900px){
  /* Videos live directly underneath the belonging message on mobile. */
  .home-healing-recordings{
    margin:18px 0 16px;
  }
  .home-healing-recordings-head{
    align-items:flex-start;
  }
  .home-healing-video-rail{
    margin-right:-18px;
    padding-right:18px;
  }
  .home-healing-video{
    flex:0 0 82vw;
  }
  .home-healing-video-copy{
    padding:10px;
  }
  .home-healing-video-copy strong{
    font-size:18px;
  }
}


/* =========================================================
   MASTER BUILD 49 — AFFILIATE RESPONSIVE VISIBILITY FIX
   ========================================================= */

/* Desktop gets exactly one affiliate panel.
   The reordered clone exists ONLY for the mobile content flow. */
@media(min-width:901px){
  .affiliate-panel-mobile-only,
  .newsletter-mobile-only{
    display:none!important;
  }

  main .affiliate-panel:not(.affiliate-panel-mobile-only){
    display:block!important;
  }
}

/* Mobile gets the reordered clone and hides the desktop panel. */
@media(max-width:900px){
  main .affiliate-panel:not(.affiliate-panel-mobile-only){
    display:none!important;
  }

  .affiliate-panel-mobile-only{
    display:block!important;
  }
}


/* =========================================================
   MASTER BUILD 50 — MOBILE SERVICES CLEANUP
   ========================================================= */

.mobile-services-simple-link{
  display:none;
}

@media(max-width:900px){

  /* Remove the icon circles, service boxes, and cramped labels under
     the homepage YouTube recordings. */
  .services-panel .service-icons{
    display:none!important;
  }

  /* Hide the old desktop-styled Explore All Services row on mobile. */
  .services-panel .panel-link{
    display:none!important;
  }

  /* Replace all of that with one clean text action. */
  .services-panel .mobile-services-simple-link{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    margin-top:14px;
    padding:11px 0;
    color:#fff;
    text-decoration:none;
    border-top:1px solid rgba(188,161,212,.65);
    border-bottom:1px solid rgba(188,161,212,.65);
    font:500 9px "DM Mono",monospace;
    letter-spacing:.08em;
  }

  /* Do not reserve any height for the removed icon row. */
  .services-panel{
    min-height:0!important;
    height:auto!important;
    padding-bottom:22px!important;
  }
}


/* =========================================================
   MASTER BUILD 51 — VIOLET FLAME ONE-PAGER
   Reconstructed from saved Violet Flame landing page direction.
   ========================================================= */

:root{
  --violet-ink:#21111f;
  --violet-deep:#281529;
  --violet-night:#160f18;
  --violet-paper:#f8f4ef;
  --violet-paper-2:#eee8e7;
  --violet-lav:#b99ad4;
  --violet-glow:#a654ff;
  --violet-line:#c9bdc8;
}

.violet-page{
  margin:0;
  background:var(--violet-paper);
  color:var(--violet-ink);
  font-family:Inter,sans-serif;
}
.violet-page *{box-sizing:border-box}
.violet-header{
  background:rgba(248,244,239,.95);
  border-bottom:1px solid var(--violet-line);
}

/* HERO */
.violet-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  min-height:690px;
  border-bottom:1px solid var(--violet-line);
  overflow:hidden;
}
.violet-hero-copy{
  padding:clamp(54px,7vw,100px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:2;
}
.violet-activation{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:#5e4d5f;
  font:500 9px "DM Mono",monospace;
  letter-spacing:.1em;
}
.violet-activation::before,
.violet-activation::after{
  content:"";
  display:block;
  width:50px;
  border-top:1px solid #5e4d5f;
}
.violet-hero h1{
  margin:0;
  font:400 clamp(82px,9.5vw,150px)/.78 Anton,sans-serif;
  letter-spacing:-.02em;
}
.violet-hero h2{
  margin:24px 0 12px;
  font:600 clamp(28px,3vw,44px)/.98 "Bodoni Moda",serif;
}
.violet-hero p{
  max-width:680px;
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:#554950;
}
.violet-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:26px 0 14px;
}
.violet-hero small{
  font:500 8px "DM Mono",monospace;
  letter-spacing:.14em;
  color:#655a64;
}

.violet-btn{
  min-height:48px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font:500 9px "DM Mono",monospace;
  letter-spacing:.06em;
  border:1px solid var(--violet-ink);
}
.violet-btn-dark{
  background:var(--violet-deep);
  color:#fff;
}
.violet-btn-light{
  background:transparent;
  color:var(--violet-ink);
}
.violet-btn-lavender{
  background:var(--violet-lav);
  color:var(--violet-ink);
  border-color:var(--violet-lav);
}

.violet-hero-art{
  position:relative;
  min-height:690px;
  background:
    radial-gradient(circle at 50% 62%, rgba(166,84,255,.26), transparent 22%),
    radial-gradient(circle at 50% 40%, rgba(185,154,212,.18), transparent 44%),
    linear-gradient(160deg,#1a121b,#281729 50%,#100c11);
  overflow:hidden;
}
.violet-flame{
  position:absolute;
  left:50%;
  bottom:12%;
  transform-origin:50% 100%;
  border-radius:55% 45% 62% 38% / 65% 40% 60% 35%;
  filter:blur(.2px) drop-shadow(0 0 18px rgba(166,84,255,.6));
}
.violet-flame-a{
  width:150px;height:320px;
  transform:translateX(-50%) rotate(4deg);
  background:linear-gradient(180deg,rgba(255,255,255,.9),#d9a8ff 18%,#8b38ff 65%,transparent);
  clip-path:polygon(50% 0,68% 19%,60% 36%,79% 49%,62% 100%,36% 100%,24% 56%,39% 40%,31% 23%);
}
.violet-flame-b{
  width:92px;height:230px;
  left:44%;
  bottom:13%;
  transform:rotate(-14deg);
  background:linear-gradient(180deg,#efe3ff,#a252ff 55%,transparent);
  clip-path:polygon(50% 0,70% 26%,58% 45%,77% 58%,59% 100%,32% 100%,20% 60%,40% 43%,30% 25%);
  opacity:.72;
}
.violet-flame-c{
  width:92px;height:245px;
  left:58%;
  bottom:13%;
  transform:rotate(12deg);
  background:linear-gradient(180deg,#eee0ff,#8435ef 60%,transparent);
  clip-path:polygon(50% 0,67% 22%,62% 40%,80% 56%,59% 100%,31% 100%,21% 62%,39% 44%,29% 26%);
  opacity:.67;
}
.violet-orbit{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(185,154,212,.2);
  border-radius:50%;
}
.violet-orbit-a{width:520px;height:520px}
.violet-orbit-b{width:350px;height:350px}
.violet-side-note{
  position:absolute;
  color:rgba(255,255,255,.62);
  font:500 8px/1.8 "DM Mono",monospace;
  letter-spacing:.2em;
}
.violet-note-one{top:42px;right:30px}
.violet-note-two{right:26px;bottom:50px}

/* SECTION TITLES */
.violet-section-title{
  display:grid;
  grid-template-columns:1fr auto 1fr auto;
  gap:18px;
  align-items:center;
  padding:0 0 28px;
}
.violet-section-title>span{
  height:1px;background:#756276;
}
.violet-section-title h2{
  margin:0;
  font:600 clamp(42px,5vw,72px)/1 "Bodoni Moda",serif;
}
.violet-section-title p{
  margin:0;
  font:500 8px/1.5 "DM Mono",monospace;
  letter-spacing:.1em;
  color:#756876;
}

/* CHOOSE YOUR PATH */
.violet-paths{
  padding:56px clamp(24px,5vw,74px);
  background:var(--violet-paper);
}
.violet-path-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.violet-path-card{
  border:1px solid var(--violet-line);
  background:#fbf8f4;
  box-shadow:0 8px 30px rgba(32,17,31,.05);
}
.violet-card-art{
  height:155px;
  border-bottom:1px solid var(--violet-line);
}
.violet-card-art-free{
  background:
    radial-gradient(circle at 50% 35%,#d7b8ef 0 8%,transparent 9%),
    radial-gradient(circle at 50% 35%,rgba(185,154,212,.28) 0 18%,transparent 19%),
    linear-gradient(180deg,#2d1734,#17101a);
}
.violet-card-art-course{
  background:
    linear-gradient(90deg,transparent 0 14%,rgba(185,154,212,.12) 14% 16%,transparent 16% 100%),
    linear-gradient(180deg,#2d1f2d,#181218);
}
.violet-card-art-live{
  background:
    radial-gradient(circle at 50% 52%,rgba(166,84,255,.32),transparent 18%),
    linear-gradient(180deg,#26152a,#130f14);
}
.violet-card-body{
  padding:24px 22px 20px;
  text-align:center;
}
.violet-card-body>span{
  font:400 42px/1 Anton,sans-serif;
}
.violet-card-body h3{
  margin:8px 0 12px;
  font:600 28px/1 "Bodoni Moda",serif;
}
.violet-card-body p{
  min-height:66px;
  margin:0 auto 16px;
  max-width:330px;
  color:#5d5058;
  line-height:1.45;
  font-size:13px;
}
.violet-card-body .violet-btn{
  width:100%;
}
.violet-card-body small{
  display:block;
  margin-top:15px;
  font:500 7px "DM Mono",monospace;
  letter-spacing:.1em;
  color:#7b6e7a;
}

/* LIVE TRAINING */
.violet-live{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  border-top:1px solid var(--violet-line);
  border-bottom:1px solid var(--violet-line);
}
.violet-live-art{
  min-height:530px;
  background:
    radial-gradient(circle at 64% 46%,rgba(166,84,255,.22),transparent 18%),
    linear-gradient(145deg,#110d12,#29152e);
  color:#fff;
  padding:34px;
  position:relative;
  overflow:hidden;
}
.violet-live-art>span{
  position:relative;
  z-index:2;
  font:26px/1.45 "Kaushan Script",cursive;
  color:rgba(255,255,255,.8);
}
.violet-door{
  width:210px;height:360px;
  border:3px solid rgba(185,154,212,.45);
  border-radius:110px 110px 8px 8px;
  position:absolute;
  right:18%;bottom:-25px;
  box-shadow:inset 0 0 55px rgba(166,84,255,.2);
}
.violet-door i{
  position:absolute;
  left:50%;bottom:18px;
  width:80px;height:230px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#f1dfff,#a246ff 45%,rgba(129,40,243,.12));
  filter:blur(3px);
  clip-path:polygon(50% 0,66% 18%,59% 35%,77% 50%,61% 100%,34% 100%,21% 57%,40% 38%,31% 20%);
}
.violet-door i:nth-child(2){left:41%;height:180px;opacity:.55;transform:rotate(-10deg)}
.violet-door i:nth-child(3){left:60%;height:190px;opacity:.5;transform:rotate(12deg)}
.violet-live-copy{
  padding:clamp(42px,6vw,84px);
  background:#faf7f3;
}
.violet-live-copy h2{
  margin:10px 0 20px;
  font:400 clamp(46px,6vw,88px)/.9 Anton,sans-serif;
}
.violet-live-copy ul{
  list-style:none;
  padding:0;margin:0 0 18px;
  display:grid;gap:10px;
}
.violet-live-copy li{
  position:relative;
  padding-left:22px;
  font-size:15px;
}
.violet-live-copy li::before{
  content:"✦";
  position:absolute;left:0;
  color:#a46bc5;
}
.violet-credit-note{
  padding-top:14px;
  border-top:1px solid var(--violet-line);
  font-size:12px;
  color:#746775;
}

/* RITUAL LAB */
.violet-ritual-lab{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  background:#e7dce8;
  border-bottom:1px solid var(--violet-line);
}
.violet-ritual-art{
  min-height:260px;
  background:
    radial-gradient(circle at 30% 55%,rgba(101,58,115,.32),transparent 25%),
    linear-gradient(135deg,#26182b,#54405b);
  display:grid;place-items:center;
}
.violet-ritual-art span{
  font-size:88px;color:#d3bbe2;
}
.violet-ritual-copy{
  padding:42px;
  display:flex;flex-direction:column;justify-content:center;
}
.violet-ritual-copy h2{
  margin:7px 0 5px;
  font:600 clamp(42px,5vw,68px)/1 "Bodoni Moda",serif;
}
.violet-ritual-copy strong{
  font:400 28px Anton,sans-serif;
}
.violet-ritual-copy p{
  max-width:600px;color:#5e505b;
}

/* COMPLETE */
.violet-complete{
  padding:64px 24px;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 18% 50%,rgba(185,154,212,.16),transparent 18%),
    radial-gradient(circle at 82% 50%,rgba(185,154,212,.16),transparent 18%),
    linear-gradient(180deg,#211222,#100b11);
}
.violet-complete h2{
  max-width:980px;
  margin:12px auto 22px;
  font:600 clamp(38px,5.2vw,72px)/1 "Bodoni Moda",serif;
}
.violet-complete p{
  color:rgba(255,255,255,.65);
  font-size:12px;
}

/* FOR YOU */
.violet-for-you{
  padding:56px clamp(24px,5vw,74px);
}
.violet-for-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.violet-for-grid article{
  border:1px solid var(--violet-line);
  padding:28px;
  text-align:center;
  background:#fbf8f4;
}
.violet-for-grid article>span{
  display:grid;place-items:center;
  width:48px;height:48px;
  margin:0 auto 12px;
  border:1px solid #776778;
  border-radius:50%;
  font:500 8px "DM Mono",monospace;
}
.violet-for-grid h3{
  margin:0 0 6px;
  font:600 28px "Bodoni Moda",serif;
}
.violet-for-grid p{
  margin:0;color:#675b64;
  font-size:13px;
}

/* RESPONSIBLE */
.violet-responsible{
  padding:30px clamp(24px,5vw,74px);
  background:#eee8e7;
  border-top:1px solid var(--violet-line);
  border-bottom:1px solid var(--violet-line);
}
.violet-responsible p{
  max-width:900px;
  margin:8px 0 0;
  font-size:12px;
  line-height:1.6;
  color:#675b64;
}

/* INTEREST */
.violet-interest{
  padding:72px 24px;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 50% 30%,rgba(165,80,255,.16),transparent 34%),
    linear-gradient(180deg,#2a1730,#130e14);
}
.violet-interest h2{
  margin:10px auto 22px;
  max-width:900px;
  font:600 clamp(44px,6vw,84px)/.95 "Bodoni Moda",serif;
}
.violet-interest-form{
  max-width:660px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 200px;
  gap:8px;
}
.violet-interest-form input{
  min-height:52px;
  border:1px solid rgba(255,255,255,.2);
  background:#f7f1ee;
  padding:0 14px;
  font:500 10px "DM Mono",monospace;
}
.violet-interest-form button{
  min-height:52px;
  border:1px solid var(--violet-lav);
  background:var(--violet-lav);
  color:var(--violet-ink);
  font:500 9px "DM Mono",monospace;
}
.violet-signoff{
  margin-top:30px;
  display:grid;gap:5px;
}
.violet-signoff span{
  font:25px "Kaushan Script",cursive;
}
.violet-signoff strong{
  font:500 8px "DM Mono",monospace;
  letter-spacing:.25em;
}

/* Courses page callout */
.violet-course-callout{
  margin:14px 0;
  padding:clamp(38px,5vw,70px);
  background:linear-gradient(135deg,#251426,#3a203e);
  color:#fff;
  display:grid;
  grid-template-columns:1fr 240px;
  align-items:center;
  gap:28px;
}
.violet-course-copy h2{
  margin:8px 0 14px;
  font:400 clamp(48px,6vw,90px)/.9 Anton,sans-serif;
}
.violet-course-copy p{
  max-width:700px;
  color:rgba(255,255,255,.72);
  line-height:1.6;
}
.violet-course-mark{
  width:220px;height:220px;
  border:1px solid rgba(185,154,212,.35);
  border-radius:50%;
  display:grid;place-items:center;
  justify-self:end;
}
.violet-course-mark span{
  font-size:90px;color:var(--violet-lav);
}

@media(max-width:900px){
  .violet-hero{
    grid-template-columns:1fr;
    min-height:0;
  }
  .violet-hero-copy{
    padding:46px 20px 34px;
  }
  .violet-hero h1{
    font-size:clamp(70px,20vw,104px);
  }
  .violet-hero h2{
    font-size:30px;
  }
  .violet-hero-art{
    min-height:360px;
  }
  .violet-activation::before,
  .violet-activation::after{
    width:24px;
  }
  .violet-orbit-a{width:340px;height:340px}
  .violet-orbit-b{width:230px;height:230px}
  .violet-note-one{top:20px;right:16px}
  .violet-note-two{bottom:20px;right:16px}

  .violet-paths,
  .violet-for-you{
    padding:42px 20px;
  }
  .violet-section-title{
    grid-template-columns:1fr auto 1fr;
    gap:10px;
  }
  .violet-section-title p{
    grid-column:1/-1;
    text-align:center;
  }
  .violet-section-title h2{
    font-size:42px;
    text-align:center;
  }
  .violet-path-grid,
  .violet-for-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    gap:10px;
    margin-right:-20px;
    padding-right:20px;
  }
  .violet-path-card,
  .violet-for-grid article{
    flex:0 0 84vw;
    scroll-snap-align:start;
  }

  .violet-live{
    grid-template-columns:1fr;
  }
  .violet-live-art{
    min-height:330px;
  }
  .violet-live-copy{
    padding:38px 20px;
  }
  .violet-live-copy h2{
    font-size:52px;
  }

  .violet-ritual-lab{
    grid-template-columns:1fr;
  }
  .violet-ritual-art{
    min-height:190px;
  }
  .violet-ritual-copy{
    padding:32px 20px;
  }

  .violet-complete{
    padding:52px 20px;
  }

  .violet-interest{
    padding:54px 20px;
  }
  .violet-interest-form{
    grid-template-columns:1fr;
  }

  .violet-course-callout{
    grid-template-columns:1fr;
    padding:40px 20px;
  }
  .violet-course-mark{
    width:150px;height:150px;
    justify-self:start;
  }
  .violet-course-mark span{font-size:60px}
}

@media(max-width:560px){
  .violet-hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .violet-btn{
    width:100%;
  }
}


/* =========================================================
   BUILD 51 MOBILE AUDIT — CENTERED, CALM, EASY TO READ
   ========================================================= */

@media(max-width:900px){

  /* HERO */
  .violet-hero-copy{
    text-align:center!important;
    align-items:center!important;
  }
  .violet-activation{
    justify-content:center!important;
  }
  .violet-hero h1,
  .violet-hero h2,
  .violet-hero p,
  .violet-hero small{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .violet-hero p{
    max-width:34rem!important;
    font-size:15px!important;
    line-height:1.55!important;
  }
  .violet-hero-actions{
    width:100%!important;
    justify-content:center!important;
  }
  .violet-hero-actions .violet-btn{
    width:min(100%,340px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* CHOOSE YOUR PATH */
  .violet-paths{
    text-align:center!important;
  }
  .violet-section-title{
    justify-items:center!important;
  }
  .violet-section-title h2,
  .violet-section-title p{
    text-align:center!important;
  }
  .violet-path-card,
  .violet-card-body,
  .violet-card-body p,
  .violet-card-body small{
    text-align:center!important;
  }

  /* LIVE TRAINING */
  .violet-live-copy{
    text-align:center!important;
  }
  .violet-live-copy .eyebrow,
  .violet-live-copy h2,
  .violet-live-copy p{
    text-align:center!important;
  }
  .violet-live-copy ul{
    max-width:33rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
  }
  .violet-live-copy li{
    line-height:1.45!important;
    font-size:14px!important;
  }
  .violet-live-copy .violet-btn{
    width:min(100%,340px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* RITUAL LAB */
  .violet-ritual-copy{
    text-align:center!important;
    align-items:center!important;
  }
  .violet-ritual-copy .eyebrow,
  .violet-ritual-copy h2,
  .violet-ritual-copy strong,
  .violet-ritual-copy p{
    text-align:center!important;
  }
  .violet-ritual-copy p{
    max-width:32rem!important;
  }
  .violet-ritual-copy .violet-btn{
    width:min(100%,340px)!important;
  }

  /* COMPLETE EXPERIENCE */
  .violet-complete{
    text-align:center!important;
  }
  .violet-complete h2{
    max-width:34rem!important;
    font-size:clamp(36px,10vw,52px)!important;
    line-height:1.02!important;
  }
  .violet-complete .violet-btn{
    width:min(100%,340px)!important;
  }

  /* WHO IT'S FOR */
  .violet-for-you{
    text-align:center!important;
  }
  .violet-for-grid article{
    text-align:center!important;
  }

  /* RESPONSIBLE PRACTICE */
  .violet-responsible{
    text-align:center!important;
  }
  .violet-responsible p{
    max-width:34rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:11px!important;
  }

  /* FINAL CTA */
  .violet-interest{
    text-align:center!important;
  }
  .violet-interest h2{
    max-width:34rem!important;
    font-size:clamp(38px,11vw,58px)!important;
    line-height:1.02!important;
  }
  .violet-interest-form{
    max-width:340px!important;
  }

  /* Consistent mobile breathing room */
  .violet-paths,
  .violet-live-copy,
  .violet-ritual-copy,
  .violet-for-you,
  .violet-responsible,
  .violet-interest{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  /* Prevent headings from feeling like giant walls */
  .violet-live-copy h2,
  .violet-ritual-copy h2{
    max-width:34rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:430px){
  .violet-hero h1{
    font-size:clamp(64px,18vw,82px)!important;
    line-height:.82!important;
  }
  .violet-hero h2{
    font-size:26px!important;
    line-height:1.02!important;
  }
  .violet-section-title h2{
    font-size:38px!important;
  }
  .violet-card-body h3{
    font-size:26px!important;
  }
  .violet-live-copy h2{
    font-size:44px!important;
  }
  .violet-ritual-copy h2{
    font-size:40px!important;
  }
}


/* =========================================================
   MASTER BUILD 52 — MOBILE NAV / CENTERING / DESKTOP SPACE FIX
   ========================================================= */

/* LOGIN: same clean navigation language as MENU/nav */
.header-login-link{
  font-family:"DM Mono",monospace!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
}

/* ---------------- MOBILE ---------------- */
@media(max-width:900px){

  /* Header has three intentional zones:
     brand | login | hamburger */
  .site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 44px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:64px!important;
    height:auto!important;
    padding:0 18px!important;
  }

  .site-header .brand,
  .site-header .site-logo{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .site-header .header-login-link{
    display:block!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
  }

  /* HARD LOCK the hamburger so login/header changes cannot remove it */
  .site-header .menu-icon,
  .site-header .mobile-menu-button{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    justify-self:end!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:20!important;
    overflow:visible!important;
  }

  .site-header .menu-icon span,
  .site-header .mobile-menu-button span{
    display:block!important;
    width:27px!important;
    min-width:27px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    background:var(--ink)!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  /* ---------- HOMEPAGE MOBILE CENTERING ---------- */

  .services-panel,
  .services-panel .worlds-message,
  .services-panel .worlds-message h2,
  .services-panel .worlds-message p,
  .services-panel .worlds-kicker{
    text-align:center!important;
  }

  .services-panel .worlds-heartline{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .home-healing-recordings-head{
    justify-content:center!important;
    align-items:center!important;
    flex-direction:column!important;
    text-align:center!important;
  }

  .home-healing-video-copy{
    text-align:center!important;
  }

  .shop-panel,
  .shop-panel h2,
  .shop-items article,
  .shop-items article p,
  .shop-items article a{
    text-align:center!important;
  }

  .shop-panel .shop-link{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .affiliate-panel-mobile-only,
  .affiliate-panel-mobile-only h2,
  .affiliate-panel-mobile-only .affiliate-card,
  .affiliate-panel-mobile-only .affiliate-card strong,
  .affiliate-panel-mobile-only .affiliate-card small{
    text-align:center!important;
  }

  .affiliate-panel-mobile-only > .text-link{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .dhc-panel .dhc-copy{
    align-items:center!important;
    text-align:center!important;
  }

  .dhc-panel .dhc-copy h2,
  .dhc-panel .dhc-copy p{
    text-align:center!important;
  }

  .dhc-panel .text-link{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .newsletter-mobile-only,
  .newsletter-mobile-only div,
  .newsletter-mobile-only strong,
  .newsletter-mobile-only small{
    text-align:center!important;
  }

  .newsletter-mobile-only{
    justify-items:center!important;
  }

  .newsletter-mobile-only label{
    width:min(100%,340px)!important;
  }

  .newsletter-mobile-only button{
    justify-self:center!important;
  }

  /* ---------- VIOLET FLAME MOBILE CENTERING ----------
     Explicit final override after all previous responsive rules. */
  .violet-page .violet-hero-copy,
  .violet-page .violet-paths,
  .violet-page .violet-card-body,
  .violet-page .violet-live-copy,
  .violet-page .violet-ritual-copy,
  .violet-page .violet-complete,
  .violet-page .violet-for-you,
  .violet-page .violet-for-grid article,
  .violet-page .violet-responsible,
  .violet-page .violet-interest{
    text-align:center!important;
  }

  .violet-page .violet-hero-copy,
  .violet-page .violet-ritual-copy{
    align-items:center!important;
  }

  .violet-page .violet-hero h1,
  .violet-page .violet-hero h2,
  .violet-page .violet-hero p,
  .violet-page .violet-live-copy h2,
  .violet-page .violet-live-copy p,
  .violet-page .violet-ritual-copy h2,
  .violet-page .violet-ritual-copy p,
  .violet-page .violet-complete h2,
  .violet-page .violet-complete p,
  .violet-page .violet-responsible p,
  .violet-page .violet-interest h2{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  /* Lists stay left aligned INSIDE a centered readable block */
  .violet-page .violet-live-copy ul{
    max-width:32rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
  }

  .violet-page .violet-btn{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* ---------------- DESKTOP ---------------- */
@media(min-width:901px){

  /* The right-rail ending was dictating the height of the entire CSS-grid row,
     leaving a giant blank floor under Shop/Affiliates. Keep the artwork, but
     make it a compact editorial crop instead of a full-height rail. */
  .side-column .closing-art{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    flex:0 0 360px!important;
    background-position:right center!important;
    background-size:cover!important;
  }

  /* Keep the side rail compact instead of creating artificial vertical fill. */
  .side-column{
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }

  .side-column > *{
    flex-grow:0!important;
  }

  /* Desktop lower content should hug its content. */
  .bottom-grid,
  .shop-panel,
  .affiliate-panel{
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }

  .shop-panel{
    padding-bottom:18px!important;
  }

  .affiliate-panel{
    padding-bottom:18px!important;
  }

  /* LOGIN visually matches the desktop navigation */
  .site-header .header-login-link{
    font-family:"DM Mono",monospace!important;
    font-size:9px!important;
    font-weight:500!important;
    letter-spacing:.03em!important;
    color:var(--ink)!important;
    border:0!important;
    padding:0!important;
  }
}


/* BUILD 62: certification card alignment + Metatron offer alignment */
.learning-card-grid-five{align-items:stretch}
.learning-card-grid-five .learning-card{display:flex;flex-direction:column;height:100%}
.learning-card-grid-five .learning-card-visual{flex:0 0 250px}
.learning-card-grid-five .learning-card-body{display:grid;grid-template-rows:auto minmax(54px,auto) minmax(50px,1fr) auto auto;align-content:start;flex:1}
.learning-card-grid-five .learning-card-body .course-type{align-self:start}
.learning-card-grid-five .learning-card-body h3{align-self:start}
.learning-card-grid-five .learning-card-body p{align-self:start;margin-top:0}
.learning-card-grid-five .learning-card-meta{align-self:end;margin-top:16px}
.learning-card-grid-five .course-link{align-self:end;margin-top:4px;min-height:35px;display:flex;align-items:center;justify-content:space-between}

.metatron-offer-row{display:grid!important;grid-template-columns:minmax(230px,.78fr) minmax(420px,1.22fr)!important;gap:28px!important;align-items:end!important;max-width:860px!important}
.metatron-price{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;margin:0!important;min-height:112px!important}
.metatron-price span{margin-bottom:8px!important}
.metatron-meta{display:flex!important;align-items:center!important;align-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0!important;padding-bottom:4px!important}
.metatron-hero-actions{display:grid!important;grid-template-columns:minmax(230px,.78fr) minmax(260px,.9fr)!important;gap:22px!important;max-width:610px!important;align-items:stretch!important}
.metatron-hero-actions .neon-button,.metatron-hero-actions .text-link{margin:0!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
@media(max-width:760px){
  .learning-card-grid-five .learning-card-body{grid-template-rows:auto auto auto auto auto}
  .metatron-offer-row{grid-template-columns:1fr!important;gap:14px!important;max-width:none!important}
  .metatron-price{min-height:0!important}
  .metatron-meta{padding-bottom:0!important}
  .metatron-hero-actions{grid-template-columns:1fr!important;max-width:none!important}
}


/* Build 64: Seven-Day Recovery listing */
.healing-recovery-feature{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:52px;
  align-items:end;
  padding:62px 6vw;
  background:var(--plum);
  color:var(--white);
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.healing-recovery-feature .eyebrow{color:var(--lavender-soft)}
.healing-recovery-feature h2{
  max-width:760px;
  margin:10px 0 16px;
  font-family:var(--serif);
  font-size:clamp(2.6rem,5vw,5.2rem);
  line-height:.95;
  font-weight:400;
  letter-spacing:-.04em;
}
.healing-recovery-feature p{
  max-width:720px;
  margin:0;
  color:rgba(255,250,244,.78);
  font-size:1rem;
  line-height:1.65;
}
.healing-recovery-feature__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
}
.healing-recovery-feature__actions .neon-button{
  justify-content:space-between;
  width:100%;
}
.healing-recovery-quiz-link{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:15px 0 12px;
  color:var(--white);
  border-bottom:1px solid rgba(221,210,229,.45);
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.06em;
  text-decoration:none;
}
.healing-recovery-quiz-link:hover,
.healing-recovery-quiz-link:focus-visible{
  border-color:var(--lavender);
  color:var(--lavender-soft);
}
@media(max-width:800px){
  .healing-recovery-feature{
    grid-template-columns:1fr;
    gap:28px;
    padding:48px 22px;
    text-align:center;
  }
  .healing-recovery-feature h2,
  .healing-recovery-feature p{margin-left:auto;margin-right:auto}
  .healing-recovery-feature__actions{
    width:min(100%,520px);
    margin:auto;
  }
}


/* Build 67: Courses now starts directly with useful content */
.learning-hub > .featured-learning:first-child{
  margin-top:0;
}
@media(max-width:800px){
  .learning-hub > .featured-learning:first-child{
    padding-top:44px;
  }
}



/* =========================================================
   BUILD 70 — CLEAN UTILITY TYPE + NUMBERS
   Keep display/editorial fonts for big headings.
   Use Roboto for tiny utility text and numeric UI.
   ========================================================= */

:root{
  --utility-font:"Space Grotesk",Arial,sans-serif;
}

/* Tiny utility / metadata / nav labels */
.main-nav a,
.footer-nav a,
.text-link,
.eyebrow,
.micro,
small,
[class*="eyebrow"],
[class*="micro"],
[class*="meta"],
[class*="label"],
[class*="kicker"],
[class*="note"],
[class*="utility"]{
  font-family:var(--utility-font) !important;
  letter-spacing:.055em;
}

/* Numbers / prices / counts */
[class*="price"],
[class*="count"],
[class*="number"],
[class*="stat"]{
  font-family:var(--utility-font) !important;
  font-variant-numeric:tabular-nums;
}

/* Course / offer prices and large numeric callouts */
.violet-card-body>span,
.offer-price,
.cert-price,
.live-price,
.price,
.stat-value,
.library-count,
.progress-count{
  font-family:var(--utility-font) !important;
  font-weight:500 !important;
  letter-spacing:-.035em !important;
}

/* Keep labels readable instead of ultra-tiny */
small,
.micro,
[class*="micro"],
[class*="meta"],
[class*="kicker"]{
  font-size:max(.72rem, 10px);
  line-height:1.4;
}



/* =========================================================
   BUILD 70 — VIOLET FLAME PATH CARD EXACT ALIGNMENT
   Targets the real .violet-* classes.
   ========================================================= */

@media(min-width:901px){
  .violet-path-grid{
    align-items:stretch;
  }

  .violet-path-card{
    display:flex;
    flex-direction:column;
    height:100%;
  }

  .violet-card-art{
    flex:0 0 155px;
  }

  .violet-card-body{
    flex:1 1 auto;
    display:grid;
    grid-template-rows:
      52px     /* price / FREE */
      78px     /* title: reserve room for 2 lines */
      76px     /* description */
      60px     /* CTA */
      34px;    /* footer microcopy */
    align-items:start;
    padding:24px 22px 20px;
  }

  .violet-card-body>span{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    margin:0;
    min-height:0;
    line-height:1;
  }

  .violet-card-body h3{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    min-height:0 !important;
    margin:8px 0 0 !important;
    text-align:center;
  }

  .violet-card-body p{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    min-height:0 !important;
    margin:0 auto !important;
    max-width:350px;
    text-align:center;
  }

  .violet-card-body .violet-btn{
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:60px;
    margin:0 !important;
  }

  .violet-card-body small{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    min-height:0 !important;
    margin:0 !important;
    padding-top:10px;
    text-align:center;
  }
}

/* Mobile/tablet stays natural and does NOT force desktop row heights */
@media(max-width:900px){
  .violet-card-body{
    display:flex;
    flex-direction:column;
  }

  .violet-card-body h3,
  .violet-card-body p,
  .violet-card-body small{
    min-height:0 !important;
  }

  .violet-card-body .violet-btn{
    margin-top:16px !important;
  }
}



/* =========================================================
   BUILD 71 — STRUCTURAL COURSE CARD ALIGNMENT
   Same-row cards share the same vertical rhythm:
   type / title / description / meta / CTA.
   ========================================================= */

@media(min-width:761px){
  .learning-card-grid-five{
    align-items:stretch;
  }

  .learning-card-grid-five .learning-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }

  .learning-card-grid-five .learning-card-body{
    flex:1 1 auto !important;
    display:grid !important;
    grid-template-rows:
      18px      /* certification label */
      74px      /* title */
      64px      /* description */
      44px      /* meta/status pills */
      42px;     /* CTA/status row */
    align-content:start !important;
    padding:20px 24px 20px !important;
  }

  .learning-card-grid-five .course-type{
    margin:0 !important;
    align-self:start !important;
  }

  .learning-card-grid-five .learning-card-body h3{
    margin:8px 0 0 !important;
    min-height:0 !important;
    align-self:start !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .learning-card-grid-five .learning-card-body p{
    margin:0 !important;
    min-height:0 !important;
    align-self:start !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .learning-card-grid-five .learning-card-meta{
    margin:0 !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    flex-wrap:wrap !important;
  }

  .learning-card-grid-five .course-link,
  .learning-card-grid-five .course-link--disabled{
    margin:0 !important;
    padding-top:12px !important;
    min-height:42px !important;
    width:100% !important;
    align-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-top:1px solid var(--line) !important;
    box-sizing:border-box !important;
  }

  .learning-card-grid-five .course-link--disabled{
    color:#777077 !important;
  }
}

/* Let mobile cards breathe naturally. */
@media(max-width:760px){
  .learning-card-grid-five .learning-card-body{
    display:flex !important;
    flex-direction:column !important;
  }

  .learning-card-grid-five .learning-card-body h3,
  .learning-card-grid-five .learning-card-body p,
  .learning-card-grid-five .learning-card-meta,
  .learning-card-grid-five .course-link,
  .learning-card-grid-five .course-link--disabled{
    min-height:0 !important;
  }

  .learning-card-grid-five .learning-card-meta{
    margin:16px 0 !important;
  }

  .learning-card-grid-five .course-link,
  .learning-card-grid-five .course-link--disabled{
    margin-top:auto !important;
  }
}



/* =========================================================
   BUILD 72 — CERTIFICATION CARDS: CONTENT FIRST
   No price/status pills on discovery cards.
   Exact structural alignment retained.
   ========================================================= */

@media(min-width:761px){
  .learning-card-grid-five .learning-card-body{
    display:grid !important;
    grid-template-rows:
      18px      /* certification label */
      76px      /* title */
      148px     /* richer description */
      46px;     /* CTA / coming soon */
    align-content:start !important;
  }

  .learning-card-grid-five .learning-card-body h3{
    margin-top:8px !important;
  }

  .learning-card-grid-five .learning-card-body p{
    margin:0 !important;
    line-height:1.52 !important;
    overflow:hidden;
  }

  .learning-card-grid-five .course-link,
  .learning-card-grid-five .course-link--disabled{
    margin:0 !important;
    align-self:end !important;
  }
}

@media(min-width:1100px){
  .learning-card-grid-five .learning-card-body{
    grid-template-rows:
      18px
      76px
      136px
      46px;
  }
}

/* Discovery cards no longer show pricing or delivery-format pills. */
.learning-card-grid-five .learning-card-meta{
  display:none !important;
}

/* Mobile stays natural. */
@media(max-width:760px){
  .learning-card-grid-five .learning-card-body p{
    overflow:visible;
  }
}


/* BUILD 73 — HARD-LOCK CERTIFICATION CARD ALIGNMENT */
@media(min-width:761px){
  .learning-card-grid-five{align-items:stretch!important;}
  .learning-card-grid-five .learning-card{display:flex!important;flex-direction:column!important;height:100%!important;}
  .learning-card-grid-five .learning-card-visual{flex:0 0 auto!important;}
  .learning-card-grid-five .learning-card-body{
    flex:1 1 auto!important;
    min-height:286px!important;
    display:grid!important;
    grid-template-rows:18px 78px 1fr 44px!important;
    align-content:stretch!important;
    padding:20px 24px 20px!important;
  }
  .learning-card-grid-five .course-type{grid-row:1!important;margin:0!important;align-self:start!important;}
  .learning-card-grid-five .learning-card-body h3{grid-row:2!important;margin:8px 0 0!important;min-height:0!important;align-self:start!important;}
  .learning-card-grid-five .learning-card-body p{grid-row:3!important;margin:0!important;min-height:0!important;align-self:start!important;overflow:visible!important;}
  .learning-card-grid-five .course-link{
    grid-row:4!important;align-self:end!important;width:100%!important;min-height:44px!important;margin:0!important;
    padding:12px 0 0!important;border-top:1px solid var(--line)!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:16px!important;box-sizing:border-box!important;
  }
  .learning-card-grid-five .course-link--disabled{color:#777077!important;cursor:default!important;}
  .learning-card-grid-five .course-link--disabled>span:last-child{width:1em;min-width:1em;}
}
@media(max-width:760px){
  .learning-card-grid-five .learning-card-body{min-height:0!important;display:flex!important;flex-direction:column!important;}
  .learning-card-grid-five .course-link{margin-top:18px!important;}
}



/* =========================================================
   BUILD 74 — MASTER UX HARDENING
   Clear > clever. Quiet support text. Real tap targets.
   ========================================================= */

:root{
  --text-min:12px;
}

/* ---------------------------------------------------------
   1. iOS FORM ZOOM FIX
   iOS Safari zooms focused form controls when inputs are tiny.
   Keep text-entry controls at 16px minimum.
   --------------------------------------------------------- */
input,
textarea,
select{
  font-size:16px !important;
}

.newsletter input{
  font-size:16px !important;
  line-height:1.35;
}

/* Newsletter button stays visually compact but readable. */
.newsletter button{
  font-size:13px !important;
  min-height:44px;
}

/* ---------------------------------------------------------
   2. TAP TARGET FLOOR
   --------------------------------------------------------- */
.text-link,
.panel-link,
.neon-button,
.hero-world-link,
.course-link,
.violet-btn,
.btn-primary{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

/* Small icon-only / slider buttons also get usable targets. */
.art-slider-prev,
.art-slider-next,
.dhc-site-nav__toggle,
.dhc-mobile-menu__close{
  min-width:44px;
  min-height:44px;
}

/* ---------------------------------------------------------
   3. PULL BACK ALL-CAPS
   Uppercase is reserved for true labels/navigation.
   --------------------------------------------------------- */
.text-link,
.panel-link,
.hero-world-link,
.hero-bottom-note,
.manifesto,
.newsletter input,
.newsletter button,
.mobile-services-simple-link{
  text-transform:none !important;
}

.eyebrow,
.panel-header,
.main-nav a,
.footer-nav a,
.dhc-site-nav__desktop-links a,
.dhc-mobile-menu__links a{
  text-transform:uppercase !important;
}

/* ---------------------------------------------------------
   4. GLOBAL PRIMARY BUTTON
   One strong action per page.
   --------------------------------------------------------- */
.btn-primary{
  background:var(--plum) !important;
  color:var(--white) !important;
  min-height:52px !important;
  padding:0 28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  font-family:"DM Mono",monospace !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.055em !important;
  text-transform:none !important;
  border:1px solid var(--plum) !important;
  cursor:pointer;
  text-decoration:none !important;
  box-sizing:border-box;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.btn-primary:hover,
.btn-primary:focus-visible{
  background:var(--ink-soft) !important;
  border-color:var(--ink-soft) !important;
  transform:translateY(-1px);
  box-shadow:0 0 18px rgba(189,167,207,.28);
}

.btn-primary .hero-world-light{
  display:none !important;
}

/* Homepage hero primary CTA should read as a button, not an underline. */
.hero-world-link.btn-primary{
  width:max-content;
  border-bottom:1px solid var(--plum) !important;
}

/* Existing page-specific buttons keep their layout while gaining hierarchy. */
.neon-button.btn-primary{
  width:max-content;
}
.violet-btn.btn-primary{
  width:100%;
}

/* ---------------------------------------------------------
   5. TINY-TEXT FLOOR
   --------------------------------------------------------- */
.service-icons strong,
.affiliate-card small,
.shop-items p,
.dhc-copy p,
.footer-nav a,
.newsletter strong,
.newsletter small,
.service-support-note,
.affiliate-disclosure-compact,
.home-healing-video-copy span,
.home-healing-video-copy strong{
  font-size:max(12px,.75rem) !important;
  line-height:1.5 !important;
}

/* Utility labels may stay smaller than body copy, but not microscopic. */
.eyebrow,
.panel-header,
.course-type,
[class*="kicker"],
[class*="meta"]{
  font-size:max(11px,.7rem);
  line-height:1.4;
}

/* ---------------------------------------------------------
   6. NEWSLETTER READABILITY
   --------------------------------------------------------- */
.newsletter{
  gap:12px;
}
.newsletter strong{
  font-size:13px !important;
}
.newsletter small{
  font-size:12px !important;
}
.newsletter input::placeholder{
  color:#554c53;
  opacity:.9;
}

/* ---------------------------------------------------------
   7. SINGLE DOM COPY FOR AFFILIATES + NEWSLETTER
   The JS moves the same original nodes on mobile.
   --------------------------------------------------------- */
@media(max-width:900px){
  .affiliate-panel.mobile-section{
    display:block !important;
  }

  .newsletter:not(.newsletter-mobile-only){
    display:grid !important;
  }
}

/* ---------------------------------------------------------
   MOBILE CTA SPACING
   --------------------------------------------------------- */
@media(max-width:760px){
  .btn-primary,
  .neon-button,
  .text-link,
  .panel-link,
  .hero-world-link,
  .course-link,
  .violet-btn{
    width:100%;
    max-width:100%;
  }

  .btn-primary{
    justify-content:space-between !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .newsletter{
    grid-template-columns:1fr !important;
  }

  .newsletter button{
    width:100%;
  }
}



/* =========================================================
   BUILD 75 — DARK HEART CITY BUTTON SYSTEM
   Real buttons. Lavender outline. No underline-as-button UI.
   ========================================================= */

:root{
  --cta-outline:var(--lavender);
  --cta-outline-soft:var(--lavender-soft);
  --cta-dark:var(--plum);
}

/* Global branded CTA treatment.
   Intentionally excludes icon-only controls, nav hamburger, slider arrows. */
.text-link,
.panel-link,
.neon-button,
.hero-world-link,
.course-link,
.violet-btn,
.btn-primary,
.metatron-inline-dark-cta,
.healing-recovery-quiz-link,
.mobile-services-simple-link{
  width:auto;
  min-height:46px;
  padding:0 18px !important;
  border:1px solid var(--cta-outline) !important;
  border-bottom:1px solid var(--cta-outline) !important;
  background:transparent;
  color:inherit;
  box-sizing:border-box;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px;
  text-decoration:none !important;
  line-height:1.2;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

/* Remove legacy underline/light-trace styling from button-like links. */
.text-link::before,
.text-link::after,
.panel-link::before,
.panel-link::after,
.neon-button::before,
.neon-button::after,
.hero-world-link::before,
.hero-world-link::after,
.course-link::before,
.course-link::after,
.healing-recovery-quiz-link::before,
.healing-recovery-quiz-link::after{
  display:none !important;
  content:none !important;
}

/* Primary CTA uses the same branded outline system rather than a different language. */
.btn-primary{
  background:transparent !important;
  color:inherit !important;
  border:1px solid var(--cta-outline) !important;
  min-height:52px !important;
  padding:0 22px !important;
  font-family:"Space Grotesk",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
}

/* Light backgrounds */
body:not(.dark-theme) .btn-primary,
body:not(.dark-theme) .text-link,
body:not(.dark-theme) .panel-link,
body:not(.dark-theme) .neon-button,
body:not(.dark-theme) .hero-world-link,
body:not(.dark-theme) .course-link{
  color:var(--ink);
}

/* Dark backgrounds / dark sections */
.metatron-fast-experience .metatron-inline-dark-cta,
.violet-btn-dark,
.dark-panel .text-link,
.dhc-block .text-link,
.healing-recovery-feature .neon-button,
.healing-recovery-feature .healing-recovery-quiz-link{
  color:var(--white) !important;
  border-color:var(--lavender) !important;
}

/* Hover/focus is a subtle "energy" glow, not a neon rectangle. */
.text-link:hover,
.text-link:focus-visible,
.panel-link:hover,
.panel-link:focus-visible,
.neon-button:hover,
.neon-button:focus-visible,
.hero-world-link:hover,
.hero-world-link:focus-visible,
.course-link:hover,
.course-link:focus-visible,
.violet-btn:hover,
.violet-btn:focus-visible,
.btn-primary:hover,
.btn-primary:focus-visible,
.metatron-inline-dark-cta:hover,
.metatron-inline-dark-cta:focus-visible,
.healing-recovery-quiz-link:hover,
.healing-recovery-quiz-link:focus-visible{
  background:rgba(189,167,207,.12) !important;
  border-color:var(--lavender) !important;
  box-shadow:0 0 14px rgba(189,167,207,.30);
  transform:translateY(-1px);
}

/* Disabled/status actions stay structurally button-like but clearly inactive. */
.course-link--disabled{
  opacity:.62;
  cursor:default;
  box-shadow:none !important;
  transform:none !important;
}

/* =========================================================
   METATRON ACTION ALIGNMENT — EXACT FIX
   Old code used unequal grid columns and centered only one CTA.
   ========================================================= */
.metatron-hero-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  max-width:680px !important;
  width:100% !important;
  align-items:stretch !important;
}

.metatron-hero-actions .neon-button,
.metatron-hero-actions .text-link,
.metatron-hero-actions .metatron-primary-cta{
  width:100% !important;
  min-height:52px !important;
  margin:0 !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-align:left !important;
  border:1px solid var(--lavender) !important;
}

/* Kill old centering rule that caused desktop mismatch. */
.metatron-primary-cta{
  justify-content:space-between !important;
}

/* Meta chips remain chips, not CTA buttons. */
.metatron-meta span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border:1px solid var(--lavender-soft);
}

/* Mobile stacks the two real buttons cleanly. */
@media(max-width:760px){
  .metatron-hero-actions{
    grid-template-columns:1fr !important;
    gap:10px !important;
    max-width:none !important;
  }

  .text-link,
  .panel-link,
  .neon-button,
  .hero-world-link,
  .course-link,
  .violet-btn,
  .btn-primary,
  .metatron-inline-dark-cta,
  .healing-recovery-quiz-link{
    width:100% !important;
    min-height:48px;
  }
}



/* =========================================================
   BUILD 76 — PRICING STRIP CTA EMPHASIS
   Make the live-certification action visually compete with price.
   ========================================================= */

.pricing-strip,
.metatron-price-strip,
.violet-price-strip,
.cert-price-strip{
  align-items:center !important;
}

.pricing-strip .text-link,
.metatron-price-strip .text-link,
.violet-price-strip .text-link,
.cert-price-strip .text-link,
.pricing-strip .neon-button,
.metatron-price-strip .neon-button,
.violet-price-strip .neon-button,
.cert-price-strip .neon-button,
.pricing-strip a[href*="checkout"],
.metatron-price-strip a[href*="checkout"],
.violet-price-strip a[href*="checkout"],
.cert-price-strip a[href*="checkout"]{
  min-height:56px !important;
  padding:0 24px !important;
  border:1px solid var(--lavender) !important;
  border-bottom:1px solid var(--lavender) !important;
  font-family:"Space Grotesk",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.035em !important;
  text-transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:0 0 0 rgba(189,167,207,0);
  text-decoration:none !important;
}

.pricing-strip .text-link::before,
.pricing-strip .text-link::after,
.metatron-price-strip .text-link::before,
.metatron-price-strip .text-link::after,
.violet-price-strip .text-link::before,
.violet-price-strip .text-link::after,
.cert-price-strip .text-link::before,
.cert-price-strip .text-link::after{
  display:none !important;
  content:none !important;
}

.pricing-strip .text-link:hover,
.pricing-strip .text-link:focus-visible,
.metatron-price-strip .text-link:hover,
.metatron-price-strip .text-link:focus-visible,
.violet-price-strip .text-link:hover,
.violet-price-strip .text-link:focus-visible,
.cert-price-strip .text-link:hover,
.cert-price-strip .text-link:focus-visible,
.pricing-strip a[href*="checkout"]:hover,
.pricing-strip a[href*="checkout"]:focus-visible{
  background:rgba(189,167,207,.16) !important;
  box-shadow:0 0 18px rgba(189,167,207,.34) !important;
  transform:translateY(-1px);
}

@media(max-width:900px){
  .pricing-strip,
  .metatron-price-strip,
  .violet-price-strip,
  .cert-price-strip{
    gap:16px !important;
  }

  .pricing-strip .text-link,
  .metatron-price-strip .text-link,
  .violet-price-strip .text-link,
  .cert-price-strip .text-link,
  .pricing-strip a[href*="checkout"],
  .metatron-price-strip a[href*="checkout"],
  .violet-price-strip a[href*="checkout"],
  .cert-price-strip a[href*="checkout"]{
    width:100% !important;
    min-height:54px !important;
    font-size:13px !important;
  }
}



/* =========================================================
   BUILD 77 — VIOLET PATH DESKTOP ALIGNMENT + TYPE SCALE
   ========================================================= */

@media(min-width:901px){
  .violet-path-grid{
    align-items:stretch !important;
  }

  .violet-path-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }

  .violet-card-body{
    flex:1 1 auto !important;
    display:grid !important;
    grid-template-rows:
      64px      /* FREE / $47 / $297 */
      104px     /* reserve for 2-line title */
      92px      /* description */
      64px      /* CTA */
      40px;     /* microcopy */
    align-content:start !important;
    padding:24px 22px 20px !important;
  }

  /* Price / FREE should visually match the editorial heading system */
  .violet-card-body > span{
    font-family:"Bodoni Moda","Didot","Times New Roman",serif !important;
    font-size:clamp(2.7rem,3vw,3.6rem) !important;
    font-weight:400 !important;
    letter-spacing:-.035em !important;
    line-height:1 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    margin:0 !important;
  }

  .violet-card-body h3{
    margin:8px 0 0 !important;
    min-height:0 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:clamp(2rem,2.2vw,2.65rem) !important;
    line-height:.98 !important;
  }

  .violet-card-body p{
    margin:0 auto !important;
    max-width:390px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:1rem !important;
    line-height:1.48 !important;
  }

  .violet-card-body .violet-btn{
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-family:"Space Grotesk",Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.04em !important;
  }

  .violet-card-body small{
    margin:0 !important;
    padding-top:10px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    text-align:center !important;
    font-family:"Space Grotesk",Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.35 !important;
    letter-spacing:.04em !important;
  }
}

/* Desktop-wide: allow comfortable but still aligned spacing */
@media(min-width:1300px){
  .violet-card-body{
    grid-template-rows:
      66px
      108px
      94px
      66px
      40px;
  }

  .violet-card-body .violet-btn{
    height:66px !important;
    min-height:66px !important;
    font-size:15px !important;
  }
}

/* Mobile/tablet stays content-driven */
@media(max-width:900px){
  .violet-card-body{
    display:flex !important;
    flex-direction:column !important;
  }

  .violet-card-body > span{
    font-family:"Bodoni Moda","Didot","Times New Roman",serif !important;
    font-size:2.7rem !important;
    line-height:1 !important;
  }

  .violet-card-body h3,
  .violet-card-body p,
  .violet-card-body small{
    min-height:0 !important;
  }

  .violet-card-body .violet-btn{
    min-height:54px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   BUILD 76 — WARM DARK NAV + HOMEPAGE HERO (OPTION C)
   Same palette everywhere (plum/lavender/gold/paper) — the
   nav and homepage hero move to the dark, glowing arrangement
   approved for the brand. Inner-page hero sections keep their
   current light layout untouched.
   ========================================================= */

.dhc-site-nav{
  background:var(--plum) !important;
  color:var(--white) !important;
  border-bottom-color:rgba(189,167,207,.22) !important;
}
.dhc-site-nav__desktop-links a::after{background:var(--lavender) !important}
.dhc-site-nav__login{border:1px solid var(--lavender);padding:9px 14px !important}
.dhc-site-nav__login:hover{background:rgba(189,167,207,.14)}

@media (max-width:900px){
  .dhc-site-nav,
  .dhc-site-nav--home,
  .dhc-site-nav--inner{
    background:var(--plum) !important;
    border-bottom:1px solid rgba(189,167,207,.22) !important;
  }
  .dhc-site-nav__toggle span{background:var(--white) !important}
}

.dhc-mobile-menu__panel{
  background:var(--plum) !important;
  color:var(--white) !important;
  border-color:rgba(189,167,207,.28) !important;
}
.dhc-mobile-menu__top{border-bottom-color:rgba(189,167,207,.22) !important}
.dhc-mobile-menu__close{color:var(--white) !important}
.dhc-mobile-menu__links a{
  color:var(--white) !important;
  border-bottom-color:rgba(189,167,207,.18) !important;
}
.dhc-mobile-menu__links a:hover,
.dhc-mobile-menu__links a:focus-visible{color:var(--lavender) !important}
.dhc-mobile-menu__footer{color:var(--lavender-soft) !important}

.hero{
  background:var(--plum) !important;
  color:var(--white) !important;
}
/* .hero-visual / .hero-morph (the portrait slideshow) intentionally keeps
   its original light-paper backdrop — that's what the photos are cropped
   and blended against. Only the copy side of the hero goes dark. */
.hero h1,
.hero-heavy{color:var(--white) !important}
.hero-serif{color:var(--lavender) !important}
.hero-note{color:rgba(255,250,244,.76) !important}
.manifesto{color:rgba(255,250,244,.7) !important}
.vertical-script{color:var(--lavender) !important}

.hero .hero-world-link,
.hero .hero-world-link.btn-primary{
  color:var(--white) !important;
  border-color:var(--lavender) !important;
}

.hero-magic{
  font-family:"Kaushan Script",cursive !important;
  font-style:normal !important;
  font-size:26px !important;
  color:var(--lavender) !important;
}

/* =========================================================
   BUILD 77 — SCROLL REVEAL
   Class is added by assets/js/motion.js; without JS, content
   is simply visible with no transition (progressive enhancement).
   ========================================================= */
.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
.reveal.is-visible{
  opacity:1;
  transform:none;
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* =========================================================
   BUILD 78 — COMIC CAPTION + LITE YOUTUBE EMBEDS
   ========================================================= */

/* Real, crisp, always-legible caption — no longer relying on
   tiny baked-in text in the illustration. */
.comic-copy{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  padding:14px 16px;
  background:rgba(33,20,31,.82);
  border:1px solid rgba(189,167,207,.35);
  color:var(--white);
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(18px,2.4vw,24px);
  line-height:1.08;
  letter-spacing:.01em;
  text-transform:uppercase;
}

/* Thumbnail + play button standing in for a live embed until clicked. */
.home-healing-embed .yt-lite{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  margin:0;
  background:transparent;
  border-radius:0;
  overflow:hidden;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
}
.yt-lite img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.yt-lite-play{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:50px;
  height:50px;
  border-radius:50%;
  background:rgba(33,20,31,.85);
  border:1.5px solid var(--lavender);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .18s ease,transform .18s ease,border-color .18s ease;
}
.yt-lite-play::after{
  content:"";
  width:0;
  height:0;
  margin-left:3px;
  border-style:solid;
  border-width:8px 0 8px 14px;
  border-color:transparent transparent transparent var(--white);
}
.yt-lite:hover .yt-lite-play,
.yt-lite:focus-visible .yt-lite-play{
  background:var(--plum);
  border-color:var(--white);
  transform:translate(-50%,-50%) scale(1.08);
}

/* =========================================================
   BUILD 79 — MOBILE: CENTER BUTTON + CARD TEXT
   ========================================================= */
@media (max-width:760px){
  .btn-primary,
  .neon-button,
  .text-link,
  .panel-link,
  .hero-world-link,
  .violet-btn,
  .course-link,
  .member-primary-button,
  .member-secondary-button,
  .mobile-services-simple-link{
    justify-content:center !important;
    text-align:center !important;
  }

  .affiliate-card,
  .course-card,
  .store-card,
  .card,
  .shop-items article,
  .violet-card-body{
    text-align:center !important;
  }
  .affiliate-card a,
  .course-card a,
  .store-card a,
  .card a,
  .shop-items article a{
    justify-content:center !important;
  }
}

/* =========================================================
   BUILD 80 — MEMBER STUDIO / COURSE PLAYER: MOBILE PASS
   Real text-size floor (no more 8px hairline labels) and
   centered reading for the certificate, resource, and lesson
   panels on small screens.
   ========================================================= */
@media (max-width:760px){
  .member-label,
  .member-kicker,
  .certificate-status-card>span,
  .resource-grid article>span,
  .course-progress-box span,
  .course-module small,
  .lesson-actions button,
  .member-auth-form label,
  [class*="label"]{
    font-size:max(11px,.72rem) !important;
  }
  .certificate-status-card p,
  .resource-grid article p,
  .lesson-copy p,
  .certificate-copy p{
    font-size:max(13px,.82rem) !important;
    line-height:1.6 !important;
  }

  .lesson-copy,
  .certificate-copy,
  .resource-grid article,
  .course-certificate{
    text-align:center !important;
  }
  .lesson-actions{
    justify-content:center !important;
  }
  .lesson-actions button,
  .certificate-status-card button,
  .resource-grid article button,
  .member-primary-button,
  .member-secondary-button{
    justify-content:center !important;
    text-align:center !important;
  }
}

/* =========================================================
   BUILD 81 — HOMEPAGE + COURSES PAGE RE-AUDIT
   ========================================================= */

/* Courses page ("Master Build 12 — Finished Courses Hub") pinned
   several labels to 9px/7px with a page-scoped selector that beat
   the earlier tiny-text floor on specificity alone. Force the
   floor to actually win here. */
.courses-finished .eyebrow,
.courses-finished .micro-label,
.courses-finished .member-status,
.courses-finished .member-course-state,
.courses-finished .member-quick-grid span,
.courses-finished .learning-nav-strip a,
.courses-finished .feature-tags span,
.courses-finished .course-type,
.courses-finished .learning-card-meta span,
.courses-finished .video-caption,
.courses-finished .future-note,
.courses-finished .ui-topbar,
.courses-finished .ui-tabs,
.courses-finished .book-number,
.courses-finished .working-title,
.courses-finished .oracle-index,
.courses-finished .oracle-status,
.courses-finished .artifact-tile span,
.courses-finished .artifact-tile small,
.courses-finished .member-course-main span,
.courses-finished .ui-course-info small,
.courses-finished .flow-step small,
.feature-tags span,
.video-caption,
.learning-card-meta span,
.flow-step small,
.ui-course-info small,
.future-note,
.micro-label{
  font-size:max(11px,.72rem) !important;
  line-height:1.5 !important;
}
.featured-copy p,
.section-title-row p,
.learning-card-body p,
.live-copy p,
.flow-step strong,
.book-experience p,
.member-space-copy p,
.ui-course-info strong{
  font-size:max(13px,.85rem) !important;
  line-height:1.6 !important;
}

/* These components use .learning-card/.flow-step/.book-experience/
   .member-space-copy, which the earlier card-centering pass
   (BUILD 79) didn't name. */
@media (max-width:760px){
  .learning-card,
  .book-experience,
  .member-space-copy,
  .featured-copy{
    text-align:center !important;
  }
  .flow-step{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .feature-tags,
  .learning-card-meta{
    justify-content:center !important;
  }
  .learning-card-body .course-link,
  .live-copy .neon-button{
    justify-content:center !important;
  }
}

/* Comic panel was fully hidden below 900px, so the caption fix
   never reached mobile. Show it with a real height instead. */
@media (max-width:900px){
  .comic-panel{
    display:block !important;
    min-height:300px !important;
  }
  .comic-copy{
    right:14px !important;
    left:14px !important;
    bottom:14px !important;
  }
}

/* "Shop. Learn. Grow." should stack above the closing "Transformation
   is an art" panel on mobile — swap their order values. */
@media (max-width:900px){
  .mobile-order-shop{order:21 !important}
  .mobile-order-comic{order:22 !important}
}

/* Crop out any decorative border baked into a source thumbnail so
   the video preview reads as full-bleed regardless of the artwork. */
.yt-lite img{
  transform:scale(1.06);
  transform-origin:center;
}