/*
Theme Name:   Connections (Layerly)
Template:     layerly-base
Version:      1.0.0
Layerly Site: connections-layerly-dev
Description:  Per-site theme for Connections. Holds ONLY this site's own CSS, bespoke sections and page templates. The framework lives in the parent and is updated fleet-wide — never copy a framework file in here without recording it as a fork.
*/

/* Layerly — per-site CSS split from the framework by css-split.mjs (Phase 3, 2026-09-29).
   31 token overrides, 353 rules that are new or differ from the framework release this site started from.
   Framework rules identical to that release stay in the parent and update with it. */

:root {
  --color-1: #1E293B;
  --color-2: #FF94E1;
  --color-3: #1800AC;
  --color-5: #FFFDA0;
  --color-6: #64748B;
  --color-7: #6CFF64;
  --color-primary: #1800AC;
  --color-text: #1E293B;
  --color-text-muted: #64748B;
  --color-bg: #FFFFFF;
  --color-surface: #FFFDA0;
  --color-border: #1E293B;
  --font-1: 'Mozilla Headline', sans-serif;
  --font-2: 'Climate Crisis', sans-serif;
  --font-3: 'BBH Bartle', sans-serif;
  --font-display: var(--font-2);
  --font-body: var(--font-3);
  --space-xl: 40px;
  --space-xxl: 80px;
  --text-h3: 44px;
  --text-h2: 64px;
  --text-h1: 96px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --color-8: #ADAABF;
  --text-display: 148px;
  --weight-semibold: 600;
  --space-sm2: 10px;
  --space-xxxl: 120px;
  --font-4: 'Sedgwick Ave Display', cursive;
}

@media (max-width:768px) {
  :root {
          --text-h1: 40px;
          --text-h2: 32px;
          --text-h3: 24px;
      }
}

.section {
    position: relative;
    padding-block: var(--space-xxl);
    overflow: hidden;  /* keep decorations/dividers contained */
}

.testimonial-carousel { padding-block: var(--space-xxl); background-color: color-mix(in srgb, var(--color-3) 95%, transparent); }

.tcarousel__quote {
  font-size: var(--text-lg);
  line-height: 1.5;
  margin: 0 0 var(--space-lg);
  max-width: 720px;
  margin-inline: auto;
  quotes: "\201C" "\201D";
}

.nav[data-nav-sticky] { position: sticky; top: 0; z-index: 100; transition: box-shadow .2s; }

.nav[data-nav-sticky].is-scrolled { box-shadow: var(--sh-sm); }

.nav__toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; color: inherit; cursor: pointer; padding: var(--space-sm); }

.nav__toggle-bar { display: block; width: 24px; height: 2px; background: currentColor; }

@media (max-width:768px) {
  .nav__toggle { display: flex; }
}

@media (max-width:768px) {
  .nav__menu {
          position: fixed; inset: var(--nav-height) 0 0 auto; width: min(320px, 82vw);
          background: var(--nav-bg); flex-direction: column; align-items: flex-start;
          padding: var(--space-lg); gap: var(--space-md);
          transform: translateX(100%); transition: transform .25s ease; box-shadow: var(--sh-lg);
          overflow-y: auto;
      }
}

@media (max-width:768px) {
  .nav__menu.is-open { transform: translateX(0); }
}

@media (max-width:768px) {
  .nav__list { flex-direction: column; align-items: flex-start; gap: var(--space-md); width: 100%; }
}

.nav{--nav-bg:var(--color-surface);--nav-height:84px;border-bottom:3px solid var(--color-2);}

.nav__inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--nav-height);}

.nav__logo-text{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text);}

.nav__list{display:flex;gap:var(--space-xl);list-style:none;margin:0;padding:0;}

.nav__list a{font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-sm);text-decoration:none;color:var(--color-text);}

.nav__list a:hover{color:var(--color-primary);}

.nav[data-nav-sticky]{position:sticky;top:0;z-index:50;}

.footer--brutalist{background:var(--color-2);color:var(--color-surface);padding-block:var(--space-xxl) 0;}

.footer--brutalist a{color:var(--color-surface);}

.footer--brutalist .footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xxl);padding-bottom:var(--space-xxl);border-bottom:2px solid rgba(255,255,255,.2);}

.footer--brutalist .footer__wordmark{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(48px, 9vw, 128px);line-height:.9;text-transform:uppercase;letter-spacing:-.02em;text-decoration:none;}

.footer--brutalist .footer__tagline{font-size:var(--text-lg);margin-top:var(--space-md);max-width:32ch;color:rgba(255,255,255,.75);}

.footer--brutalist .footer__contact{margin-top:var(--space-lg);font-size:var(--text-md);}

.footer--brutalist .footer__contact p{margin:0 0 var(--space-xs);color:rgba(255,255,255,.85);}

.footer--brutalist .footer__signup{min-width:320px;flex:0 1 420px;}

.footer--brutalist .footer__signup-heading{font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;margin-bottom:var(--space-lg);}

.footer--brutalist .form__fields{display:flex;flex-direction:column;gap:var(--space-md);}

.footer--brutalist .field{width:100%;}

.footer--brutalist .footer__columns{display:flex;flex-wrap:wrap;gap:var(--space-xxl);padding-block:var(--space-xxl);border-bottom:2px solid rgba(255,255,255,.2);}

.footer--brutalist .footer__col-heading{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);margin-bottom:var(--space-md);}

.footer--brutalist .footer__col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm);}

.footer--brutalist .footer__col-list a{font-size:var(--text-lg);font-weight:var(--weight-bold);text-decoration:none;}

.footer--brutalist .footer__col-list a:hover{color:var(--color-primary);}

.footer--brutalist .footer__legal-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);font-size:var(--text-xs);color:rgba(255,255,255,.6);}

.footer--brutalist .footer__legal-list{list-style:none;display:flex;gap:var(--space-lg);margin:0;padding:0;}

.footer--brutalist .footer__legal-list a{color:rgba(255,255,255,.6);text-decoration:underline;}

@media (max-width:768px) {
  .footer--brutalist .footer__top{flex-direction:column;}
}

.hero-belong { background-color: color-mix(in srgb, var(--color-3) 95%, transparent); color: var(--color-4); text-align: center; padding-block: var(--space-xxxl) var(--space-xxl); }

.section--hero_belong.section--bg-image { background-size: cover; background-position: center; }

.section--hero_belong.section--bg-image .hero-belong__inner { position: relative; z-index: 2; }

.hero-belong__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); max-width: 1200px; margin-inline: auto; }

.hero-belong__eyebrow { font-family: var(--font-4); font-size: var(--text-xl); color: var(--color-5); margin: 0; }

.hero-belong__title-wrap { position: relative; display: grid; place-items: center; }

.hero-belong__title { grid-area: 1 / 1; font-family: var(--font-2); font-size: var(--text-display); line-height: .95; margin: 0; font-weight: 400; text-transform: uppercase; }

.hero-belong__title--shadow { color: var(--color-1); transform: translate(6px, 8px); z-index: 0; }

.hero-belong__title:not(.hero-belong__title--shadow) { color: var(--color-7); position: relative; z-index: 1; }

.hero-belong__tag-script { font-family: var(--font-4); font-size: var(--text-xl); color: var(--color-4); margin: 0; }

.hero-belong__statement { font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-2); margin: 0; line-height: 1em; }

.hero-belong__intro { display: flex; flex-direction: column; gap: var(--space-md); max-width: 658px; }

.hero-belong__intro-heading { font-family: var(--font-1); font-weight: 600; font-size: 24px; color: var(--color-4); margin: 0; }

.hero-belong__intro-body { font-family: var(--font-1); font-weight: 400; font-size: var(--text-md); color: var(--color-4); margin: 0; }

.hero-belong__cta-wrap {
  margin-top: var(--space-sm);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  align-items: center;
}

.hero-belong__cta { background: var(--color-5); border: 2px solid var(--color-4); color: var(--color-3); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

.schedule-bands { background-color: color-mix(in srgb, var(--color-3) 95%, transparent); color: var(--color-4); text-align: center; }

.schedule-bands__head { padding-block: var(--space-xxl) var(--space-md); }

.schedule-bands__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-4); margin: 0; line-height: 1; text-transform: uppercase; }

.schedule-bands__tags { display: flex; width: 100%; }

.schedule-bands__tag { flex: 1 1 0; display: flex; align-items: center; justify-content: center; padding-block: var(--space-lg); border: 3px solid var(--color-1); }

.schedule-bands__tag span { font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-1); line-height: 1em; }

.schedule-bands__tag--0, .schedule-bands__tag--2 { background: var(--color-2); }

.schedule-bands__tag--1 { background: var(--color-4); border-color: var(--color-3); }

.schedule-bands__foot { padding-block: var(--space-xxl); display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); }

.schedule-bands__body { font-family: var(--font-1); font-size: var(--text-lg); color: var(--color-4); max-width: 800px; margin: 0; }

.schedule-bands__cta { background: var(--color-5); border: 2px solid var(--color-4); color: var(--color-3); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

.manifesto-stack { background-color: color-mix(in srgb, var(--color-5) 97%, transparent); text-align: center; }

.manifesto-stack__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); padding-block: var(--space-xxl); }

.manifesto-stack__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-3); margin: 0; line-height: 1; text-transform: uppercase; }

.manifesto-stack__bands { display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 860px; }

.manifesto-stack__band { display: flex; align-items: center; justify-content: center; padding: var(--space-xl); border: 3px solid var(--color-2); background: var(--color-1); }

.manifesto-stack__band span { font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-2); white-space: pre-line; line-height: 1em; }

.manifesto-stack__band--1 { background: var(--color-4); border-color: var(--color-1); }

.manifesto-stack__body { display: flex; flex-direction: column; gap: var(--space-md); max-width: 780px; }

.manifesto-stack__lead { font-family: var(--font-1); font-size: var(--text-md); color: var(--color-1); margin: 0; }

.manifesto-stack__strong { font-family: var(--font-1); font-weight: 700; font-size: var(--text-xl); color: var(--color-1); margin: 0; }

.manifesto-stack__cta { background: var(--color-2); border: 2px solid var(--color-4); color: var(--color-1); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

.welcome-split { background: color-mix(in srgb, var(--color-2) 95%, transparent); }

.welcome-split__inner { display: flex; align-items: stretch; width: 100%; }

.welcome-split__media { flex: 0 0 50%; border-right: 3px solid var(--color-1); display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--color-2); }

.welcome-split__media img { width: 100%; height: 100%; object-fit: cover; }

.welcome-split__content { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: var(--space-lg); padding: var(--space-xxl) max(var(--space-lg), calc((100vw - var(--container-max)) / 2 + var(--space-xl))) var(--space-xxl) var(--space-xl); }

.welcome-split__title { font-family: var(--font-2); font-size: var(--text-h2); color: var(--color-3); line-height: 1; margin: 0; text-transform: uppercase; }

.welcome-split__script { font-family: var(--font-4); font-size: var(--text-xl); color: var(--color-4); margin: 0; }

.welcome-split__badge { display: inline-flex; align-self: flex-start; padding: var(--space-md) var(--space-lg); background: var(--color-4); border: 3px solid var(--color-1); font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-1); line-height: 1em; }

.welcome-split__body { font-family: var(--font-1); font-size: var(--text-md); color: var(--color-1); max-width: 650px; margin: 0; }

.welcome-split__cta { background: var(--color-5); border: 2px solid var(--color-4); color: var(--color-3); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

@media (max-width:768px) {
  .welcome-split__inner { flex-direction: column; }
}

@media (max-width:768px) {
  .welcome-split__media { flex: none; width: 100%; aspect-ratio: 4/3; border-right: none; border-bottom: 3px solid var(--color-1); }
}

@media (max-width:768px) {
  .welcome-split__content { padding: var(--space-xl) var(--space-lg); }
}

.instagram-cta { background: color-mix(in srgb, var(--color-5) 97%, transparent); text-align: center; }

.instagram-cta__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); padding-block: var(--space-xxl); }

.instagram-cta__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-2); margin: 0; line-height: 1; text-transform: uppercase; }

.instagram-cta__handle {
  font-family: var(--font-3);
  font-size: var(--text-h3);
  color: var(--color-1);
  margin: 0;
  line-height: 1em;
  letter-spacing: 0.02em;
}

.instagram-cta__strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); width: 100%; padding-block: var(--space-sm); }

.instagram-cta__strip::-webkit-scrollbar { display: none; }

.instagram-cta__photo { width: 100%; aspect-ratio: 1; border: 3px solid var(--color-1); overflow: hidden; }

.instagram-cta__photo img { width: 100%; height: 100%; object-fit: cover; background: var(--color-4); }

.instagram-cta__intro { display: flex; flex-direction: column; gap: var(--space-md); max-width: 718px; }

.instagram-cta__intro-heading { font-family: var(--font-1); font-weight: 600; font-size: 24px; color: var(--color-1); margin: 0; }

.instagram-cta__intro-body { font-family: var(--font-1); font-size: var(--text-lg); color: var(--color-1); margin: 0; }

.instagram-cta__cta { background: var(--color-3); border: 2px solid var(--color-1); color: var(--color-5); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

.location-map { background: color-mix(in srgb, var(--color-5) 97%, transparent); text-align: center; }

.location-map__head { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); padding: var(--space-xxxl) var(--space-lg) var(--space-xl); }

.location-map__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-3); margin: 0; line-height: 1; text-transform: uppercase; }

.location-map__subheading { font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-2); margin: 0; line-height: 1em; }

.location-map__media { width: 100%; border-block: 3px solid var(--color-1); background: var(--color-5); overflow: hidden; }

.location-map__media img { width: 100%; height: auto; display: block; aspect-ratio: 1440/574; object-fit: cover; }

.location-map__foot { display: flex; flex-direction: column; align-items: center; gap: var(--space-md); padding: var(--space-xl) var(--space-lg); }

.location-map__statement { font-family: var(--font-1); font-weight: 700; font-size: var(--text-h3); color: var(--color-1); margin: 0; max-width: 600px; }

.location-map__body { font-family: var(--font-1); font-size: var(--text-md); color: var(--color-1); margin: 0; max-width: 600px; }

.location-map__cta { background: var(--color-2); border: 2px solid var(--color-4); color: var(--color-1); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

.contact-cta { background-color: color-mix(in srgb, var(--color-5) 97%, transparent); text-align: center; }

.contact-cta__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); padding-block: var(--space-xxxl); }

.contact-cta__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-3); margin: 0; line-height: 1; text-transform: uppercase; }

.contact-cta__badge { display: inline-flex; padding: var(--space-lg) var(--space-xl); background: var(--color-4); border: 3px solid var(--color-1); font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-1); line-height: 1em; }

.contact-cta__intro { display: flex; flex-direction: column; gap: var(--space-md); max-width: 636px; }

.contact-cta__intro-heading { font-family: var(--font-1); font-weight: 700; font-size: var(--text-xl); color: var(--color-1); margin: 0; }

.contact-cta__intro-body { font-family: var(--font-1); font-weight: 600; font-size: var(--text-lg); color: var(--color-1); margin: 0; }

.contact-cta__form { width: 100%; max-width: 640px; --field-bg: var(--color-5); --field-fg: var(--color-1); --field-border: var(--color-3); --field-radius: var(--radius-sm); --field-pad: var(--space-md); --form-gap: var(--space-lg); --form-cols: 1; --label-color: var(--color-3); --field-focus: var(--color-2); }

.contact-cta__form .form--contact { background: var(--color-5); border: 3px solid var(--color-1); padding: var(--space-xl); }

.contact-cta__form .field__label { font-family: var(--font-3); line-height: 1em; }

.contact-cta__form .field__input, .contact-cta__form .field__textarea { font-family: var(--font-1); }

.contact-cta__form .form__submit { background: var(--color-2); border: 2px solid var(--color-4); color: var(--color-1); font-family: var(--font-2); }

.closing-cta { background-color: color-mix(in srgb, var(--color-3) 95%, transparent); color: var(--color-4); text-align: center; }

.closing-cta__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); padding: var(--space-xxxl) var(--space-lg) var(--space-xxl); }

.closing-cta__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-2); margin: 0; line-height: 1; text-transform: uppercase; }

.closing-cta__script { font-family: var(--font-4); font-size: var(--text-xl); color: var(--color-4); margin: 0; }

.closing-cta__subheading { font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-5); margin: 0; line-height: 1em; }

.closing-cta__body { font-family: var(--font-1); font-weight: 600; font-size: 24px; color: var(--color-4); max-width: 838px; margin: 0; }

.closing-cta__cta { background: var(--color-5); border: 2px solid var(--color-4); color: var(--color-3); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); }

.section--testimonials { background: color-mix(in srgb, var(--color-3) 95%, transparent); color: var(--color-4); }

.section--testimonials .section-head__heading { font-family: var(--font-2); font-size: var(--text-h1); color: var(--color-2); text-transform: uppercase; line-height: 1; }

.section--testimonials .section-head__sub { font-family: var(--font-3); font-size: var(--text-h3); color: var(--color-5); line-height: 1em; }

.section--testimonials .tcarousel__quote { font-family: var(--font-1); font-weight: 700; font-size: var(--text-h3); line-height: 1.2; color: var(--color-3); background: var(--color-4); border: 3px solid var(--color-1); padding: var(--space-xl); border-radius: var(--radius-md); }

.section--testimonials .tcarousel__author { background: var(--color-2); border: 3px solid var(--color-1); padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); }

.section--testimonials .tcarousel__name { font-family: var(--font-3); font-weight: 400; color: var(--color-1); line-height: 1em; }

.section--testimonials .tcarousel__nav { background: var(--color-4); border: 2px solid var(--color-1); border-radius: var(--radius-md); }

.section--testimonials .tcarousel__nav--next { background: var(--color-7); }

.section--testimonials .tcarousel__dot { background: var(--color-8); border-radius: 0; width: 8px; height: 8px; }

.section--testimonials .tcarousel__dot.is-active { background: var(--color-7); }

@media (max-width:768px) {
  .hero-belong__title { font-size: 64px; }
}

@media (max-width:768px) {
  .schedule-bands__heading, .manifesto-stack__heading, .instagram-cta__heading, .location-map__heading, .contact-cta__heading, .closing-cta__heading { font-size: var(--text-h2); }
}

@media (max-width:768px) {
  .schedule-bands__tags { flex-direction: column; }
}

@media (max-width:768px) {
  .location-map__head, .contact-cta__inner, .closing-cta__inner, .hero-belong__inner { padding-inline: var(--space-md); }
}

[data-nav-sticky].is-scrolled { box-shadow: 0 4px 12px rgba(0,0,0,.12); }

@media (max-width:768px) {
  [data-mobile-menu] {
      position: fixed; inset: 0; z-index: 1001;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: 32px; padding: 80px 24px;
      background: var(--mobile-menu-bg, #1800AC); color: var(--mobile-menu-fg, #FF94E1);
      transform: translateX(100%); transition: transform .3s ease; overflow-y: auto;
    }
}

@media (max-width:768px) {
  [data-mobile-menu] ul { flex-direction: column; align-items: center; gap: 24px; width: 100%; margin: 0; padding: 0; list-style: none; }
}

.layerly-copyright { color: #FFF0F1; text-align: center; padding: 12px 24px 40px; font-family: 'Mozilla Headline', system-ui, sans-serif; font-size: 14px; }

.layerly-copyright__sep { opacity: .5; margin: 0 .4em; }

.layerly-copyright a { color: inherit; text-decoration: underline; }

.masthead { position: absolute; top: 0; left: 0; right: 0; z-index: 1000; color: #FF94E1; }

.masthead__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 80px; }

.masthead__logo { display: inline-flex; align-items: center; text-decoration: none; }

.masthead__logo-img { max-height: 56px; width: auto; display: block; }

.masthead__logo-text { font-family: 'Climate Crisis', system-ui; font-size: 20px; color: #FF94E1; }

.masthead__menu { display: flex; align-items: center; gap: 32px; --mobile-menu-bg: #1800AC; --mobile-menu-fg: #FF94E1; }

.masthead__list { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }

.masthead__list a { font-family: 'BBH Bartle', system-ui, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; transition: color .15s ease; line-height: 1em; }

.masthead__list a:hover { color: #8FE86B; }

.masthead__cta { background: var(--color-5); color: var(--color-3); border: 2px solid var(--color-4); font-family: var(--font-2); font-size: var(--text-md); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-md); white-space: nowrap; }

.colophon { position: relative; background: color-mix(in srgb, #1800AC 95%, transparent); color: #FFFFFF; overflow: hidden; }

.colophon__inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 40px; padding-block: 48px; }

.colophon__nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; }

.colophon__logo { display: inline-flex; align-items: center; text-decoration: none; }

.colophon__logo-img { max-height: 56px; width: auto; display: block; }

.colophon__logo-text { font-family: 'Climate Crisis', system-ui; font-size: 20px; color: #FF94E1; }

.colophon__list { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }

.colophon__list a { font-family: 'BBH Bartle', system-ui, sans-serif; color: #FF94E1; text-decoration: none; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; line-height: 1em; }

.colophon__list a:hover { color: #FFFDA0; }

.colophon__cta { display: inline-flex; align-items: center; justify-content: center; background: #FF94E1; color: #1E293B; border: 2px solid #FFFFFF; padding: 14px 32px; font-family: 'Climate Crisis', system-ui; font-size: 16px; text-decoration: none; white-space: nowrap; }

.colophon__newsletter { background: #FFFFFF; border: 3px solid #1E293B; width: 100%; max-width: 640px; display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 24px 40px; }

.colophon__news-heading { margin: 0; font-family: 'BBH Bartle', system-ui, sans-serif; color: #1E293B; font-size: 20px; line-height: 1em; text-align: center; text-transform: uppercase; }

.colophon__form { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: stretch; }

.colophon__email { flex: 1 1 240px; min-width: 0; border: 1.5px solid #1800AC; padding: 16px; font-family: 'Mozilla Headline', system-ui, sans-serif; font-size: 16px; color: #1E293B; background: #FFFFFF; }

.colophon__email::placeholder { color: #64748B; }

.colophon__submit { background: #FF94E1; color: #1E293B; border: 2px solid #FFFFFF; padding: 14px 32px; font-family: 'Climate Crisis', system-ui; font-size: 16px; cursor: pointer; white-space: nowrap; }

.colophon__submit:hover { filter: brightness(1.05); }

.colophon__status { flex-basis: 100%; margin: 0; text-align: center; color: #1E293B; }

.colophon__status.is-success { color: #059669; }

.colophon__status.is-error { color: #DC2626; }

.colophon__tagline { text-align: center; display: flex; flex-direction: column; gap: 8px; }

.colophon__grace { margin: 0; font-family: 'BBH Bartle', system-ui, sans-serif; color: #FFFFFF; font-size: 24px; line-height: 1em; text-transform: uppercase; }

.colophon__whimsy { margin: 0; font-family: 'Sedgwick Ave Display', cursive; color: #FFFDA0; font-size: 28px; line-height: 1.15; }

@media (max-width:768px) {
  .colophon__nav { flex-direction: column; gap: 20px; }
}

@media (max-width:768px) {
  .colophon__form { flex-direction: column; }
}

@media (max-width:768px) {
  .colophon__newsletter { padding: 24px; }
}

@media (max-width:768px) {
  .masthead__cta { padding: 12px 22px; }
}

.pill { display:inline-flex; align-items:center; justify-content:center; background:#FF94E1; color:#1E293B; border:2px solid #FFFFFF; padding:14px 34px; font-family:'Climate Crisis',system-ui; font-size:16px; text-decoration:none; white-space:nowrap; transition:transform .15s ease; }

.pill:hover { transform:translateY(-2px); }

.about-hero { background:color-mix(in srgb, #1800AC 95%, transparent); color:#FFF0F1; padding:150px 0 96px; text-align:center; }

.about-hero__eyebrow { font-family:'Sedgwick Ave Display',cursive; color:#FF94E1; font-size:26px; margin:0 0 8px; transform:rotate(-3deg); }

.about-hero__title { font-family:'Climate Crisis',system-ui; color:#8FE86B; text-transform:uppercase; line-height:.92; margin:0; font-size:clamp(3rem,9vw,7rem); text-shadow:5px 6px 0 rgba(0,0,0,.35); }

.about-hero__sub { font-family:'BBH Bartle',system-ui; color:#FF94E1; text-transform:uppercase; letter-spacing:.03em; font-size:clamp(1.2rem,2.4vw,1.8rem); margin:28px 0 0; line-height: 1em; }

.about-hero__body { font-family:'Mozilla Headline',system-ui; font-size:18px; line-height:1.55; max-width:680px; margin:24px auto 32px; }

.about-whatis { background:color-mix(in srgb, #FF94E1 95%, transparent); color:#1E293B; padding:88px 0; }

.about-whatis__title { font-family:'Climate Crisis',system-ui; color:#1800AC; text-transform:uppercase; line-height:.98; font-size:clamp(2rem,5vw,3.6rem); margin:0 0 40px; }

.about-whatis__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }

.about-whatis__sub { font-family:'BBH Bartle',system-ui; text-transform:uppercase; letter-spacing:.02em; font-size:1.15rem; margin:0 0 16px; line-height: 1em; }

.about-whatis__body { font-family:'Mozilla Headline',system-ui; font-size:18px; line-height:1.6; margin:0; }

.about-whatis__img { display:block; width:100%; height:100%; min-height:340px; object-fit:cover; border:3px solid #1E293B; }

.about-whatis__img.is-placeholder { background:#1800AC url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><rect width='40' height='40' fill='%231800AC'/><path d='M0 40L40 0M-10 10L10 -10M30 50L50 30' stroke='%238FE86B' stroke-width='2' opacity='.4'/></svg>"); }

.about-values { background:color-mix(in srgb, #1800AC 95%, transparent); color:#FFF0F1; padding:88px 0 0; }

.about-values__eyebrow { font-family:'Climate Crisis',system-ui; color:#8FE86B; text-transform:uppercase; font-size:clamp(2rem,5vw,3.4rem); margin:0; text-align:center; }

.about-values__title { font-family:'BBH Bartle',system-ui; color:#FF94E1; text-transform:uppercase; letter-spacing:.02em; font-size:1.5rem; margin:8px 0 16px; text-align:center; line-height: 1em; }

.about-values__body { font-family:'Mozilla Headline',system-ui; font-size:18px; line-height:1.55; max-width:640px; margin:0 auto 48px; text-align:center; }

.about-values__list { list-style:none; margin:0; padding:0; }

.about-values__row { padding:34px 0; }

.about-values__row-inner { display:flex; align-items:center; gap:28px; }

.about-values__num { font-family:'Climate Crisis',system-ui; font-size:2rem; opacity:.55; }

.about-values__stmt { font-family:'Climate Crisis',system-ui; text-transform:uppercase; line-height:1; font-size:clamp(1.4rem,3.4vw,2.6rem); }

.about-values__row--1 { background:color-mix(in srgb, #FF94E1 95%, transparent); color:#1E293B; }

.about-values__row--2 { background:color-mix(in srgb, #FFFFFF 95%, transparent); color:#1800AC; }

.about-values__row--3 { background:color-mix(in srgb, #FFFDA0 95%, transparent); color:#1E293B; }

.about-values__row--4 { background:color-mix(in srgb, #8FE86B 95%, transparent); color:#1E293B; }

.about-strive { background:color-mix(in srgb, #FBF5DD 97%, transparent); color:#1800AC; padding:96px 0; text-align:center; }

.about-strive__eyebrow { font-family:'Climate Crisis',system-ui; color:#1800AC; text-transform:uppercase; font-size:clamp(2rem,5vw,3.4rem); margin:0; }

.about-strive__script { font-family:'Sedgwick Ave Display',cursive; color:#FF94E1; font-size:2rem; margin:8px 0 0; }

.about-strive__lead { font-family:'Mozilla Headline',system-ui; color:#1E293B; font-size:18px; margin:20px 0 40px; }

.about-strive__list { list-style:none; margin:0 auto; padding:0; max-width:1000px; display:flex; flex-direction:column; gap:28px; }

.about-strive__item { font-family:'Climate Crisis',system-ui; color:#1800AC; text-transform:uppercase; line-height:1; font-size:clamp(1.6rem,4.4vw,3.4rem); }

.about-welcome { background:color-mix(in srgb, #FBF5DD 97%, transparent); color:#1800AC; padding:0 0 96px; text-align:center; }

.about-welcome__inner { max-width:820px; }

.about-welcome__title { font-family:'Climate Crisis',system-ui; color:#1800AC; text-transform:uppercase; line-height:1; font-size:clamp(2rem,5.5vw,4rem); margin:0 0 28px; }

.about-welcome__note { display:inline-block; background:#FFFFFF; border:3px solid #1E293B; color:#1E293B; font-family:'BBH Bartle',system-ui; text-transform:uppercase; letter-spacing:.02em; font-size:1.2rem; padding:16px 28px; margin:0 0 32px; line-height: 1em; }

.about-welcome__script { font-family:'Sedgwick Ave Display',cursive; color:#FF94E1; font-size:1.8rem; margin:0; }

.about-welcome__stmt { font-family:'Climate Crisis',system-ui; color:#1800AC; text-transform:uppercase; font-size:clamp(1.4rem,3.4vw,2.4rem); margin:6px 0 20px; }

.about-welcome__body { font-family:'Mozilla Headline',system-ui; color:#1E293B; font-size:18px; line-height:1.6; max-width:640px; margin:0 auto; }

.about-closing, .events-closing { background:color-mix(in srgb, #1800AC 95%, transparent); color:#FFF0F1; padding:96px 0; text-align:center; }

.about-closing__title { font-family:'Climate Crisis',system-ui; color:#FF94E1; text-transform:uppercase; line-height:1; font-size:clamp(2.2rem,6vw,4.4rem); margin:0; }

.about-closing__sub { font-family:'BBH Bartle',system-ui; color:#8FE86B; text-transform:uppercase; letter-spacing:.02em; font-size:1.35rem; margin:20px 0 0; line-height: 1em; }

.about-closing__body { font-family:'Mozilla Headline',system-ui; font-size:18px; line-height:1.55; max-width:640px; margin:20px auto 32px; }

.events-hero { background:color-mix(in srgb, #1800AC 95%, transparent); color:#FFF0F1; padding:150px 0 96px; text-align:center; }

.events-hero__eyebrow { font-family:'Sedgwick Ave Display',cursive; color:#FF94E1; font-size:26px; margin:0 0 8px; transform:rotate(-3deg); }

.events-hero__title { font-family:'Climate Crisis',system-ui; color:#8FE86B; text-transform:uppercase; line-height:.92; margin:0; font-size:clamp(3rem,10vw,8rem); text-shadow:5px 6px 0 rgba(0,0,0,.35); }

.events-hero__sub { font-family:'BBH Bartle',system-ui; color:#FF94E1; text-transform:uppercase; letter-spacing:.03em; font-size:clamp(1.2rem,2.4vw,1.8rem); margin:28px 0 0; line-height: 1em; }

.events-hero__body { font-family:'Mozilla Headline',system-ui; font-size:18px; line-height:1.55; max-width:700px; margin:24px auto 32px; }

.events-grid { background:color-mix(in srgb, #FBF5DD 95%, transparent); color:#1E293B; padding:88px 0; }

.events-grid__eyebrow { font-family:'Climate Crisis',system-ui; color:#1800AC; text-transform:uppercase; font-size:clamp(2rem,5.5vw,3.8rem); margin:0; text-align:center; }

.events-grid__title { font-family:'BBH Bartle',system-ui; color:#FF94E1; text-transform:uppercase; letter-spacing:.02em; font-size:1.35rem; margin:10px auto 16px; max-width:760px; text-align:center; line-height: 1em; }

.events-grid__body { font-family:'Mozilla Headline',system-ui; font-size:17px; line-height:1.55; max-width:640px; margin:0 auto 48px; text-align:center; }

.events-grid__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }

.events-grid__card { border:3px solid #1E293B; padding:28px; display:flex; flex-direction:column; gap:14px; }

.events-grid__card--1 { background:#8FE86B; }

.events-grid__card--2 { background:#FFFFFF; }

.events-grid__card--3 { background:#FF94E1; }

.events-grid__card-title { font-family:'BBH Bartle',system-ui; color:#1E293B; text-transform:uppercase; font-size:1.35rem; line-height:1em; margin:0; }

.events-grid__card-blurb { font-family:'Mozilla Headline',system-ui; color:#1E293B; font-size:15px; line-height:1.5; margin:0; flex:1; }

.events-grid__card-cta { display:inline-block; align-self:flex-start; background:#FFFDA0; color:#1E293B; border:2px solid #1E293B; padding:8px 18px; font-family:'BBH Bartle',system-ui; text-transform:uppercase; font-size:.95rem; text-decoration:none; line-height: 1em; }

.events-grid__card-cta:hover { background:#FFFFFF; }

.events-closing__script { font-family:'Sedgwick Ave Display',cursive; color:#FFFFFF; font-size:1.8rem; margin:0 0 6px; }

.events-closing__title { font-family:'Climate Crisis',system-ui; color:#FF94E1; text-transform:uppercase; line-height:1; font-size:clamp(2.2rem,6vw,4.4rem); margin:0; }

.events-closing__sub { font-family:'BBH Bartle',system-ui; color:#8FE86B; text-transform:uppercase; letter-spacing:.02em; font-size:1.3rem; margin:20px 0 0; line-height: 1em; }

.events-closing__body { font-family:'Mozilla Headline',system-ui; color:#FFF0F1; font-size:18px; line-height:1.55; max-width:660px; margin:20px auto 32px; }

.event-single__hero { background:color-mix(in srgb, #1800AC 95%, transparent); color:#FFF0F1; padding:150px 0 88px; text-align:center; }

.event-single__eyebrow { font-family:'BBH Bartle',system-ui; color:#FF94E1; text-transform:uppercase; letter-spacing:.03em; margin:0 0 12px; line-height: 1em; }

.event-single__title { font-family:'Climate Crisis',system-ui; color:#8FE86B; text-transform:uppercase; line-height:.95; font-size:clamp(2.4rem,7vw,5rem); margin:0; text-shadow:4px 5px 0 rgba(0,0,0,.35); }

.event-single__when { font-family:'BBH Bartle',system-ui; color:#FFFDA0; text-transform:uppercase; font-size:1.2rem; margin:24px 0 0; line-height: 1em; }

.event-single__blurb { font-family:'Mozilla Headline',system-ui; font-size:19px; line-height:1.55; max-width:640px; margin:20px auto 32px; }

.event-single__body { background:color-mix(in srgb, #FBF5DD 95%, transparent); color:#1E293B; padding:72px 0; font-family:'Mozilla Headline',system-ui; font-size:18px; line-height:1.7; }

.event-single__body .wrap { max-width:760px; }

.event-single__back { background:color-mix(in srgb, #1800AC 95%, transparent); padding:0 0 64px; }

.event-single__back-link { font-family:'BBH Bartle',system-ui; color:#FF94E1; text-transform:uppercase; text-decoration:none; letter-spacing:.03em; line-height: 1em; }

@media (max-width:768px) {
  .about-whatis__grid { grid-template-columns:1fr; gap:28px; }
}

@media (max-width:768px) {
  .events-grid__cards { grid-template-columns:1fr; }
}

@media (max-width:768px) {
  .about-values__row-inner { gap:16px; }
}

@media (max-width:768px) {
  .about-hero, .events-hero, .event-single__hero { padding-top:120px; }
}

.masthead__logo-img { width: 100px; height: auto; max-height: none; margin-bottom: -26px; }

.pill, .masthead__cta, .colophon__cta { letter-spacing: .08em; transition: background-color .2s ease, color .2s ease, transform .15s ease, border-color .2s ease; }

.pill:hover, .masthead__cta:hover, .colophon__cta:hover { background: #8FE86B; color: #1E293B; transform: translateY(-2px); }

.layerly-copyright { background: none; }

.img-carousel { background:#1800AC; }

.img-carousel__viewport { position:relative; }

.img-carousel__track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none; }

.img-carousel__track::-webkit-scrollbar { display:none; }

.img-carousel__slide { flex:0 0 100%; scroll-snap-align:start; }

.img-carousel__img { display:block; width:100%; height:min(70vh,640px); object-fit:cover; }

.img-carousel__nav { position:absolute; top:50%; transform:translateY(-50%); width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:#FF94E1; color:#1E293B; border:2px solid #FFFFFF; cursor:pointer; z-index:2; transition:background-color .2s ease; }

.img-carousel__nav--prev { left:24px; }

.img-carousel__nav--next { right:24px; }

.img-carousel__nav:hover { background:#8FE86B; }

.img-carousel__dots { position:absolute; bottom:20px; left:0; right:0; display:flex; justify-content:center; gap:10px; z-index:2; }

.img-carousel__dot { width:12px; height:12px; border-radius:50%; border:2px solid #FFFFFF; background:transparent; cursor:pointer; padding:0; }

.img-carousel__dot.is-active, .img-carousel__dot[aria-current="true"] { background:#8FE86B; }

@media (max-width:768px) {
  .img-carousel__img{ height:52vh; }
}

@media (max-width:768px) {
  .img-carousel__nav{ width:44px; height:44px; }
}

body { background-color: #1800AC; }

.section--testimonials .section-head__inner { max-width: 700px; }

.section--testimonials .section-head__inner { max-width: 1000px; }

.section--testimonials .section-head__inner { max-width: 1000px; }

.btn:hover,
.btn:focus-visible {
    background-color: #8FE86B;
}

.btn { letter-spacing: 0.04em; }

.btn:hover,
.btn:focus-visible {
    color: #FFFFFF;
}

.pill {
    background: var(--color-5);
    color: var(--color-3);
    border: 2px solid var(--color-4);
    font-family: var(--font-2);
    padding: var(--space-md) var(--space-xl);
    border-radius: var(--radius-md);
}

.pill:hover,
.colophon__cta:hover {
    color: var(--color-4);
}

.masthead__list a,
.colophon__list a,
.about-hero__sub,
.about-whatis__sub,
.about-values__title,
.about-welcome__note,
.about-closing__sub,
.events-hero__sub,
.events-grid__title,
.events-closing__sub,
.event-single__eyebrow,
.event-single__when,
.event-single__back-link,
.events-grid__card-cta {
    line-height: 1.15;
}

.masthead__list a,
.colophon__list a,
.colophon__news-heading,
.colophon__grace,
.about-hero__sub,
.about-whatis__sub,
.about-values__title,
.about-welcome__note,
.about-closing__sub,
.events-hero__sub,
.events-grid__title,
.events-grid__card-title,
.events-grid__card-cta,
.events-closing__sub,
.event-single__eyebrow,
.event-single__when,
.event-single__back-link {
    line-height: 1em;
}

body {
    background-color: var(--color-bg);
    background-image: url('/wp-content/uploads/2026/07/7c7407e51df896e6a454256bd01bad28-1.webp');
    background-repeat: repeat;
    background-size: 800px 800px; /* enlarged per request */
}

.hero-belong__title-group { position: relative; }

.hero-belong__tag-script {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%) rotate(-7deg);
    margin: 0;
    white-space: nowrap;
}

.welcome-split__heading-group { position: relative; }

.welcome-split__script {
    position: absolute;
    bottom: -0.35em;
    left: 2%;
    z-index: 3;
    transform: rotate(5deg);
    margin: 0;
    white-space: nowrap;
}

.closing-cta__heading-group { position: relative; display: inline-block; }

.closing-cta__script {
    position: absolute;
    bottom: -0.2em;
    right: -4%;
    z-index: 3;
    transform: rotate(-6deg);
    margin: 0;
    white-space: nowrap;
}

.about-hero__title-group { position: relative; display: inline-block; }

.about-hero__eyebrow {
    position: absolute !important;
    top: -0.35em;
    left: -2%;
    z-index: 3;
    transform: rotate(-8deg) !important;
    margin: 0 !important;
    white-space: nowrap;
}

.about-welcome__stmt-group { position: relative; display: inline-block; }

.about-welcome__script {
    position: absolute;
    top: -0.6em;
    right: -6%;
    z-index: 3;
    transform: rotate(7deg);
    margin: 0;
    white-space: nowrap;
}

.about-strive__eyebrow-group { position: relative; display: inline-block; }

.about-strive__script {
    position: absolute;
    bottom: -0.5em;
    right: -8%;
    z-index: 3;
    transform: rotate(-5deg);
    margin: 0;
    white-space: nowrap;
}

.events-closing__title-group { position: relative; display: inline-block; }

.events-closing__script {
    position: absolute;
    top: -0.5em;
    right: -2%;
    left: auto;
    z-index: 3;
    transform: rotate(6deg);
    margin: 0;
    white-space: nowrap;
}

.colophon__tagline-group { position: relative; display: inline-block; }

.colophon__whimsy {
    position: absolute;
    bottom: -0.55em;
    right: -12%;
    z-index: 3;
    transform: rotate(-6deg);
    margin: 0 !important;
    white-space: nowrap;
}

@media (max-width:640px) {
  .hero-belong__tag-script,
      .welcome-split__script,
      .closing-cta__script,
      .about-hero__eyebrow,
      .about-welcome__script,
      .about-strive__script,
      .events-closing__script,
      .colophon__whimsy {
          font-size: var(--text-lg);
      }
}

.colophon__logo-img { width: 100px; height: auto; max-height: none; }

.colophon__list a { color: #FFFFFF; }

.colophon__list a:hover { color: #8FE86B; }

@media (max-width:768px) {
  :root{--text-display:56px;--text-h1:44px;--text-h2:34px;--text-h3:26px;}
}

@media (max-width:768px) {
  .hero-belong__title{font-size:44px;}
}

@media (max-width:768px) {
  .hero-belong__statement{font-size:26px;line-height:1.06;}
}

@media (max-width:768px) {
  .hero-belong__eyebrow{font-size:22px;}
}

@media (max-width:768px) {
  html,body{overflow-x:hidden;}
}

@media (max-width:480px) {
  :root{--text-display:40px;--text-h1:34px;--text-h2:26px;--text-h3:20px;}
}

@media (max-width:480px) {
  .hero-belong__title{font-size:34px;}
}

@media (max-width:480px) {
  .hero-belong__statement{font-size:20px;}
}

@media (max-width:480px) {
  .hero-belong__eyebrow{font-size:18px;}
}

@media (max-width:480px) {
  .section-head__heading{font-size:30px;}
}

@media (max-width:768px) {
  .hero-belong__tag-script{display:none;}
}

.manifesto-stack__band--1 span {
  color: var(--color-2);
}

[data-carousel-track]{cursor:grab;}

[data-carousel-track].is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;}

body.admin-bar [data-nav-sticky],body.admin-bar [data-nav-overlay],body.admin-bar .site-header--overlay,body.admin-bar .masthead{top:32px;}

@media screen and (max-width:782px) {
  body.admin-bar [data-nav-sticky],body.admin-bar [data-nav-overlay],body.admin-bar .site-header--overlay,body.admin-bar .masthead{top:46px;}
}

@media (min-width:769px) {
  :root{--text-display:clamp(56px,9vw,148px);--text-h1:clamp(40px,6vw,96px);--text-h2:clamp(32px,4.4vw,64px);--text-h3:clamp(24px,2.8vw,44px);--text-xl:clamp(20px,1.8vw,28px);}
}

@media (max-width:768px) {
  :root{--space-xxl:48px;--space-xxxl:64px;}
}

@media (max-width:480px) {
  :root{--space-xxl:40px;--space-xxxl:52px;}
}

.instagram-cta__heading{color:var(--color-3);}

.welcome-split__script{color:var(--color-4);}

.tcarousel__author-text,.tcarousel__name,.tcarousel__role{color:#1E293B;}

@media (min-width:769px) {
  .section--welcome_split { padding-block: 0; }
}

@media (max-width:768px) {
  .section--welcome_split { padding-top: 0; }
}

.instagram-cta__strip { grid-template-columns: repeat(4, 1fr); }

@media (max-width:768px) {
  .instagram-cta__strip { grid-template-columns: repeat(2, 1fr); }
}

body { background-size: 1600px 1600px; }

.schedule-bands__cta-wrap { display: flex; align-items: center; justify-content: center; gap: var(--space-md); flex-wrap: wrap; }

.schedule-bands__cta--secondary { background: transparent; border: 2px solid var(--color-5); color: var(--color-5); }

.tcarousel__quote::before {
  content: open-quote;
}

.tcarousel__quote::after {
  content: close-quote;
}

.about-values__list > .about-values__row--2:nth-child(2) {
  background: color-mix(in srgb, #ADD8E6 95%, transparent);
}

.event-single__hero .event-single__image {
  max-width: 900px;
  margin: var(--space-lg) auto var(--space-md);
}

.event-single__hero .event-single__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  border: 3px solid var(--color-text);
}

.hero-belong__cta--ghost {
  background: transparent;
  border: 2px solid var(--color-5);
  color: var(--color-5);
}

/* ── Phase 3 preservation (2026-09-29): keep the pre-refresh look where the framework's r11→r40 update would shift it.
      Retire each block when the site deliberately adopts the newer framework design. ── */
/* Mobile menu button: r40 redesigned the bars. */
[data-mobile-menu-toggle] { padding-left: 0; padding-right: 0; }
[data-mobile-menu-toggle] > span { width: 26px; height: 3px; border-radius: 2px; }
/* r40's mobile drawer restyles every link inside [data-mobile-menu]; keep this site's call-to-action as designed. */
@media (max-width: 768px) {
  [data-mobile-menu] a.masthead__cta { color: var(--color-3); font-size: var(--text-md); }
}