:root {
  --ink: #342f3d;
  --muted: #766f7c;
  --plum: #6f3d86;
  --plum-deep: #302557;
  --violet-soft: #d9cce4;
  --lavender: #b8a8c7;
  --lilac: #eee9f2;
  --cream: #f8f6fa;
  --sage: #765d8b;
  --white: #ffffff;
  --line: rgba(78, 64, 94, 0.14);
  --shadow: 0 24px 70px rgba(71, 52, 85, 0.12);
  --radius: 30px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--cream);
  font-family: "DM Sans", system-ui, sans-serif;
  overflow-x: hidden;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { cursor: pointer; }

.aura {
  position: fixed;
  z-index: -2;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(24px);
  opacity: .45;
  pointer-events: none;
}
.aura-one { top: -230px; right: -110px; background: radial-gradient(circle, #e9d9ed, transparent 67%); }
.aura-two { top: 570px; left: -270px; background: radial-gradient(circle, #ddd3e7, transparent 68%); }

.site-header {
  width: min(1180px, calc(100% - 42px));
  min-height: 88px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 34px;
}
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; margin-right: auto; }
.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 50%;
  flex: 0 0 auto;
  filter: drop-shadow(0 7px 14px rgba(48, 37, 87, .18));
}
.brand-mark {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--white);
  border-radius: 50% 50% 50% 8px;
  background: var(--plum);
  transform: rotate(-7deg);
  box-shadow: 0 8px 24px rgba(116, 97, 137, .24);
}
.brand-mark.large { width: 46px; height: 46px; margin-bottom: 22px; }
.brand > span:last-child, .footer-brand > div { display: flex; flex-direction: column; }
.brand strong, .footer-brand strong { font-family: "Gilda Display", serif; font-size: 24px; font-weight: 400; line-height: 1; }
.brand small, .footer-brand small { margin-top: 4px; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.site-header nav { display: flex; gap: 28px; }
.site-header nav a { color: #665f6b; font-size: 14px; text-decoration: none; }
.site-header nav a:hover { color: var(--plum); }

.button {
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .filter-chip:focus-visible, .dialog-close:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(116,97,137,.25); outline-offset: 2px; }
.button-small { min-height: 40px; padding: 0 18px; font-size: 13px; }
.admin-link { padding: 7px 10px; color: var(--plum); font-size: 11px; font-weight: 700; text-decoration: none; border: 1px solid var(--line); border-radius: 999px; }
.nav-highlight { color: var(--plum-deep) !important; font-weight: 800 !important; }
.events-spotlight { margin: 24px 0 2px; padding: 17px 19px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:var(--ink); text-decoration:none; border:1px solid #cdb8db; border-radius:18px; background:#fff; box-shadow:0 14px 38px rgba(77,49,101,.11); }
.events-spotlight span { display:grid; gap:3px; }
.events-spotlight strong { color:var(--plum-deep); font-family:"Gilda Display",serif; font-size:21px; }
.events-spotlight small { color:var(--muted); font-size:12px; }
.events-spotlight b { padding:10px 14px; color:#fff; border-radius:999px; background:var(--plum); font-size:11px; white-space:nowrap; }
.button-primary { color: white; background: var(--plum); box-shadow: 0 10px 28px rgba(116, 97, 137, .22); }
.button-primary:hover { background: var(--plum-deep); box-shadow: 0 14px 34px rgba(78, 64, 94, .28); }
.button-secondary { color: var(--plum-deep); background: white; border-color: var(--line); }
.button-dark { min-height: 42px; padding: 0 18px; color: white; background: var(--ink); font-size: 13px; }
.button-ghost { color: var(--plum-deep); background: transparent; border-color: rgba(116,97,137,.28); }
.button-full { width: 100%; }
.text-link { color: var(--plum-deep); font-size: 14px; font-weight: 600; text-underline-offset: 4px; }

.hero {
  width: min(1180px, calc(100% - 42px));
  min-height: 670px;
  margin: 0 auto;
  padding: 78px 0 92px;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  align-items: center;
  gap: 90px;
}
.hero-copy { max-width: 680px; }
.hero-logo {
  width: clamp(148px, 18vw, 218px);
  height: auto;
  display: block;
  border-radius: 50%;
  margin: 0 0 24px;
  filter: drop-shadow(0 18px 34px rgba(48, 37, 87, .18));
}
.eyebrow { margin: 0 0 14px; color: var(--plum); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Gilda Display", serif; font-weight: 400; }
h1 { margin-bottom: 24px; font-size: clamp(54px, 7vw, 88px); line-height: .98; letter-spacing: -.035em; }
h1 em { color: var(--plum); font-style: italic; }
.hero-lede { max-width: 610px; margin-bottom: 30px; color: var(--muted); font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 24px; }
.microcopy { margin: 14px 0 0 12px; color: #918a94; font-size: 11px; }

.membership-options { display: grid; gap: 16px; }
.membership-options > .eyebrow { margin-bottom: 0; text-align: center; }
.plan-card { position: relative; overflow: hidden; padding: 26px; border: 1px solid rgba(116,97,137,.15); border-radius: 24px; background: rgba(255,253,250,.92); box-shadow: 0 18px 50px rgba(71,52,85,.09); backdrop-filter: blur(18px); }
.expert-plan { border: 2px solid rgba(111,61,134,.42); box-shadow: 0 24px 70px rgba(71,52,85,.16); }
.plan-heading { margin-bottom: 11px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.plan-heading h2 { margin: 6px 0 0; color: var(--plum-deep); font-size: 39px; }
.plan-label { color: var(--plum); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plan-card > p:not(.price):not(.card-note):not(.not-included) { color: var(--muted); font-size: 13px; line-height: 1.55; }
.founding-ribbon { display: inline-flex; margin: -7px 0 18px; padding: 7px 11px; color: var(--plum-deep); border-radius: 999px; background: #e7ddec; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.spark { color: var(--plum); font-size: 28px; }
.moon { color: var(--plum); font-family: serif; font-size: 30px; }
.pill { padding: 8px 12px; color: var(--plum-deep); border-radius: 999px; background: var(--lilac); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.price { margin: 7px 0 0; display: flex; align-items: baseline; gap: 8px; }
.price del { color: #9a909d; font-size: 18px; }
.price strong { font-family: "Gilda Display", serif; font-size: 49px; font-weight: 400; }
.price span { color: var(--muted); font-size: 14px; }
.trial-line { margin-bottom: 26px; color: var(--plum); font-size: 13px; font-weight: 700; }
.benefit-list { margin: 0 0 20px; padding: 0; display: grid; gap: 10px; list-style: none; }
.benefit-list li { display: flex; gap: 10px; color: #5c5661; font-size: 12px; line-height: 1.35; }
.benefit-list span { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--plum-deep); background: #eee8f2; font-size: 11px; font-weight: 700; }
.card-note { margin: 14px 0 0; color: #948d97; font-size: 10px; line-height: 1.5; text-align: center; }
.not-included { margin: 0 0 18px; padding: 12px; color: var(--muted); border-radius: 13px; background: var(--lilac); font-size: 10px; line-height: 1.45; }
.founder-terms { margin: 0 8px; color: #817984; font-size: 10px; line-height: 1.5; text-align: center; }

.section-shell { width: min(1180px, calc(100% - 42px)); margin: 0 auto 42px; padding: 76px; border-radius: 38px; }
.gatherings { background: #ede7ef; border:1px solid #d8c8e2; box-shadow:0 22px 60px rgba(67,45,86,.10); }
.directory { padding-bottom: 84px; background: var(--white); border: 1px solid rgba(78,64,94,.08); }
.section-heading { margin-bottom: 36px; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.section-heading > div:first-child { max-width: 590px; }
.section-heading h2 { margin-bottom: 12px; font-size: clamp(40px, 5vw, 58px); line-height: 1; }
.section-heading p:last-child { margin-bottom: 0; color: var(--muted); line-height: 1.65; }

.event-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.event-card { min-height: 220px; padding: 28px; display: flex; gap: 24px; border-radius: 24px; background: rgba(255,255,255,.76); border: 1px solid rgba(116,97,137,.08); }
.featured-event { background: var(--plum-deep); color: white; }
.event-date { width: 66px; height: 72px; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 16px; color: var(--plum-deep); background: white; }
.event-date strong { font-family: "Gilda Display", serif; font-size: 30px; font-weight: 400; line-height: 1; }
.event-date span { margin-top: 4px; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.event-body { display: flex; flex: 1; flex-direction: column; }
.event-type { margin-bottom: 12px; color: var(--plum); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.featured-event .event-type { color: #d9cce1; }
.event-body h3 { margin-bottom: 8px; font-family: "Gilda Display", serif; font-size: 25px; font-weight: 400; line-height: 1.15; }
.event-body > p { color: var(--muted); font-size: 12px; }
.featured-event .event-body > p { color: #d9d2dd; }
.event-actions { margin-top: auto; display: flex; align-items: center; gap: 14px; }
.featured-event .button-dark { color: var(--plum-deep); background: white; }
.spots { color: var(--muted); font-size: 10px; }
.featured-event .spots { color: #d9d2dd; }
.rsvp-button.reserved { background: var(--plum); }

.listen { background: var(--plum-deep); color: white; }
.founder-story { padding:70px; display:grid; grid-template-columns:260px 1fr; gap:52px; align-items:start; background:#fff; }
.founder-photo { width:260px; height:320px; padding:10px 10px 0; object-fit:contain; object-position:center bottom; border:1px solid var(--line); border-radius:28px; background:linear-gradient(160deg,#f4eff7,#e9dfef); box-shadow:0 20px 55px rgba(67,45,86,.18); }
.founder-copy h2 { margin:8px 0 24px; font-family:"Gilda Display",serif; font-size:clamp(38px,5vw,58px); font-weight:400; }
.founder-copy>p:not(.eyebrow) { max-width:780px; color:var(--muted); font-size:15px; line-height:1.85; }
.founder-signature { margin-top:28px; padding-top:20px; display:grid; gap:4px; border-top:1px solid var(--line); }
.founder-signature strong { color:var(--plum-deep); font-family:"Gilda Display",serif; font-size:24px; font-weight:400; }
.founder-signature span { color:var(--muted); font-size:12px; }
.founder-actions { margin-top:24px; display:flex; gap:10px; flex-wrap:wrap; }
.journal { background:#fff; }
.journal-heading { align-items:flex-end; }
.journal-categories { margin:-8px 0 24px; display:flex; gap:9px; flex-wrap:wrap; }
.journal-categories span { padding:8px 13px; border-radius:999px; color:var(--plum-deep); background:#eee8f2; font-size:11px; font-weight:700; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.article-card { padding:26px; display:flex; flex-direction:column; min-height:300px; border:1px solid var(--line); border-radius:22px; background:var(--cream); }
.premium-article { background:#f0eaf4; }
.access-badge { width:max-content; margin-bottom:16px; padding:6px 9px; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.free-access { color:var(--plum-deep); background:#fff; border:1px solid var(--line); }
.premium-access { color:#fff; background:var(--plum); }
.article-category { color:var(--plum); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.article-card h3 { margin:18px 0 12px; font-family:"Gilda Display",serif; font-size:25px; font-weight:400; }
.article-card p { color:var(--muted); font-size:13px; line-height:1.7; }
.article-card small { margin-top:auto; color:var(--muted); }
.article-card a { margin-top:18px; color:var(--plum); font-size:12px; font-weight:800; text-decoration:none; }
.expert-only-note { margin:20px 0 0; padding:15px 18px; border-radius:15px; color:var(--plum-deep); background:#eee8f2; font-size:12px; }
.journal-lock { min-height:150px; margin-top:18px; padding:28px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:22px; border:1px solid var(--line); border-radius:22px; background:var(--cream); }
.journal-lock>span { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#eee8f2; font-size:22px; }
.journal-lock h3 { margin:0 0 6px; font-family:"Gilda Display",serif; font-size:25px; font-weight:400; }
.journal-lock p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.listen .eyebrow { color: #d9cce4; }
.listen-heading { margin-bottom: 30px; }
.listen-heading p:last-child { color: #ddd6e3; }
.listen-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.listen-card { min-height: 132px; padding: 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: rgba(255,255,255,.08); }
.listen-card-muted { background: rgba(255,255,255,.045); }
.listen-number { color: #bfaecc; font-family: "Gilda Display", serif; font-size: 28px; }
.listen-service { margin: 0 0 4px; color: #cfc2d8; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.listen-card h3 { margin: 0; font-family: "Gilda Display", serif; font-size: 25px; font-weight: 400; }
.listen-status { padding: 8px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #e8e1ec; font-size: 10px; white-space: nowrap; }

.host-panel { margin-top: 18px; padding: 25px 28px; align-items: center; justify-content: space-between; gap: 30px; border-radius: 22px; background: rgba(255,255,255,.68); border: 1px solid rgba(116,97,137,.1); }
.host-panel:not([hidden]) { display: flex; }
.host-panel-copy { min-width: 260px; display: flex; align-items: center; gap: 15px; }
.mini-icon { width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: white; background: var(--plum); }
.host-panel h3 { margin-bottom: 5px; font-family: "Gilda Display", serif; font-size: 20px; font-weight: 400; }
.host-panel p { margin: 0; color: var(--muted); font-size: 11px; }
.meet-form { flex: 1; }
.meet-form label { display: block; margin-bottom: 7px; color: var(--plum-deep); font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.input-action-row { display: flex; gap: 8px; }
input, select, textarea { width: 100%; border: 1px solid rgba(78,64,94,.18); border-radius: 13px; color: var(--ink); background: rgba(255,255,255,.9); }
input, select { height: 48px; padding: 0 14px; }
textarea { min-height: 96px; padding: 13px 14px; resize: vertical; }
input::placeholder, textarea::placeholder { color: #aaa3ad; }
.input-action-row input { min-width: 240px; }
.input-action-row .button { flex: 0 0 auto; }
.icon-button { width: 48px; height: 48px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 13px; color: var(--plum); background: white; font-size: 18px; }
.field-hint { margin: 7px 0 0; font-size: 10px; }
.field-hint.success { color: var(--plum); }
.field-hint.error { color: #a54f58; }

.directory-count { min-width: 120px; display: flex; flex-direction: column; align-items: flex-end; }
.directory-count strong { font-family: "Gilda Display", serif; color: var(--plum); font-size: 42px; font-weight: 400; line-height: 1; }
.directory-count span { color: var(--muted); font-size: 10px; }
.directory-tools { margin-bottom: 30px; padding-bottom: 24px; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); }
.search-field { min-width: 300px; position: relative; }
.search-field span { position: absolute; top: 12px; left: 15px; color: var(--plum); font-size: 20px; }
.search-field input { padding-left: 42px; background: var(--cream); }
.filter-row { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-chip { min-height: 38px; padding: 0 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: white; font-size: 11px; }
.filter-chip.active { color: white; border-color: var(--plum); background: var(--plum); }
.expert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.expert-card { min-width: 0; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: white; transition: transform .2s ease, box-shadow .2s ease; }
.expert-card:hover { transform: translateY(-4px); box-shadow: 0 18px 45px rgba(78,64,94,.09); }
.expert-card.highlight { animation: halo 1.3s ease 2; }
.stories { background:#fff; }
.stories-empty { min-height:210px; padding:38px; display:flex; align-items:center; gap:26px; border:1px dashed #cdb8db; border-radius:24px; background:var(--cream); }
.stories-empty>span { color:var(--violet-soft); font-family:"Gilda Display",serif; font-size:86px; line-height:.7; }
.stories-empty h3 { margin:0 0 8px; font-family:"Gilda Display",serif; font-size:28px; font-weight:400; }
.stories-empty p { max-width:680px; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
@keyframes halo { 50% { box-shadow: 0 0 0 5px rgba(116,97,137,.16), 0 20px 55px rgba(78,64,94,.14); } }
.expert-top { display: flex; align-items: center; gap: 14px; }
.expert-avatar { width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--plum-deep); background: var(--lilac); font-family: "Gilda Display", serif; font-size: 20px; }
.expert-identity { min-width: 0; }
.expert-identity h3 { margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Gilda Display", serif; font-size: 20px; font-weight: 400; }
.expert-identity p { margin: 0; color: var(--plum); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.expert-bio { min-height: 60px; margin: 20px 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.expert-contact { padding-top: 16px; display: grid; gap: 9px; border-top: 1px solid var(--line); }
.expert-contact a { overflow: hidden; color: #675f6b; font-size: 11px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.expert-contact a:hover { color: var(--plum); text-decoration: underline; }
.expert-contact span { width: 20px; display: inline-block; color: var(--plum); }
.expert-card-footer { margin-top: 17px; display: flex; align-items: center; justify-content: space-between; }
.category-tag, .trial-tag { padding: 6px 9px; border-radius: 999px; color: var(--plum); background: var(--lilac); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.trial-tag { color: var(--plum-deep); background: #eee8f2; }
.expert-link { color: var(--plum); font-size: 11px; font-weight: 700; text-decoration: none; }
.empty-state { padding: 64px 20px; text-align: center; }
.empty-state span { color: var(--plum); font-size: 28px; }
.empty-state h3 { margin: 13px 0 7px; font-family: "Gilda Display", serif; font-size: 25px; font-weight: 400; }
.empty-state p { color: var(--muted); font-size: 12px; }

footer { width: min(1180px, calc(100% - 42px)); min-height: 120px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer-brand { display: flex; align-items: center; gap: 12px; }
footer > p { margin: 0; color: #938c96; font-size: 10px; }
.footer-contact { min-width: 0; }
.footer-contact a { color: var(--plum); font-size: 14px; overflow-wrap: anywhere; }
.footer-contact p { margin: 8px 0 0; color: #938c96; font-size: 10px; }

.join-dialog { width: min(930px, calc(100% - 28px)); max-height: min(720px, calc(100vh - 30px)); padding: 0; overflow: hidden; border: 0; border-radius: 30px; background: var(--white); box-shadow: 0 28px 90px rgba(46,35,54,.28); }
.join-dialog::backdrop { background: rgba(43,35,49,.58); backdrop-filter: blur(7px); }
.dialog-shell { min-height: 640px; display: grid; grid-template-columns: .82fr 1.18fr; position: relative; }
.dialog-close { position: absolute; z-index: 3; top: 16px; right: 18px; width: 38px; height: 38px; border: 0; border-radius: 50%; color: var(--muted); background: rgba(255,255,255,.72); font-size: 22px; }
.dialog-intro { padding: 60px 42px; color: white; background: linear-gradient(145deg, var(--plum-deep), #84718e); }
.dialog-intro .eyebrow { color: #d9cce1; }
.dialog-intro h2 { margin-bottom: 18px; font-size: 42px; line-height: 1.05; }
.dialog-intro > p:not(.eyebrow):not(.secure-note) { color: #eee9f0; font-size: 13px; line-height: 1.65; }
.trial-summary { margin: 32px 0 16px; border-top: 1px solid rgba(255,255,255,.2); }
.trial-summary > div { padding: 14px 0; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.2); }
.trial-summary span { color: #ddd3e0; font-size: 11px; }
.trial-summary strong { font-size: 13px; }
.secure-note { color: #d9cce1; font-size: 10px; }
.join-form { min-width: 0; padding: 46px 54px; overflow-y: auto; }
.stepper { margin: 0 0 34px; display: flex; align-items: center; }
.stepper .step { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #d7cfdc; border-radius: 50%; color: #9a919d; font-size: 11px; }
.stepper .step.active, .stepper .step.done { color: white; border-color: var(--plum); background: var(--plum); }
.stepper i { height: 1px; flex: 1; background: #ddd6e0; }
.form-step { display: none; }
.form-step.active { display: block; animation: appear .3s ease; }
@keyframes appear { from { opacity: 0; transform: translateY(8px); } }
.step-copy span { color: var(--plum); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.step-copy h3 { margin: 5px 0 22px; font-family: "Gilda Display", serif; font-size: 30px; font-weight: 400; }
.join-form label:not(.consent-row) { position: relative; margin-bottom: 15px; display: block; color: #645d68; font-size: 11px; font-weight: 600; }
.join-form label input, .join-form label select, .join-form label textarea { margin-top: 7px; font-weight: 400; }
.join-form label small { position: absolute; right: 9px; bottom: 8px; color: #a59da8; font-weight: 400; }
.membership-purpose { margin: 18px 0; padding: 0; border: 0; }
.membership-purpose legend { margin-bottom: 9px; color: #645d68; font-size: 11px; font-weight: 600; }
.purpose-option { position: static !important; margin: 0 0 9px !important; padding: 13px; display: flex !important; align-items: flex-start; gap: 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--cream); }
.purpose-option:has(input:checked) { border-color: var(--plum); box-shadow: 0 0 0 2px rgba(111,61,134,.08); }
.purpose-option input { width: 17px !important; height: 17px !important; margin: 2px 0 0 !important; flex: 0 0 auto; accent-color: var(--plum); }
.purpose-option span { display: grid; gap: 3px; }
.purpose-option strong { color: var(--ink); font-size: 12px; }
.purpose-option small { position: static !important; color: var(--muted) !important; font-size: 10px; line-height: 1.45; }
.join-form .button-full { margin-top: 6px; }
.form-actions { margin-top: 20px; display: grid; grid-template-columns: .5fr 1.2fr; gap: 10px; }
.profile-preview { margin-bottom: 16px; padding: 21px; border: 1px solid var(--line); border-radius: 20px; background: var(--cream); }
.preview-head { display: flex; align-items: center; gap: 12px; }
.preview-head .expert-avatar { width: 47px; height: 47px; }
.preview-head h4 { margin: 0 0 3px; font-family: "Gilda Display", serif; font-size: 20px; font-weight: 400; }
.preview-head span { color: var(--plum); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.profile-preview p { margin: 15px 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.profile-preview small { display: block; margin-top: 6px; color: #776f7b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.consent-row { margin: 16px 0; display: flex; gap: 10px; align-items: flex-start; color: var(--muted); font-size: 10px; line-height: 1.45; }
.consent-row input { width: 16px; height: 16px; margin: 0; flex: 0 0 auto; accent-color: var(--plum); }
.consent-row.invalid { color: #a54f58; }
.success-step { padding-top: 35px; text-align: center; }
.success-mark { width: 65px; height: 65px; margin: 0 auto 23px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--sage); font-size: 28px; }
.success-step h3 { margin-bottom: 12px; font-family: "Gilda Display", serif; font-size: 34px; font-weight: 400; }
.success-step > p:not(.eyebrow) { color: var(--muted); font-size: 12px; line-height: 1.65; }
.success-details { margin: 20px 0; padding: 15px; border-radius: 14px; background: var(--cream); color: var(--plum-deep); font-size: 11px; line-height: 1.7; }

.toast { position: fixed; z-index: 20; left: 50%; bottom: 25px; max-width: calc(100% - 30px); padding: 13px 19px; border-radius: 999px; color: white; background: var(--ink); box-shadow: 0 12px 34px rgba(45,36,50,.25); font-size: 12px; opacity: 0; transform: translate(-50%, 18px); pointer-events: none; transition: .25s ease; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 900px) {
  .founder-story { padding:42px 30px; grid-template-columns:1fr; }
  .founder-photo { width:min(100%,280px); height:auto; justify-self:center; }
  .article-grid { grid-template-columns: 1fr; }
  .site-header nav { display: none; }
  .hero { grid-template-columns: 1fr; gap: 48px; padding-top: 50px; }
  .membership-options { max-width: 560px; }
  .section-shell { padding: 48px 34px; }
  .event-grid { grid-template-columns: 1fr; }
  .listen-grid { grid-template-columns: 1fr; }
  .host-panel:not([hidden]) { align-items: stretch; flex-direction: column; }
  .directory-tools { align-items: stretch; flex-direction: column; }
  .search-field { min-width: 0; }
  .expert-grid { grid-template-columns: repeat(2, 1fr); }
  .dialog-shell { grid-template-columns: .72fr 1.28fr; }
  .dialog-intro { padding: 54px 30px; }
  .join-form { padding: 45px 34px; }
}

@media (max-width: 640px) {
  .journal-lock { grid-template-columns:1fr; }
  .journal-lock .button { width:100%; }
  .site-header { min-height: 74px; }
  .brand-logo { width: 48px; height: 48px; }
  .hero-logo { width: 150px; margin-bottom: 20px; }
  .site-header > .button { display: none; }
  .admin-link { margin-inline-start: auto; }
  .hero { width: min(100% - 30px, 520px); padding: 45px 0 66px; }
  h1 { font-size: 53px; }
  .hero-lede { font-size: 16px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .text-link { text-align: center; }
  .microcopy { margin-left: 0; text-align: center; }
  .plan-card { padding: 24px 21px; }
  .section-shell { width: calc(100% - 20px); padding: 42px 20px; border-radius: 28px; }
  .section-heading { align-items: stretch; flex-direction: column; }
  .section-heading > .button { align-self: flex-start; }
  .event-card { min-height: 270px; padding: 22px 18px; gap: 14px; }
  .event-actions { align-items: flex-start; flex-direction: column; }
  .listen-card { min-height: 0; grid-template-columns: auto 1fr; }
  .listen-status { grid-column: 2; justify-self: start; }
  .input-action-row { flex-wrap: wrap; }
  .input-action-row input { min-width: 100%; }
  .input-action-row .button { flex: 1; }
  .expert-grid { grid-template-columns: 1fr; }
  .directory-heading { flex-direction: row; }
  .directory-count { min-width: 85px; }
  footer { padding: 24px 0 34px; align-items: flex-start; flex-direction: column; }
  .join-dialog { max-height: calc(100vh - 12px); border-radius: 22px; }
  .dialog-shell { min-height: 0; display: block; }
  .dialog-intro { padding: 34px 25px 28px; }
  .dialog-intro .brand-mark, .dialog-intro > p:not(.eyebrow):not(.secure-note), .trial-summary, .secure-note { display: none; }
  .dialog-intro h2 { margin: 0; font-size: 31px; }
  .join-form { max-height: 70vh; padding: 28px 24px 35px; }
  .stepper { margin-bottom: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.luma-faq{max-width:1000px}.luma-faq details{background:white;border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin:12px 0}.luma-faq summary{font-weight:600;cursor:pointer}.luma-faq details p{color:var(--muted);line-height:1.7}.luma-faq a,.luma-chat a{color:var(--plum);text-decoration:underline}.chat-toggle{position:fixed;bottom:24px;right:24px;z-index:80;border:0;border-radius:999px;background:var(--plum);color:white;box-shadow:var(--shadow);padding:16px 22px;font:600 16px inherit;cursor:pointer}.luma-chat[hidden]{display:none}.luma-chat{position:fixed;right:24px;bottom:88px;z-index:81;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 116px);display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.luma-chat header{display:flex;justify-content:space-between;align-items:center;background:var(--plum);color:white;padding:18px}.luma-chat header small{display:block;font-size:12px;margin-top:5px}.luma-chat header button{border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.chat-log{overflow:auto;min-height:120px;max-height:260px;padding:16px;flex:1}.chat-message{font-size:14px;line-height:1.6;padding:12px;border-radius:14px;margin-bottom:12px;overflow-wrap:anywhere}.chat-message.bot{background:var(--lilac);margin-right:16px}.chat-message.visitor{background:var(--plum);color:white;margin-left:24px}.chat-topics{display:flex;gap:7px;padding:10px 16px;overflow:auto;flex-shrink:0}.chat-topics button{flex-shrink:0;max-width:240px;white-space:normal;text-align:left;border:1px solid var(--line);border-radius:12px;padding:9px;color:var(--plum);background:white;cursor:pointer}.luma-chat form{padding:12px 16px;border-top:1px solid var(--line)}.chat-label{display:block;font-size:12px;margin-bottom:8px}.luma-chat form>div{display:flex;gap:8px}.luma-chat input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px}.luma-chat form button{background:var(--plum);color:white;border:0;border-radius:10px;padding:10px;cursor:pointer}.chat-note{font-size:11px;color:var(--muted);margin:0;padding:0 16px 12px}.chat-toggle:focus-visible,.luma-chat button:focus-visible,.luma-faq summary:focus-visible{outline:3px solid var(--lavender);outline-offset:3px}@media(max-width:600px){.chat-toggle{right:16px;bottom:16px}.luma-chat{right:16px;bottom:78px;max-height:calc(100dvh - 95px)}.chat-log{max-height:200px}}
.community-feature .community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.community-card{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;overflow-wrap:anywhere}.community-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-bottom:20px}.community-card h3{font-size:24px;line-height:1.3}.community-card p{color:var(--muted);line-height:1.7;white-space:pre-wrap}.monthly-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--lilac);border-radius:30px;padding:30px}.monthly-intro h3{font-size:27px}.monthly-intro p{line-height:1.7}.proposal-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;padding:30px;background:white;border:1px solid var(--line);border-radius:24px}.proposal-form label{display:flex;flex-direction:column;gap:10px;font-weight:500}.proposal-form input,.proposal-form textarea,.proposal-form select,.community-feature select{font:inherit;padding:12px;border:1px solid var(--line);border-radius:12px;width:100%;background:white}.proposal-form .wide{grid-column:1/-1}.proposal-form .proposal-consent{flex-direction:row;align-items:flex-start;font-size:14px;line-height:1.6}.proposal-consent input{width:18px;min-width:18px;margin-top:5px}.event-local-time{font-weight:600}.community-feature .event-actions{flex-wrap:wrap;gap:12px}@media(max-width:800px){.community-feature .community-grid{grid-template-columns:1fr}.monthly-intro,.proposal-form{grid-template-columns:1fr}.monthly-intro,.proposal-form{padding:22px}}

#footerSocial{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}#footerSocial[hidden]{display:none}.expert-social{display:flex;gap:12px;font-size:13px}.expert-social a{color:var(--plum)}

.recording-player{display:block;width:100%;min-height:200px;aspect-ratio:16/9;border:0;border-radius:14px;margin:16px 0}.recording-player.audio-player{aspect-ratio:auto;height:352px}

.keyword-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.keyword-tag{background:var(--lilac);padding:6px 12px;border-radius:20px;font-size:14px}#recordingSearch,#inviteText{display:block;width:100%;max-width:700px;font:inherit;padding:12px;border:1px solid var(--line);border-radius:12px;margin:12px 0}#inviteText{min-height:130px}
/* The join form must stay reachable on short screens: let the dialog scroll instead of clipping its lower part. */
.join-dialog { overflow-y: auto; overscroll-behavior: contain; }

.chat-offer{background:transparent!important;padding:0!important}.chat-offer-button{border:1px solid var(--plum);border-radius:12px;background:white;color:var(--plum);padding:9px 12px;font:600 14px inherit;cursor:pointer}.chat-leave{display:grid;gap:8px}.chat-leave label{display:grid;gap:4px;font-size:13px}.chat-leave input,.chat-leave textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px;font:16px inherit;background:white}.chat-leave .chat-consent{display:flex;gap:8px;align-items:flex-start}.chat-leave .chat-consent input{width:auto;margin-top:3px}.chat-leave button{justify-self:start;background:var(--plum);color:white;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}.chat-leave button:disabled,.luma-chat form button:disabled{opacity:.6;cursor:wait}.chat-leave-status,.chat-leave-alt{margin:0;font-size:12px}.chat-offer-button:focus-visible,.chat-leave button:focus-visible{outline:3px solid var(--lavender);outline-offset:3px}
.luma-chat:has(.chat-leave) .chat-topics{display:none}.chat-log:has(.chat-leave){max-height:min(420px,calc(100dvh - 300px))}

/* Journal pages (journal.html, article.html) and live article cards */
.journal-topbar{max-width:1180px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;gap:16px}
.journal-topbar a{color:var(--plum);font-weight:700;text-decoration:none}
.journal-title{margin:6px 0 14px;font-family:"Gilda Display",serif;font-size:clamp(34px,6vw,56px);font-weight:400;line-height:1.1;color:var(--plum-deep)}
.journal-empty{color:var(--muted);grid-column:1/-1}
.journal-categories button{padding:8px 13px;border:0;border-radius:999px;color:var(--plum-deep);background:#eee8f2;font:700 11px "DM Sans",sans-serif;cursor:pointer}
.journal-categories button[aria-pressed="true"]{color:#fff;background:var(--plum)}
.article-card-cover{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin:0 0 14px}
.article-page{max-width:760px}
.article-byline{color:var(--muted);font-size:14px;margin:0 0 22px}
.article-cover{width:100%;height:auto;border-radius:20px;margin:0 0 24px}
.article-summary{font-size:19px;line-height:1.6;color:var(--plum-deep)}
.article-body p{font-size:17px;line-height:1.85;color:var(--ink);margin:0 0 18px;overflow-wrap:anywhere}
.journal-topbar a:focus-visible,.journal-categories button:focus-visible{outline:3px solid var(--lavender);outline-offset:3px}
@media(max-width:900px){.journal-page .article-grid{grid-template-columns:1fr}}

/* Catalog of courses, talks, podcasts and benefits */
.catalog-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.catalog-filters .journal-categories{margin:0}
.catalog-lang{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
.catalog-lang select{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.offering-card .button{margin-top:16px;align-self:flex-start}
.offering-by{font-size:13px;color:var(--plum-deep);margin:0 0 6px}
.offering-by a{color:var(--plum)}
.offering-notice{display:block;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5}
.offering-terms{font-size:13px}
.offering-code{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fff;border:1px dashed var(--plum);font-size:14px}
.offering-join{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.offering-join p{width:100%;margin:0;font-size:13px}
.leaving-dialog{max-width:min(520px,calc(100vw - 32px));border:0;border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.leaving-dialog::backdrop{background:rgba(48,37,87,.35)}
.leaving-dialog h2{margin:0 0 10px;font-family:"Gilda Display",serif;font-weight:400;color:var(--plum-deep)}
.leaving-dialog p{color:var(--ink);line-height:1.7}
.leaving-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}
.expert-photo{object-fit:cover;padding:0}
.expert-place{display:block;color:var(--muted);font-size:12px;margin-top:2px}

/* Meditations with Hedva and listening channels (on the dark "Listen" section, like .listen-card) */
.listen-card a.listen-link{padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.meditations{margin-top:28px}
.meditations-title{font-family:"Gilda Display",serif;font-size:28px;font-weight:400;margin:0 0 6px;color:#fff}
.meditations-intro{color:#cfc2d8;margin:0 0 16px}
.meditation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.meditation-card{padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}
.meditation-card h4{margin:0;font-family:"Gilda Display",serif;font-size:22px;font-weight:400;color:#fff}
.meditation-meta{color:#cfc2d8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.meditation-card p{margin:0;color:#e8e1ec;font-size:13px;line-height:1.6}
.meditation-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}
.meditation-card iframe.audio-player{aspect-ratio:auto;height:152px}
.meditation-credit{font-size:11px;color:#bfaecc}

/* Server-rendered public pages (/journal/<slug>, /experts/<slug>) */
.seo-page{max-width:760px;margin:40px auto 64px;padding:0 20px}
.seo-article h1{font-family:"Gilda Display",serif;font-weight:400;font-size:clamp(32px,5vw,48px);line-height:1.1;margin:8px 0 12px;color:var(--plum-deep)}
.seo-article p{line-height:1.75}
.seo-lead{font-size:19px;color:var(--muted)}
.seo-meta{color:var(--muted);font-size:14px}
.seo-cover{width:100%;border-radius:20px;margin:16px 0}
.seo-photo{width:140px;height:140px;object-fit:cover;border-radius:50%}
.seo-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.seo-links a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--plum)}
.seo-locked{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--cream)}
.seo-footer{text-align:center;color:var(--muted);font-size:13px;padding:24px}

/* Catalog: courses in another language (e.g. Hebrew) */
.offering-language{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--plum);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}
.offering-original{margin:-4px 0 4px;font-size:15px;color:var(--plum-deep);unicode-bidi:plaintext}

/* Approved images (25.10): community photo on the homepage, speaker hero on /talks */
.community-photo img,.seo-hero img{display:block;width:100%;height:auto;border-radius:24px;object-fit:cover}
.community-photo{display:block;margin:0 0 24px}
.community-photo img{aspect-ratio:16/9;object-position:50% 45%}
@media (max-width:600px){.community-photo img{aspect-ratio:4/3;object-position:50% 50%}.seo-hero img{aspect-ratio:4/3;object-position:42% 30%}}
.seo-hero{display:block;margin:0 0 24px}
.seo-wide{max-width:1100px}
.seo-page:has(.seo-wide){max-width:1100px}
.seo-list{list-style:none;padding:0;display:grid;gap:16px}
.seo-talk{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}
.seo-talk h3{margin:0 0 6px;font-family:"Gilda Display",serif;font-weight:400;font-size:24px}
.seo-benefits{line-height:1.8}

/* Homepage cover (approved 25.10) and speaker photo in the hero */
.home-cover{display:block;width:min(100% - 40px,1280px);margin:16px auto 0}
.home-cover img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 18px 50px rgba(48,37,87,.18)}
.hero-photo{display:block;margin:0 0 26px}
.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:45% 30%;border-radius:24px}
@media (max-width:600px){.home-cover{width:calc(100% - 24px)}.home-cover img{border-radius:18px}.hero-photo img{aspect-ratio:4/3;object-position:42% 25%}}

/* Medium screens: the menu gets its own centered row instead of running off the side (fix 25.10) */
html, body { overflow-x: clip; }
.site-header { flex-wrap: wrap; row-gap: 6px; }
@media (min-width: 901px) {
  .site-header { padding: 8px 0; }
  .site-header nav { order: 3; flex: 1 0 100%; flex-wrap: wrap; justify-content: center; gap: 6px 22px; padding-bottom: 6px; }
}
.our-community .community-photo img { aspect-ratio: 16/9; object-position: 50% 55%; }
@media (max-width: 600px) { .our-community .community-photo img { aspect-ratio: 4/3; object-position: 50% 58%; } }
/* Intro text starts at the top next to the membership cards (it was centred beside the tall cards, leaving a gap) */
.hero { align-items: start; }
@media (min-width: 901px) { .hero-copy { position: sticky; top: 24px; } }

/* Quiet halo of light — a brand-anchored motif behind the hero (approved direction 28.10).
   Concentric rings radiating from a single light point, echoing the LUMA name and logo.
   Purely decorative and additive: it sits behind the copy and cards, never over images. */
.hero { position: relative; }
.hero-copy, .membership-options { position: relative; z-index: 1; }
.hero-halo {
  position: absolute;
  z-index: 0;
  top: -40px;
  left: -210px;
  width: clamp(380px, 46%, 600px);
  aspect-ratio: 1;
  color: var(--plum);
  pointer-events: none;
}
.hero-halo svg {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: 50% 50%;
  animation: haloBreathe 8s ease-in-out infinite;
}
.hero-halo::before {
  content: "";
  position: absolute;
  inset: 26%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(111, 61, 134, .13), transparent 70%);
}
.halo-rings circle { stroke-width: 1.1; }
.halo-rings circle:nth-child(1) { opacity: .52; }
.halo-rings circle:nth-child(2) { opacity: .40; }
.halo-rings circle:nth-child(3) { opacity: .28; }
.halo-rings circle:nth-child(4) { opacity: .18; }
.halo-rings circle:nth-child(5) { opacity: .10; }
.halo-core { fill: var(--plum); opacity: .7; }
@keyframes haloBreathe {
  0%, 100% { opacity: .85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
}
/* Softer ambient light, so the halo stays the focal point (serene, not busy). */
.aura-one { opacity: .4; }
.aura-two { opacity: .32; }
@media (max-width: 900px) {
  .hero-halo { top: -30px; left: -170px; width: min(520px, 112%); }
}

/* The approved equality statement under "Our Community" (26.10) */
.equality-statement p { font-weight: 600; margin: 0 0 6px; }
.founder-closing { margin-bottom: 0; }

/* Sections without published content stay hidden with their menu links (section-visibility.js). */
section[hidden],nav a[hidden],.listen-card[hidden]{display:none!important}