/* Fflam marketing site — brand: coral / ink / cream */

:root {
  --coral: #e8541a;
  --ink: #1a1a2e;
  --cream: #fff8f3;
  --border: #dec5ad;
  --muted: #4a4a5c;
  --max: 68rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  font-weight: 500;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink);
  background: var(--cream);
}

h1, h2, h3, h4 { font-weight: 700; line-height: 1.2; margin: 0 0 0.5em; }
h1 { font-size: clamp(1.85rem, 4vw, 2.5rem); }
h2 { font-size: clamp(1.3rem, 3vw, 1.7rem); }
h3 { font-size: 1.1rem; color: var(--coral); }
p  { margin: 0 0 1em; font-weight: 400; max-width: 65ch; }

a { color: var(--coral); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--ink); }

/* ── Layout helpers ─────────────────────────────────────────────────── */
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 1.5rem; }

/* Full-bleed from within a .wrap — works when body has no overflow:hidden */
.bleed {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

/* ── Buttons ─────────────────────────────────────────────────────────── */
.btn {
  display: inline-block;
  background: var(--coral);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  padding: 0.65rem 1.4rem;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-size: 0.95rem;
  transition: background 0.18s;
}
.btn:hover { background: var(--ink); }

.btn-secondary {
  background: transparent;
  color: var(--ink) !important;
  border: 2px solid var(--ink);
}
.btn-secondary:hover { border-color: var(--coral); color: var(--coral) !important; background: transparent; }

.btn-ghost {
  background: rgba(255,255,255,.15);
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.4);
  backdrop-filter: blur(4px);
}
.btn-ghost:hover { background: rgba(255,255,255,.28); }

/* ── Header / nav ───────────────────────────────────────────────────── */
.site-header {
  background: var(--ink);
  position: sticky;
  top: 0;
  z-index: 100;
}
.site-header-bar {
  background: #121a2e;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.site-header-bar-inner {
  display: flex;
  justify-content: flex-end;
  padding: 0.32rem 1.5rem;
}
.header-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.35rem;
  justify-content: flex-end;
  align-items: center;
}
.header-contact-link {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 500;
}
.header-contact-link:hover {
  color: var(--coral);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site-header-main {
  border-bottom: 3px solid var(--coral);
}
.site-header-main-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0.55rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* Fflam wordmark + flame above “a” (one link; “a” matches rest of letters) */
a.brand--with-flame {
  font-weight: 700;
  font-size: 1.38rem;
  letter-spacing: -0.02em;
  color: var(--cream) !important;
  text-decoration: none !important;
  display: inline-block;
  line-height: 1.15;
}
a.brand--with-flame:hover {
  color: var(--cream) !important;
  opacity: 0.92;
}
.brand-text {
  display: inline-block;
}
.brand-a-wrap {
  position: relative;
  display: inline-block;
}
.brand-flame-svg {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 2px;
  width: 0.72em;
  height: 0.95em;
  min-width: 11px;
  min-height: 14px;
  display: block;
  overflow: visible;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35))
    drop-shadow(0 0 6px rgba(232, 84, 26, 0.45));
}
.brand-flame-svg path {
  fill: var(--coral);
}
.brand-a {
  display: inline-block;
  color: inherit;
}

.nav-main { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 1rem; }
.nav-main a {
  color: var(--cream);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 500;
}
.nav-main a:hover,
.nav-main a[aria-current="page"] {
  color: var(--coral);
}

.nav-root--parent {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--cream);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.nav-root--parent:hover,
.nav-root--parent.is-section,
.nav-root--parent[aria-expanded="true"] {
  color: var(--coral);
}
.nav-root-chev {
  font-size: 0.65em;
  opacity: 0.85;
}

.nav-item--has-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1rem 0.25rem;
  position: relative;
}
.nav-sub {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-sub-link {
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 781px) {
  .nav-item--has-sub .nav-sub {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0.35rem 0 0;
    padding: 0.35rem 0;
    min-width: 15.5rem;
    max-height: min(70vh, 28rem);
    overflow-y: auto;
    background: #12111f;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.18s ease, visibility 0.18s, transform 0.18s;
    z-index: 220;
  }
  .nav-item--has-sub:hover .nav-sub,
  .nav-item--has-sub:focus-within .nav-sub,
  .nav-item--has-sub.is-open .nav-sub {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .nav-sub-link {
    display: block;
    padding: 0.42rem 1rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.86rem;
  }
  .nav-sub-link:hover,
  .nav-sub-link[aria-current="page"] {
    color: var(--coral);
    background: rgba(255, 255, 255, 0.05);
  }
}

@media (min-width: 781px) and (hover: none) {
  .nav-item--has-sub:hover:not(.is-open):not(:focus-within) .nav-sub {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
  }
}

.lang-switch { font-size: 0.85rem; }
.lang-switch a {
  color: var(--cream);
  text-decoration: none;
  border: 1px solid var(--border);
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
}
.lang-switch a:hover { border-color: var(--coral); color: var(--coral); }

.nav-toggle {
  display: none;
  background: none;
  border: 2px solid rgba(255,255,255,.3);
  border-radius: 6px;
  cursor: pointer;
  padding: 0.3rem 0.55rem;
  color: var(--cream);
  font-size: 1.25rem;
  line-height: 1;
}
.nav-toggle:hover { border-color: var(--coral); color: var(--coral); }

@media (max-width: 780px) {
  .nav-toggle { display: block; }
  #primary-nav {
    display: none;
    flex-direction: column;
    width: 100%;
    padding: 0.65rem 0 0.25rem;
    gap: 0.1rem;
    border-top: 1px solid rgba(255,255,255,.1);
    margin-top: 0.5rem;
  }
  #primary-nav.is-open { display: flex; }
  #primary-nav a:not(.nav-sub-link) { padding: 0.45rem 0; font-size: 1rem; border-bottom: 1px solid rgba(255,255,255,.06); }
  #primary-nav .nav-item--has-sub {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 0;
    gap: 0;
  }
  #primary-nav .nav-root--parent {
    flex: 1;
    padding: 0.45rem 0;
    border-bottom: none;
    font-size: 1rem;
    text-align: left;
    width: auto;
  }
  #primary-nav .nav-sub {
    display: none;
    width: 100%;
    padding: 0 0 0.35rem 0.5rem;
  }
  #primary-nav .nav-item--has-sub.is-open .nav-sub {
    display: block;
  }
  #primary-nav .nav-sub-link {
    display: block;
    padding: 0.42rem 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  #primary-nav .nav-sub-link[aria-current="page"],
  #primary-nav .nav-sub-link:hover {
    color: var(--coral);
  }
  .lang-switch { margin-top: 0.4rem; }
}

/* ── Workshop hero (full-bleed, per-page) ───────────────────────────── */
.ws-hero {
  min-height: 340px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.ws-hero--photo {
  min-height: min(38vh, 320px);
}
.ws-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.ws-hero-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    rgba(10, 9, 18, 0.88) 0%,
    rgba(10, 9, 18, 0.45) 42%,
    rgba(10, 9, 18, 0.25) 100%
  );
}
.ws-hero-deco {
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17rem;
  line-height: 1;
  opacity: 0.07;
  color: #fff;
  pointer-events: none;
  user-select: none;
  font-weight: 700;
  z-index: 2;
}
.ws-hero-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 3rem 1.5rem;
  width: 100%;
  position: relative;
  z-index: 3;
}
.ws-hero--photo .ws-hero-inner {
  padding: 1.75rem 1.5rem 2rem;
}
.ws-hero-inner .badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: rgba(255,255,255,.15);
  color: rgba(255,255,255,.9);
  padding: 0.25rem 0.8rem;
  border-radius: 999px;
  margin-bottom: 0.75rem;
}
.ws-hero-inner h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: #fff;
  margin-bottom: 0.5rem;
}
.ws-hero-inner .meta {
  font-size: 0.88rem;
  color: rgba(255,255,255,.6);
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.ws-hero-inner .quote {
  font-style: italic;
  font-size: 1.1rem;
  color: rgba(255,255,255,.72);
  margin: 0 0 1.5rem;
  font-weight: 400;
}
.ws-hero-inner .btn { margin-top: 0.25rem; }

@media (max-width: 600px) {
  .ws-hero { min-height: 260px; }
  .ws-hero--photo {
    min-height: min(44vh, 300px);
  }
  .ws-hero--photo .ws-hero-inner {
    padding: 1.5rem 1.25rem 1.75rem;
  }
  .ws-hero-deco { display: none; }
}

/* ── Inner-page photo heroes (outcomes, pathway, about, contact) ───── */
.outcomes-hero,
.about-hero,
.contact-hero,
.pathway-hero {
  min-height: 340px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #0a0912;
}
.outcomes-hero--photo,
.about-hero--photo,
.contact-hero--photo,
.pathway-hero--photo {
  min-height: min(46vh, 420px);
}
.outcomes-hero-media,
.about-hero-media,
.contact-hero-media,
.pathway-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 35%;
  z-index: 0;
}
.pathway-hero-media {
  background-position: center 42%;
}
.outcomes-hero-scrim,
.about-hero-scrim,
.contact-hero-scrim,
.pathway-hero-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    rgba(10, 9, 18, 0.91) 0%,
    rgba(10, 9, 18, 0.55) 48%,
    rgba(26, 20, 40, 0.35) 100%
  );
}
.outcomes-hero-deco,
.about-hero-deco,
.contact-hero-deco,
.pathway-hero-deco {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14rem;
  line-height: 1;
  opacity: 0.06;
  color: #fff;
  pointer-events: none;
  user-select: none;
  font-weight: 700;
  z-index: 2;
}
.outcomes-hero-inner,
.about-hero-inner,
.contact-hero-inner,
.pathway-hero-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 2rem 1.5rem 2.25rem;
  max-width: var(--max);
  margin: 0 auto;
}
.outcomes-hero-inner .badge,
.about-hero-inner .badge,
.contact-hero-inner .badge,
.pathway-hero-inner .badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  background: rgba(232, 84, 26, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.95);
  padding: 0.28rem 0.85rem;
  border-radius: 999px;
  margin-bottom: 0.85rem;
}
.outcomes-hero-inner h1,
.about-hero-inner h1,
.contact-hero-inner h1,
.pathway-hero-inner h1 {
  margin: 0 0 0.55rem;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #fff;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.35);
  max-width: min(100%, 22rem);
}
.outcomes-hero-meta,
.about-hero-meta,
.contact-hero-meta,
.pathway-hero-meta {
  margin: 0 0 0.65rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.68);
  font-weight: 400;
  max-width: 40rem;
}
.outcomes-hero-quote,
.about-hero-quote,
.contact-hero-quote,
.pathway-hero-quote {
  margin: 0 0 1.35rem;
  font-size: 1.08rem;
  line-height: 1.45;
  font-style: italic;
  font-weight: 500;
  color: rgba(255, 223, 200, 0.92);
  max-width: 36rem;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.25);
}
.outcomes-hero-inner .btn-ghost,
.about-hero-inner .btn-ghost,
.contact-hero-inner .btn-ghost,
.pathway-hero-inner .btn-ghost {
  margin-top: 0.15rem;
}
@media (max-width: 600px) {
  .outcomes-hero--photo,
  .about-hero--photo,
  .contact-hero--photo,
  .pathway-hero--photo {
    min-height: min(52vh, 440px);
  }
  .outcomes-hero-inner,
  .about-hero-inner,
  .contact-hero-inner,
  .pathway-hero-inner {
    padding: 1.65rem 1.25rem 2rem;
  }
  .outcomes-hero-inner h1,
  .about-hero-inner h1,
  .contact-hero-inner h1,
  .pathway-hero-inner h1 {
    max-width: none;
  }
  .outcomes-hero-deco,
  .about-hero-deco,
  .contact-hero-deco,
  .pathway-hero-deco {
    display: none;
  }
}

.outcomes-page {
  --ws-accent: var(--coral);
}
.outcomes-band {
  margin: 0;
  padding: clamp(2rem, 4.5vw, 3rem) 0;
}
.outcomes-band--light {
  background: linear-gradient(180deg, #fffdfb 0%, #faf5ee 55%, #f3ece3 100%);
}
.outcomes-band--cream {
  background: linear-gradient(180deg, #faf6f0 0%, #f0e8de 100%);
}
.outcomes-band--alt {
  background: linear-gradient(180deg, #f7f2ea 0%, #efe6d9 50%, #e8dfd3 100%);
}
.outcomes-pair-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem 2.75rem;
  align-items: stretch;
}
.outcomes-pair-cell {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 1.35rem 1.45rem 1.5rem;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.055);
  height: 100%;
}
.outcomes-pair-cell--second {
  border-top: 3px solid var(--coral);
  box-shadow: 0 12px 40px rgba(232, 84, 26, 0.08);
}
.outcomes-block-head {
  margin-bottom: 1rem;
}
.outcomes-block-title {
  margin: 0;
  font-size: clamp(1.2rem, 2.4vw, 1.55rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  line-height: 1.2;
}
.outcomes-page .ws-feature-list {
  gap: 0.32rem;
}
.outcomes-policy-grid {
  margin: 0;
}
.outcomes-use-block .outcomes-block-head {
  margin-bottom: 1.05rem;
}
.outcomes-use-intro {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--muted);
  max-width: none;
}
.outcomes-use-block .ws-feature-list {
  margin-bottom: 1.75rem;
}
.outcomes-cta {
  margin-top: 0.5rem;
}
.ws-align-card-text .policy-line {
  display: block;
  margin: 0 0 0.58rem;
}
.ws-align-card-text .policy-line:first-of-type {
  margin-top: 0.8rem;
}
.ws-align-card-text .policy-line:last-child {
  margin-bottom: 0;
}
.ws-align-card-text .policy-line strong {
  color: var(--ink);
}
@media (max-width: 820px) {
  .outcomes-pair-grid {
    grid-template-columns: 1fr;
  }
  .outcomes-pair-cell--second {
    border-top: none;
    border-left: 3px solid var(--coral);
  }
}

/* Programme page (two pillars, no faux “pathway” steps) */
.pathway-lede {
  margin: 0 auto 1.75rem;
  max-width: 48rem;
  text-align: center;
  font-size: 1.05rem;
  line-height: 1.62;
  color: var(--muted);
  font-weight: 400;
}
.pathway-two {
  margin-top: 0.25rem;
}
.pathway-eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--coral);
}
.pathway-pillar-text {
  margin: 0 0 1rem;
  font-size: 0.98rem;
  line-height: 1.58;
  color: var(--muted);
  font-weight: 400;
}
.pathway-pillar-cta {
  margin: 0;
}
.pathway-below {
  margin-top: 1.75rem;
  padding-top: 0.25rem;
}
.pathway-hint-box {
  margin-top: 0;
  padding: 1.2rem 1.25rem 1.35rem;
}
.pathway-hint-box h3 {
  margin: 0 0 0.7rem;
  font-size: 1.2rem;
  line-height: 1.25;
}
.pathway-hint-intro {
  margin: 0 0 2rem;
  max-width: 50rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--muted);
  font-weight: 400;
}
.pathway-match-list {
  margin: 0;
  padding: 0.9rem 0 0;
  list-style: none;
  display: grid;
  gap: 0.85rem;
}
.pathway-match-item {
  margin: 0;
  padding: 0.95rem 1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.74);
}
.pathway-match-lead {
  margin: 0 0 0.42rem;
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.3;
}
.pathway-match-detail {
  margin: 0 0 0.7rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--muted);
  font-weight: 400;
}
.pathway-match-pair {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.5;
  color: var(--ink);
  font-weight: 600;
}
.pathway-match-pair-label {
  font-weight: 700;
  color: var(--coral);
  margin-right: 0.45rem;
}
a.pathway-match-ws {
  font-weight: 600;
  color: var(--coral);
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
a.pathway-match-ws:hover {
  color: var(--ink);
}
.pathway-cta {
  margin-top: 0;
}

/* About page */
.about-intro-grid {
  display: grid;
  grid-template-columns: minmax(200px, 300px) 1fr;
  gap: 2rem 2.5rem;
  align-items: start;
}
.about-photo-card {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.08);
  background: #fff;
}
.about-photo-card-img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.about-headline {
  margin: 0 0 0.75rem;
  font-size: clamp(1.25rem, 2.5vw, 1.55rem);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.25;
}
.about-intro-lede {
  margin: 0;
  font-size: 1.03rem;
  line-height: 1.62;
  color: var(--muted);
  font-weight: 400;
}
.about-intro-copy .about-what--intro {
  margin-top: 1.35rem;
  max-width: 52rem;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  padding: 1.5rem 1.6rem;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.06);
}
.about-intro-copy .about-what--intro h2 {
  margin: 0 0 0.5rem;
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  color: var(--coral);
}
.about-intro-copy .about-what--intro p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.58;
  color: var(--muted);
  font-weight: 400;
}
.about-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.15rem;
}
.about-cta {
  margin-top: 0.25rem;
}
.about-closing .about-cta {
  margin-top: 0;
}
@media (max-width: 900px) {
  .about-intro-grid {
    grid-template-columns: 1fr;
    max-width: 28rem;
    margin: 0 auto;
  }
  .about-pillars-grid {
    grid-template-columns: 1fr;
  }
}

/* Contact page */
.contact-lede {
  margin: 0 auto 1.5rem;
  max-width: 46rem;
  text-align: center;
  font-size: 1.03rem;
  line-height: 1.58;
  color: var(--muted);
  font-weight: 400;
}
.contact-page .contact-grid--form {
  padding-top: 0.25rem;
  padding-bottom: 2.5rem;
}
.contact-flash {
  max-width: 46rem;
  margin: 0 auto 1.25rem;
  padding: 1rem 1.2rem;
  border-radius: 12px;
  font-size: 0.98rem;
  font-weight: 500;
  text-align: center;
}
.contact-flash--success {
  background: rgba(232, 84, 26, 0.12);
  border: 1px solid rgba(232, 84, 26, 0.35);
  color: var(--ink);
}
.contact-form-heading {
  margin: 0 0 1.1rem;
  font-size: 1.2rem;
  color: var(--ink);
}
.contact-form {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 1.5rem 1.4rem 1.6rem;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.06);
}
.contact-form-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Contact: guided conversation (not a chat UI) */
.contact-flow-form .contact-flow-title {
  margin-bottom: 0.5rem;
}
.contact-flow-trust {
  margin: 0 0 1.25rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--muted);
  font-weight: 400;
  max-width: 40rem;
}
.contact-flow-steps {
  list-style: none;
  margin: 0 0 1.35rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.5rem;
}
.contact-flow-step {
  margin: 0;
  padding: 0;
}
.contact-flow-step span {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(26, 26, 46, 0.38);
  background: rgba(26, 26, 46, 0.06);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  border: 1px solid transparent;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.contact-flow-step.is-done span {
  color: var(--ink);
  background: rgba(232, 84, 26, 0.1);
  border-color: rgba(232, 84, 26, 0.22);
}
.contact-flow-step.is-current span {
  color: var(--coral);
  background: rgba(232, 84, 26, 0.12);
  border-color: rgba(232, 84, 26, 0.35);
}
.contact-flow-phase {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--coral);
  min-height: 1.2em;
}
.contact-flow-panel {
  padding-top: 0.35rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-top: 0.65rem;
}
.contact-flow-panel .contact-flow-question {
  margin: 0 0 1rem;
  font-size: 1.18rem;
  line-height: 1.45;
  font-weight: 600;
  color: var(--ink);
  max-width: 36rem;
}
.contact-flow-input-slot {
  margin-bottom: 1rem;
}
.contact-flow-input {
  max-width: 28rem;
}
.contact-flow-input-slot .form-textarea {
  max-width: 36rem;
  min-height: 5.5rem;
}
.contact-flow-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}
.contact-flow-actions-primary {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  align-items: stretch;
}
.contact-flow-btn-ghost {
  border-color: rgba(26, 26, 46, 0.2) !important;
  color: var(--ink) !important;
  background: transparent !important;
}
.contact-flow-btn-ghost:hover {
  border-color: var(--ink) !important;
  background: rgba(26, 26, 46, 0.04) !important;
}
.contact-flow-error {
  margin: 0.5rem 0 0;
  font-size: 0.88rem;
  color: #b91c1c;
  font-weight: 500;
}
.contact-flow-review {
  padding-top: 0.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-top: 0.25rem;
}
.contact-flow-review-lead {
  margin: 0 0 1rem;
  font-size: 1.05rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--ink);
}
.contact-flow-summary {
  border-radius: 12px;
  background: linear-gradient(165deg, rgba(255, 248, 243, 0.9) 0%, rgba(255, 255, 255, 0.95) 100%);
  border: 1px solid rgba(222, 197, 173, 0.45);
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
}
.contact-flow-summary-row {
  display: grid;
  grid-template-columns: minmax(6rem, 8.5rem) 1fr auto;
  gap: 0.35rem 0.75rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  align-items: start;
}
.contact-flow-summary-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.contact-flow-summary-row:first-child {
  padding-top: 0;
}
.contact-flow-summary-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
}
.contact-flow-summary-value {
  font-size: 0.95rem;
  color: var(--ink);
  line-height: 1.45;
  word-break: break-word;
}
.contact-flow-summary-actions {
  align-self: start;
}
.contact-flow-change {
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 0.25rem 0.55rem;
  border-radius: 8px;
  border: 1px solid rgba(232, 84, 26, 0.35);
  background: #fff;
  color: var(--coral);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.contact-flow-change:hover {
  background: rgba(232, 84, 26, 0.08);
  border-color: var(--coral);
}
.contact-flow-recaptcha-note {
  margin: 0 0 0.65rem;
  font-size: 0.88rem;
  color: var(--muted);
  line-height: 1.45;
}
.contact-flow-privacy {
  margin-top: 1.15rem;
}
.contact-flow-back-row {
  width: 100%;
  margin: 0;
}
.contact-flow-back-link {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--muted);
  text-decoration: underline;
  text-decoration-color: rgba(26, 26, 46, 0.22);
  text-underline-offset: 0.18em;
  align-self: flex-start;
  cursor: pointer;
}
.contact-flow-back-link:hover {
  color: var(--ink);
  text-decoration-color: rgba(26, 26, 46, 0.4);
}
.contact-flow-back-link:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 3px;
  border-radius: 2px;
}
.contact-flow-review-actions {
  margin: 0.75rem 0 0;
}
.contact-flow-review-nav {
  display: block;
}
.contact-flow-submit-status {
  margin: 0.65rem 0 0;
  font-size: 0.92rem;
  font-weight: 500;
}
.contact-flow-submit-status.is-loading {
  color: var(--muted);
}
.contact-flow-submit-status.is-error {
  color: #b91c1c;
}
.contact-flow-review .btn[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.contact-success-title {
  margin: 0 0 0.65rem;
  font-size: 1.35rem;
  color: var(--ink);
}
.contact-success-body {
  margin: 0 0 1.15rem;
  font-size: 1.02rem;
  line-height: 1.55;
  color: var(--muted);
}
.contact-success-actions {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

@media (max-width: 560px) {
  .contact-flow-summary-row {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
  .contact-flow-summary-actions {
    justify-self: start;
    margin-top: 0.25rem;
  }
  .contact-flow-steps {
    gap: 0.35rem;
  }
}

.form-field {
  margin-bottom: 1.1rem;
}
.form-fieldset {
  border: none;
  padding: 0;
  margin: 0 0 1.1rem;
}
.form-label {
  display: block;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 0.35rem;
}
.form-input {
  width: 100%;
  font: inherit;
  font-weight: 400;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  /* Use background-color only — `background` shorthand resets repeat/position on <select>. */
  background-color: #fafafa;
}
.form-input:focus {
  outline: 2px solid rgba(232, 84, 26, 0.35);
  outline-offset: 1px;
  border-color: var(--coral);
  background-color: #fff;
}
.form-select {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234a4a5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65rem center;
  background-size: 18px 18px;
  padding-right: 2.4rem;
}
.form-select:focus {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8541a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65rem center;
  background-size: 18px 18px;
}
.form-textarea {
  min-height: 6rem;
  resize: vertical;
}
.form-radio-row {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.25rem;
}
.form-radio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.94rem;
  font-weight: 400;
  color: var(--muted);
  cursor: pointer;
}
.form-radio input {
  accent-color: var(--coral);
}
.contact-recaptcha {
  margin-bottom: 0.85rem;
}
.form-actions {
  margin: 1.25rem 0 0.75rem;
}
.form-privacy {
  margin: 0;
  font-size: 0.82rem;
  color: var(--muted);
  font-weight: 400;
}
.contact-card-direct {
  margin: 0.75rem 0 0.35rem;
}

/* Per-workshop gradients ── */
.ws-hero[data-ws="study-in-the-real-world"]   { background: radial-gradient(ellipse at 20% 60%, rgba(232,84,26,.55) 0%, #0f0e1a 68%); }
.ws-hero[data-ws="transition-fun-day"]         { background: radial-gradient(ellipse at 70% 40%, rgba(239,68,68,.55) 0%, #0f0e1a 68%); }
.ws-hero[data-ws="ai-for-learning"]            { background: radial-gradient(ellipse at 30% 70%, rgba(99,102,241,.6) 0%, #0a0918 68%); }
.ws-hero[data-ws="remember-everything"]        { background: radial-gradient(ellipse at 75% 55%, rgba(20,184,166,.55) 0%, #061412 68%); }
.ws-hero[data-ws="get-organised"]              { background: radial-gradient(ellipse at 20% 40%, rgba(245,158,11,.5) 0%, #140b00 68%); }
.ws-hero[data-ws="exam-ready"]                 { background: radial-gradient(ellipse at 60% 30%, rgba(16,185,129,.5) 0%, #041409 68%); }
.ws-hero[data-ws="mind-and-body"]              { background: radial-gradient(ellipse at 80% 65%, rgba(244,63,94,.5) 0%, #150510 68%); }
.ws-hero[data-ws="goals-and-careers"]          { background: radial-gradient(ellipse at 40% 70%, rgba(139,92,246,.55) 0%, #0d0818 68%); }
.ws-hero[data-ws="digital-confidence-for-teachers"] { background: radial-gradient(ellipse at 35% 55%, rgba(14,165,233,.52) 0%, #071018 68%); }

/* Hero accent color (h1 tint matching workshop) ── */
.ws-hero[data-ws="study-in-the-real-world"] h1  { color: #ff8c5a; }
.ws-hero[data-ws="transition-fun-day"] h1        { color: #fca5a5; }
.ws-hero[data-ws="ai-for-learning"] h1           { color: #a5b4fc; }
.ws-hero[data-ws="remember-everything"] h1       { color: #5eead4; }
.ws-hero[data-ws="get-organised"] h1             { color: #fcd34d; }
.ws-hero[data-ws="exam-ready"] h1                { color: #6ee7b7; }
.ws-hero[data-ws="mind-and-body"] h1             { color: #fda4af; }
.ws-hero[data-ws="goals-and-careers"] h1         { color: #c4b5fd; }
.ws-hero[data-ws="digital-confidence-for-teachers"] h1 { color: #7dd3fc; }

/* ── HOME: Full-bleed hero + slider ─────────────────────────────────── */
.home-hero-fullbleed {
  position: relative;
  margin-bottom: 0;
  background: #0a0912;
  color: rgba(255, 255, 255, 0.92);
}

.slider-global-dock {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 12;
  padding: clamp(0.65rem, 1.8vw, 1rem) 0 clamp(0.75rem, 2vw, 1rem);
  background: linear-gradient(
    180deg,
    rgba(5, 5, 12, 0.92) 0%,
    rgba(8, 8, 16, 0.72) 45%,
    rgba(8, 8, 16, 0.2) 82%,
    transparent 100%
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  pointer-events: none;
}
.slider-global-dock-inner {
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  width: 100%;
}
.slider-global-copy {
  flex: 1 1 16rem;
  min-width: min(100%, 14rem);
}
.home-hero-lead {
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(0.88rem, 1.9vw, 1.02rem);
  font-weight: 400;
  margin: 0.65rem 0 0;
  max-width: 56ch;
  line-height: 1.45;
}
.slider-global-dock .home-hero-brand {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
  margin: 0;
  text-align: left;
}
.home-hero-brand-mark {
  font-size: clamp(1.05rem, 2.4vw, 1.35rem);
  font-weight: 700;
  color: var(--coral);
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.home-hero-brand-tag {
  font-size: clamp(0.88rem, 1.8vw, 0.98rem);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.35;
}
.home-hero-quickcta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 auto;
}
.home-hero-cta-secondary {
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.home-hero-cta-secondary:hover {
  border-color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

.slider-wrap--fullbleed {
  position: relative;
  width: 100%;
  max-width: none;
  border-radius: 0;
  overflow: hidden;
  min-height: min(82vh, 640px);
  height: auto;
  margin: 0;
  background: #0a0912;
}

.slider-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 460px;
  margin-bottom: 2.5rem;
  background: #0f0e1a;
}
.slider-track { position: relative; height: 100%; min-height: inherit; }

.slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.85s ease;
  overflow: hidden;
}
.slide.is-active { opacity: 1; z-index: 2; }

.slider-wrap--fullbleed .slide {
  padding: clamp(5.25rem, 14vh, 8rem) 0 clamp(4.25rem, 10vh, 5.5rem);
  box-sizing: border-box;
}

.slide-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  transition: transform 8s ease;
}
.slide.is-active .slide-media { transform: scale(1.06); }

.slide-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(10,9,18,.88) 0%, rgba(10,9,18,.45) 42%, rgba(10,9,18,.25) 100%);
  z-index: 0;
}

.slide-deco {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(8rem, 22vw, 19rem);
  line-height: 1;
  opacity: 0.07;
  color: #fff;
  pointer-events: none;
  user-select: none;
  font-weight: 700;
  z-index: 1;
}

.slide-content {
  position: relative;
  z-index: 2;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 4rem);
  max-width: min(36rem, 92vw);
  margin-left: clamp(0.5rem, 4vw, 3rem);
}

.slide-badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(255,255,255,.14);
  color: rgba(255,255,255,.88);
  padding: 0.25rem 0.8rem;
  border-radius: 999px;
  margin-bottom: 0.9rem;
}

.slide-title {
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  font-weight: 700;
  margin: 0 0 0.6rem;
  line-height: 1.1;
  color: #fff;
}

.slide-quote {
  font-style: italic;
  color: rgba(255,255,255,.65);
  font-size: 1rem;
  margin: 0 0 1.6rem;
  max-width: 42ch;
  font-weight: 400;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 14;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.18s;
}
.slider-arrow:hover { background: rgba(255,255,255,.26); }
.slider-wrap--fullbleed .slider-prev { left: clamp(0.75rem, 2vw, 1.25rem); }
.slider-wrap--fullbleed .slider-next { right: clamp(0.75rem, 2vw, 1.25rem); }
.slider-prev { left: 1rem; }
.slider-next { right: 1rem; }

.slider-dots {
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.45rem;
  z-index: 15;
}
.slider-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.35);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.22s;
}
.slider-dot.is-active { background: #fff; width: 22px; border-radius: 4px; }

/* Per-slide gradients (same as ws-hero) */
.slide[data-ws="study-in-the-real-world"]   { background: radial-gradient(ellipse at 22% 60%, rgba(232,84,26,.55) 0%, #0f0e1a 70%); }
.slide[data-ws="transition-fun-day"]         { background: radial-gradient(ellipse at 72% 40%, rgba(239,68,68,.55) 0%, #0f0e1a 70%); }
.slide[data-ws="ai-for-learning"]            { background: radial-gradient(ellipse at 28% 70%, rgba(99,102,241,.6) 0%, #0a0918 70%); }
.slide[data-ws="remember-everything"]        { background: radial-gradient(ellipse at 76% 55%, rgba(20,184,166,.55) 0%, #061412 70%); }
.slide[data-ws="get-organised"]              { background: radial-gradient(ellipse at 22% 40%, rgba(245,158,11,.5) 0%, #140b00 70%); }
.slide[data-ws="exam-ready"]                 { background: radial-gradient(ellipse at 62% 30%, rgba(16,185,129,.5) 0%, #041409 70%); }
.slide[data-ws="mind-and-body"]              { background: radial-gradient(ellipse at 80% 65%, rgba(244,63,94,.5) 0%, #150510 70%); }
.slide[data-ws="goals-and-careers"]          { background: radial-gradient(ellipse at 42% 70%, rgba(139,92,246,.55) 0%, #0d0818 70%); }
.slide[data-ws="digital-confidence-for-teachers"] { background: radial-gradient(ellipse at 36% 55%, rgba(14,165,233,.52) 0%, #071018 70%); }

/* Per-slide title accent */
.slide[data-ws="study-in-the-real-world"]  .slide-title { color: #ff8c5a; }
.slide[data-ws="transition-fun-day"]        .slide-title { color: #fca5a5; }
.slide[data-ws="ai-for-learning"]           .slide-title { color: #a5b4fc; }
.slide[data-ws="remember-everything"]       .slide-title { color: #5eead4; }
.slide[data-ws="get-organised"]             .slide-title { color: #fcd34d; }
.slide[data-ws="exam-ready"]                .slide-title { color: #6ee7b7; }
.slide[data-ws="mind-and-body"]             .slide-title { color: #fda4af; }
.slide[data-ws="goals-and-careers"]         .slide-title { color: #c4b5fd; }
.slide[data-ws="digital-confidence-for-teachers"] .slide-title { color: #7dd3fc; }

@media (max-width: 680px) {
  .slider-wrap:not(.slider-wrap--fullbleed) { height: 400px; border-radius: 14px; }
  .slider-wrap--fullbleed { min-height: 76vh; }
  .slide-content { max-width: 94%; margin-left: 0.75rem; padding: 1.5rem 1rem; }
  .slide-deco { display: none; }
  .slider-arrow { display: none; }
  .slider-global-dock {
    padding: 0.45rem 0 0.55rem;
  }
  .slider-global-dock-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
  }
  .slider-global-copy {
    flex: 0 1 auto;
    width: 100%;
    min-width: 0;
  }
  .home-hero-quickcta {
    justify-content: center;
    width: 100%;
    margin: 0;
  }
  .slider-global-dock .home-hero-brand {
    justify-content: center;
    text-align: center;
  }
  .home-hero-lead {
    margin-left: auto;
    margin-right: auto;
  }
  .slider-wrap--fullbleed .slide {
    padding: clamp(4.75rem, 11vh, 5.75rem) 0 clamp(4rem, 12vw, 5rem);
    align-items: flex-end;
  }
  .slide-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .slide-content .btn-ghost {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ── Parallax band ──────────────────────────────────────────────────── */
.parallax-band {
  background: var(--ink);
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 5rem 1.5rem;
  color: var(--cream);
}
@media (min-width: 900px) {
  .parallax-band { background-attachment: fixed; }
}
.parallax-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 30% 40%, rgba(232,84,26,.22) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 80% 70%, rgba(99,102,241,.12) 0%, transparent 50%),
    linear-gradient(180deg, #12111f 0%, #0a0912 100%);
  pointer-events: none;
}
.parallax-inner {
  position: relative;
  z-index: 1;
  max-width: var(--max);
  margin: 0 auto;
  will-change: transform;
  transition: transform 0.15s ease-out;
}
.parallax-band blockquote {
  font-size: clamp(1.25rem, 3.5vw, 1.9rem);
  font-weight: 700;
  color: #fff;
  margin: 0 auto;
  max-width: 28ch;
  line-height: 1.3;
  font-style: italic;
}
.parallax-band .coral-rule {
  display: block;
  width: 3rem;
  height: 3px;
  background: var(--coral);
  margin: 1.5rem auto;
  border: none;
}
.parallax-band p {
  color: rgba(255,255,255,.7);
  font-size: 0.95rem;
  margin: 0 auto;
  max-width: 50ch;
}

.home-testimonials-band {
  background: linear-gradient(180deg, #12111f 0%, #0a0912 100%);
  color: var(--cream);
}
.home-testimonials-inner {
  text-align: center;
}
.home-testimonials-kicker {
  color: rgba(255, 255, 255, 0.74);
  display: block;
  text-align: center;
  margin: 0 auto 1rem;
}
.home-testimonials-rotator {
  position: relative;
  max-width: 62rem;
  margin: 0 auto;
  min-height: 12rem;
}
.home-testimonial {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 0.95rem;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  pointer-events: none;
}
.home-testimonial.is-active {
  opacity: 1;
  transform: translateY(0);
}
.home-testimonial blockquote {
  margin: 0;
  font-size: clamp(1.15rem, 2.7vw, 1.7rem);
  line-height: 1.4;
  font-weight: 600;
  color: #fff;
}
.home-testimonial figcaption {
  margin: 0;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 760px) {
  .home-testimonials-rotator {
    min-height: 14.5rem;
  }
}

/* ── Diagonal section dividers ──────────────────────────────────────── */
.clip-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
  margin-bottom: -3.5rem;
  padding-bottom: 5rem;
}
.clip-top {
  clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
  padding-top: 5rem;
  margin-top: -3rem;
}

/* ── Stats band ─────────────────────────────────────────────────────── */
.stats-band {
  background: var(--ink);
  border-radius: 16px;
  padding: 1.75rem 1.5rem;
  margin: 2rem 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 1.5rem;
  text-align: center;
}
.stat-val { display: block; font-size: 2.1rem; font-weight: 700; color: var(--coral); line-height: 1; }
.stat-label { display: block; font-size: 0.82rem; color: rgba(255,255,255,.7); line-height: 1.35; margin-top: 0.3rem; }

/* ── Difference grid ────────────────────────────────────────────────── */
.diff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1rem;
  margin: 1.25rem 0 2.25rem;
}
.diff-card {
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 14px;
  padding: 1.35rem 1.25rem;
  transition: box-shadow 0.18s, transform 0.18s;
}
.diff-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.1); transform: translateY(-2px); }
.diff-card h3 { margin-bottom: 0.4rem; }
.diff-card p { font-size: 0.94rem; color: var(--muted); margin: 0; max-width: 100%; }

/* ── Meet Gareth teaser ─────────────────────────────────────────────── */
.meet-strip {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 2rem;
  align-items: center;
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 16px;
  padding: 1.75rem 2rem;
  margin: 2rem 0;
  transition: box-shadow 0.18s;
}
.meet-strip:hover { box-shadow: 0 8px 32px rgba(0,0,0,.09); }
.meet-strip img { width: 100%; border-radius: 10px; border: 2px solid var(--border); display: block; }
.meet-strip h2 { color: var(--coral); margin-bottom: 0.4rem; font-size: 1.4rem; }
.meet-strip p { color: var(--muted); font-size: 0.97rem; max-width: 58ch; font-weight: 400; }

@media (max-width: 580px) {
  .meet-strip { grid-template-columns: 1fr; gap: 1rem; padding: 1.25rem; }
  .meet-strip img { max-width: 130px; }
}

/* ── Standalone CTA band ────────────────────────────────────────────── */
.cta-band {
  background: linear-gradient(135deg, var(--coral) 0%, #c94410 100%);
  border-radius: 18px;
  padding: 2.5rem 2rem;
  margin: 2.5rem 0;
  text-align: center;
  color: #fff;
}
.cta-band h2 { color: #fff; margin-bottom: 0.5rem; }
.cta-band p { color: rgba(255,255,255,.88); margin: 0 auto 1.4rem; max-width: 54ch; font-weight: 400; }
.cta-band .btn { background: #fff; color: var(--coral) !important; }
.cta-band .btn:hover { background: var(--ink); color: #fff !important; }

/* ── Section utility ────────────────────────────────────────────────── */
.section { margin-bottom: 2.75rem; }
.section-intro { color: var(--muted); font-weight: 400; margin-bottom: 1.5rem; }

/* ── Inner page title band (all main pages except home) ────────────── */
.page-header {
  margin: 0;
  text-align: center;
  background: linear-gradient(165deg, #fdf9f4 0%, #f6ede4 42%, #ebe0d4 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.055);
  padding: clamp(2.35rem, 5.5vw, 3.4rem) 0 clamp(2rem, 4vw, 2.85rem);
  box-shadow: 0 18px 40px rgba(26, 26, 46, 0.04);
}
.page-header-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-header-title {
  margin: 0;
  font-size: clamp(1.95rem, 4.3vw, 2.65rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.12;
  color: var(--ink);
  max-width: min(100%, 32rem);
}
.page-header-title::after {
  content: "";
  display: block;
  width: 2.75rem;
  height: 3px;
  margin: 1rem auto 0;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--coral), rgba(232, 84, 26, 0.2));
}
.page-header-lede {
  margin: 1.2rem 0 0;
  padding: 0;
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.05rem;
  line-height: 1.62;
  font-weight: 400;
  color: var(--muted);
}
.page-header--workshops {
  padding-bottom: clamp(1.35rem, 3.5vw, 2.1rem);
  box-shadow: 0 12px 32px rgba(26, 26, 46, 0.035);
}
.page-content {
  padding-top: clamp(1.5rem, 3.5vw, 2.25rem);
  padding-bottom: 0.25rem;
}

/* ── Workshop hub (full-bleed sections, not card grid) ─────────────── */

.hub-section-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--coral);
}

/* Specialists heading + theme filter — centered, panelled */
.workshops-hub-specialists-intro {
  background: linear-gradient(180deg, #faf7f1 0%, #f3ebe2 52%, #ebe2d6 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: clamp(1.85rem, 4.5vw, 2.75rem) 0;
  margin: 0;
}
.workshops-hub-specialists-intro--first {
  border-top: none;
}
.workshops-hub-specialists-intro-inner {
  text-align: center;
}
.workshops-hub-specialists-kicker {
  margin: 0 auto 1.1rem;
  letter-spacing: 0.12em;
}
.workshops-hub-theme-panel {
  margin: 0 auto;
  max-width: 100%;
  padding: 0.95rem 1rem 1.05rem;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);
}
.hub-theme-nav.filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem 0.65rem;
  margin: 0 auto;
  max-width: 62rem;
  padding: 0.15rem 0;
  overflow: visible;
  justify-items: stretch;
  align-items: stretch;
}
@media (max-width: 1100px) {
  .hub-theme-nav.filter-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 42rem;
  }
}
@media (max-width: 720px) {
  .hub-theme-nav.filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 26rem;
  }
}
@media (max-width: 400px) {
  .hub-theme-nav.filter-bar {
    grid-template-columns: 1fr;
    max-width: 18rem;
  }
}
.hub-theme-nav.filter-bar button {
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.45rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.96);
  color: var(--ink);
  cursor: pointer;
  width: 100%;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
  min-height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease,
    box-shadow 0.15s ease, transform 0.12s ease;
}
.filter-bar button:hover {
  border-color: rgba(232, 84, 38, 0.5);
  background: #fff;
  color: var(--coral);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}
.filter-bar button.is-active {
  border-color: var(--coral);
  background: var(--coral);
  color: #fff;
  box-shadow: 0 4px 20px rgba(232, 84, 38, 0.3);
  transform: none;
}
.filter-bar button:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .filter-bar button:hover {
    transform: none;
  }
}

/* Full-bleed feature band (gateway, fun day, each specialist) */
.hub-feature {
  position: relative;
  overflow: hidden;
  min-height: min(56vh, 480px);
  display: flex;
  align-items: stretch;
  background: #0a0912;
}
.hub-ws-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(232, 84, 26, 0.3), var(--coral), rgba(232, 84, 26, 0.3));
  z-index: 3;
  pointer-events: none;
}
.hub-feature-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  transition: transform 12s ease;
}
.hub-feature:hover .hub-feature-media {
  transform: scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
  .hub-feature-media,
  .hub-feature:hover .hub-feature-media {
    transform: none;
    transition: none;
  }
}
.hub-feature-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    rgba(10, 9, 18, 0.92) 0%,
    rgba(10, 9, 18, 0.55) 45%,
    rgba(10, 9, 18, 0.3) 100%
  );
}
.hub-feature--funday .hub-feature-scrim {
  background: linear-gradient(
    115deg,
    rgba(60, 10, 10, 0.92) 0%,
    rgba(120, 25, 25, 0.65) 40%,
    rgba(15, 8, 12, 0.45) 100%
  );
}
.hub-feature-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  padding: clamp(2.5rem, 6vw, 4.5rem) 1.5rem;
  min-height: inherit;
}
.hub-feature-copy {
  max-width: min(36rem, 100%);
}
.hub-feature-badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.28rem 0.85rem;
  border-radius: 999px;
  margin-bottom: 0.9rem;
  background: var(--coral);
  color: #fff;
}
.hub-feature-badge--light {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.hub-feature-badge--specialist {
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.22);
}
.hub-feature-badge--teacher {
  background: rgba(125, 211, 252, 0.2);
  color: #e0f2fe;
  border: 1px solid rgba(125, 211, 252, 0.45);
}
.hub-feature-title {
  margin: 0 0 0.5rem;
  font-size: clamp(1.65rem, 4vw, 2.45rem);
  font-weight: 700;
  line-height: 1.12;
  color: #fff;
}
.hub-feature-meta {
  margin: 0 0 0.85rem;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.62);
  font-weight: 400;
  line-height: 1.45;
}
.hub-feature-lead {
  margin: 0 0 1.35rem;
  font-size: 1.02rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 400;
}
.hub-feature-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.hub-feature[data-ws="study-in-the-real-world"] .hub-feature-title {
  color: #ff8c5a;
}
.hub-feature[data-ws="transition-fun-day"] .hub-feature-title {
  color: #fecaca;
}
.hub-feature[data-ws="ai-for-learning"] .hub-feature-title {
  color: #a5b4fc;
}
.hub-feature[data-ws="remember-everything"] .hub-feature-title {
  color: #5eead4;
}
.hub-feature[data-ws="get-organised"] .hub-feature-title {
  color: #fcd34d;
}
.hub-feature[data-ws="exam-ready"] .hub-feature-title {
  color: #6ee7b7;
}
.hub-feature[data-ws="mind-and-body"] .hub-feature-title {
  color: #fda4af;
}
.hub-feature[data-ws="goals-and-careers"] .hub-feature-title {
  color: #c4b5fd;
}
.hub-feature[data-ws="digital-confidence-for-teachers"] .hub-feature-title {
  color: #7dd3fc;
}

.hub-ws-section.is-filtered-out {
  display: none !important;
}

@media (max-width: 600px) {
  .hub-feature {
    min-height: min(62vh, 520px);
  }
  .workshops-hub-theme-panel {
    padding: 0.85rem 0.75rem 0.95rem;
    border-radius: 14px;
  }
  .hub-theme-nav.filter-bar button {
    font-size: 0.74rem;
    padding: 0.45rem 0.65rem;
    min-height: 2.4rem;
  }
}

/* Legacy card grid (unused on hub; kept for any future reuse) */
.grid-cards {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}
.card {
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 14px;
  padding: 1.15rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: box-shadow 0.18s, transform 0.18s;
}
.card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.card h3 {
  margin: 0;
  font-size: 1.05rem;
}
.card .meta {
  font-size: 0.87rem;
  color: var(--muted);
  line-height: 1.4;
  font-weight: 400;
}
.card p {
  font-size: 0.94rem;
  margin: 0;
  flex-grow: 1;
  font-weight: 400;
}
.card .card-actions {
  margin-top: 0.75rem;
}

/* ── Workshop detail (editorial bands, no numbering) ───────────────── */
main { padding: 0 0 3rem; }

.workshop-detail {
  --ws-accent: var(--coral);
  --max: min(88rem, calc(100vw - 2.5rem));
  /* One vertical rhythm for every band so the foot of the page matches the hero/pair sections */
  --ws-section-pad-y: clamp(2.25rem, 5.5vw, 3.75rem);
  --ws-section-pad-y-tight: clamp(1.75rem, 4vw, 2.75rem);
  --ws-head-to-body: clamp(1.15rem, 2.5vw, 1.65rem);
}
.workshop-detail[data-ws="study-in-the-real-world"] { --ws-accent: #ff8c5a; }
.workshop-detail[data-ws="transition-fun-day"] { --ws-accent: #fca5a5; }
.workshop-detail[data-ws="ai-for-learning"] { --ws-accent: #a5b4fc; }
.workshop-detail[data-ws="remember-everything"] { --ws-accent: #5eead4; }
.workshop-detail[data-ws="get-organised"] { --ws-accent: #fcd34d; }
.workshop-detail[data-ws="exam-ready"] { --ws-accent: #6ee7b7; }
.workshop-detail[data-ws="mind-and-body"] { --ws-accent: #fda4af; }
.workshop-detail[data-ws="goals-and-careers"] { --ws-accent: #c4b5fd; }
.workshop-detail[data-ws="digital-confidence-for-teachers"] { --ws-accent: #7dd3fc; }

/* Opening pair bands: pull content closer to hero; keep rest of page on main rhythm */
.workshop-detail > .ws-showcase--pair.ws-band--light:first-child {
  padding-top: clamp(0.75rem, 2vw, 1.5rem);
  padding-bottom: clamp(1rem, 2.5vw, 1.65rem);
}
.workshop-detail > .ws-showcase--pair.ws-band--light + .ws-showcase--pair.ws-band--alt {
  padding-top: clamp(0.85rem, 2.2vw, 1.55rem);
  padding-bottom: clamp(1.15rem, 3vw, 2rem);
}
.workshop-detail > .ws-showcase--pair.ws-band--alt + .ws-showcase--content {
  padding-top: calc(var(--ws-section-pad-y) + 0.35rem);
}

.workshop-detail .ws-showcase--pair .ws-pair-grid {
  max-width: 72rem;
  margin-inline: auto;
}

.ws-showcase {
  margin: 0;
  padding: var(--ws-section-pad-y) 0;
}
.ws-showcase-frame {
  max-width: var(--max);
}
.ws-showcase-inner {
  width: 100%;
  max-width: none;
}

.ws-band--light {
  background: linear-gradient(180deg, #fffdfb 0%, #faf5ee 55%, #f3ece3 100%);
}
.ws-band--alt {
  background: linear-gradient(180deg, #f7f2ea 0%, #efe6d9 50%, #e8dfd3 100%);
}
.ws-band--cream {
  background: linear-gradient(180deg, #faf6f0 0%, #f0e8de 100%);
}
.ws-band--cream + .ws-band--cream {
  padding-top: var(--ws-section-pad-y-tight);
  border-top: 1px solid rgba(0, 0, 0, 0.055);
}
.ws-band--cream + .ws-band--cream .ws-showcase-head {
  margin-top: 0;
}
.ws-band--dark {
  background: radial-gradient(ellipse 120% 80% at 20% 20%, rgba(99, 102, 241, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 90% 70% at 90% 80%, rgba(232, 84, 38, 0.08) 0%, transparent 50%),
    linear-gradient(165deg, #0f0e18 0%, #0a0912 45%, #12101c 100%);
  padding: var(--ws-section-pad-y) 0;
}
.workshop-detail .ws-showcase--content.ws-band--dark {
  padding-top: clamp(1.35rem, 3.2vw, 2.35rem);
}
.ws-band--dark .ws-showcase-title,
.ws-band--ink .ws-showcase-title {
  color: #fff;
}
.ws-band--dark .ws-kicker {
  color: rgba(255, 255, 255, 0.55);
}
.ws-band--dark .ws-kicker::after {
  background: linear-gradient(90deg, var(--ws-accent), transparent);
}
.ws-band--ink {
  background: linear-gradient(115deg, #16142a 0%, #1a1830 40%, #0f0d18 100%);
  padding: var(--ws-section-pad-y) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ws-band--ink .ws-kicker {
  color: rgba(255, 255, 255, 0.5);
}

/* Kicker = human-readable section cue (replaces opaque numbers) */
.ws-kicker {
  margin: 0 0 0.15rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ws-accent);
  line-height: 1.3;
}
.ws-kicker::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2px;
  margin-top: 0.5rem;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--ws-accent), rgba(232, 84, 38, 0.15));
}
.ws-band--dark .ws-kicker::after,
.ws-band--ink .ws-kicker::after {
  background: linear-gradient(90deg, var(--ws-accent), transparent);
}

.ws-showcase-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin-bottom: var(--ws-head-to-body);
  max-width: 48rem;
}
.ws-showcase-head--second {
  margin-bottom: var(--ws-head-to-body);
  padding-left: 1rem;
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.ws-band--light .ws-showcase-head--second,
.ws-band--alt .ws-showcase-head--second {
  border-left-color: var(--ws-accent);
}
.ws-showcase-title {
  margin: 0;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.workshop-detail .ws-pair-cell p,
.workshop-detail .ws-showcase-body p {
  max-width: none;
}

.ws-pair-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem min(2rem, 4vw);
  align-items: start;
}
.ws-pair-cell .ws-showcase-body {
  margin: 0;
}

.ws-prose {
  font-size: 1.03rem;
  line-height: 1.62;
  color: var(--ink);
  margin: 0;
  font-weight: 400;
}

.ws-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.ws-feature-list-item {
  margin: 0;
  padding: 0 0 0 1.05rem;
  position: relative;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.ws-feature-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ws-accent);
  opacity: 0.85;
}
.ws-band--alt .ws-feature-list-item {
  background: transparent;
}
.ws-feature-list-text {
  font-size: 0.98rem;
  line-height: 1.52;
  font-weight: 400;
  color: var(--ink);
}

/* Session “beats” — calm cards, no index column */
.ws-flow-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 1.25rem;
}
.ws-flow-item {
  margin: 0;
  padding: 1.2rem 1.25rem 1.25rem;
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
}
.ws-flow-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ws-accent), rgba(255, 255, 255, 0.08));
  opacity: 0.9;
}
.ws-flow-title {
  margin: 0.35rem 0 0.4rem;
  font-size: 1.08rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
}
.ws-flow-desc {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 400;
}

.ws-align-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
.ws-align-card {
  padding: 1.25rem 1.35rem;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
}
.ws-align-card-title {
  margin: 0 0 0.45rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ws-accent);
  line-height: 1.25;
}
.ws-align-card-text {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  font-weight: 400;
  color: var(--ink);
}

.ws-practicalities ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1.15rem;
  grid-template-columns: repeat(2, 1fr);
}
.ws-practicalities li {
  margin: 0;
  padding: 1.2rem 1.25rem;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 0.93rem;
  line-height: 1.52;
  font-weight: 400;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
.ws-practicalities strong,
.ws-practicalities b {
  display: block;
  color: var(--coral);
  margin-bottom: 0.3rem;
  font-size: 0.74rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
}

.ws-results-lede {
  margin: 0;
  font-size: clamp(1.05rem, 2.2vw, 1.28rem);
  line-height: 1.65;
  color: var(--ink);
  font-weight: 400;
  max-width: 52rem;
  border-left: 4px solid var(--ws-accent);
  padding: 1.1rem 1.25rem 1.15rem 1.35rem;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 4px solid var(--ws-accent);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
}
.ws-band--dark .ws-results-lede,
.ws-band--ink .ws-results-lede {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.1);
  border-left-color: var(--ws-accent);
  box-shadow: none;
}

.ws-follow-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem 2rem;
  align-items: stretch;
  margin-top: 0.15rem;
}
.ws-follow-col {
  padding: 1.35rem 1.5rem;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}
.ws-follow-col .ws-kicker {
  margin-bottom: 0.65rem;
}
.ws-follow-col .ws-kicker::after {
  margin-top: 0.45rem;
  width: 2rem;
}
.ws-follow-text {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.58;
  color: var(--muted);
}
.ws-follow-linklist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ws-follow-list-item {
  margin: 0 0 0.42rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  color: var(--muted);
}
.ws-follow-list-item:last-child {
  margin-bottom: 0;
}
.ws-follow-link {
  font-weight: 400;
  color: var(--coral);
  text-decoration: none;
}
.ws-follow-link:hover {
  text-decoration: underline;
}
.ws-follow-plain {
  font-weight: 400;
  color: var(--muted);
}
.ws-follow-text--lead {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.58;
}

.workshop-detail .ws-showcase--followon {
  padding-bottom: calc(var(--ws-section-pad-y) + 0.5rem);
}

/* Quote band after cream logistics: bridge into programme / CTA without a third dark stack */
.workshop-detail .ws-showcase--practicalities + .parallax-band {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ws-foot-band {
  margin: 0;
  padding: clamp(1.25rem, 3vw, 2rem) 0 0;
}
.ws-foot-band .wrap {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.ws-foot-cta {
  margin: 0;
  padding: 1.65rem 1.5rem;
  background: linear-gradient(115deg, var(--coral) 0%, #c2410c 48%, #9a3412 100%);
  border-radius: 0;
  text-align: center;
  box-shadow: none;
}
.ws-foot-cta p {
  margin: 0;
  color: #fff;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.5;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
}
.ws-foot-cta a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ws-foot-cta a:hover {
  opacity: 0.92;
}

.ws-tool-band {
  background: linear-gradient(90deg, rgba(196, 181, 253, 0.22) 0%, rgba(165, 180, 252, 0.12) 100%);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
  padding: 1rem 0;
}
.ws-tool-band .wrap {
  max-width: var(--max);
}
.ws-tool-banner {
  font-size: 0.96rem;
  line-height: 1.55;
  margin: 0;
  padding: 1rem 1.15rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(139, 92, 246, 0.25);
  font-weight: 400;
  color: var(--ink);
}
.ws-tool-banner strong {
  font-weight: 700;
}
.ws-tool-banner a {
  font-weight: 700;
  color: #5b21b6;
}

@media (max-width: 820px) {
  .ws-pair-grid,
  .ws-flow-grid,
  .ws-align-grid,
  .ws-practicalities ul,
  .ws-follow-cols {
    grid-template-columns: 1fr;
  }
  .workshop-detail {
    --ws-section-pad-y: clamp(1.85rem, 6vw, 2.65rem);
    --ws-section-pad-y-tight: clamp(1.5rem, 5vw, 2.15rem);
  }
  .ws-showcase-head--second {
    border-left: none;
    padding-left: 0;
    padding-top: 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }
  .ws-follow-cols {
    gap: 1.15rem;
  }
}

/* Legacy (older workshop markup / PDF-adjacent) */
.prose-section { margin-bottom: 1.75rem; }
.prose-section ul { margin: 0 0 1em; padding-left: 1.2rem; }
.prose-section li { margin-bottom: 0.35em; font-weight: 400; }
.content-strands {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
}
.alignment-box {
  background: #fff;
  border-left: 4px solid var(--coral);
  padding: 1rem 1.15rem;
  margin-bottom: 1rem;
  border-radius: 0 10px 10px 0;
}
.foot-cta {
  background: var(--ink);
  color: var(--cream);
  padding: 1.5rem 1.5rem;
  border-radius: 14px;
  margin-top: 2rem;
}
.foot-cta a { color: var(--coral); }
.foot-cta p { color: rgba(255, 255, 255, 0.85); margin: 0; font-weight: 400; }
.tool-signpost {
  font-size: 0.92rem;
  background: #fff;
  border: 1px dashed var(--border);
  padding: 0.9rem 1rem;
  border-radius: 10px;
  margin-top: 1rem;
  font-weight: 400;
}
.tool-signpost a { font-weight: 600; }

/* ── About / bio ────────────────────────────────────────────────────── */
.bio-wrap {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 2.5rem;
  align-items: start;
  margin: 1.75rem 0 2.25rem;
}
.bio-photo { width: 100%; border-radius: 14px; border: 3px solid var(--border); display: block; }
.bio-career {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border);
}
.bio-career:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.bio-career h3 { margin-bottom: 0.3rem; }
.bio-career p { color: var(--muted); margin: 0; font-size: 0.97rem; font-weight: 400; }

/* .about-what--intro: editorial card beside photo on about intro band */

@media (max-width: 640px) {
  .bio-wrap { grid-template-columns: 1fr; gap: 1.5rem; }
  .bio-photo { max-width: 180px; }
}

/* ── Outcomes ───────────────────────────────────────────────────────── */

.highlight-box {
  background: #fff5ef;
  border: 1px solid var(--border);
  border-left: 4px solid var(--coral);
  border-radius: 0 10px 10px 0;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
.highlight-box p { margin: 0; font-size: 0.94rem; font-weight: 400; }

.pathway-note {
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  margin: 2rem 0;
}
.pathway-note h3 { color: var(--ink); margin-bottom: 0.3rem; }
.pathway-note p { color: var(--muted); font-weight: 400; font-size: 0.95rem; margin: 0 0 0.75rem; }

/* ── Contact / AI Chat ──────────────────────────────────────────────── */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 2.5rem;
  align-items: start;
}
@media (max-width: 820px) { .contact-grid { grid-template-columns: 1fr; } }

.chat-wrap {
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 580px;
  box-shadow: 0 8px 40px rgba(0,0,0,.1);
}
.chat-header {
  background: var(--ink);
  color: var(--cream);
  padding: 0.9rem 1.1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.chat-avatar {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--coral);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 1rem;
  flex-shrink: 0;
}
.chat-header-info strong { display: block; font-size: 0.92rem; }
.chat-status {
  font-size: 0.76rem;
  color: rgba(255,255,255,.6);
  display: flex; align-items: center; gap: 0.35rem;
}
.chat-status::before {
  content: '';
  width: 7px; height: 7px;
  background: #4ade80;
  border-radius: 50%;
  display: inline-block;
}
.chat-messages {
  flex-grow: 1;
  overflow-y: auto;
  padding: 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  scroll-behavior: smooth;
}
.chat-bubble {
  max-width: 84%;
  padding: 0.7rem 0.95rem;
  border-radius: 16px;
  font-size: 0.93rem;
  line-height: 1.45;
  font-weight: 400;
  white-space: pre-wrap;
}
.chat-bubble.bot { background: #f3f4f6; color: var(--ink); align-self: flex-start; border-bottom-left-radius: 4px; }
.chat-bubble.user { background: var(--coral); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }

.chat-options { display: flex; flex-wrap: wrap; gap: 0.45rem; align-self: flex-start; max-width: 96%; }
.chat-opt {
  font-family: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  border: 2px solid var(--border);
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  transition: all 0.15s;
  line-height: 1.3;
}
.chat-opt:hover { border-color: var(--coral); color: var(--coral); }
.chat-opt.selected { border-color: var(--coral); background: #fff5ef; color: var(--coral); }

.chat-typing {
  display: flex; gap: 4px; align-items: center;
  padding: 0.6rem 0.9rem;
  background: #f3f4f6;
  border-radius: 14px; border-bottom-left-radius: 4px;
  align-self: flex-start;
  width: fit-content;
}
.chat-typing span {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--muted);
  animation: dot-bounce 1.2s infinite;
}
.chat-typing span:nth-child(2) { animation-delay: 0.2s; }
.chat-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes dot-bounce {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(-5px); }
}

.chat-confirm-row { display: flex; gap: 0.5rem; align-self: flex-start; margin-top: 0.25rem; }

.chat-input-area {
  border-top: 2px solid var(--border);
  padding: 0.8rem 0.9rem;
  display: flex;
  gap: 0.6rem;
  flex-shrink: 0;
  background: #fff;
}
.chat-input {
  flex-grow: 1;
  font-family: inherit;
  font-size: 0.93rem;
  border: 2px solid var(--border);
  border-radius: 999px;
  padding: 0.5rem 0.9rem;
  outline: none;
  transition: border-color 0.15s;
  font-weight: 400;
}
.chat-input:focus { border-color: var(--coral); }
.chat-input:disabled { background: #f9f9f9; color: var(--muted); }
.chat-send {
  font-family: inherit;
  font-weight: 700;
  font-size: 0.88rem;
  background: var(--coral);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}
.chat-send:hover { background: var(--ink); }
.chat-send:disabled { background: var(--border); cursor: default; }
.chat-email-btn {
  display: inline-block;
  background: var(--coral);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  padding: 0.65rem 1.2rem;
  border-radius: 999px;
  font-size: 0.93rem;
  margin-top: 0.35rem;
  transition: background 0.15s;
}
.chat-email-btn:hover { background: var(--ink); }

/* ── Footer ─────────────────────────────────────────────────────────── */
.site-footer--full {
  margin-top: 0;
  background: var(--ink);
  color: rgba(255, 255, 255, 0.9);
  border-top: 4px solid var(--coral);
  padding: 2.75rem 0 0;
  font-size: 0.92rem;
}
.site-footer-inner {
  display: grid;
  grid-template-columns: 1.15fr 1fr 0.85fr 1fr;
  gap: 2rem 2.5rem;
  padding-bottom: 2.5rem;
}
.site-footer-brand-col .footer-brand {
  color: #fff;
  font-size: 1.5rem;
}
.site-footer-brand-col .footer-brand:hover {
  color: var(--coral);
}
.site-footer-brand-col .footer-brand:hover .brand-a {
  color: inherit;
}
.site-footer-brand-col .footer-brand:hover .brand-flame-svg {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}
.site-footer-brand-col .footer-brand:hover .brand-flame-svg path {
  fill: #fff;
}
.site-footer-tagline {
  margin: 1rem 0 0;
  max-width: 28ch;
  font-size: 0.88rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 400;
}
.site-footer-heading {
  margin: 0 0 0.85rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}
.site-footer-contact-col p,
.site-footer-athro-col p {
  margin: 0 0 0.4rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.88);
}
.site-footer-location {
  margin-top: 0.65rem !important;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.65) !important;
}
.site-footer-link {
  color: #fff !important;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid rgba(232, 84, 26, 0.45);
}
.site-footer-link:hover {
  color: var(--coral) !important;
  border-bottom-color: var(--coral);
}
.footer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: flex-start;
}
.footer-nav-link {
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  border: none;
}
.footer-nav-link:hover,
.footer-nav-link[aria-current="page"] {
  color: var(--coral) !important;
}
.site-footer-athro-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer-athro-list li {
  margin-bottom: 0.35rem;
}
.site-footer-rule {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232, 84, 26, 0.5), transparent);
  opacity: 0.9;
}
.site-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.55rem 1.35rem;
  padding: 0.75rem 1.5rem 1.6rem;
  max-width: var(--max);
  margin: 0 auto;
}
.site-footer-legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.site-footer-cookie-hint {
  color: rgba(255, 255, 255, 0.48);
  font-weight: 400;
  letter-spacing: 0.01em;
}
.site-footer-legal-link {
  color: rgba(255, 255, 255, 0.58) !important;
  text-decoration: none;
  border: none;
}
.site-footer-legal-link:hover {
  color: var(--coral) !important;
}
.site-footer-legal-sep {
  color: rgba(255, 255, 255, 0.32);
  user-select: none;
  font-weight: 400;
}
.site-footer-bottom .site-footer-copy {
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
@media (max-width: 520px) {
  .site-footer-bottom {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
  }
}
@media (max-width: 900px) {
  .site-footer-inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .site-footer-inner {
    grid-template-columns: 1fr;
  }
}

/* Legal & policy pages */
.legal-page {
  padding: 2.5rem 0 3.5rem;
  background: var(--cream);
  color: var(--ink);
}
.legal-wrap {
  max-width: 44rem;
}
.legal-header {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.legal-kicker {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: var(--muted);
}
.legal-kicker-link {
  color: var(--coral);
  text-decoration: none;
  font-weight: 600;
}
.legal-kicker-link:hover {
  text-decoration: underline;
}
.legal-kicker-sep {
  margin: 0 0.25rem;
  color: var(--muted);
}
.legal-h1 {
  margin: 0 0 0.35rem;
}
.legal-updated {
  margin: 0;
  font-size: 0.88rem;
  color: var(--muted);
}
.legal-body {
  font-size: 0.98rem;
  line-height: 1.58;
}
.legal-section {
  margin-bottom: 1.75rem;
}
.legal-h2 {
  margin: 0 0 0.55rem;
  font-size: 1.08rem;
  color: var(--ink);
}
.legal-p {
  margin: 0 0 0.65rem;
  color: var(--muted);
  font-weight: 400;
}

/* ── Responsive tweaks ──────────────────────────────────────────────── */
@media (max-width: 480px) {
  .stats-band { grid-template-columns: 1fr 1fr; }
  .cta-band { padding: 1.75rem 1.25rem; border-radius: 14px; }
  .meet-strip { border-radius: 12px; }
}

/* ── Page splits & home rhythm ─────────────────────────────────────── */
.page-split {
  height: 5px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.page-split--coral {
  background: linear-gradient(90deg, transparent 0%, var(--coral) 35%, var(--coral) 65%, transparent 100%);
  opacity: 0.85;
}
.page-split--ink {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border), transparent);
  margin: 0.25rem 0;
}

.section-block { margin-bottom: 3rem; }
.section-cta, .meet-cta { margin-top: 1rem; }
.section-cta p, .meet-cta p { margin: 0; }

/* ── Homepage (outcomes-band rhythm) ──────────────────────────────── */
.home-page {
  margin: 0;
}
.home-band-label {
  margin: 0 0 1.1rem;
}
.home-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.home-stat-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.055);
  border-radius: 14px;
  padding: 1.15rem 0.85rem 1.3rem;
  text-align: center;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04);
}
.home-stat-card .stat-val {
  display: block;
  font-size: clamp(1.5rem, 3.4vw, 1.9rem);
  font-weight: 700;
  color: var(--coral);
  line-height: 1.05;
}
.home-stat-card .stat-label {
  display: block;
  margin-top: 0.42rem;
  font-size: 0.78rem;
  line-height: 1.38;
  color: var(--muted);
  font-weight: 400;
}
.home-section-title {
  margin: 0 0 1.45rem;
  font-size: clamp(1.48rem, 3.1vw, 1.92rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--ink);
  line-height: 1.18;
  max-width: 24rem;
}
.home-section-title::after {
  content: "";
  display: block;
  width: 2.75rem;
  height: 3px;
  margin: 0.72rem 0 0;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--coral), rgba(232, 84, 26, 0.18));
}
.home-prog-inner .home-band-label + .home-section-title {
  margin-top: 0;
}
.home-prog-inner .home-section-title {
  max-width: none;
}
.home-prog-intro {
  margin: 0 0 1.35rem;
  font-size: 1.05rem;
  line-height: 1.58;
  color: var(--muted);
  max-width: none;
  font-weight: 400;
}
.home-prog-flow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}
@media (min-width: 720px) {
  .home-prog-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem 1.35rem;
  }
}
.home-prog-flow > li {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  margin: 0;
  padding: 1.05rem 1.15rem 1.15rem;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04);
}
.home-prog-flow-marker {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, var(--coral), #e85a2e);
  border-radius: 10px;
  line-height: 1;
}
.home-prog-flow-body {
  font-size: 0.98rem;
  line-height: 1.58;
  color: var(--muted);
  font-weight: 400;
}
.home-prog-flow-body strong {
  color: var(--ink);
  font-weight: 700;
}
.home-prog-funnel-note {
  margin: 1.2rem 0 0;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--muted);
  max-width: 58ch;
  font-style: italic;
  font-weight: 400;
}
.home-prog-cta.home-prog-cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1.25rem;
}
.home-prog-secondary {
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--coral);
  text-decoration: none;
}
.home-prog-secondary:hover {
  text-decoration: underline;
}
.home-diff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
  gap: 1.05rem;
}
.home-diff-card {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 1.3rem 1.35rem 1.4rem;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.045);
}
.home-diff-card:nth-child(2) {
  border-top: 3px solid rgba(232, 84, 26, 0.5);
}
.home-diff-card-title {
  margin: 0 0 0.42rem;
  font-size: 1.04rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.28;
}
.home-diff-card p {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.58;
  color: var(--muted);
  font-weight: 400;
}
.home-meet-card {
  display: grid;
  grid-template-columns: minmax(132px, 188px) 1fr;
  gap: clamp(1.2rem, 3vw, 2.1rem);
  align-items: center;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  padding: clamp(1.3rem, 3vw, 1.75rem) clamp(1.3rem, 3vw, 1.85rem);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.05);
}
.home-meet-photo img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  object-fit: cover;
  aspect-ratio: 1;
}
.home-meet-title {
  margin: 0 0 0.48rem;
  font-size: clamp(1.22rem, 2.4vw, 1.48rem);
  font-weight: 700;
  color: var(--coral);
  letter-spacing: -0.02em;
}
.home-meet-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.58;
  max-width: 60ch;
  font-weight: 400;
}
/* Must beat .home-meet-copy p { margin: 0 } — paragraph + button need clear separation */
.home-meet-copy p.home-meet-cta {
  margin: 1.35rem 0 0;
  max-width: none;
}
.home-prose p {
  margin: 0 0 1rem;
  font-size: 1.02rem;
  line-height: 1.58;
  color: var(--muted);
  max-width: 58ch;
  font-weight: 400;
}
.home-prose p:last-child {
  margin-bottom: 0;
}
.home-prog-cta {
  margin: 1.35rem 0 0;
}
.home-cta-band-wrap .home-cta-band {
  margin: 0;
}
@media (max-width: 820px) {
  .home-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .home-meet-card {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .home-meet-photo {
    max-width: 148px;
    margin: 0 auto;
  }
  .home-meet-copy p {
    margin-left: auto;
    margin-right: auto;
  }
  .home-section-title {
    max-width: none;
  }
}

/* Home: 50/50 workshops (hub gateway look) | Fun Day (hub-feature--funday) */
.home-dual-promo {
  margin: 0;
}
.home-dual-promo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: min(72vh, 640px);
}
.home-dual-promo-grid > .hub-feature {
  min-height: min(72vh, 640px);
}
.home-promo-pane-inner.hub-feature-inner {
  max-width: none;
  width: 100%;
  padding-left: clamp(1.25rem, 4vw, 2.25rem);
  padding-right: clamp(1.25rem, 4vw, 2.25rem);
}
.home-promo-pane-inner .hub-feature-copy {
  max-width: min(38rem, 100%);
}
.home-promo-eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--coral);
}
.home-promo-eyebrow--on-dark {
  color: rgba(255, 255, 255, 0.78);
}
.home-dual-promo-grid .hub-feature h2 {
  color: #fff;
}
@media (max-width: 960px) {
  .home-dual-promo-grid {
    grid-template-columns: 1fr;
  }
  .home-dual-promo-grid > .hub-feature {
    min-height: min(56vh, 520px);
  }
}
.btn-on-dark {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.65) !important;
}
.btn-on-dark:hover {
  border-color: #fff !important;
  background: rgba(255,255,255,.1) !important;
}

/* Programme */
.pathway-asides-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 1.25rem;
  margin-top: 1.35rem;
}
@media (min-width: 880px) {
  .pathway-asides-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}
.pathway-staff-aside {
  margin: 0;
  font-size: 0.95rem;
  color: var(--muted);
  max-width: none;
  font-weight: 400;
}
.pathway-staff-aside a { font-weight: 600; }
.pathway-funday-aside {
  margin: 0;
  font-size: 0.95rem;
  color: var(--muted);
  max-width: none;
  font-weight: 400;
}
.pathway-funday-aside a { font-weight: 600; }

/* Contact — AI chat */
.contact-api-hint {
  font-size: 0.82rem;
  color: var(--muted);
  max-width: 58ch;
  margin: 0.75rem 0 0;
  font-weight: 400;
}
.contact-grid--form {
  padding: 1.75rem 1.5rem 3rem;
  display: grid;
  grid-template-columns: 1fr min(300px, 100%);
  gap: 2rem;
  align-items: start;
}
@media (max-width: 900px) {
  .contact-grid--form { grid-template-columns: 1fr; }
}
.ai-chat-wrap { height: min(640px, 75vh); }
.ai-chat-messages { min-height: 0; }
.ai-chat-input-area {
  align-items: flex-end;
}
.ai-chat-input {
  border-radius: 14px !important;
  resize: vertical;
  min-height: 2.75rem;
  max-height: 8rem;
  line-height: 1.4;
}
.ai-chat-column .chat-send { align-self: flex-end; }

.contact-card {
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 1rem;
}
.contact-card-photo {
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 2px solid var(--border);
  margin-bottom: 1rem;
  display: block;
  object-fit: cover;
  aspect-ratio: 1;
}
.contact-card h3 { margin: 0 0 0.2rem; color: var(--ink); font-size: 1.15rem; }
.contact-card-role {
  color: var(--muted);
  font-size: 0.9rem;
  margin: 0 0 1rem !important;
}
.contact-email-link {
  font-weight: 700;
  font-size: 1.05rem;
}
.contact-aside-note {
  background: var(--ink);
  border-radius: 14px;
  padding: 1.25rem 1.35rem;
}
.contact-aside-note p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 0.92rem;
  font-weight: 400;
  max-width: none;
}

/* ── Schools / Estyn landing page ─────────────────────────────────────── */

.outcomes-band--dark {
  background: var(--ink);
  color: #fff;
}

/* Hero */
.schools-hero {
  background: var(--ink);
  color: var(--cream);
  padding: 4rem 0 3.5rem;
}
.schools-hero h1 {
  color: var(--cream);
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 0.6em;
}
.schools-hero p {
  color: rgba(255,255,255,.78);
  max-width: 56ch;
  font-size: 1.08rem;
  line-height: 1.65;
}
.schools-hero-tag {
  display: inline-block;
  background: rgba(232,84,26,.12);
  color: var(--coral);
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.3rem 1rem;
  border-radius: 999px;
  margin-bottom: 1.2rem;
}
.schools-hero-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.8rem;
}
.schools-hero-actions .btn-secondary {
  background: transparent;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.4);
}
.schools-hero-actions .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.6);
}

/* Quote card */
.schools-quote-card {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 2.2rem 2.5rem;
  position: relative;
}
.schools-quote-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--coral);
  border-radius: 14px 14px 0 0;
}
.schools-quote-card blockquote {
  font-size: 1.1rem;
  font-style: italic;
  color: var(--ink);
  line-height: 1.65;
  margin: 0 0 1rem;
  max-width: none;
}
.schools-quote-source {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--coral);
}
.schools-quote-sub {
  font-size: 0.82rem;
  color: var(--muted);
  font-weight: 400;
}

/* Intro paragraph */
.schools-intro {
  color: var(--muted);
  font-size: 1rem;
  max-width: 58ch;
  margin-bottom: 2.5rem;
}

/* IA cards */
.schools-ia-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.2rem;
}
.schools-ia-num {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--coral);
  margin-bottom: 0.3rem;
}

/* Recommendation cards */
.schools-rec {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 2rem 2.2rem;
  margin-bottom: 1.4rem;
}
.schools-rec-head {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin-bottom: 1rem;
}
.schools-rec-num {
  font-size: 2rem;
  font-weight: 700;
  color: var(--coral);
  line-height: 1;
}
.schools-rec-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--ink);
}
.schools-rec-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.schools-rec-label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  margin-bottom: 0.7rem;
}
.schools-rec-label--estyn { color: #c0392b; }
.schools-rec-label--fflam { color: #27ae60; }
.schools-rec-text {
  color: var(--muted);
  font-size: 0.93rem;
  line-height: 1.65;
  font-weight: 400;
}
.schools-rec-text strong { color: var(--ink); }
.schools-rec-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.schools-rec-list li {
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
  font-size: 0.93rem;
  color: var(--muted);
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.schools-rec-list li:last-child { border-bottom: none; }
.schools-rec-list li strong { color: var(--ink); }

/* Shared tick icon */
.schools-tick {
  color: #27ae60;
  font-weight: 700;
  flex-shrink: 0;
}
.schools-icon { flex-shrink: 0; }

/* DCF boxes */
.schools-dcf-box {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 1.8rem 2rem;
  margin-bottom: 1.2rem;
}
.schools-dcf-box h3 { margin-bottom: 0.6rem; }
.schools-dcf-box p {
  color: var(--muted);
  font-size: 0.93rem;
  line-height: 1.65;
  font-weight: 400;
}
.schools-dcf-box p strong { color: var(--ink); }
.schools-inline-quote {
  display: block;
  margin-top: 0.8rem;
  padding-left: 1rem;
  border-left: 3px solid var(--coral);
  font-style: italic;
  color: var(--ink);
  font-size: 0.95rem;
}

/* Four purposes / WJEC rows */
.schools-purposes-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

/* Journey steps */
.schools-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 0;
}
.schools-step {
  text-align: center;
  padding: 1.2rem 0.8rem;
  position: relative;
}
.schools-step::after {
  content: '\2192';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: var(--coral);
  font-weight: 700;
}
.schools-step:last-child::after { display: none; }
.schools-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--coral);
  color: var(--coral);
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.7rem;
}
.schools-step h4 {
  font-size: 0.88rem;
  color: #fff;
  margin-bottom: 0.3rem;
}
.schools-step p {
  color: rgba(255,255,255,.62);
  font-size: 0.78rem;
  margin: 0;
  max-width: none;
  text-align: center;
  font-weight: 400;
}

/* Athro split */
.schools-athro-cols {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 2.5rem;
  align-items: start;
}
.schools-athro-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.schools-athro-list li {
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.93rem;
  color: var(--muted);
  font-weight: 400;
}
.schools-athro-list li:last-child { border-bottom: none; }
.schools-athro-list li strong { color: var(--ink); }
.schools-athro-cta-box {
  background: var(--ink);
  border-radius: 14px;
  padding: 2.2rem;
  text-align: center;
  color: var(--cream);
}
.schools-athro-cta-box h3 {
  color: var(--cream);
  font-size: 1.3rem;
}
.schools-athro-cta-box p {
  color: rgba(255,255,255,.72);
  font-size: 0.9rem;
  max-width: none;
  text-align: center;
  font-weight: 400;
}
.schools-athro-cta-box .btn { margin-top: 0.8rem; }
.schools-athro-small {
  font-size: 0.78rem;
  color: rgba(255,255,255,.5);
  margin-top: 0.8rem;
}

/* Tick grid */
.schools-tick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.7rem;
}
.schools-tick-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.7rem 1rem;
  background: rgba(39,174,96,.06);
  border: 1px solid rgba(39,174,96,.14);
  border-radius: 8px;
  font-size: 0.9rem;
  color: var(--ink);
  font-weight: 500;
}

/* Responsive */
@media (max-width: 720px) {
  .schools-rec-cols { grid-template-columns: 1fr; }
  .schools-athro-cols { grid-template-columns: 1fr; }
  .schools-step::after { display: none; }
}

/* ── Enhanced Schools Page Sections ──────────────────────────────── */

/* Stats Banner */
.schools-stats-band { background: var(--ink); padding: 3rem 0; }
.schools-stats-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem; text-align: center;
}
.schools-stat { padding: 1rem; }
.schools-stat-num {
  font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 700;
  color: var(--coral); line-height: 1.1; margin-bottom: 0.4rem;
}
.schools-stat-label { color: rgba(255,255,255,.78); font-size: 0.9rem; font-weight: 400; line-height: 1.4; }
.schools-stat-src { color: rgba(255,255,255,.35); font-size: 0.72rem; margin-top: 0.3rem; font-weight: 400; }

/* Compare Grid (Without vs With) */
.schools-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; }
.schools-compare-col { border-radius: 14px; padding: 1.8rem 2rem; }
.schools-compare-col--without { background: rgba(192,57,43,.06); border: 1px solid rgba(192,57,43,.15); }
.schools-compare-col--with { background: rgba(39,174,96,.06); border: 1px solid rgba(39,174,96,.15); }
.schools-compare-head { font-size: 1.05rem; font-weight: 700; margin-bottom: 1rem; color: var(--ink); }
.schools-compare-col ul { list-style: none; padding: 0; margin: 0; }
.schools-compare-col li {
  padding: 0.5rem 0; border-bottom: 1px solid rgba(0,0,0,.05);
  font-size: 0.9rem; color: var(--muted); font-weight: 400;
}
.schools-compare-col li:last-child { border-bottom: none; }
.schools-compare-col--without li::before { content: '\2717 '; color: #c0392b; font-weight: 700; }
.schools-compare-col--with li::before { content: '\2713 '; color: #27ae60; font-weight: 700; }
.schools-compare-img { border-radius: 14px; overflow: hidden; max-height: 300px; }
.schools-compare-img img { width: 100%; height: 300px; object-fit: cover; display: block; }

/* Section inline image */
.schools-section-img { border-radius: 14px; overflow: hidden; margin-bottom: 2rem; max-height: 280px; }
.schools-section-img img { width: 100%; height: 280px; object-fit: cover; display: block; }

/* Trust Badges */
.schools-trust-band { background: #fff; padding: 2rem 0; border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06); }
.schools-trust-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1rem; text-align: center; }
.schools-trust-badge { padding: 0.8rem 0.5rem; font-size: 0.82rem; color: var(--muted); line-height: 1.5; }
.schools-trust-badge strong { color: var(--ink); font-size: 0.78rem; }

/* FAQ Accordion */
.schools-faq-list { max-width: 52rem; margin: 0 auto; }
.schools-faq {
  background: rgba(255,255,255,.72); border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px; margin-bottom: 0.6rem; overflow: hidden;
}
.schools-faq summary {
  padding: 1.1rem 1.5rem; font-weight: 600; font-size: 0.95rem;
  color: var(--ink); cursor: pointer; list-style: none;
  display: flex; align-items: center; justify-content: space-between;
}
.schools-faq summary::-webkit-details-marker { display: none; }
.schools-faq summary::after {
  content: '+'; font-size: 1.3rem; font-weight: 700; color: var(--coral);
  flex-shrink: 0; margin-left: 1rem; transition: transform 0.2s;
}
.schools-faq[open] summary::after { content: '\2212'; }
.schools-faq p {
  padding: 0 1.5rem 1.2rem; margin: 0; font-size: 0.9rem;
  color: var(--muted); font-weight: 400; line-height: 1.65; max-width: none;
}

/* Lead Magnet */
.schools-lead-magnet { padding: 3.5rem 0; }

/* Urgency Banner */
.schools-urgency-band { background: var(--coral); padding: 1rem 0; }
.schools-urgency-band p { color: #fff; margin: 0; font-size: 0.95rem; font-weight: 400; max-width: none; text-align: center; }
.schools-urgency-band strong { font-weight: 700; }

/* Athro section image */
.schools-athro-img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 1.2rem; }

/* Responsive for new sections */
@media (max-width: 720px) {
  .schools-compare-grid { grid-template-columns: 1fr; }
  .schools-compare-img { max-height: 200px; }
  .schools-compare-img img { height: 200px; }
  .schools-section-img { max-height: 180px; }
  .schools-section-img img { height: 180px; }
  .schools-stats-row { grid-template-columns: 1fr; }
}


/* Funding section */
.schools-funding{background:var(--cream);padding:3.5rem 0}
.schools-funding-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0 auto 2rem}
.schools-funding-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:2rem 1.5rem;text-align:left}
.schools-funding-card h3{font-size:1.15rem;margin:0 0 .3rem;color:var(--ink)}
.schools-funding-icon{font-size:2rem;margin-bottom:.6rem}
.schools-funding-grant{font-size:.82rem;color:var(--coral);font-weight:600;margin:0 0 .8rem;letter-spacing:.02em}
.schools-funding-card p{font-size:.92rem;line-height:1.55;color:var(--muted);margin:0 0 .6rem}
.schools-funding-action{font-weight:500;color:var(--ink) !important;font-size:.88rem !important;border-top:1px solid var(--border);padding-top:.7rem;margin-top:.8rem !important}
.schools-funding-bottom{background:var(--ink);color:#fff;border-radius:12px;padding:2rem;text-align:center;max-width:48rem;margin:0 auto}
.schools-funding-bottom p{color:rgba(255,255,255,.82);margin:0 0 1.2rem;font-size:.95rem;line-height:1.6}
.schools-funding-bottom strong{color:#fff}
.schools-funding-bottom .btn{background:var(--coral);color:#fff;border:none}
@media(max-width:640px){.schools-funding-row{grid-template-columns:1fr}.schools-funding-card{padding:1.5rem 1.2rem}}