/*
 * Eladation Royal Plum couture layer
 * Loaded last so the approved brand palette remains authoritative.
 */
:root {
  --royal-plum: #552747;
  --royal-plum-deep: #321628;
  --royal-plum-dark: #24101d;
  --muted-plum: #79546d;
  --plum-mist: #eadde6;
  --plum-veil: #f5edf2;
  --champagne-gold: #c6a15b;
  --antique-gold: #a67c3d;
  --deep-rose: var(--royal-plum);
  --deep-rose-2: var(--royal-plum-deep);
  --gold: var(--champagne-gold);
  --gold-deep: var(--antique-gold);
  --line: rgba(85, 39, 71, .18);
}

/* The opening threshold carries the full Eladation signature: plum, ivory, gold and becoming. */
.site-splash {
  background:
    radial-gradient(ellipse at 50% 40%, rgba(198,161,91,.2), transparent 23rem),
    linear-gradient(135deg, #24101d 0%, #552747 54%, #321628 100%) !important;
}
.site-splash::before {
  width: min(82vw, 62rem);
  border-color: rgba(240,210,138,.3);
  box-shadow: 0 0 0 1.2rem rgba(240,210,138,.035), 0 0 0 3rem rgba(240,210,138,.02);
}
.site-splash-content {
  width: min(90vw, 52rem);
  padding: 2.5rem 2rem 2.8rem;
  border: 1px solid rgba(240,210,138,.28);
  background: linear-gradient(180deg, rgba(50,22,40,.18), rgba(36,16,29,.34));
  box-shadow: 0 25px 90px rgba(20,7,15,.28), inset 0 1px rgba(255,250,245,.08);
}
.site-splash-brandline {
  display: flex;
  align-items: center;
  gap: .8rem;
  color: #f0d28a;
  font: 600 .72rem/1 var(--serif);
  letter-spacing: .36em;
  text-transform: uppercase;
}
.site-splash-mark {
  width: 3.1rem;
  height: 3.1rem;
  margin: 0;
  color: #fffaf5;
  border-color: #f0d28a;
  font-size: 1.7rem;
}
.site-splash-kicker {
  margin: 2.1rem 0 .95rem;
  color: rgba(255,250,245,.72);
  letter-spacing: .22em;
}
.site-splash h1 {
  font-size: clamp(3.2rem, 8vw, 6.8rem);
  line-height: .88;
  letter-spacing: -.035em;
  text-transform: none;
}
.site-splash h1 em {
  color: #f0d28a;
  font-style: italic;
  font-weight: 400;
}
.site-splash-rule {
  width: 8rem;
  margin: 1.8rem 0 1.1rem;
}
.site-splash-tagline {
  color: #fffaf5;
  font-size: 1.25rem;
}
.site-splash-enter {
  margin-top: 2.3rem;
  color: #f0d28a;
}

/* Editorial threshold: a warm Eladation welcome panel balanced by a candlelit setting. */
.site-splash {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background:
    linear-gradient(90deg, rgba(50,22,40,.04) 0 42%, rgba(50,22,40,.42) 72%, rgba(36,16,29,.92) 100%),
    url("../web/images/eladation-floral-atmosphere-960.webp") 76% center / cover no-repeat !important;
}
.site-splash::before,
.site-splash::after,
.site-splash-stars,
.site-splash-orbit {
  display: none;
}
.site-splash-content {
  width: min(51vw, 680px);
  min-height: 100%;
  margin: 0;
  padding: clamp(3rem, 8vw, 8rem) clamp(2rem, 7vw, 7rem);
  align-items: flex-start;
  justify-content: center;
  border: 0;
  border-right: 1px solid rgba(198,161,91,.42);
  border-radius: 0;
  color: var(--royal-plum-deep);
  background: rgba(255,250,245,.95);
  box-shadow: 20px 0 55px rgba(36,16,29,.16);
  text-align: left;
}
.site-splash-brandline {
  color: var(--royal-plum-deep);
  letter-spacing: .24em;
}
.site-splash-mark {
  color: var(--royal-plum);
  border-color: var(--champagne-gold);
  box-shadow: 0 0 0 6px rgba(198,161,91,.1);
}
.site-splash-kicker {
  color: var(--antique-gold);
}
.site-splash h1 {
  max-width: 9ch;
  color: var(--royal-plum-deep);
  font-size: clamp(3.4rem, 6vw, 6.4rem);
}
.site-splash h1 em {
  color: var(--royal-plum);
}
.site-splash-rule {
  margin-left: 0;
  background: linear-gradient(90deg, var(--champagne-gold), transparent);
}
.site-splash-tagline {
  color: var(--royal-plum);
}
.site-splash-enter {
  color: var(--royal-plum);
  border-color: var(--champagne-gold);
}
.site-splash-enter:hover,
.site-splash-enter:focus-visible {
  color: var(--royal-plum-deep);
  border-color: var(--royal-plum);
}
.site-splash-status {
  color: rgba(255,250,245,.78);
}

@media (max-width: 700px) {
  .site-splash {
    background:
      linear-gradient(180deg, rgba(50,22,40,.18), rgba(36,16,29,.9)),
      url("../web/images/eladation-floral-atmosphere-960.webp") center / cover no-repeat !important;
  }

  /* Keep the splash focused on the Eladation wordmark. */
  .site-splash {
    display: grid;
    align-items: center;
    justify-content: center;
    background:
      radial-gradient(circle at 50% 42%, rgba(198,161,91,.16), transparent 28rem),
      linear-gradient(135deg, #24101d 0%, #552747 54%, #321628 100%) !important;
  }
  .site-splash::before,
  .site-splash::after,
  .site-splash-stars,
  .site-splash-orbit {
    display: block;
  }
  .site-splash-content {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0 2rem 2rem;
    align-items: center;
    justify-content: initial;
    border: 0;
    border-radius: 0;
    color: #fffaf5;
    background: transparent;
    box-shadow: none;
    text-align: center;
  }
  .site-splash-brandline {
    display: none;
  }
  .site-splash-mark {
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1.4rem;
    color: #f0d28a;
    border-color: rgba(240,210,138,.8);
    box-shadow: 0 0 0 7px rgba(240,210,138,.07), 0 0 35px rgba(240,210,138,.2);
    font-size: 2.15rem;
  }
  .site-splash-kicker {
    margin: 0 0 .8rem;
    color: #f0d28a;
  }
  .site-splash h1 {
    max-width: none;
    color: #f0d28a;
    font-size: clamp(5.5rem, 15vw, 13rem);
    line-height: .8;
    letter-spacing: -.045em;
    text-shadow: 0 3px 30px rgba(0,0,0,.24), 0 0 28px rgba(240,210,138,.12);
  }
  .site-splash h1 em {
    color: inherit;
  }
  .site-splash-rule {
    margin: 1.8rem 0 1rem;
  }
  .site-splash-tagline {
    color: rgba(255,250,245,.82);
  }
  .site-splash-enter {
    color: #f0d28a;
  }

  @media (max-width: 700px) {
    .site-splash-content {
      width: auto;
      min-height: 0;
      margin: 0;
      padding: 0 1.5rem 2rem;
      border: 0;
      box-shadow: none;
    }
    .site-splash h1 {
      font-size: clamp(4.2rem, 19vw, 8rem);
    }
  }
  .site-splash-content {
    width: 100%;
    min-height: auto;
    margin: auto 1rem;
    padding: 2.5rem 2rem 3rem;
    border: 1px solid rgba(198,161,91,.42);
    box-shadow: 0 20px 55px rgba(36,16,29,.24);
  }
  .site-splash h1 {
    font-size: clamp(3rem, 15vw, 5rem);
  }
  .site-splash-status {
    right: 1rem;
    bottom: .8rem;
  }
}

body {
  background:
    radial-gradient(circle at 8% 12%, rgba(85, 39, 71, .08), transparent 28rem),
    radial-gradient(circle at 92% 76%, rgba(121, 84, 109, .1), transparent 32rem),
    #f8f1f5;
}

/* A restrained layer of golden light visible across the full experience. */
body:not(.admin-page)::after {
  position: fixed;
  z-index: 900;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: .48;
  background:
    radial-gradient(circle at 5% 14%, rgba(255, 239, 184, .95) 0 1px, transparent 2px),
    radial-gradient(circle at 17% 82%, rgba(198, 161, 91, .82) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 37% 29%, rgba(255, 246, 207, .88) 0 1px, transparent 2px),
    radial-gradient(circle at 61% 73%, rgba(216, 181, 88, .78) 0 1.15px, transparent 2.1px),
    radial-gradient(circle at 79% 18%, rgba(255, 239, 184, .9) 0 1px, transparent 2px),
    radial-gradient(circle at 94% 58%, rgba(198, 161, 91, .8) 0 1.2px, transparent 2.2px);
  background-size: 220px 260px, 310px 350px, 270px 320px, 330px 380px, 260px 300px, 360px 410px;
  filter: drop-shadow(0 0 4px rgba(255, 226, 139, .78));
  animation: plumGlitterDrift 11s ease-in-out infinite alternate;
}

/* Plum navigation creates a deliberate threshold into the brand. */
.site-header {
  color: #fffaf5;
  background: linear-gradient(112deg, rgba(50, 22, 40, .98), rgba(85, 39, 71, .97) 58%, rgba(62, 27, 50, .98));
  border-bottom-color: rgba(198, 161, 91, .56);
  box-shadow: 0 10px 34px rgba(36, 16, 29, .22), inset 0 -1px rgba(255, 232, 171, .08);
}
.site-header::after {
  height: 2px;
  background: linear-gradient(90deg, transparent, #a67c3d 15%, #f2dc9f 50%, #a67c3d 85%, transparent);
  box-shadow: 0 0 16px rgba(234, 211, 154, .58);
}
.site-header .brand,
.site-header .brand:hover { color: #fffaf5; }
.site-header .brand-wordmark {
  color: #e1bd68 !important;
  text-shadow: 0 0 10px rgba(246, 222, 153, .32), 0 1px rgba(255,255,255,.16);
}
.site-header .brand small { color: rgba(255, 244, 211, .78); }
.site-header .nav-link { color: rgba(255, 250, 245, .9) !important; }
.site-header .nav-link:hover,
.site-header .nav-link.active { color: #f4d88d !important; }
.site-header .nav-link::after { background: #e6c36d; box-shadow: 0 0 9px rgba(246, 222, 153, .64); }
.site-header .nav-toggle-lines,
.site-header .nav-toggle-lines::before,
.site-header .nav-toggle-lines::after { background: #f0d28a; }
.site-header .btn-secondary {
  color: #fff8e8 !important;
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(234, 211, 154, .72) !important;
}

/* Homepage hero: plum atmosphere, gold light and a clean photographic reveal. */
.reference-hero,
.reference-hero-atmosphere { background: var(--royal-plum-deep); }
.reference-hero::before {
  z-index: 1;
  background:
    radial-gradient(circle at 13% 21%, rgba(232, 195, 109, .1), transparent 17rem),
    linear-gradient(90deg, rgba(45, 18, 36, .94) 0%, rgba(85, 39, 71, .78) 30%, rgba(85, 39, 71, .38) 48%, rgba(85, 39, 71, .03) 72%);
}
.reference-hero-photo { z-index: 0; }
.reference-hero-inner { z-index: 2; }
.reference-hero::after { background: #e4bd62; box-shadow: 0 0 14px rgba(244, 216, 141, .55); }
.reference-hero h1 { color: #fffaf5; text-shadow: 0 4px 24px rgba(26, 9, 20, .22); }
.reference-hero h1 em { color: #edce7d !important; text-shadow: 0 0 20px rgba(246, 222, 153, .26); }
.reference-hero .brand-manifesto,
.reference-hero .eyebrow { color: #edce7d; }
.reference-hero .hero-description { color: rgba(255, 250, 245, .82); }
.reference-hero .hero-beliefs > div { border-color: rgba(234, 211, 154, .42); }
.reference-hero .hero-beliefs strong { color: #fffaf5; }
.reference-hero .hero-beliefs span { color: rgba(255, 250, 245, .66); }
.reference-hero .btn-secondary {
  color: #fffaf5 !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(240, 210, 138, .68) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 8px 24px rgba(20,7,15,.2) !important;
}
.reference-hero .btn-secondary:hover { color: var(--royal-plum-deep) !important; background: #fff8e8 !important; }
.hero-handwritten,
.hero-purpose { color: rgba(255, 250, 245, .74); }
.reference-hero .hero-purpose {
  color: #fffaf5;
  background: rgba(50,22,40,.88);
  border-color: rgba(240,210,138,.74);
  outline-color: rgba(240,210,138,.24);
  box-shadow: 0 0 24px rgba(240,210,138,.22), 0 14px 36px rgba(20,7,15,.28);
  backdrop-filter: blur(12px);
}
.reference-hero .hero-purpose p { color: rgba(255, 250, 245, .88); }
.reference-hero .purpose-signature { color: #efd487; }

/* Large plum bands replace the former white-on-white homepage rhythm. */
.connection-band {
  background:
    radial-gradient(circle at 7% 50%, rgba(198,161,91,.15), transparent 18rem),
    linear-gradient(118deg, #3b192f, var(--royal-plum) 62%, #6a385b);
  border-block-color: rgba(198,161,91,.56);
  box-shadow: inset 0 1px rgba(255,237,185,.08), inset 0 -1px rgba(255,237,185,.08);
}
.connection-band h2,
.connection-band h3 { color: #fffaf5; }
.connection-band p,
.connection-band .connection-intro p,
.connection-band .connection-band-grid article p { color: rgba(255,250,245,.76); }
.connection-band .text-link { color: #efd487; }
.connection-band-grid > * { border-left-color: rgba(234,211,154,.3); }
.connection-band .circle-icon {
  color: #f0d28a;
  border-color: rgba(240,210,138,.72);
  outline-color: rgba(240,210,138,.18);
  background: rgba(255,255,255,.07);
  box-shadow: inset 0 0 18px rgba(240,210,138,.08), 0 0 20px rgba(240,210,138,.12);
}

.reference-experiences {
  background:
    radial-gradient(circle at 86% 10%, rgba(240,210,138,.14), transparent 24rem),
    linear-gradient(145deg, #2e1325 0%, #552747 48%, #3b192f 100%);
  border-bottom: 1px solid rgba(198,161,91,.42);
}
.reference-experiences .curated-intro h2,
.reference-experiences .collection-heading h2 { color: #fffaf5; }
.reference-experiences .curated-intro p { color: rgba(255,250,245,.72); }
.reference-experiences .eyebrow,
.reference-experiences .text-link { color: #efd487; }
.reference-experiences .curated-intro .btn-secondary {
  color: #fffaf5 !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(234,211,154,.64) !important;
}
.reference-event-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(225,189,104,.56);
  background: var(--plum-veil);
  box-shadow: 0 18px 42px rgba(24, 8, 18, .3), 0 0 0 1px rgba(255,244,210,.07);
}

.reference-moments {
  background:
    radial-gradient(circle at 15% 15%, rgba(198,161,91,.15), transparent 18rem),
    linear-gradient(118deg, #efe2e9, #d9c1d1 55%, #eadde6);
  border-bottom: 1px solid rgba(85,39,71,.2);
}
.reference-moments .collection-heading h2 { color: var(--royal-plum-deep); }
.reference-story,
.purpose-card { border-color: rgba(85,39,71,.24); box-shadow: 0 12px 28px rgba(50,22,40,.1); }

.reference-founder,
.community-support {
  color: #fffaf5;
  background:
    radial-gradient(circle at 82% 22%, rgba(240,210,138,.15), transparent 22rem),
    linear-gradient(135deg, #321628, #552747 58%, #6b3c5d);
}
.reference-founder h2,
.reference-founder blockquote,
.community-support h2 { color: #fffaf5; }
.reference-founder p,
.community-support p,
.community-support small { color: rgba(255,250,245,.76); }
.reference-founder .eyebrow,
.community-support .eyebrow { color: #efd487; }
.community-support .purpose-card {
  grid-column: auto;
  min-height: auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.7rem, 3vw, 2.6rem);
  background: rgba(255,250,245,.09);
  border-color: rgba(234,211,154,.42);
}
.community-support .image-statement:has(> img) { grid-template-columns: .82fr 1fr .82fr; gap: 4%; }
.community-support .purpose-card p,
.community-support .purpose-card small { color: #fffaf5; }

.reference-countdown {
  background:
    radial-gradient(circle at 16% 12%, rgba(240,210,138,.16), transparent 19rem),
    radial-gradient(circle at 88% 78%, rgba(198,161,91,.12), transparent 22rem),
    linear-gradient(120deg, #24101d, #552747 52%, #321628);
  border-block: 1px solid rgba(198,161,91,.5);
}
.reference-join {
  background:
    linear-gradient(90deg, rgba(50,22,40,.97), rgba(85,39,71,.94) 58%, rgba(50,22,40,.88)),
    url('../web/images/Cake_n_Sip/CYS01256-960.webp') right 45% / cover;
  border-block-color: rgba(198,161,91,.68);
}
.reference-join h2 { color: #fffaf5; }
.reference-join p,
.reference-join li { color: rgba(255,250,245,.8); }
.reference-join .eyebrow { color: #efd487; }

/* Inner-page heroes now carry the same unmistakable plum identity. */
.page-hero {
  background-color: var(--royal-plum);
  background-blend-mode: multiply;
}
.page-hero::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  opacity: 1;
  background:
    radial-gradient(circle at 15% 22%, rgba(240,210,138,.18), transparent 19rem),
    linear-gradient(90deg, rgba(42,16,33,.99), rgba(85,39,71,.96) 47%, rgba(85,39,71,.55) 72%, rgba(85,39,71,.2));
}
.page-hero .container-xl,
.page-hero-copy { position: relative; z-index: 2; }
.page-hero h1 { color: #fffaf5; text-shadow: 0 5px 28px rgba(20,7,15,.3); }
.page-hero p { color: rgba(255,250,245,.78); }
.page-hero .eyebrow { color: #efd487; }
.public-about .page-hero-copy,
.public-events .page-hero-copy,
.public-connect .page-hero-copy,
.public-stories .page-hero-copy,
.public-policy .page-hero-copy { border-left-color: #e5bd62; }

/* Alternate content bands use plum instead of another pale neutral. */
.soft-section {
  color: #fffaf5;
  background:
    radial-gradient(circle at 88% 14%, rgba(240,210,138,.13), transparent 20rem),
    linear-gradient(125deg, #3b192f, #552747 65%, #6a385b) !important;
}
.soft-section h1,
.soft-section h2,
.soft-section h3 { color: #fffaf5; }
.soft-section p { color: rgba(255,250,245,.74); }
.soft-section .eyebrow,
.soft-section .text-link { color: #efd487; }
.soft-section .principles-grid article,
.soft-section .event-card {
  color: #fffaf5;
  background: linear-gradient(145deg, var(--royal-plum), var(--royal-plum-deep));
  border-color: rgba(234,211,154,.38);
}
.soft-section .principles-grid article h3,
.soft-section .event-card h3 { color: #fffaf5; }
.soft-section .event-card h3 a { color: #fffaf5; }
.soft-section .principles-grid article p,
.soft-section .event-card p { color: rgba(255,250,245,.76); }
.soft-section .event-card .event-card-footer { color: rgba(255,250,245,.7); border-top-color: rgba(234,211,154,.28); }
.public-about > main,
.public-events > main,
.public-connect > main,
.public-stories > main,
.public-policy > main { background: linear-gradient(135deg, #f6edf2, #eadde6 52%, #f8f1f5); }

/* Forms and authentication gain a plum setting while retaining calm input surfaces. */
.form-page {
  background:
    radial-gradient(circle at 10% 16%, rgba(240,210,138,.16), transparent 22rem),
    linear-gradient(125deg, #321628, #552747 62%, #704161);
}
.form-page .form-intro {
  color: #fffaf5;
  background: rgba(40,15,31,.42);
  border-color: rgba(234,211,154,.4);
  box-shadow: 0 24px 70px rgba(20,7,15,.22);
}
.form-page .form-intro h1,
.form-page .form-intro h2 { color: #fffaf5; }
.form-page .form-intro p { color: rgba(255,250,245,.76); }
.form-page .form-intro .eyebrow { color: #efd487; }
.form-page .application-promise { background: rgba(255,255,255,.08); border-color: rgba(234,211,154,.3); }
.form-page .application-promise strong { color: #fffaf5; }
.form-card,
.auth-card {
  border-color: rgba(198,161,91,.5) !important;
  background: rgba(245,237,242,.98);
  box-shadow: 0 30px 86px rgba(26,9,20,.3), 0 0 0 1px rgba(255,244,210,.2) !important;
}
.auth-composition .auth-panel { background: linear-gradient(145deg, #321628, #552747 68%, #704161); }
.auth-card::before {
  position: absolute;
  top: -1px;
  right: 9%;
  left: 9%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, #f2d98f, transparent);
  box-shadow: 0 0 16px rgba(240,210,138,.7);
}

/* Public cards receive a moving champagne highlight. */
.reference-event-card,
.event-card,
.story-card,
.form-card,
.auth-card,
.policy-copy,
.member-panel,
.admin-panel { position: relative; }
.reference-event-card::after,
.event-card::after,
.story-card::after,
.form-card::before,
.policy-copy::after,
.member-panel::after {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: -55%;
  width: 24%;
  pointer-events: none;
  content: "";
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
  transform: skewX(-18deg);
  transition: left .8s ease, opacity .25s ease;
}
.reference-event-card:hover::after,
.event-card:hover::after,
.story-card:hover::after,
.form-card:focus-within::before,
.policy-copy:hover::after,
.member-panel:hover::after { left: 132%; opacity: .72; }

/* Member and owner workspaces carry plum beyond the public site. */
.portal-page { background: #eee3ea; }
.member-page .member-rail,
.member-rail { background: linear-gradient(180deg, #321628, #552747 68%, #24101d) !important; }
.member-page .member-workspace,
.member-workspace { background: linear-gradient(135deg, #f6edf2, #e7d7e1) !important; }
.member-panel { border-color: rgba(85,39,71,.2) !important; }
.admin-sidebar { background: linear-gradient(180deg, #24101d, #552747 72%, #321628); }
.admin-layout { background: #eee4ea; }
.admin-topbar { border-bottom-color: rgba(85,39,71,.2); box-shadow: 0 8px 24px rgba(50,22,40,.06); }
.admin-panel,
.data-table-wrap { border-color: rgba(85,39,71,.18) !important; }

.site-footer {
  background:
    radial-gradient(circle at 82% 18%, rgba(240,210,138,.1), transparent 20rem),
    linear-gradient(125deg, #24101d, #552747 62%, #321628);
  border-top-color: rgba(198,161,91,.62);
}

@keyframes plumGlitterDrift {
  from { transform: translate3d(0, -3px, 0); opacity: .34; }
  to { transform: translate3d(0, 5px, 0); opacity: .56; }
}

/* The owner workspace uses a plum rail, so every inactive label must stay light. */
  .admin-page .admin-sidebar {
    color: #fffaf5 !important;
    background: linear-gradient(180deg, #24101d, #552747 72%, #321628) !important;
    border-right-color: rgba(234,211,154,.28) !important;
  }
  .admin-page .admin-brand,
  .admin-page .admin-sidebar nav a,
  .admin-page .admin-sidebar nav a span,
  .admin-page .admin-sidebar-foot strong {
    color: #fffaf5 !important;
  }
  .admin-page .admin-sidebar nav a .admin-icon {
    color: #d6ad59 !important;
  }
  .admin-page .admin-sidebar nav a:hover {
    color: #efd487 !important;
    background: rgba(255,250,245,.1) !important;
    border-color: rgba(234,211,154,.35) !important;
  }
  .admin-page .admin-sidebar nav a.active {
    color: var(--royal-plum-deep) !important;
    background: #fffaf5 !important;
    border-color: rgba(234,211,154,.7) !important;
  }
  .admin-page .admin-sidebar nav a.active span,
  .admin-page .admin-sidebar nav a.active .admin-icon {
    color: var(--royal-plum-deep) !important;
  }
  .admin-page .admin-sidebar-foot {
    background: transparent !important;
    border-top-color: rgba(234,211,154,.28) !important;
  }
  .admin-page .admin-sidebar-foot small {
    color: rgba(255,250,245,.68) !important;
  }

  /* Keep the hero copy readable without washing the carousel photography in plum. */
  .reference-hero::before {
    background:
      radial-gradient(circle at 16% 20%, rgba(232,195,109,.12), transparent 16rem),
      linear-gradient(90deg,
        rgba(45,18,36,.96) 0%,
        rgba(85,39,71,.9) 28%,
        rgba(85,39,71,.56) 45%,
        rgba(85,39,71,.12) 59%,
        rgba(85,39,71,0) 70%) !important;
  }
  .reference-hero-photo img {
    filter: saturate(1.08) contrast(1.06) brightness(1.02) !important;
  }
  .reference-hero-photo::after {
    background: linear-gradient(0deg, rgba(132,82,27,.1), transparent 70%) !important;
  }

@media (max-width: 991px) {
  .site-header .navbar-collapse {
    background: linear-gradient(145deg, #321628, #552747);
    border-color: rgba(234,211,154,.4);
    box-shadow: 0 20px 48px rgba(36,16,29,.32);
  }
  .reference-hero::before {
    background: linear-gradient(0deg, rgba(42,16,33,.99) 5%, rgba(85,39,71,.96) 52%, rgba(85,39,71,.48) 76%, rgba(85,39,71,.08) 94%);
  }
  .community-support .image-statement:has(> img) { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  body:not(.admin-page)::after { opacity: .32; }
  .connection-band-grid > * { border-left-color: transparent; border-top-color: rgba(234,211,154,.24); }
  .reference-experiences { background: linear-gradient(155deg, #2e1325, #552747 62%, #3b192f); }
  .page-hero::after { background: linear-gradient(0deg, rgba(42,16,33,.99), rgba(85,39,71,.92) 68%, rgba(85,39,71,.48)); }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.admin-page)::after { animation: none; }
  .reference-event-card::after,
  .event-card::after,
  .story-card::after,
  .form-card::before,
  .policy-copy::after,
  .member-panel::after { transition: none; }
}

/* Replace the remaining ivory rhythm with alternating plum and mist surfaces. */
body,
.public-about,
.public-events,
.public-connect,
.public-stories,
.public-policy,
.public-join,
.public-event-detail,
.auth-page,
.portal-page {
  background: var(--plum-mist) !important;
}

.reference-moments,
.public-about > main,
.public-events > main,
.public-connect > main,
.public-stories > main,
.public-policy > main {
  background:
    radial-gradient(circle at 12% 12%, rgba(198,161,91,.12), transparent 20rem),
    linear-gradient(135deg, #eadde6, #d9c1d1 56%, #f0e5eb) !important;
}

.reference-moments .collection-heading h2,
.reference-moments .collection-heading p { color: var(--royal-plum-deep); }

.page-hero,
.page-hero-story {
  background:
    linear-gradient(90deg, rgba(50,22,40,.98), rgba(85,39,71,.84) 48%, rgba(85,39,71,.2) 82%),
    url('../web/images/Cake_n_Sip/CYS01338-960.webp') center 47% / cover !important;
}
.page-hero-copy h1,
.page-hero-copy p,
.page-hero-copy .eyebrow { color: #fffaf5; }

.principles-grid article,
.event-card,
.story-card,
.connect-grid a,
.public-about .editorial-kicker,
.public-join .form-intro,
.public-join .application-promise,
.public-policy .policy-copy,
.public-event-detail .event-body,
.public-event-detail .booking-card,
.empty-state,
.event-filter-form {
  color: #fffaf5;
  background: linear-gradient(145deg, rgba(85,39,71,.98), rgba(50,22,40,.98)) !important;
  border-color: rgba(234,211,154,.38) !important;
}

.principles-grid article h3,
.event-card h3,
.event-card h3 a,
.story-card blockquote,
.connect-grid strong,
.public-policy .policy-copy h2,
.public-event-detail .event-body h2,
.public-event-detail .booking-card h2 { color: #fffaf5; }

.principles-grid article p,
.event-card p,
.story-card figcaption span,
.connect-grid a p,
.public-policy .policy-copy p,
.public-event-detail .event-body p,
.public-event-detail .booking-card p { color: rgba(255,250,245,.76); }

.connect-grid a::after {
  background: linear-gradient(0deg, rgba(50,22,40,.98) 18%, rgba(50,22,40,.32) 76%, transparent) !important;
}

.form-page {
  background:
    radial-gradient(circle at 10% 16%, rgba(240,210,138,.14), transparent 22rem),
    linear-gradient(125deg, #321628, #552747 62%, #704161) !important;
}
.form-card,
.auth-card,
.member-panel,
.admin-panel,
.data-table-wrap {
  background: rgba(245,237,242,.97) !important;
}
.form-control,
.form-select,
.event-filter-form input,
.event-filter-form select {
  background-color: #eadde6 !important;
  border-color: rgba(85,39,71,.28) !important;
}

.portal-hero,
.member-page .member-workspace,
.member-workspace,
.admin-layout {
  background: linear-gradient(135deg, #eadde6, #d9c1d1) !important;
}

.site-footer {
  background:
    radial-gradient(circle at 82% 18%, rgba(240,210,138,.1), transparent 20rem),
    linear-gradient(125deg, #24101d, #552747 62%, #321628) !important;
}

/* Muted plum finish: preserve the hue while reducing magenta saturation. */
:root {
  --royal-plum: #604b5b;
  --royal-plum-deep: #403440;
  --royal-plum-dark: #2f2630;
  --muted-plum: #786b76;
  --plum-mist: #ebe5e9;
  --plum-veil: #f5f0f3;
}
.reference-hero,
.connection-band,
.reference-experiences,
.reference-founder,
.community-support,
.reference-countdown,
.reference-join,
.soft-section,
.form-page,
.site-footer {
  background-image:
    radial-gradient(circle at 16% 12%, rgba(214,190,126,.1), transparent 20rem),
    linear-gradient(125deg, #403440, #604b5b 58%, #514252) !important;
}
.site-header {
  background: rgba(255,250,243,.97) !important;
  background-image: none !important;
}
.reference-hero::before,
.page-hero::after {
  background:
    radial-gradient(circle at 13% 21%, rgba(214,190,126,.12), transparent 17rem),
    linear-gradient(90deg, rgba(47,38,48,.98), rgba(96,75,91,.94) 48%, rgba(96,75,91,.62) 74%, rgba(96,75,91,.18)) !important;
}
.reference-hero-atmosphere { background: #403440 !important; }
.reference-moments,
.public-about > main,
.public-events > main,
.public-connect > main,
.public-stories > main,
.public-policy > main,
.portal-page,
.member-page .member-workspace,
.member-workspace,
.admin-layout {
  background:
    radial-gradient(circle at 12% 12%, rgba(198,161,91,.08), transparent 20rem),
    linear-gradient(135deg, #ebe5e9, #ddd2da 56%, #f3eef1) !important;
}
.reference-join {
  background-image:
    linear-gradient(90deg, rgba(64,52,64,.96), rgba(96,75,91,.88) 58%, rgba(64,52,64,.78)),
    url('../web/images/Cake_n_Sip/CYS01256-960.webp') !important;
}
.member-page .member-rail,
.member-rail,
.admin-sidebar {
  background: linear-gradient(180deg, #403440, #604b5b 68%, #2f2630) !important;
}

/* Section alternation: use ivory as a deliberate counterpoint to royal plum. */
:root {
  --royal-plum: #552747;
  --royal-plum-deep: #321628;
  --royal-plum-dark: #24101d;
  --muted-plum: #79546d;
  --plum-mist: #eadde6;
  --plum-veil: #f5edf2;
}
.site-header {
  background: rgba(255,250,243,.97) !important;
  background-image: none !important;
}
.reference-hero,
.reference-hero-atmosphere {
  background: var(--royal-plum-deep) !important;
}
.reference-hero::before {
  background:
    radial-gradient(circle at 13% 21%, rgba(232,195,109,.1), transparent 17rem),
    linear-gradient(90deg, rgba(45,18,36,.94) 0%, rgba(85,39,71,.78) 42%, rgba(85,39,71,.3) 72%, rgba(85,39,71,.04) 100%) !important;
}
.reference-hero-photo img { filter: saturate(1.04) contrast(1.03) !important; }
.connection-band,
.reference-moments {
  color: var(--royal-plum-deep);
  background:
    radial-gradient(circle at 12% 12%, rgba(198,161,91,.1), transparent 20rem),
    linear-gradient(135deg, #fffaf3, #f5edf2 58%, #eadde6) !important;
}
.connection-band h2,
.connection-band h3,
.reference-moments .collection-heading h2 { color: var(--royal-plum-deep); }
.connection-band p,
.connection-band .connection-intro p { color: #6f5d68; }
.reference-experiences,
.reference-founder,
.community-support,
.reference-join,
.site-footer {
  background:
    radial-gradient(circle at 82% 18%, rgba(240,210,138,.1), transparent 20rem),
    linear-gradient(125deg, #24101d, #552747 62%, #321628) !important;
}
.reference-countdown {
  color: var(--royal-plum-deep);
  background:
    radial-gradient(circle at 16% 12%, rgba(198,161,91,.12), transparent 19rem),
    linear-gradient(120deg, #fffaf3, #f5edf2 52%, #eadde6) !important;
}
.reference-countdown h2,
.reference-countdown p,
.reference-countdown .countdown-grid span { color: var(--royal-plum-deep); }
.reference-countdown .countdown-grid strong { color: var(--antique-gold); }

.public-about > main,
.public-events > main,
.public-connect > main,
.public-stories > main,
.public-policy > main,
.portal-page,
.member-page .member-workspace,
.member-workspace,
.admin-layout {
  background:
    radial-gradient(circle at 12% 12%, rgba(198,161,91,.1), transparent 20rem),
    linear-gradient(135deg, #fffaf3, #f5edf2 56%, #eadde6) !important;
}
.page-hero,
.page-hero-story,
.soft-section,
.form-page {
  background:
    radial-gradient(circle at 13% 21%, rgba(232,195,109,.14), transparent 17rem),
    linear-gradient(125deg, #321628, #552747 62%, #3b192f) !important;
}
.public-about .editorial-kicker,
.public-join .form-intro,
.public-join .application-promise,
.public-policy .policy-copy,
.public-event-detail .event-body,
.public-event-detail .booking-card,
.form-card,
.auth-card,
.member-panel,
.admin-panel,
.data-table-wrap {
  background: linear-gradient(145deg, #fffaf5, var(--plum-veil)) !important;
}
.member-page .member-rail,
.member-rail,
.admin-sidebar {
  background: linear-gradient(180deg, #24101d, #552747 68%, #321628) !important;
}

/* The middle homepage invitation is the ivory counterpoint between plum bands. */
.reference-join {
  color: var(--royal-plum-deep);
  background:
    radial-gradient(circle at 82% 18%, rgba(198,161,91,.12), transparent 20rem),
    linear-gradient(118deg, #fffaf3, #f5edf2 58%, #eadde6) !important;
  border-block-color: rgba(198,161,91,.58);
}
.reference-join h2 { color: var(--royal-plum-deep) !important; }
.reference-join p,
.reference-join li { color: #6f5d68 !important; }
.reference-join .eyebrow { color: var(--antique-gold) !important; }
.reference-join li .visual-icon { color: var(--royal-plum) !important; }

/* Keep the expanded mobile navigation readable against its plum panel. */
@media (max-width: 991px) {
  .site-header .navbar-collapse {
    background: var(--royal-plum-deep) !important;
    border-color: rgba(234,211,154,.4) !important;
  }
  .site-header .navbar-collapse .nav-link,
  .site-header .navbar-collapse .nav-button {
    color: #fffaf5 !important;
  }
  .site-header .navbar-collapse .nav-link:hover,
  .site-header .navbar-collapse .nav-link.active {
    color: #efd487 !important;
  }
  .site-header .navbar-collapse .btn-primary {
    color: #fffaf5 !important;
  }
}

/* Explicit contrast for cards that sit on either side of the palette. */
.reference-experiences .reference-event-card,
.reference-founder .reference-story,
.community-support .purpose-card,
.soft-section .principles-grid article,
.soft-section .event-card {
  color: #fffaf5;
}
.reference-experiences .reference-event-card h3,
.reference-experiences .reference-event-card h3 a,
.reference-founder .reference-story blockquote,
.community-support .purpose-card blockquote,
.soft-section .principles-grid article h3,
.soft-section .event-card h3,
.soft-section .event-card h3 a {
  color: #fffaf5 !important;
}
.reference-experiences .reference-event-card p,
.reference-founder .reference-story figcaption span,
.community-support .purpose-card p,
.soft-section .principles-grid article p,
.soft-section .event-card p {
  color: rgba(255,250,245,.78) !important;
}
.reference-event-card,
.reference-story,
.purpose-card,
.principles-grid article,
.event-card,
.story-card,
.policy-copy,
.booking-card,
.form-card,
.auth-card {
  text-shadow: none;
}

/* Balance the composition: ivory navigation, plum hero, and alternating content surfaces. */
.site-header {
  color: var(--royal-plum-deep);
  background: rgba(255,250,243,.97) !important;
  border-bottom-color: rgba(85,39,71,.2);
  box-shadow: 0 8px 24px rgba(50,22,40,.1);
}
.site-header .brand,
.site-header .brand:hover { color: var(--royal-plum-deep); }
.site-header .brand-wordmark { color: var(--royal-plum) !important; }
.site-header .brand small { color: var(--muted-plum); }
.site-header .nav-link { color: var(--royal-plum-deep) !important; }
.site-header .nav-link:hover,
.site-header .nav-link.active { color: var(--antique-gold) !important; }
.site-header .nav-link::after { background: var(--champagne-gold); }
.site-header .nav-toggle-lines,
.site-header .nav-toggle-lines::before,
.site-header .nav-toggle-lines::after { background: var(--royal-plum); }

.reference-hero::before {
  background:
    radial-gradient(circle at 13% 21%, rgba(232,195,109,.18), transparent 17rem),
    linear-gradient(90deg, rgba(45,18,36,.99) 0%, rgba(85,39,71,.98) 48%, rgba(85,39,71,.72) 72%, rgba(85,39,71,.18) 100%) !important;
}
.reference-hero h1 { color: #fffaf5; text-shadow: 0 4px 24px rgba(26, 9, 20, .22); }
.reference-hero h1 em { color: #edce7d !important; }
.reference-hero .hero-description { color: rgba(255,250,245,.82); }
.reference-hero .hero-beliefs strong { color: #fffaf5; }
.reference-hero .hero-beliefs span { color: rgba(255,250,245,.7); }
.reference-hero .brand-manifesto { color: #edce7d; }
.reference-hero .btn-secondary {
  color: #fffaf5 !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(240,210,138,.68) !important;
}

.connection-band {
  color: var(--royal-plum-deep);
  background:
    radial-gradient(circle at 7% 50%, rgba(198,161,91,.14), transparent 18rem),
    linear-gradient(118deg, #fffaf3, #f5edf2 62%, #eadde6) !important;
  border-block-color: rgba(198,161,91,.42);
}
.connection-band h2,
.connection-band h3 { color: var(--royal-plum-deep); }
.connection-band p,
.connection-band .connection-intro p,
.connection-band .connection-band-grid article p { color: #6f5d68; }
.connection-band .text-link { color: var(--antique-gold); }
.connection-band-grid > * { border-left-color: rgba(85,39,71,.18); }
.connection-band .circle-icon {
  color: var(--royal-plum);
  background: rgba(255,250,243,.7);
  border-color: rgba(85,39,71,.3);
  outline-color: rgba(198,161,91,.24);
}

.reference-moments {
  background:
    radial-gradient(circle at 15% 15%, rgba(198,161,91,.12), transparent 18rem),
    linear-gradient(118deg, #fffaf3, #f5edf2 55%, #eadde6) !important;
}

/* Keep selected light surfaces so plum sections do not flatten the whole page. */
.principles-grid article,
.event-card,
.story-card,
.connect-grid a,
.public-about .editorial-kicker,
.public-join .form-intro,
.public-join .application-promise,
.public-policy .policy-copy,
.public-event-detail .event-body,
.public-event-detail .booking-card,
.empty-state,
.event-filter-form {
  color: var(--royal-plum-deep);
  background: linear-gradient(145deg, #fffaf5, var(--plum-veil)) !important;
  border-color: rgba(85,39,71,.2) !important;
}

.principles-grid article h3,
.event-card h3,
.event-card h3 a,
.story-card blockquote,
.connect-grid strong,
.public-policy .policy-copy h2,
.public-event-detail .event-body h2,
.public-event-detail .booking-card h2 {
  color: var(--royal-plum-deep);
}

.principles-grid article p,
.event-card p,
.story-card figcaption span,
.connect-grid a p,
.public-policy .policy-copy p,
.public-event-detail .event-body p,
.public-event-detail .booking-card p {
  color: #6f5d68;
}

.connect-grid a::after {
  background: linear-gradient(0deg, rgba(255,250,245,.98) 18%, rgba(255,250,245,.32) 76%, transparent) !important;
}

.form-card,
.auth-card,
.member-panel,
.admin-panel,
.data-table-wrap {
  background: rgba(255,250,245,.97) !important;
}

/* Final light-card overrides must win over dark-band contrast rules above. */
.reference-event-card,
.principles-grid article,
.soft-section .principles-grid article,
.soft-section .event-card {
  color: var(--royal-plum-deep) !important;
  background: linear-gradient(145deg, #fffaf5, var(--plum-veil)) !important;
}
.reference-event-card h3,
.reference-event-card h3 a,
.reference-event-card p,
.reference-event-card .reference-event-venue,
.principles-grid article h3,
.soft-section .principles-grid article h3,
.soft-section .event-card h3,
.soft-section .event-card h3 a,
.principles-grid article p,
.soft-section .principles-grid article p,
.soft-section .event-card p {
  color: var(--royal-plum-deep) !important;
}
.reference-event-card .btn-secondary,
.soft-section .event-card .btn-secondary {
  color: var(--royal-plum) !important;
  background: rgba(255,250,245,.9) !important;
}

@media (max-width: 991px) {
  .site-header .navbar-collapse .navbar-nav .nav-item > .nav-link,
  .site-header .navbar-collapse .navbar-nav .nav-item > form > .nav-button {
    color: #fffaf5 !important;
  }
  .site-header .navbar-collapse .navbar-nav .nav-item > .nav-link:hover,
  .site-header .navbar-collapse .navbar-nav .nav-item > .nav-link:focus-visible,
  .site-header .navbar-collapse .navbar-nav .nav-item > .nav-link.active,
  .site-header .navbar-collapse .navbar-nav .nav-item > form > .nav-button:hover,
  .site-header .navbar-collapse .navbar-nav .nav-item > form > .nav-button:focus-visible {
    color: #efd487 !important;
  }
}

.founder-story {
  background:
    radial-gradient(circle at 12% 18%, rgba(198,161,91,.16), transparent 20rem),
    linear-gradient(118deg, #fffaf3 0%, #f8eef3 55%, #eadde6 100%) !important;
}
.founder-story-grid {
  display: grid;
  grid-template-columns: minmax(280px,.85fr) minmax(0,1.15fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}
.founder-portrait {
  position: relative;
  padding: 1.1rem 1.1rem 1.6rem;
  background: #fffaf5;
  border: 1px solid rgba(198,161,91,.55);
  box-shadow: 18px 18px 0 rgba(85,39,71,.08), 0 22px 45px rgba(50,22,40,.1);
  transform: rotate(-2deg);
}
.founder-portrait::after {
  position: absolute;
  right: -1.4rem;
  bottom: -1.4rem;
  width: 5rem;
  height: 5rem;
  border-right: 1px solid var(--champagne-gold);
  border-bottom: 1px solid var(--champagne-gold);
  content: "";
}
.founder-portrait img,
.founder-portrait-placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  height: auto;
  object-fit: cover;
  object-position: center 35%;
  background: linear-gradient(145deg, var(--royal-plum), var(--royal-plum-deep));
}
.founder-portrait-placeholder {
  display: grid;
  place-items: center;
  color: #f0d28a;
  font: 400 clamp(5rem, 10vw, 9rem)/1 var(--serif);
}
.founder-portrait-label,
.founder-portrait-caption {
  display: block;
  color: var(--antique-gold);
  font-size: .55rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.founder-portrait-label { margin: 0 0 .8rem; }
.founder-portrait-caption { margin-top: 1rem; text-align: right; }
.founder-story-copy { max-width: 600px; }
.founder-story-copy .eyebrow { color: var(--antique-gold); }
.founder-intro {
  max-width: 460px;
  margin: 1.2rem 0 .6rem;
  color: var(--royal-plum);
  font: italic clamp(1.4rem, 2.3vw, 2.1rem)/1.08 var(--serif);
}
.founder-story-copy h2 {
  margin: .2rem 0 .5rem;
  color: var(--royal-plum-deep);
  font-size: clamp(2.8rem, 5vw, 5.3rem);
  line-height: .9;
}
.founder-story .founder-title {
  margin: 0 0 1.5rem;
  color: var(--antique-gold);
  font-weight: 700;
}
.founder-story blockquote {
  position: relative;
  margin: 1.8rem 0 0;
  padding: 1.2rem 0 0 2rem;
  border-top: 1px solid rgba(198,161,91,.55);
  color: var(--royal-plum);
  font: italic 1.5rem/1.35 var(--serif);
}
.founder-story blockquote span {
  position: absolute;
  top: .6rem;
  left: 0;
  color: var(--champagne-gold);
  font-size: 2.5rem;
  font-style: normal;
}
@media (max-width: 767px) {
  .founder-story-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .founder-portrait { width: min(100%, 360px); max-width: 360px; margin: 0 auto; }
  .founder-story-copy { max-width: none; }
}

/* Last cascade guard: plum supports the copy, while the carousel remains photographic. */
.reference-hero::before {
  background:
    linear-gradient(90deg,
      rgba(45,18,36,.97) 0%,
      rgba(85,39,71,.88) 24%,
      rgba(85,39,71,.42) 42%,
      rgba(85,39,71,.08) 55%,
      transparent 65%) !important;
}
.reference-hero-photo img {
  filter: saturate(1.1) contrast(1.08) brightness(1.04) !important;
}
.reference-hero-photo::after {
  background: transparent !important;
}
@media (max-width: 767px) {
  .reference-hero::before {
    background: linear-gradient(180deg, rgba(45,18,36,.08) 0%, rgba(45,18,36,.08) 45%, rgba(45,18,36,.9) 78%, rgba(45,18,36,.98) 100%) !important;
  }
}

/* Brand finish: keep the original splash composition and let the Eladation wordmark lead. */
.site-splash-content {
  padding-top: 1rem;
}
.site-splash-mark {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.6rem;
  color: #f5d477 !important;
  border-color: #e3b94f !important;
  box-shadow:
    0 0 0 8px rgba(240,210,138,.08),
    0 0 24px rgba(240,210,138,.42),
    0 0 58px rgba(240,210,138,.18) !important;
  font-size: 2.45rem;
}
.site-splash h1 {
  color: #f0c95e !important;
  font-size: clamp(5rem, 13vw, 11rem);
  letter-spacing: -.025em;
  text-shadow:
    0 1px 0 #fff1b3,
    0 2px 0 #c28b28,
    0 0 16px rgba(240,210,138,.55),
    0 0 42px rgba(240,210,138,.22) !important;
}
.site-splash-kicker,
.site-splash-enter {
  color: #f0d28a !important;
}
.site-splash-enter {
  border-bottom-color: rgba(240,210,138,.9);
}
.site-header .brand-wordmark,
.site-header .brand-wordmark:hover {
  color: #c9952e !important;
  text-shadow:
    0 1px 0 #fff4c4,
    0 0 7px rgba(210,169,79,.34),
    0 0 16px rgba(198,161,91,.16);
}
.site-header .brand-wordmark::after {
  background: #d8aa43 !important;
  box-shadow: 0 0 9px rgba(246,214,117,.58);
}
.site-header .brand-wordmark::before {
  color: #e5bd58 !important;
  text-shadow: 0 0 8px rgba(246,214,117,.95);
}

/* Restore the original warm split-screen splash composition. */
.site-splash {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background:
    linear-gradient(90deg, rgba(255,250,245,0) 0 40%, rgba(50,22,40,.16) 60%, rgba(36,16,29,.78) 100%),
    url("../web/images/eladation-floral-atmosphere-960.webp") 76% center / cover no-repeat !important;
}
.site-splash::before,
.site-splash::after,
.site-splash-stars,
.site-splash-orbit {
  display: none;
}
.site-splash-content {
  width: min(48vw, 640px);
  min-height: 100%;
  margin: 0;
  padding: clamp(3rem, 8vw, 8rem) clamp(2rem, 6.5vw, 6.5rem);
  align-items: flex-start;
  justify-content: center;
  border: 0;
  border-radius: 0;
  color: var(--royal-plum-deep);
  background: rgba(255,250,245,.97);
  box-shadow: 18px 0 42px rgba(36,16,29,.12);
  text-align: left;
}
.site-splash-mark {
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: 1.35rem;
  color: #edc65d !important;
  border-color: #edc65d !important;
  box-shadow: 0 0 0 7px rgba(198,161,91,.1), 0 0 28px rgba(240,210,138,.32) !important;
}
.site-splash-kicker {
  margin: 0 0 .8rem;
  color: #d3a33b !important;
}
.site-splash h1 {
  position: relative;
  z-index: 2;
  max-width: none;
  margin-left: 0;
  color: #edc454 !important;
  font-size: clamp(4.5rem, 9vw, 9rem);
  line-height: .82;
  letter-spacing: -.045em;
  text-shadow: 0 1px 0 #fff2b4, 0 2px 0 #c58f2c, 0 0 22px rgba(240,210,138,.35) !important;
}
.site-splash-rule {
  margin-left: 0;
  background: linear-gradient(90deg, #e0b64e, transparent);
}
.site-splash-tagline {
  color: var(--royal-plum) !important;
}
.site-splash-enter {
  color: #d3a33b !important;
  border-bottom-color: rgba(211,163,59,.8);
}
.site-splash-enter:hover,
.site-splash-enter:focus-visible {
  color: var(--royal-plum-deep) !important;
  border-bottom-color: var(--royal-plum-deep);
}
.site-splash-status {
  color: rgba(255,250,245,.8);
}
@media (max-width: 700px) {
  .site-splash {
    align-items: center;
    background:
      linear-gradient(180deg, rgba(50,22,40,.12), rgba(36,16,29,.72)),
      url("../web/images/eladation-floral-atmosphere-960.webp") center / cover no-repeat !important;
  }
  .site-splash-content {
    width: calc(100% - 2rem);
    min-height: auto;
    margin: 0 1rem;
    padding: 2.5rem 2rem 3rem;
    border: 1px solid rgba(198,161,91,.42);
    box-shadow: 0 20px 55px rgba(36,16,29,.24);
  }
  .site-splash h1 { font-size: clamp(4rem, 18vw, 7rem); }
}

/* Final splash direction: full royal plum with a large golden Eladation wordmark. */
.site-splash {
  display: grid;
  place-items: center;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(198,161,91,.16), transparent 28rem),
    radial-gradient(circle at 15% 88%, rgba(213,166,64,.1), transparent 24rem),
    linear-gradient(135deg, #24101d 0%, #552747 54%, #321628 100%) !important;
}
.site-splash::before,
.site-splash::after,
.site-splash-stars,
.site-splash-orbit {
  display: block;
}
.site-splash-content {
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0 2rem 2rem;
  align-items: center;
  justify-content: initial;
  border: 0;
  border-radius: 0;
  color: #fffaf5;
  background: transparent;
  box-shadow: none;
  text-align: center;
}
.site-splash-mark {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.6rem;
  color: #f5d477 !important;
  border-color: #e3b94f !important;
  box-shadow:
    0 0 0 8px rgba(240,210,138,.08),
    0 0 24px rgba(240,210,138,.42),
    0 0 58px rgba(240,210,138,.18) !important;
}
.site-splash-kicker {
  margin: 0 0 .8rem;
  color: #f0d28a !important;
}
.site-splash h1 {
  max-width: none;
  color: #f0c95e !important;
  font-size: clamp(5rem, 13vw, 11rem);
  line-height: .82;
  letter-spacing: -.025em;
  text-shadow:
    0 1px 0 #fff1b3,
    0 2px 0 #c28b28,
    0 0 16px rgba(240,210,138,.55),
    0 0 42px rgba(240,210,138,.22) !important;
}
.site-splash-rule {
  margin-left: auto;
  background: linear-gradient(90deg, transparent, #f0d28a, transparent);
}
.site-splash-tagline {
  color: rgba(255,250,245,.82) !important;
}
.site-splash-enter {
  color: #f0d28a !important;
  border-bottom-color: rgba(240,210,138,.9);
}
.site-splash-enter:hover,
.site-splash-enter:focus-visible {
  color: #fffaf6 !important;
  border-bottom-color: #fffaf6;
}
@media (max-width: 700px) {
  .site-splash-content {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0 1.5rem 2rem;
    border: 0;
    box-shadow: none;
  }
  .site-splash h1 { font-size: clamp(4.2rem, 19vw, 8rem); }
}

/* Founder quotation cards use an ivory surface, so their copy must be deep plum. */
.public-about .founder-story blockquote,
.public-about .founder-story blockquote p,
.public-about .founder-story blockquote strong,
.public-about .founder-story blockquote em {
  color: var(--royal-plum-deep) !important;
  text-shadow: none !important;
}
.public-about .founder-story blockquote {
  background: #fffaf5 !important;
  border-color: rgba(198,161,91,.55) !important;
}
.public-about .founder-story blockquote span {
  color: var(--champagne-gold) !important;
}
.public-about .founder-story blockquote .founder-quote-text {
  display: inline !important;
  color: #321628 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #321628 !important;
  text-shadow: none !important;
}
.public-about .founder-story blockquote .founder-quote-mark {
  color: #b78324 !important;
  -webkit-text-fill-color: #b78324 !important;
}
.public-about .founder-story-copy blockquote {
  position: relative !important;
  display: block !important;
  width: min(100%, 42rem);
  height: auto !important;
  min-height: 0 !important;
  margin: 2rem 0 0 !important;
  padding: 2.35rem 2rem 1.9rem !important;
  border: 1px solid rgba(198,161,91,.55) !important;
  border-radius: 12px;
  background: #fffaf5 !important;
  color: var(--royal-plum-deep) !important;
  font: italic 600 clamp(1.25rem, 2vw, 1.95rem)/1.2 var(--serif) !important;
  letter-spacing: -.01em;
  overflow: visible !important;
  text-shadow: none !important;
}
.public-about .founder-story-copy blockquote .founder-quote-text {
  display: block !important;
  color: var(--royal-plum-deep) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--royal-plum-deep) !important;
}
.public-about .founder-story-copy blockquote .founder-quote-mark {
  position: absolute !important;
  top: .85rem;
  left: 1.15rem;
  display: block !important;
  color: #b78324 !important;
  font: 600 2.2rem/.7 var(--serif) !important;
  -webkit-text-fill-color: #b78324 !important;
}
.public-about .founder-quote-card {
  position: relative;
  display: block;
  width: min(100%, 42rem);
  height: auto;
  margin: 2rem 0 0;
  padding: 1.35rem 0 0 2rem;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--royal-plum-deep);
  font: italic 600 clamp(1.25rem, 2vw, 1.95rem)/1.2 var(--serif);
  letter-spacing: -.01em;
  text-shadow: none;
}
.public-about .founder-quote-card .founder-quote-text {
  display: block;
  color: var(--royal-plum-deep);
  opacity: 1;
  -webkit-text-fill-color: var(--royal-plum-deep);
}
.public-about .founder-quote-card .founder-quote-mark {
  position: absolute;
  top: 1.3rem;
  left: 0;
  display: block;
  color: #b78324;
  font: 600 2.2rem/.7 var(--serif);
  -webkit-text-fill-color: #b78324;
}

/* The homepage founder message is an ivory card inside the plum section. */
.home-page .reference-founder .purpose-card {
  grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 62rem);
  min-height: 0 !important;
  padding: clamp(2rem, 4vw, 3.75rem) clamp(1.5rem, 6vw, 5.5rem) !important;
  text-align: center;
  color: var(--royal-plum-deep) !important;
  background: #fffaf5 !important;
  border-color: rgba(198,161,91,.55) !important;
  box-shadow: 0 18px 38px rgba(50,22,40,.16);
}
.home-page .reference-founder .purpose-card p,
.home-page .reference-founder .purpose-card small {
  color: var(--royal-plum-deep) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--royal-plum-deep) !important;
}
.home-page .reference-founder .purpose-card p {
  margin: 0 !important;
  max-width: 50rem;
  margin-inline: auto !important;
  font: italic 600 clamp(1.45rem, 2.35vw, 2.35rem)/1.18 var(--serif) !important;
  letter-spacing: -.01em;
  text-transform: none !important;
}
.home-page .reference-founder .purpose-card .quote-glyph {
  display: block;
  margin: 0 auto .7rem;
  color: #b78324 !important;
  font: 600 clamp(2.8rem, 4vw, 4.2rem)/.65 var(--serif) !important;
  -webkit-text-fill-color: #b78324 !important;
}