/* ============================================================
   THE PODCAST SHOW LONDON 2026 — STYLES.CSS
   Shared stylesheet for all pages.
   Mobile-first. Colour-forward. Festival energy.
   ============================================================ */

/* ---------- CSS CUSTOM PROPERTIES ---------- */
:root {
  /* Colours */
  --colour-charcoal:    #333333;
  --colour-purple:      #551fef;
  --colour-cyan:        #47c9d6;
  --colour-cyan-light:  #aae0e5;
  --colour-yellow:      #f1d864;
  --colour-orange:      #ffbb00;
  --colour-coral:       #ef5959;
  --colour-pink-hot:    #ea539b;
  --colour-pink:        #ef81b3;
  --colour-grey-light:  #ededed;
  --colour-white:       #ffffff;
  --colour-canvas:      #f7f5f2;

  /* Spacing (8px grid) */
  --space-xs:  0.5rem;   /* 8px  */
  --space-sm:  1rem;     /* 16px */
  --space-md:  1.5rem;   /* 24px */
  --space-lg:  3rem;     /* 48px */
  --space-xl:  5rem;     /* 80px */
  --space-2xl: 7.5rem;   /* 120px */

  /* Typography */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Layout */
  --max-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Transitions */
  --ease: 0.25s ease;
}


/* ---------- RESET & BASE ---------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  scrollbar-gutter: stable;
}

body {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--colour-charcoal);
  background: var(--colour-canvas);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol { list-style: none; }

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

/* Skip to content */
.skip-link {
  position: absolute;
  top: -100%;
  left: var(--space-sm);
  background: var(--colour-purple);
  color: var(--colour-white);
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-sm);
  z-index: 1000;
  font-weight: 600;
}
.skip-link:focus {
  top: var(--space-xs);
}


/* ---------- TYPOGRAPHY ---------- */
h1, h2, h3, h4 {
  font-family: var(--font-heading);
  line-height: 1.1;
  font-weight: 700;
}

h1 {
  font-size: 2.75rem;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.02em;
}

h3 {
  font-size: 1.25rem;
  font-weight: 600;
}

p {
  max-width: 68ch;
  margin-inline: auto;
}

.text-white  { color: var(--colour-white); }

.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;
}

@media (min-width: 1025px) {
  body { font-size: 1.125rem; }
  h1   { font-size: 5rem; }
  h2   { font-size: 3.25rem; }
  h3   { font-size: 1.5rem; }
}


/* ---------- LAYOUT UTILITIES ---------- */
.container {
  width: 100%;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: 20px;
}

@media (min-width: 768px) {
  .container { padding-inline: 40px; }
}
@media (min-width: 1025px) {
  .container { padding-inline: 0; }
}

.section-padding {
  padding-block: var(--space-xl);
}

@media (min-width: 1025px) {
  .section-padding {
    padding-block: var(--space-2xl);
  }
}


/* ---------- BUTTONS ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 16px 32px;
  border-radius: var(--radius-sm);
  transition: transform var(--ease), box-shadow var(--ease), background var(--ease);
  white-space: nowrap;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.btn:active {
  transform: translateY(0);
}

/* Primary */
.btn--primary {
  background: var(--colour-purple);
  color: var(--colour-white);
}
.btn--primary:hover {
  background: #6a3cf5;
}

/* Secondary / Ghost — dark bg */
.btn--ghost {
  background: transparent;
  border: 2px solid var(--colour-white);
  color: var(--colour-white);
}
.btn--ghost:hover {
  background: rgba(255,255,255,0.1);
}

/* Ghost on light bg */
.btn--ghost-dark {
  background: transparent;
  border: 2px solid var(--colour-purple);
  color: var(--colour-purple);
}
.btn--ghost-dark:hover {
  background: rgba(85,31,239,0.06);
}

/* Urgency / Pricing */
.btn--urgency {
  background: var(--colour-orange);
  color: var(--colour-charcoal);
}
.btn--urgency:hover {
  background: #ffc52e;
}

/* Coral — bold secondary CTA */
.btn--coral {
  background: var(--colour-coral);
  color: var(--colour-white);
}
.btn--coral:hover {
  background: #f47272;
}

/* Gradient — vibrant hero CTA */
.btn--gradient {
  background: linear-gradient(135deg, var(--colour-coral), var(--colour-pink-hot), var(--colour-purple));
  color: var(--colour-white);
  border: none;
  position: relative;
  z-index: 1;
}
.btn--gradient::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--colour-pink-hot), var(--colour-purple), var(--colour-coral));
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}
.btn--gradient:hover::before {
  opacity: 1;
}

/* Ghost on dark — vibrant border */
.btn--ghost-light {
  background: transparent;
  border: 2px solid rgba(255,255,255,0.5);
  color: var(--colour-white);
}
.btn--ghost-light:hover {
  background: rgba(255,255,255,0.1);
  border-color: var(--colour-white);
}

/* Sizes */
.btn--sm {
  padding: 12px 20px;
  min-height: 44px;
  font-size: 0.875rem;
}
.btn--lg {
  padding: 18px 40px;
}


/* ---------- NAVIGATION ---------- */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: background var(--ease), box-shadow var(--ease);
}

.site-header--scrolled {
  background: var(--colour-white);
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) 20px;
  max-width: var(--max-width);
  margin-inline: auto;
}

@media (min-width: 768px) {
  .nav { padding-inline: 40px; }
}
@media (min-width: 1025px) {
  .nav { padding-inline: 0; }
}

/* Logo */
.nav__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nav__logo img {
  height: 32px;
  width: auto;
}

.nav__logo-white {
  display: block;
}

.nav__logo-purple {
  display: none;
}

.site-header--scrolled .nav__logo-white {
  display: none;
}

.site-header--scrolled .nav__logo-purple {
  display: block;
}

@media (min-width: 1025px) {
  .nav__logo img {
    height: 38px;
  }
}

/* Desktop nav links */
.nav__links {
  display: none;
  gap: var(--space-md);
  align-items: center;
}

.nav__links a {
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--colour-white);
  transition: color var(--ease);
  position: relative;
}

.nav__links a::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--colour-purple);
  transform: scaleX(0);
  transition: transform var(--ease);
}

.nav__links a:hover::after,
.nav__links a.active::after {
  transform: scaleX(1);
}

.site-header--scrolled .nav__links a {
  color: var(--colour-charcoal);
}
.site-header--scrolled .nav__links a:hover {
  color: var(--colour-purple);
}

/* Nav CTA */
.nav__cta {
  display: none;
}

/* Hamburger */
.nav__hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  z-index: 110;
}

.nav__hamburger span {
  display: block;
  width: 28px;
  height: 2px;
  background: var(--colour-white);
  border-radius: 2px;
  transition: transform var(--ease), opacity var(--ease), background var(--ease);
}

.site-header--scrolled .nav__hamburger span {
  background: var(--colour-charcoal);
}

/* Hamburger active state */
.nav__hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.nav__hamburger.active span:nth-child(2) {
  opacity: 0;
}
.nav__hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* Mobile overlay menu */
.mobile-menu {
  position: fixed;
  inset: 0;
  background: var(--colour-charcoal);
  z-index: 105;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  transform: translateX(100%);
  transition: transform 0.3s ease;
}

.mobile-menu.open {
  transform: translateX(0);
}

.mobile-menu a {
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--colour-white);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.mobile-menu a:hover {
  color: var(--colour-cyan);
}

.mobile-menu .btn {
  margin-top: var(--space-sm);
}

.mobile-menu__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 2px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  color: var(--colour-white);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color var(--ease), background var(--ease);
}

.mobile-menu__close:hover {
  border-color: var(--colour-cyan);
  background: rgba(255,255,255,0.08);
}

/* Desktop layout */
@media (min-width: 1025px) {
  .nav__links    { display: flex; }
  .nav__cta      { display: inline-flex; }
  .nav__hamburger { display: none; }
}




/* ---------- HERO ---------- */
.hero {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--colour-charcoal);
}

.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: var(--space-2xl) 20px var(--space-lg);
  max-width: 900px;
  margin-inline: auto;
}

.hero__tag {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--colour-cyan);
  margin-bottom: var(--space-sm);
}

.hero__title {
  color: var(--colour-white);
  margin-bottom: var(--space-md);
  text-transform: none;
}

.hero__subtitle {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  margin-bottom: var(--space-xs);
}

@media (min-width: 1025px) {
  .hero__subtitle { font-size: 1.5rem; }
}

.hero__meta {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(255,255,255,0.85);
  margin-bottom: var(--space-lg);
}

.hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: center;
}

.hero__scroll-hint {
  position: absolute;
  bottom: var(--space-md);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: rgba(255,255,255,0.6);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.hero__scroll-hint svg {
  width: 20px;
  height: 20px;
  animation: scrollBounce 2s ease infinite;
}

@keyframes scrollBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(6px); }
}


/* ---------- HOME STATS BAND (bold, on canvas) ---------- */
/* Home stats — overrides on shared .stats-band */
.home-stats {
  border-radius: var(--radius-lg);
}

.home-stats .stats-band__number {
  font-size: clamp(2.5rem, 10vw, 3.5rem);
  min-height: 1em;
}

.home-stats .stats-band__label {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 768px) {
  .home-stats .stats-band__number {
    font-size: clamp(3rem, 5vw, 4.5rem);
  }
}

@media (min-width: 1025px) {
  .home-stats .stats-band__number {
    font-size: clamp(4rem, 5vw, 5.5rem);
  }
}


/* ---------- HOME ABOUT / WHAT IS TPS ---------- */
.home-about {
  background: transparent;
}

.home-about__inner {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.home-about__text h2 {
  margin-bottom: var(--space-md);
}

.home-about__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.home-about__text p {
  margin-bottom: var(--space-sm);
  color: #555;
}

.home-about__text p:last-of-type {
  margin-bottom: var(--space-md);
}

.home-about__image {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.home-about__image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (min-width: 1025px) {
  .home-about__inner {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
  }
}


/* ---------- AUDIENCE TABS (homepage) ---------- */
.home-audience {
  background: var(--colour-canvas);
  position: relative;
}

/* Tab bar */
.home-audience__tabs {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-bottom: var(--space-lg);
}

.home-audience__tab {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
  background: rgba(0,0,0,0.05);
  border: none;
  border-radius: 100px;
  padding: 0.75rem 1.5rem;
  color: rgba(51,51,51,0.45);
  cursor: pointer;
  transition: color 0.25s ease, background 0.25s ease;
  text-align: center;
  white-space: nowrap;
}

.home-audience__tab:hover {
  color: var(--colour-charcoal);
  background: rgba(0,0,0,0.08);
}

.home-audience__tab.is-active {
  color: var(--colour-charcoal);
  background: transparent;
  position: relative;
}

/* Panel */
.home-audience__panel {
  display: none;
  flex-direction: column;
  gap: var(--space-md);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.home-audience__panel.is-active {
  display: flex;
  opacity: 1;
}

.home-audience__panel.is-fading {
  opacity: 0;
}

/* Image */
.home-audience__image {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.home-audience__image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* Content */
.home-audience__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-audience__label {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-xs);
}

.home-audience__content p {
  color: #555;
  font-size: 1rem;
  line-height: 1.65;
  margin-bottom: var(--space-md);
  max-width: none;
}

/* Stats */
.home-audience__stats {
  display: flex;
  gap: var(--space-lg);
  margin-bottom: var(--space-md);
}

.home-audience__stat-number {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 700;
  color: var(--colour-purple);
  line-height: 1.1;
}

.home-audience__stat-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #777;
  margin-top: 0.25rem;
  display: block;
}

/* ---------- AUDIENCE TABS: DESKTOP ---------- */
@media (min-width: 768px) {
  .home-audience__tabs {
    flex-direction: row;
    gap: 0;
    border-bottom: 2px solid rgba(0,0,0,0.08);
    margin-bottom: var(--space-lg);
  }

  .home-audience__tab {
    background: transparent;
    border-radius: 0;
    padding: 0.75rem 1.5rem;
    position: relative;
    font-size: 1.05rem;
  }

  .home-audience__tab::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--colour-purple);
    transform: scaleX(0);
    transition: transform 0.25s ease;
  }

  .home-audience__tab.is-active::after {
    transform: scaleX(1);
  }

  .home-audience__tab:hover {
    background: transparent;
  }

  /* Horizontal panel layout */
  .home-audience__panel {
    flex-direction: row;
    gap: var(--space-lg);
  }

  .home-audience__image {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .home-audience__image img {
    aspect-ratio: 4 / 3;
    height: 100%;
  }

  .home-audience__content {
    flex: 1;
    padding-block: var(--space-sm);
  }
}


/* ---------- HOME FULL-BLEED PHOTO BREAK ---------- */


/* ---------- PROGRAMME HIGHLIGHTS ---------- */
.programme {
  background: var(--colour-canvas);
  position: relative;
  overflow: clip;
  overflow-x: clip;
}

/* When programme flows into the session teaser on homepage, restore purple */
.programme:has(+ .home-sessions) {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background: var(--colour-purple);
}

.programme:has(+ .home-sessions) .programme__marquee::after {
  background: linear-gradient(to right, transparent, var(--colour-purple));
}

.programme:has(+ .home-sessions) .programme__arrow {
  border-color: rgba(255,255,255,0.3);
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--colour-white);
  box-shadow: none;
}

.programme:has(+ .home-sessions) .programme__arrow:hover {
  background: rgba(0,0,0,0.55);
  border-color: rgba(255,255,255,0.5);
  color: var(--colour-white);
  box-shadow: none;
}

.section-header--left {
  text-align: left;
}

.section-header--left p {
  margin-inline: 0;
}

.programme__header {
  text-align: center;
  margin-bottom: var(--space-lg);
}

.programme__header h2 {
  color: var(--colour-white);
}

.programme__header p {
  color: rgba(255,255,255,0.7);
  margin-inline: auto;
  margin-top: var(--space-xs);
}

/* Programme marquee */
.programme__marquee {
  overflow: visible;
  padding-bottom: var(--space-lg);
  position: relative;
}

.programme__marquee-track {
  display: flex;
  gap: var(--space-md);
  overflow-x: auto;
  scroll-snap-type: x proximity;

  padding-left: 20px;
  scroll-padding-left: 20px;
  padding-bottom: var(--space-sm);
  scrollbar-width: none;
}

.programme__marquee-track::-webkit-scrollbar {
  display: none;
}

.programme__marquee .programme-card {
  flex: 0 0 280px;
  min-width: 280px;
  scroll-snap-align: start;
}

/* Spacer element after last card — ensures stage 8 scrolls fully into view */
.programme__marquee-spacer {
  flex: 0 0 20px;
  min-width: 20px;
}

/* Scroll navigation arrows */
.programme__arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - var(--space-sm) / 2));
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid rgba(85, 31, 239, 0.25);
  background: var(--colour-white);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  color: var(--colour-purple);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
  align-items: center;
  justify-content: center;
}

.programme__arrow:hover {
  background: var(--colour-purple);
  border-color: var(--colour-purple);
  color: var(--colour-white);
  box-shadow: 0 4px 16px rgba(85, 31, 239, 0.3);
}

.programme__arrow.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.programme__arrow--prev {
  left: 8px;
}

.programme__arrow--next {
  right: 8px;
}

@media (min-width: 768px) {
  .programme__arrow {
    display: flex;
  }
  .programme__arrow--prev { left: 12px; }
  .programme__arrow--next { right: 12px; }
}

/* Right-edge fade to hint at more cards */
.programme__marquee::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: var(--space-sm);
  width: 60px;
  background: linear-gradient(to right, transparent, var(--colour-canvas));
  pointer-events: none;
  z-index: 1;
}

@media (min-width: 768px) {
  .programme__marquee .programme-card {
    flex: 0 0 calc((100vw - 80px - 3 * var(--space-md)) / 3.4);
    min-width: calc((100vw - 80px - 3 * var(--space-md)) / 3.4);
  }
  .programme__marquee-track {
    padding-left: 40px;
    scroll-padding-left: 40px;
  }
  .programme__marquee-spacer {
    flex: 0 0 40px;
    min-width: 40px;
  }
}

@media (min-width: 1025px) {
  .programme__marquee .programme-card {
    flex: 0 0 calc((min(1200px, 100vw) - 3 * var(--space-md)) / 4.3);
    min-width: calc((min(1200px, 100vw) - 3 * var(--space-md)) / 4.3);
  }
  .programme__marquee-track {
    padding-left: max(40px, calc((100vw - var(--max-width)) / 2));
    scroll-padding-left: max(40px, calc((100vw - var(--max-width)) / 2));
  }
  .programme__marquee-spacer {
    flex: 0 0 max(40px, calc((100vw - var(--max-width)) / 2));
    min-width: max(40px, calc((100vw - var(--max-width)) / 2));
  }
}


.programme-card {
  background: var(--colour-purple);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.programme-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(85, 31, 239, 0.35);
}

.programme-card__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.programme-card__body {
  padding: var(--space-md);
}

.programme-card__number {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: var(--colour-cyan);
  line-height: 1;
  margin-bottom: var(--space-xs);
  letter-spacing: 0.05em;
}

.programme-card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--colour-white);
  margin-bottom: var(--space-xs);
}

.programme-card p {
  color: rgba(255,255,255,0.65);
  font-size: 0.925rem;
}

/* Feature highlights row */
.programme__features {
  display: grid;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.programme-feature {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform 0.3s ease, background 0.3s ease;
  display: flex;
  flex-direction: column;
}

.programme-feature:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.12);
}

.programme-feature__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-cyan);
  font-weight: 600;
  margin-bottom: 6px;
}

.programme-feature h3 {
  color: var(--colour-white);
  font-family: var(--font-heading);
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: var(--space-xs);
}

.programme-feature p {
  color: rgba(255,255,255,0.7);
  font-size: 0.9rem;
}

.programme__cta {
  text-align: center;
  margin-top: var(--space-lg);
}

@media (min-width: 768px) {
  .programme__features {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* --- New for 2026: dark purple product-launch moment --- */

.home-launch {
  background: #1a0a4e;
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* Subtle radial glow behind the intro */
.home-launch::before {
  content: '';
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 60%;
  background: radial-gradient(ellipse at center, rgba(85, 31, 239, 0.35) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.home-launch .container {
  position: relative;
  z-index: 1;
}

/* --- Intro: centred, theatrical --- */

.home-launch__intro {
  text-align: center;
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: var(--space-xl);
}

.home-launch__eyebrow {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--colour-cyan);
  margin-bottom: var(--space-sm);
  padding: 5px 18px;
  border: 1px solid rgba(71, 201, 214, 0.3);
  border-radius: 40px;
}

.home-launch__title {
  font-family: var(--font-heading);
  font-size: clamp(2.6rem, 7vw, 4.5rem);
  font-weight: 700;
  color: var(--colour-white);
  line-height: 1;
  margin-bottom: var(--space-md);
  letter-spacing: -0.02em;
}

.home-launch__subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.6;
  max-width: 480px;
  margin-inline: auto;
}

/* --- Card grid: 4 feature cards --- */

.home-launch__grid {
  display: grid;
  gap: var(--space-md);
}

.home-launch__card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.home-launch__card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(71, 201, 214, 0.3);
}

/* Card image */
.home-launch__card-visual {
  position: relative;
  overflow: hidden;
}

.home-launch__card-visual img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.home-launch__card:hover .home-launch__card-visual img {
  transform: scale(1.04);
}

.home-launch__card-number {
  position: absolute;
  top: var(--space-xs);
  left: var(--space-xs);
  font-family: var(--font-heading);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--colour-white);
  background: rgba(85, 31, 239, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Card body */
.home-launch__card-body {
  padding: var(--space-md);
}

.home-launch__card-body h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--colour-white);
  line-height: 1.2;
  margin-bottom: var(--space-xs);
}

.home-launch__card-partner {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--colour-cyan);
  margin-bottom: var(--space-xs);
}

.home-launch__card-body p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.9rem;
  line-height: 1.55;
  margin-inline: 0;
}

/* CTA */
.home-launch__cta {
  text-align: center;
  margin-top: var(--space-lg);
}

/* --- Responsive grid --- */

@media (min-width: 768px) {
  .home-launch__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .home-launch__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
  }

  .home-launch__card-body h3 {
    font-size: 1.15rem;
  }

  .home-launch__card-body p {
    font-size: 0.85rem;
  }
}


/* ---------- HOME SPEAKERS GRID (round avatars, like advisory panel) ---------- */
.home-speakers__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg) var(--space-md);
  margin-bottom: var(--space-lg);
}

.home-speaker {
  text-align: center;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.home-speakers__grid.is-visible .home-speaker {
  opacity: 1;
  transform: scale(1);
  transition-delay: calc(var(--stagger, 0) * 60ms);
}

.home-speaker__image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  margin: 0 auto var(--space-sm);
  border: 3px solid rgba(255,255,255,0.3);
  transition: transform 0.3s ease;
}

.home-speaker:hover .home-speaker__image {
  transform: scale(1.05);
}

.home-speaker__name {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  color: var(--colour-white);
}

.home-speaker__role {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.7);
  margin-top: 2px;
}

@media (min-width: 768px) {
  .home-speakers__grid {
    grid-template-columns: repeat(5, 1fr);
  }

  .home-speaker__image {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1025px) {
  .home-speakers__grid {
    grid-template-columns: repeat(5, 1fr);
  }

  .home-speaker__image {
    width: 140px;
    height: 140px;
  }
}

/* Homepage speakers on canvas — dark text + purple border */
.home-speakers .home-speaker__image {
  border-color: var(--colour-purple);
}

.home-speakers .home-speaker__name {
  color: var(--colour-charcoal);
}

.home-speakers .home-speaker__role {
  color: #777;
}

/* Reduce bottom gap on programme (still tight against session teaser) */
.programme.section-padding { padding-bottom: calc(var(--space-xl) / 2); }
@media (min-width: 1025px) {
  .programme.section-padding { padding-bottom: calc(var(--space-2xl) / 2); }
}

/* ---------- SPEAKERS ---------- */
.speakers {
  background: transparent;
}

.speakers--vibrant {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

.speakers__header {
  text-align: center;
  margin-bottom: var(--space-lg);
}

.speakers__header p {
  color: #555;
  margin-inline: auto;
  margin-top: var(--space-xs);
}

.speakers--vibrant .speakers__header h2 {
  color: var(--colour-white);
}

.speakers--vibrant .speakers__header p {
  color: rgba(255,255,255,0.8);
}


.speakers__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-md);
}

.speaker-card {
  text-align: center;
}

.speaker-card__image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin-inline: auto;
  margin-bottom: var(--space-sm);
  transition: transform 0.3s ease;
}

.speaker-card:hover .speaker-card__image {
  transform: scale(1.05);
}

.speaker-card__name {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  color: var(--colour-charcoal);
}

.speaker-card__role {
  font-size: 0.8rem;
  color: #777;
  margin-top: 2px;
}

/* Vibrant speaker card overrides */
.speakers--vibrant .speaker-card__name {
  color: var(--colour-white);
}

.speakers--vibrant .speaker-card__role {
  color: rgba(255,255,255,0.7);
}

.speakers--vibrant .speaker-card__image {
  border: 3px solid rgba(255,255,255,0.3);
}

.speakers__past {
  text-align: center;
  margin-top: var(--space-lg);
  padding-top: var(--space-md);
  border-top: 1px solid var(--colour-grey-light);
}

.speakers__past p {
  font-size: 0.9rem;
  color: #777;
  margin-inline: auto;
}

.speakers__past strong {
  color: var(--colour-charcoal);
}

.speakers--vibrant .speakers__past {
  border-top-color: rgba(255,255,255,0.2);
}

.speakers--vibrant .speakers__past p {
  color: rgba(255,255,255,0.7);
}

.speakers--vibrant .speakers__past strong {
  color: var(--colour-white);
}

.speakers__cta {
  text-align: center;
  margin-top: var(--space-md);
}

.speakers--vibrant .speakers__cta .btn {
  border-color: var(--colour-white);
  color: var(--colour-white);
}

.speakers--vibrant .speakers__cta .btn:hover {
  background: rgba(255,255,255,0.1);
}

@media (min-width: 768px) {
  .speakers__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .speaker-card__image {
    width: 160px;
    height: 160px;
  }
}

@media (min-width: 1025px) {
  .speakers__grid {
    grid-template-columns: repeat(6, 1fr);
  }
  .speaker-card__image {
    width: 180px;
    height: 180px;
  }
}


/* ---------- TPS AFTER HOURS (hero image with overlay text + charcoal card grid) ---------- */

/* Full-bleed hero image with text overlay */
.home-night__hero {
  position: relative;
  width: 100%;
  height: 55vh;
  min-height: 340px;
  overflow: hidden;
}

.home-night__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 70%;
  display: block;
}

.home-night__hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.home-night__hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-md);
  text-align: center;
  max-width: 700px;
  margin-inline: auto;
}

.home-night__hero-content h2 {
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--colour-yellow);
  margin-bottom: var(--space-xs);
}

.home-night__hero-content h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-yellow);
  margin: 0 auto var(--space-sm);
  border-radius: 2px;
}

.home-night__hero-content p {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(1rem, 1.8vw, 1.15rem);
  line-height: 1.5;
  margin-inline: auto;
}

@media (min-width: 1025px) {
  .home-night__hero-content h2 {
    font-size: 3.25rem;
  }
}

/* Charcoal strip with card grid */
.home-night__strip {
  background: var(--colour-charcoal);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}

/* 4-card grid — text-only .night-card style */
.home-night__grid {
  display: grid;
  gap: var(--space-md);
}

@media (min-width: 600px) {
  .home-night__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .home-night__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* CTA below cards */
.home-night__cta {
  text-align: center;
  margin-top: var(--space-lg);
}

/* Gold ghost button on charcoal */
.home-night__strip .btn--ghost-light {
  border-color: var(--colour-yellow);
  color: var(--colour-yellow);
}

.home-night__strip .btn--ghost-light:hover {
  background: rgba(241, 216, 100, 0.1);
  border-color: var(--colour-yellow);
  color: var(--colour-yellow);
}


/* ---------- HOME PRESS / INDUSTRY QUOTES (grid on canvas) ---------- */
/* Home press — uses shared .press-quotes--light */
.home-press {
  background: transparent;
}

.home-press__header h2 {
  color: var(--colour-charcoal);
  margin-bottom: var(--space-lg);
}

.home-press__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}


/* ---------- PARTNERS ---------- */
.partners {
  background: var(--colour-canvas, #f7f5f2);
}

.partners__header {
  text-align: center;
  margin-bottom: var(--space-lg);
}

.partners__header p {
  color: #555;
  margin-inline: auto;
  margin-top: var(--space-xs);
}

.partners__tier {
  margin-bottom: var(--space-md);
}

.partners__tier-label {
  font-family: var(--font-heading);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #999;
  text-align: center;
  margin-bottom: var(--space-sm);
}

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

.partners__logo {
  height: 28px;
  width: auto;
  opacity: 0.7;
  transition: opacity var(--ease);
  filter: grayscale(100%);
}

.partners__logo:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.partners__logo--headline {
  height: 40px;
}

/* Partners split header */
.partners__split-header {
  margin-bottom: var(--space-lg);
}

.partners__split-text h2 {
  font-family: var(--font-heading);
  font-weight: 700;
}

.partners__split-text p {
  color: #555;
  margin-top: var(--space-xs);
}

.partners__split-cta {
  margin-top: var(--space-md);
}

@media (min-width: 768px) {
  .partners__split-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
  }
  .partners__split-text {
    flex: 1;
  }
  .partners__split-cta {
    flex-shrink: 0;
    margin-top: 0;
  }
}

/* Partner logo marquee */
.partners-marquee {
  padding: var(--space-lg) 0;
  margin-top: var(--space-md);
  overflow: hidden;
}

.partners-marquee__row {
  overflow: hidden;
}

.partners-marquee__row--1 {
  margin-bottom: var(--space-md);
}

.partners-marquee__track {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: max-content;
  will-change: transform;
}

.partners-marquee__clone {
  display: contents;
}

.partners-marquee__track--ltr {
  animation: marquee-ltr 40s linear infinite;
}

.partners-marquee__track--rtl {
  animation: marquee-rtl 55s linear infinite;
}

.partners-marquee:hover .partners-marquee__track {
  animation-play-state: paused;
}

/* Row 1: Headline + Official — larger logos */
.partners-marquee__row--1 img {
  width: 255px;
  height: 105px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.partners-marquee__row--1 img:hover {
  opacity: 1;
}

/* Row 2: Partners — smaller logos */
.partners-marquee__row--2 img {
  width: 140px;
  height: 60px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.partners-marquee__row--2 img:hover {
  opacity: 1;
}

@keyframes marquee-ltr {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes marquee-rtl {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

/* Reduced motion: static wrapped grid instead of scrolling */
@media (prefers-reduced-motion: reduce) {
  .partners-marquee {
    padding: var(--space-lg) var(--space-md);
  }

  .partners-marquee__track {
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    animation: none;
  }

  .partners-marquee__clone {
    display: none;
  }
}

.partners__cta {
  text-align: center;
  margin-top: var(--space-lg);
}

@media (min-width: 768px) {
  .partners__logo { height: 32px; }
  .partners__logo--headline { height: 48px; }
}


/* ---------- PRICING ---------- */
.pricing {
  background: var(--colour-purple);
  position: relative;
  border-radius: var(--radius-md);
}

/* Homepage pricing sits on canvas (not purple) */
.home-pricing {
  background: var(--colour-canvas);
}

.home-pricing .pricing__footer {
  color: rgba(0, 0, 0, 0.5);
}

.pricing__header {
  text-align: center;
  margin-bottom: var(--space-lg);
}

.pricing__header h2 {
  color: var(--colour-white);
}

.pricing__header p {
  color: rgba(255,255,255,0.8);
  margin-inline: auto;
  margin-top: var(--space-xs);
}

.passes-pricing .section-header p {
  color: var(--colour-white);
  font-weight: 500;
}

/* ── Pricing grid — asymmetric product showcase ── */
.pricing__grid {
  display: grid;
  gap: var(--space-md);
  align-items: stretch;
}

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

@media (min-width: 1025px) {
  .pricing__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Asymmetric showcase layout — passes page + homepage */
  .passes-pricing .pricing__grid,
  .home-pricing .pricing__grid {
    grid-template-columns: 1.3fr 1fr 1fr 0.8fr;
  }
}

/* ── Base card ── */
.price-card {
  background: transparent;
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.price-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

/* Homepage fallback — unmodified cards on purple bg */
.price-card:not([class*="price-card--"]) .price-card__top {
  background: var(--colour-white);
}

.price-card:not([class*="price-card--"]) .price-card__top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--colour-purple);
  opacity: 0.3;
}

.price-card:not([class*="price-card--"]) .price-card__name {
  color: #999;
}

.price-card:not([class*="price-card--"]) .price-card__price {
  color: var(--colour-purple);
}

.price-card:not([class*="price-card--"]) .price-card__note {
  color: #777;
}

.price-card:not([class*="price-card--"]) .price-card__body {
  background: rgba(255,255,255,0.08);
  border-top: 1px solid rgba(255,255,255,0.12);
}

.price-card:not([class*="price-card--"]) .price-card__features li {
  color: rgba(255,255,255,0.8);
}

.price-card:not([class*="price-card--"]) .price-card__features li::before {
  color: var(--colour-cyan);
}

.price-card:not([class*="price-card--"]) .price-card__sold-out {
  color: var(--colour-coral);
}

/* Homepage --featured variant (Gold 2-Day on homepage) */
.price-card--featured {
  /* No border — kept visually consistent with --popular */
}

.price-card--featured .price-card__top {
  background: var(--colour-white);
}

.price-card--featured .price-card__top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--colour-orange);
  opacity: 1;
}

.price-card--featured .price-card__badge {
  background: var(--colour-orange);
  color: var(--colour-charcoal);
  top: -12px;
}

.price-card--featured .price-card__name {
  color: #999;
}

.price-card--featured .price-card__price {
  color: var(--colour-purple);
}

.price-card--featured .price-card__note {
  color: #777;
}

.price-card--featured .price-card__body {
  background: rgba(255,255,255,0.08);
  border-top: 1px solid rgba(255,255,255,0.12);
}

.price-card--featured .price-card__features li {
  color: rgba(255,255,255,0.8);
}

.price-card--featured .price-card__features li::before {
  color: var(--colour-cyan);
}

/* ── Badge (shared) ── */
.price-card__badge {
  position: absolute;
  top: var(--space-sm);
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-heading);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 6px 18px;
  border-radius: 20px;
  z-index: 2;
  white-space: nowrap;
}

/* ── Top half ── */
.price-card__top {
  padding: var(--space-lg) var(--space-md) var(--space-md);
  position: relative;
}

/* ── Bottom half ── */
.price-card__body {
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.price-card__body .btn {
  width: 100%;
}

.price-card__name {
  font-family: var(--font-heading);
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: var(--space-sm);
  margin-top: var(--space-xs);
}

.price-card__price {
  font-family: var(--font-heading);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

.price-card__price span {
  font-size: 1rem;
  font-weight: 500;
}

.price-card__note {
  font-size: 0.85rem;
  margin-top: 6px;
}

.price-card__features {
  text-align: left;
  margin-bottom: var(--space-md);
  flex: 1;
}

.price-card__features li {
  font-size: 0.9rem;
  padding: 8px 0;
  padding-left: var(--space-md);
  position: relative;
}

.price-card__features li::before {
  content: '✓';
  position: absolute;
  left: 0;
  font-weight: 700;
}

.price-card__sold-out {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 10px 20px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(255,255,255,0.15);
  margin-top: auto;
}

.pricing__footer {
  text-align: center;
  margin-top: var(--space-md);
  color: rgba(255,255,255,0.6);
  font-size: 0.85rem;
}


/* ─────────────────────────────────────────────────
   PLATINUM — dark premium hero card
   ───────────────────────────────────────────────── */
.price-card--platinum {
  background: linear-gradient(170deg, #3a3a3a 0%, var(--colour-charcoal) 40%, #2a2a2a 100%);
  box-shadow:
    0 16px 48px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
}

.price-card--platinum:hover {
  box-shadow:
    0 24px 64px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

.price-card--platinum .price-card__badge {
  background: linear-gradient(135deg, var(--colour-cyan), var(--colour-purple));
  color: var(--colour-white);
}

.price-card--platinum .price-card__top {
  background: transparent;
  padding-top: calc(var(--space-lg) + var(--space-md));
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.price-card--platinum .price-card__name {
  color: var(--colour-cyan);
}

.price-card--platinum .price-card__price {
  color: var(--colour-white);
}

.price-card--platinum .price-card__note {
  color: rgba(255,255,255,0.5);
}

.price-card--platinum .price-card__body {
  background: transparent;
}

.price-card--platinum .price-card__features li {
  color: rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.price-card--platinum .price-card__features li:last-child {
  border-bottom: none;
}

.price-card--platinum .price-card__features li::before {
  color: var(--colour-cyan);
}


/* ─────────────────────────────────────────────────
   GOLD 2-DAY — Most Popular, charcoal with purple accent
   ───────────────────────────────────────────────── */
.price-card--popular {
  background: var(--colour-charcoal);
  box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}

.price-card--popular:hover {
  box-shadow: 0 16px 48px rgba(0,0,0,0.3);
}

.price-card--popular .price-card__badge {
  background: var(--colour-orange);
  color: var(--colour-charcoal);
}

.price-card--popular .price-card__top {
  background: transparent;
  padding-top: calc(var(--space-lg) + var(--space-md));
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.price-card--popular .price-card__name {
  color: var(--colour-orange);
}

.price-card--popular .price-card__price {
  color: var(--colour-white);
}

.price-card--popular .price-card__note {
  color: rgba(255,255,255,0.5);
}

.price-card--popular .price-card__body {
  background: transparent;
}

.price-card--popular .price-card__features li {
  color: rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.price-card--popular .price-card__features li:last-child {
  border-bottom: none;
}

.price-card--popular .price-card__features li::before {
  color: var(--colour-orange);
}


/* ─────────────────────────────────────────────────
   GOLD 1-DAY — charcoal baseline, quieter treatment
   ───────────────────────────────────────────────── */
.price-card--gold {
  background: var(--colour-charcoal);
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.price-card--gold:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}

.price-card--gold .price-card__top {
  background: transparent;
  padding-top: calc(var(--space-lg) + var(--space-md));
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.price-card--gold .price-card__name {
  color: var(--colour-orange);
}

.price-card--gold .price-card__price {
  color: var(--colour-white);
}

.price-card--gold .price-card__note {
  color: rgba(255,255,255,0.5);
}

.price-card--gold .price-card__body {
  background: transparent;
}

.price-card--gold .price-card__features li {
  color: rgba(255,255,255,0.7);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.price-card--gold .price-card__features li:last-child {
  border-bottom: none;
}

.price-card--gold .price-card__features li::before {
  color: var(--colour-orange);
  opacity: 0.6;
}


/* ─────────────────────────────────────────────────
   SILVER — Sold Out, visually retired
   ───────────────────────────────────────────────── */
.price-card--soldout {
  background: rgba(255,255,255,0.04);
  box-shadow: none;
  opacity: 0.5;
  pointer-events: none;
  border: 1px dashed rgba(255,255,255,0.15);
}

.price-card--soldout:hover {
  transform: none;
}

.price-card--soldout .price-card__top {
  background: transparent;
  padding-top: calc(var(--space-lg) + var(--space-md));
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.price-card--soldout .price-card__name {
  color: rgba(255,255,255,0.4);
}

.price-card--soldout .price-card__price {
  color: rgba(255,255,255,0.35);
}

.price-card--soldout .price-card__price s {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.price-card--soldout .price-card__note {
  color: rgba(255,255,255,0.3);
}

.price-card--soldout .price-card__body {
  background: transparent;
}

.price-card--soldout .price-card__features li {
  color: rgba(255,255,255,0.35);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.price-card--soldout .price-card__features li:last-child {
  border-bottom: none;
}

.price-card--soldout .price-card__features li::before {
  color: rgba(255,255,255,0.25);
}

.price-card--soldout .price-card__sold-out {
  color: rgba(255,255,255,0.4);
  border-color: rgba(255,255,255,0.1);
  opacity: 1;
}

/* Silver card on canvas (homepage) — needs dark text instead of white */
.home-pricing .price-card--soldout {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.12);
  opacity: 0.55;
}

.home-pricing .price-card--soldout .price-card__top {
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.home-pricing .price-card--soldout .price-card__name {
  color: rgba(0,0,0,0.35);
}

.home-pricing .price-card--soldout .price-card__price {
  color: rgba(0,0,0,0.3);
}

.home-pricing .price-card--soldout .price-card__note {
  color: rgba(0,0,0,0.25);
}

.home-pricing .price-card--soldout .price-card__features li {
  color: rgba(0,0,0,0.3);
  border-bottom-color: rgba(0,0,0,0.06);
}

.home-pricing .price-card--soldout .price-card__features li::before {
  color: rgba(0,0,0,0.2);
}

.home-pricing .price-card--soldout .price-card__sold-out {
  color: rgba(0,0,0,0.35);
  border-color: rgba(0,0,0,0.12);
}


/* ---------- NEWSLETTER / CTA STRIP ---------- */
.newsletter {
  background: var(--colour-charcoal);
  text-align: center;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.newsletter--vibrant {
  background: var(--colour-charcoal);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.newsletter h2 {
  color: var(--colour-white);
  margin-bottom: var(--space-xs);
}

.newsletter p {
  color: rgba(255,255,255,0.7);
  margin-inline: auto;
  margin-bottom: var(--space-md);
}

.newsletter__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  max-width: 500px;
  margin-inline: auto;
}

.newsletter__form input[type="email"] {
  font-family: var(--font-body);
  font-size: 1rem;
  padding: 14px 20px;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.05);
  color: var(--colour-white);
  outline: none;
  transition: border-color var(--ease);
}

.newsletter__form input[type="email"]::placeholder {
  color: rgba(255,255,255,0.4);
}

.newsletter__form input[type="email"]:focus {
  border-color: var(--colour-cyan);
}

@media (min-width: 768px) {
  .newsletter__form {
    flex-direction: row;
  }
  .newsletter__form input[type="email"] {
    flex: 1;
  }
}


/* ---------- FOOTER ---------- */
.site-footer {
  background: var(--colour-charcoal);
  padding-top: var(--space-lg);
  padding-bottom: var(--space-md);
}

.footer__grid {
  display: grid;
  gap: var(--space-md);
}

.footer__col h4 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--colour-white);
  margin-bottom: var(--space-sm);
}

.footer__col a,
.footer__col p {
  font-size: 0.875rem;
  color: rgba(255,255,255,0.6);
  display: block;
  margin-bottom: 8px;
  transition: color var(--ease);
}

.footer__col a:hover {
  color: var(--colour-white);
}

.footer__social {
  display: flex;
  gap: var(--space-sm);
}

.footer__social a {
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255,255,255,0.6);
}

.footer__social a:hover {
  color: var(--colour-cyan);
}

.footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: var(--space-md);
  padding-top: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  align-items: center;
  text-align: center;
}

.footer__bottom p,
.footer__bottom a {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.4);
}

.footer__bottom a:hover {
  color: rgba(255,255,255,0.7);
}

.footer__legal {
  display: flex;
  gap: var(--space-sm);
}

@media (min-width: 768px) {
  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1025px) {
  .footer__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/* ---------- SCROLL REVEAL ---------- */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}


/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }

  .hero__scroll-hint svg {
    animation: none;
  }

  .photo-break--parallax img {
    height: 100%;
    transform: none !important;
  }

  .home-speaker {
    opacity: 1;
    transform: none;
  }

  .prog-highlight.is-exiting,
  .prog-highlight.is-entering {
    opacity: 1;
    transform: none;
    transition: none;
  }
}


/* ---------- FOCUS STATES ---------- */
:focus-visible {
  outline: 2px solid var(--colour-purple);
  outline-offset: 4px;
}

/* Reset focus for mouse users */
:focus:not(:focus-visible) {
  outline: none;
}

/* Cyan focus on dark/vibrant backgrounds */
.programme :focus-visible,
.speakers--vibrant :focus-visible,
.newsletter :focus-visible,
.passes-pricing :focus-visible,
.passes-compare :focus-visible,
.passes-cta :focus-visible,
.pricing :focus-visible,
.passes-info :focus-visible,
.prog-night :focus-visible {
  outline-color: var(--colour-cyan);
}

/* Purple focus on light backgrounds with dark text */
.prog-features :focus-visible,
.prog-highlights :focus-visible {
  outline-color: var(--colour-purple);
}


/* ============================================================
   SHARED DESIGN SYSTEM — Components used across all pages
   ============================================================ */

/* ---------- PHOTO BREAK (full-bleed image pause) ---------- */
.photo-break {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  position: relative;
}

.photo-break img {
  width: 100%;
  height: 45vh;
  min-height: 280px;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

/* Parallax: container is fixed height, image is taller and translated by JS */
.photo-break--parallax {
  height: 45vh;
  min-height: 280px;
  max-height: 500px;
}

.photo-break--parallax img {
  height: 130%;
  max-height: none;
  min-height: 0;
  will-change: transform;
}

.photo-break--purple {
  background: var(--colour-purple);
}


/* ---------- STATS BAND (large numbers on purple) ---------- */
.stats-band {
  background: var(--colour-purple);
  padding-block: var(--space-xl);
  overflow: hidden;
}

.stats-band__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg) var(--space-md);
  padding-inline: 20px;
  max-width: 1200px;
  margin-inline: auto;
}

.stats-band__item {
  text-align: center;
}

.stats-band__number {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
  color: var(--colour-white);
  display: block;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  min-height: 1em;
}

.stats-band__label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-top: var(--space-xs);
  white-space: nowrap;
}

@media (min-width: 768px) {
  .stats-band__inner {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-lg);
  }
}

@media (min-width: 1025px) {
  .stats-band {
    padding-block: var(--space-2xl);
  }
}


/* ---------- PRESS QUOTES (3-col blockquote grid) ---------- */
.press-quotes__grid {
  display: grid;
  gap: var(--space-lg);
}

.press-quotes__item {
  padding-left: var(--space-md);
}

.press-quotes__item p {
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--space-xs);
}

.press-quotes__item cite {
  font-style: normal;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

@media (min-width: 768px) {
  .press-quotes__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1025px) {
  .press-quotes__item p {
    font-size: 2.25rem;
  }
}

/* Press quotes — light theme (canvas bg, purple accents) */
.press-quotes--light .press-quotes__item {
  border-left: 3px solid var(--colour-purple);
}
.press-quotes--light .press-quotes__item p {
  color: var(--colour-charcoal);
}
.press-quotes--light .press-quotes__item cite {
  color: var(--colour-purple);
}

/* Press quotes — dark theme (purple bg, cyan accents) */
.press-quotes--dark .press-quotes__item {
  border-left: 3px solid var(--colour-cyan);
}
.press-quotes--dark .press-quotes__item p {
  color: var(--colour-white);
}
.press-quotes--dark .press-quotes__item cite {
  color: var(--colour-cyan);
}


/* ---------- PAGE HERO (inner pages — compact) ---------- */
.page-hero {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--colour-charcoal);
  padding-top: 80px; /* clear fixed header */
}

.page-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.page-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: var(--space-2xl) 20px var(--space-lg);
  max-width: 850px;
}

.page-hero__subtitle {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(255,255,255,0.85);
  margin-bottom: var(--space-md);
}

@media (min-width: 1025px) {
  .page-hero__subtitle { font-size: 1.35rem; }
}


/* ---------- SECTION HEADER (shared) ---------- */
.section-header {
  text-align: center;
  margin-bottom: var(--space-lg);
}

.section-header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin: 0 auto var(--space-sm);
  border-radius: 2px;
}

.section-header p {
  color: #555;
  margin-inline: auto;
  margin-top: var(--space-xs);
}

/* White text on dark/vibrant backgrounds */
.section-header--light h2 {
  color: var(--colour-white);
}

.section-header--light h2::before {
  background: var(--colour-cyan);
}

.section-header--light p {
  color: rgba(255,255,255,0.8);
}

/* Left-aligned variant (must appear after base .section-header to win cascade) */
.section-header.section-header--left {
  text-align: left;
}

.section-header.section-header--left h2::before {
  margin: 0 0 var(--space-sm);
}

.section-header.section-header--left p {
  margin-inline: 0;
}


/* ---------- GLASS CARD (translucent on dark/vibrant backgrounds) ---------- */
.glass-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  transition: transform 0.3s ease, background 0.3s ease;
}

.glass-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.12);
}

.glass-card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--colour-white);
  margin-bottom: var(--space-xs);
}

.glass-card p {
  color: rgba(255,255,255,0.7);
  font-size: 0.925rem;
}

.glass-card a {
  color: var(--colour-cyan);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.glass-card a:hover {
  color: var(--colour-white);
}


/* ---------- CARD (white on vibrant backgrounds) ---------- */
.card {
  background: var(--colour-white);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  box-shadow: 0 4px 24px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
}




/* ---------- ACCENT COLOUR RULES ---------- */
/* On charcoal → cyan accent */
/* On purple → cyan accent */
/* On warm gradient (Reds) → yellow accent */
/* On light/white → purple accent */
/* On cyan → charcoal text, purple accent */
/* These are encoded directly in the component styles where they appear. */


/* ---------- CTA STRIP (shared) ---------- */
.cta-strip__inner {
  text-align: center;
}

.cta-strip__inner h2 {
  margin-bottom: var(--space-sm);
}

.cta-strip__inner p {
  margin-inline: auto;
  margin-bottom: var(--space-md);
}

/* Light text on dark/vibrant CTA backgrounds */
.cta-strip__inner.text-white h2 {
  color: var(--colour-white);
}

.cta-strip__inner.text-white p {
  color: rgba(255,255,255,0.85);
}


/* ---------- COUNTDOWN (optional JS enhancement) ---------- */
.countdown {
  display: flex;
  justify-content: center;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
}

.countdown__block {
  text-align: center;
}

.countdown__number {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: var(--colour-white);
  line-height: 1;
}

.countdown__label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.6);
  margin-top: 4px;
}

@media (min-width: 1025px) {
  .countdown__number { font-size: 2.5rem; }
}


/* ============================================================
   PASSES PAGE — passes.html
   ============================================================ */

/* ---------- PASSES HERO — uses .page-hero shared component ---------- */


/* ---------- PASSES PRICING (override for passes page) ---------- */
.passes-pricing {
  background: var(--colour-purple);
  position: relative;
  border-radius: var(--radius-md);
}


/* ---------- PASSES COMPARISON TABLE (grid-based layout) ---------- */
.passes-compare {
  background: var(--colour-canvas);
  position: relative;
}

.passes-compare__table {
  border-radius: var(--radius-md);
  overflow: clip;
  border: 1px solid var(--colour-grey-light);
  background: var(--colour-canvas);
}

.passes-compare__row--head {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  background: var(--colour-charcoal);
  border-bottom: 2px solid var(--colour-grey-light);
}

.passes-compare__row--head .passes-compare__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-md) var(--space-xs);
  gap: 4px;
  position: relative;
}

.passes-compare__row--head .passes-compare__col + .passes-compare__col {
  border-left: 1px solid rgba(255,255,255,0.1);
}

/* Label column — canvas, distinct from pass columns */
.passes-compare__col--label {
  background: var(--colour-canvas);
}

/* Shared dark header columns */
.passes-compare__col--plat,
.passes-compare__col--gold2,
.passes-compare__col--gold1 {
  background: var(--colour-charcoal);
  position: relative;
}

.passes-compare__col--plat::before,
.passes-compare__col--gold2::before,
.passes-compare__col--gold1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

/* Platinum — premium gradient + cyan accents */
.passes-compare__col--plat {
  background: linear-gradient(170deg, #3a3a3a 0%, var(--colour-charcoal) 40%, #2a2a2a 100%);
  border-left: 2px solid var(--colour-purple) !important;
}
.passes-compare__col--plat::before {
  background: linear-gradient(135deg, var(--colour-cyan), var(--colour-purple));
}
.passes-compare__col--plat .passes-compare__name {
  color: var(--colour-cyan);
}
.passes-compare__col--plat .passes-compare__price {
  color: var(--colour-white);
}

/* Gold 2-Day — orange accents */
.passes-compare__col--gold2::before {
  background: var(--colour-orange);
}
.passes-compare__col--gold2 .passes-compare__name {
  color: var(--colour-orange);
}

/* Gold 1-Day — orange accents (matches 2-Day) */
.passes-compare__col--gold1::before {
  background: var(--colour-orange);
}
.passes-compare__col--gold1 .passes-compare__name {
  color: var(--colour-orange);
}

.passes-compare__name {
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-white);
  line-height: 1;
}

.passes-compare__price {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
  color: var(--colour-white);
  line-height: 1;
  letter-spacing: -0.02em;
}

.passes-compare__desc {
  font-family: var(--font-body);
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
  line-height: 1.3;
}

/* --- Feature rows --- */
.passes-compare__body .passes-compare__row {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  align-items: center;
  min-height: 44px;
}

.passes-compare__row--alt {
  background: rgba(0, 0, 0, 0.02);
}

/* Category header rows */
.passes-compare__row--category {
  display: block;
  background: var(--colour-canvas);
  border-top: 1px solid var(--colour-grey-light);
  border-bottom: 1px solid var(--colour-grey-light);
  padding: 10px var(--space-md);
}

.passes-compare__cat {
  font-family: var(--font-heading);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--colour-charcoal);
}

/* Feature name (first column) */
.passes-compare__feature {
  font-family: var(--font-body);
  font-size: 0.85rem;
  color: var(--colour-charcoal);
  padding: 10px var(--space-md);
  line-height: 1.4;
}

/* Value cells */
.passes-compare__val {
  text-align: center;
  padding: 10px 6px;
  font-size: 0.85rem;
  font-family: var(--font-body);
  border-left: 1px solid rgba(0, 0, 0, 0.04);
}

.passes-compare__val--yes {
  color: var(--colour-purple);
  font-weight: 700;
  font-size: 1.05rem;
}

.passes-compare__val--no {
  color: #ccc;
  font-size: 1rem;
}

.passes-compare__val--text {
  color: var(--colour-charcoal);
  font-weight: 500;
  font-size: 0.8rem;
}

/* Platinum column tint on every row */
.passes-compare__val--plat {
  background: rgba(85, 31, 239, 0.035);
  border-left: 2px solid rgba(85, 31, 239, 0.10);
}

/* --- Mobile: abbreviate header names, tighter spacing --- */
@media (max-width: 599px) {
  .passes-compare__row--head .passes-compare__col {
    padding: var(--space-sm) 4px;
    gap: 2px;
  }

  .passes-compare__name {
    font-size: 0.6rem;
    letter-spacing: 0.06em;
  }

  .passes-compare__price {
    font-size: 1.2rem;
  }

  .passes-compare__desc {
    font-size: 0.62rem;
  }

  .passes-compare__body .passes-compare__row,
  .passes-compare__row--head {
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
  }

  .passes-compare__feature {
    font-size: 0.75rem;
    padding: 8px 10px;
  }

  .passes-compare__val {
    font-size: 0.8rem;
    padding: 8px 4px;
  }

  .passes-compare__val--text {
    font-size: 0.72rem;
  }

  .passes-compare__cat {
    font-size: 0.72rem;
  }

  .passes-compare__row--category {
    padding: 8px 10px;
  }
}

/* --- Tablet+ --- */
@media (min-width: 768px) {
  .passes-compare__body .passes-compare__row,
  .passes-compare__row--head {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }

  .passes-compare__feature {
    font-size: 0.9rem;
  }
}

/* --- Desktop --- */
@media (min-width: 1025px) {
  .passes-compare__row--head .passes-compare__col {
    padding: var(--space-sm) var(--space-md);
  }
}


/* ---------- PASSES PLATINUM SPOTLIGHT ---------- */
.passes-spotlight {
  background: transparent;
  overflow: hidden;
}

.passes-spotlight__inner {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.passes-spotlight__content .passes-spotlight__tag {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--colour-purple);
  margin-bottom: var(--space-sm);
}

.passes-spotlight__content h2 {
  color: var(--colour-charcoal);
  margin-bottom: var(--space-md);
}

.passes-spotlight__content > p {
  color: #555;
  margin-bottom: var(--space-md);
}

.passes-spotlight__perks {
  list-style: none;
  margin-bottom: var(--space-lg);
}

.passes-spotlight__perks li {
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--colour-grey-light);
}

.passes-spotlight__perks li:last-child {
  border-bottom: none;
}

.passes-spotlight__perks strong {
  display: block;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  color: var(--colour-charcoal);
  margin-bottom: 2px;
}

.passes-spotlight__perks span {
  font-size: 0.9rem;
  color: #777;
}

.passes-spotlight__image img {
  width: 100%;
  border-radius: var(--radius-md);
  aspect-ratio: 3 / 2;
  object-fit: cover;
  box-shadow: 0 4px 24px rgba(0,0,0,0.1);
}

@media (min-width: 1025px) {
  .passes-spotlight__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xl);
  }
}


/* ---------- PASSES GROUP BOOKINGS ---------- */
.passes-group {
  background: var(--colour-canvas);
}

.passes-group__inner {
  display: grid;
  gap: var(--space-lg);
  align-items: start;
}

@media (min-width: 1025px) {
  .passes-group__inner {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
  }
}

.passes-group__tag {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--colour-purple);
  margin-bottom: var(--space-sm);
}

.passes-group__content h2 {
  color: var(--colour-charcoal);
  margin-bottom: var(--space-md);
}

.passes-group__content > p {
  color: #555;
  margin-bottom: var(--space-sm);
}

.passes-group__content > p:last-of-type {
  margin-bottom: var(--space-lg);
}

.passes-group__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.passes-group__stat {
  text-align: center;
  padding: var(--space-sm) 0;
}

.passes-group__stat strong {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(2.8rem, 5vw, 3.8rem);
  font-weight: 700;
  color: var(--colour-purple);
  line-height: 1;
  margin-bottom: var(--space-xs);
}

.passes-group__stat span {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--colour-purple);
  line-height: 1.3;
}

.passes-group__how {
  list-style: none;
  padding: 0;
}

.passes-group__how li {
  position: relative;
  padding: var(--space-xs) 0 var(--space-xs) 24px;
  border-bottom: 1px solid var(--colour-grey-light);
  font-size: 0.95rem;
  color: #555;
}

.passes-group__how li:last-child {
  border-bottom: none;
}

.passes-group__how li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--colour-purple);
  font-weight: 700;
}

.passes-group__how a {
  color: var(--colour-purple);
  font-weight: 600;
}


/* ---------- PASSES PRACTICAL INFO ---------- */
.passes-info {
  background: var(--colour-purple);
  position: relative;
  border-radius: var(--radius-md);
}

/* Info header — uses .section-header .section-header--light */

.passes-info__grid {
  display: grid;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
}

/* Passes info cards — now uses .glass-card shared component */

.passes-info__icon {
  color: var(--colour-cyan);
  margin-bottom: var(--space-sm);
}

@media (min-width: 768px) {
  .passes-info__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}


/* ---------- PASSES FAQ ACCORDION ---------- */
.passes-faq {
  max-width: 800px;
  margin-inline: auto;
}

.passes-faq__title {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--colour-white);
  text-align: center;
  margin-bottom: var(--space-md);
}

.passes-faq__item {
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.passes-faq__item:last-child {
  border-bottom: none;
}

.passes-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) 0;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
  color: var(--colour-white);
  cursor: pointer;
  list-style: none;
  transition: color var(--ease);
}

.passes-faq__item summary::-webkit-details-marker {
  display: none;
}

.passes-faq__item summary::after {
  content: '+';
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--colour-cyan);
  flex-shrink: 0;
  margin-left: var(--space-sm);
  transition: transform 0.2s ease;
}

.passes-faq__item[open] summary::after {
  content: '−';
}

.passes-faq__item summary:hover {
  color: var(--colour-cyan);
}

.passes-faq__answer {
  padding-bottom: var(--space-sm);
}

.passes-faq__answer p {
  color: rgba(255,255,255,0.7);
  font-size: 0.925rem;
}

.passes-faq__answer a {
  color: var(--colour-cyan);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.passes-faq__answer a:hover {
  color: var(--colour-white);
}

/* Focus — now consolidated in shared FOCUS STATES section above */


/* ---------- PASSES FINAL CTA ---------- */
.passes-cta {
  background: var(--colour-charcoal);
  position: relative;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

/* Passes CTA strip — uses .cta-strip__inner.text-white */

/* Newsletter loses rounded top when charcoal CTA flows into it */
.passes-cta + .newsletter {
  border-radius: 0;
}


/* ============================================================
   PROGRAMME PAGE — programme.html
   ============================================================ */

/* ---------- PROGRAMME HERO — uses .page-hero shared component ---------- */


/* ---------- PROGRAMME INTRO (asymmetric split) ---------- */
.prog-intro {
  background: transparent;
}

.prog-intro__grid {
  display: grid;
  gap: var(--space-lg);
}

.prog-intro__text h2 {
  margin-bottom: var(--space-md);
}

.prog-intro__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.prog-intro__text p {
  color: #555;
}

.prog-intro__stats {
  display: flex;
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

.prog-intro__stat-number {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--colour-purple);
  line-height: 1.1;
}

.prog-intro__stat-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}

.prog-intro__image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
}

@media (min-width: 1025px) {
  .prog-intro__grid {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
    align-items: center;
  }
  .prog-intro__stat-number { font-size: 3.5rem; }
}


/* ---------- PROGRAMME PHOTO BREAK ---------- */


/* ---------- PROGRAMME 2025 HIGHLIGHTS (filterable session cards) ---------- */
.prog-highlights {
  background: transparent;
  position: relative;
}

.prog-highlights .section-header--left h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.prog-highlights__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: var(--space-lg);
}

.prog-highlights__filter {
  font-family: var(--font-body);
  font-size: 0.85rem;
  font-weight: 600;
  padding: 10px 20px;
  min-height: 44px;
  border-radius: 40px;
  border: 2px solid var(--colour-purple);
  background: transparent;
  color: var(--colour-purple);
  cursor: pointer;
  transition: background var(--ease), color var(--ease);
}

.prog-highlights__filter:hover {
  background: rgba(85, 31, 239, 0.08);
}

.prog-highlights__filter.active {
  background: var(--colour-purple);
  color: var(--colour-white);
}

.prog-highlights__grid {
  display: grid;
  gap: var(--space-md);
}

@media (min-width: 768px) {
  .prog-highlights__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .prog-highlights__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Session highlight card — extends .card */
.prog-highlight {
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.prog-highlight:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(85, 31, 239, 0.12);
}

.prog-highlight__stage {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--colour-purple);
  background: rgba(85, 31, 239, 0.08);
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: var(--space-sm);
  align-self: flex-start;
}

.prog-highlight__title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-xs);
  line-height: 1.3;
}

.prog-highlight__speakers {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--colour-purple);
  margin-bottom: var(--space-xs);
}

.prog-highlight__desc {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.55;
  flex: 1;
}

/* Filter transition states */
.prog-highlight.is-exiting {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.prog-highlight.is-entering {
  opacity: 0;
  transform: translateY(8px);
}

.prog-highlight.is-entering.is-shown {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}


/* ---------- PROGRAMME THEMES TAG CLOUD ---------- */
/* ---------- PROGRAMME CONTENT THEMES (static grid on purple) ---------- */
.prog-themes {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.prog-themes__grid {
  display: grid;
  gap: var(--space-md);
}

.prog-theme {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  transition: background 0.3s ease;
}

.prog-theme:hover {
  background: rgba(255,255,255,0.14);
}

.prog-theme h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--colour-white);
  margin-bottom: var(--space-xs);
}

.prog-theme p {
  color: rgba(255,255,255,0.75);
  font-size: 0.9rem;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .prog-themes__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .prog-themes__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}


/* ---------- PROGRAMME CONTENT THEMES — dark variant (matches New for 2026) ---------- */
.prog-themes--dark {
  background: #1a0a4e;
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
}

.prog-themes--dark::before {
  content: '';
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 60%;
  background: radial-gradient(ellipse at center, rgba(85, 31, 239, 0.25) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.prog-themes--dark .container {
  position: relative;
  z-index: 1;
}

.prog-themes--dark .prog-theme {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.prog-themes--dark .prog-theme:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(71, 201, 214, 0.3);
}

.prog-themes--dark .prog-theme h3 {
  color: var(--colour-white);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.prog-themes--dark .prog-theme p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.9rem;
  font-weight: 400;
}


/* ---------- PROGRAMME FEATURES & SPACES (canvas, alternating rows) ---------- */
.prog-features {
  background: transparent;
  position: relative;
}

/* Features header — uses .section-header .section-header--left */

.prog-features .section-header--left h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.prog-features__row {
  display: grid;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
}

.prog-features__row:last-child {
  margin-bottom: 0;
}

.prog-features__photo img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.prog-features__cards {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.prog-feature-card__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-purple);
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

@media (min-width: 1025px) {
  .prog-features__row {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
    align-items: center;
  }

  .prog-features__row--reverse .prog-features__photo {
    order: 2;
  }
}

/* Glass-card label (shared, used on purple backgrounds elsewhere) */
.glass-card__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-cyan);
  font-weight: 600;
  margin-bottom: 6px;
}


/* ---------- PROGRAMME BY NIGHT (charcoal block — nighttime feel, gold accents) ---------- */
.prog-night {
  background: var(--colour-charcoal);
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* Night header — uses .section-header .section-header--left .section-header--light */

.prog-night .section-header--light h2 {
  color: var(--colour-yellow);
}

.prog-night .section-header--left h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-yellow);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.prog-night .section-header--left p {
  color: rgba(255,255,255,0.8);
}

/* Featured night events — with photography */
.prog-night__featured {
  display: grid;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.night-feature {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(241, 216, 100, 0.2);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.night-feature:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.1);
  border-color: rgba(241, 216, 100, 0.35);
}

.night-feature__image {
  position: relative;
  overflow: hidden;
}

.night-feature__image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.night-feature:hover .night-feature__image img {
  transform: scale(1.03);
}

.night-feature__badge {
  position: absolute;
  top: var(--space-sm);
  right: var(--space-sm);
  background: var(--colour-yellow);
  color: var(--colour-charcoal);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 14px;
  border-radius: 20px;
}

.night-feature__body {
  padding: var(--space-md);
}

.night-feature__label {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-yellow);
  margin-bottom: var(--space-xs);
}

.night-feature__body h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--colour-yellow);
  margin-bottom: var(--space-xs);
}

.night-feature__body p {
  color: rgba(255,255,255,0.75);
  font-size: 0.925rem;
  margin-bottom: var(--space-sm);
}

@media (min-width: 768px) {
  .prog-night__featured {
    grid-template-columns: repeat(2, 1fr);
  }

  .night-feature__image img {
    height: 260px;
  }
}

/* Supporting night events */
.prog-night__grid {
  display: grid;
  gap: var(--space-md);
}

.night-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(241, 216, 100, 0.15);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
  position: relative;
}

.night-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.1);
  border-color: rgba(241, 216, 100, 0.3);
}


.night-card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--colour-yellow);
  margin-bottom: var(--space-xs);
}

.night-card p {
  color: rgba(255,255,255,0.75);
  font-size: 0.925rem;
  margin-bottom: var(--space-sm);
}

.night-card__who {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--colour-yellow);
}

@media (min-width: 768px) {
  .prog-night__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .prog-night__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.prog-night__note {
  text-align: center;
  margin-top: var(--space-md);
  font-size: 0.85rem;
  color: rgba(255,255,255,0.6);
  font-style: italic;
}


/* ---------- PROGRAMME CTA STRIP ---------- */
.prog-cta {
  background: transparent;
  position: relative;
}

/* Programme CTA strip — now uses .cta-strip__inner */

.prog-cta .cta-strip__inner h2 {
  color: var(--colour-charcoal);
}

.prog-cta .cta-strip__inner p {
  color: rgba(51,51,51,0.8);
}


/* Focus — now consolidated in shared FOCUS STATES section above */


/* ============================================================
   ABOUT PAGE — about.html
   Dynamic layout experiment: asymmetric splits, giant stats,
   full-bleed photo breaks, staggered cards, left-aligned quotes
   ============================================================ */


/* ---------- ABOUT STORY (asymmetric split + pull quote) ---------- */
.about-story {
  background: transparent;
}

.about-story__grid {
  display: grid;
  gap: var(--space-lg);
  align-items: start;
}

.about-story__text h2 {
  margin-bottom: var(--space-md);
}

.about-story__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.about-story__text p {
  color: #555;
  margin-bottom: var(--space-sm);
}

.about-story__text p:last-child {
  margin-bottom: 0;
}

.about-story__quote {
  position: relative;
  padding: var(--space-lg) var(--space-md);
  border-left: 4px solid var(--colour-purple);
}

.about-story__quote blockquote p {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--colour-purple);
}

.about-story__quote blockquote strong {
  font-size: 2.5rem;
  display: inline;
}

.about-story__tagline p {
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.15;
  color: var(--colour-purple);
  margin-bottom: 0.15em;
  max-width: none;
}

@media (min-width: 1025px) {
  .about-story__grid {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
    align-items: center;
  }

  .about-story__quote {
    padding: var(--space-xl) var(--space-lg);
    position: sticky;
    top: 120px;
  }

  .about-story__quote blockquote p {
    font-size: 2.75rem;
  }

  .about-story__quote blockquote strong {
    font-size: 3.5rem;
  }
}


/* ---------- ABOUT GIANT STATS ---------- */
/* About stats — overrides on shared .stats-band */
.about-stats {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.about-stats .stats-band__number {
  font-size: clamp(2.5rem, 10vw, 3.5rem);
}

.about-stats .stats-band__label {
  color: var(--colour-cyan);
}

@media (min-width: 768px) {
  .about-stats .stats-band__number {
    font-size: clamp(3rem, 5vw, 4.5rem);
  }
}

@media (min-width: 1025px) {
  .about-stats .stats-band__number {
    font-size: clamp(4rem, 5vw, 5.5rem);
  }
}


/* ---------- ABOUT JOURNEY TIMELINE ---------- */
.about-journey {
  background: var(--colour-canvas);
}

.about-journey__header {
  text-align: center;
  margin-bottom: var(--space-lg);
}

.about-journey__header h2 {
  margin-bottom: var(--space-xs);
}

.about-journey__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin: 0 auto var(--space-sm);
  border-radius: 2px;
}

.about-journey__header p {
  color: #555;
  max-width: 42ch;
  margin-inline: auto;
}

/* Timeline list */
.about-journey__timeline {
  position: relative;
  padding-left: 28px;
  list-style: none;
}

/* Connecting line */
.about-journey__timeline::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 8px;
  bottom: 0;
  width: 2px;
  background: rgba(85, 31, 239, 0.18);
  border-radius: 1px;
}

/* Entry */
.about-journey__entry {
  position: relative;
  padding-bottom: var(--space-xl);
}

.about-journey__entry:last-child {
  padding-bottom: 0;
}

/* Marker dot */
.about-journey__marker {
  position: absolute;
  left: -28px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--colour-canvas);
  border: 3px solid var(--colour-purple);
  z-index: 1;
}

/* Current year marker — filled + glow */
.about-journey__marker--current {
  background: var(--colour-purple);
  border-color: var(--colour-purple);
  box-shadow: 0 0 0 6px rgba(85, 31, 239, 0.15);
}

/* Year */
.about-journey__year {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--colour-purple);
  line-height: 1.1;
  margin-bottom: 4px;
}

/* Headline */
.about-journey__body h3 {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-xs);
}

/* Photo */
.about-journey__photo {
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--space-sm);
}

.about-journey__photo img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* Body copy */
.about-journey__body p {
  color: #555;
  margin-bottom: var(--space-sm);
  max-width: 60ch;
  margin-inline: 0;
}

/* Stat pills */
.about-journey__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}

.about-journey__pills li {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--colour-charcoal);
  background: rgba(85, 31, 239, 0.07);
  padding: 5px 14px;
  border-radius: 100px;
  white-space: nowrap;
}

/* 2026 — current entry highlight */
.about-journey__entry--current .about-journey__body {
  background: rgba(85, 31, 239, 0.04);
  border: 1px solid rgba(85, 31, 239, 0.12);
  border-radius: var(--radius-md);
  padding: var(--space-md);
}

.about-journey__badge {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-purple);
  background: rgba(85, 31, 239, 0.1);
  padding: 4px 14px;
  border-radius: 100px;
  margin-bottom: var(--space-xs);
}

.about-journey__entry--current .btn {
  margin-top: var(--space-xs);
}

/* Tablet */
@media (min-width: 768px) {
  .about-journey__timeline {
    padding-left: 36px;
  }

  .about-journey__marker {
    left: -36px;
  }

  .about-journey__body h3 {
    font-size: 1.35rem;
  }
}

/* Desktop — photo opposite text across centre line */
@media (min-width: 1025px) {
  .about-journey__timeline {
    padding-left: 0;
  }

  /* Vertical line down the centre */
  .about-journey__timeline::before {
    left: calc(50% - 1px);
    top: 0;
  }

  /* Each entry: 3-col grid — [left] [centre-gap] [right] */
  .about-journey__entry {
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    gap: 0;
    align-items: start;
    padding-bottom: var(--space-2xl);
  }

  .about-journey__entry:last-child {
    padding-bottom: 0;
  }

  /* Marker sits in the centre column */
  .about-journey__marker {
    position: static;
    grid-column: 2;
    grid-row: 1;
    width: 18px;
    height: 18px;
    justify-self: center;
    margin-top: 10px;
  }

  /* --- Odd entries (2022, 2024, 2026): text left, photo right --- */
  .about-journey__entry:nth-child(odd) .about-journey__body {
    grid-column: 1;
    grid-row: 1;
    padding-right: var(--space-md);
  }

  .about-journey__entry:nth-child(odd) .about-journey__photo {
    grid-column: 3;
    grid-row: 1;
    margin-left: var(--space-md);
  }

  /* --- Even entries (2023, 2025): photo left, text right --- */
  .about-journey__entry:nth-child(even) .about-journey__photo {
    grid-column: 1;
    grid-row: 1;
    margin-right: var(--space-md);
  }

  .about-journey__entry:nth-child(even) .about-journey__body {
    grid-column: 3;
    grid-row: 1;
    padding-left: var(--space-md);
  }

  /* Photo fills its column height */
  .about-journey__photo {
    margin-bottom: 0;
    align-self: stretch;
  }

  .about-journey__photo img {
    aspect-ratio: auto;
    height: 100%;
    min-height: 280px;
  }

  /* 2026 — no photo, text spans left column only */
  .about-journey__entry--current {
    grid-template-columns: 1fr 40px 1fr;
  }

  .about-journey__marker--current {
    box-shadow: 0 0 0 8px rgba(85, 31, 239, 0.12);
  }

  .about-journey__year {
    font-size: clamp(2.5rem, 4vw, 3.25rem);
  }

  .about-journey__body h3 {
    font-size: 1.5rem;
  }

  .about-journey__entry--current .about-journey__body {
    padding: var(--space-lg);
  }
}


/* ---------- ABOUT FULL-BLEED PHOTO BREAK ---------- */


/* ---------- ABOUT TEAM (staggered layout) ---------- */
.about-team {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

.about-team__header {
  margin-bottom: var(--space-lg);
}

.about-team__header h2 {
  margin-bottom: var(--space-xs);
  color: #fff;
}

.about-team__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-cyan, #00e5ff);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.about-team__header p {
  color: rgba(255, 255, 255, 0.75);
  margin-inline: 0;
}

.about-team__grid {
  display: grid;
  gap: var(--space-lg);
}

.about-team__card {
  display: grid;
  gap: var(--space-md);
}

.about-team__info h3 {
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}

.about-team__role {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--colour-cyan, #00e5ff);
  margin-bottom: var(--space-sm);
}

.about-team__info p {
  color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1025px) {
  .about-team__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xl);
  }

  .about-team__card {
    grid-template-columns: 1fr;
  }
}


/* ---------- ABOUT ADVISORY PANEL (quote carousel) ---------- */
/* ---------- ABOUT ADVISORY PANEL (headshot grid) ---------- */
.about-panel {
  background: transparent;
}

.about-panel__header {
  margin-bottom: var(--space-xl);
}

.about-panel__header h2 {
  margin-bottom: var(--space-xs);
}

.about-panel__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.about-panel__header p {
  color: #555;
  margin-inline: 0;
}

.about-panel__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg) var(--space-md);
}

.about-panel__member {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.25s ease;
}

.about-panel__member:hover {
  transform: translateY(-3px);
}

.about-panel__member:hover .about-panel__name {
  color: var(--colour-purple);
}

.about-panel__headshot {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--colour-purple);
  margin-bottom: var(--space-sm);
}

.about-panel__initials {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colour-purple);
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: 0.02em;
  border: 3px solid var(--colour-purple);
  margin-bottom: var(--space-sm);
  flex-shrink: 0;
}

.about-panel__name {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--colour-charcoal);
  transition: color 0.2s ease;
  line-height: 1.3;
}

.about-panel__org {
  font-size: 0.85rem;
  color: #777;
  display: block;
  margin-top: 2px;
}

@media (min-width: 600px) {
  .about-panel__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1025px) {
  .about-panel__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-xl) var(--space-lg);
  }

  .about-panel__headshot,
  .about-panel__initials {
    width: 150px;
    height: 150px;
  }

  .about-panel__initials {
    font-size: 2rem;
  }
}


/* ---------- ABOUT PRESS & RECOGNITION ---------- */
/* About press — uses shared .press-quotes--light */
.about-press {
  background: transparent;
}

.about-press__header h2 {
  margin-bottom: var(--space-lg);
}

.about-press__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}


/* ---------- ABOUT CTA STRIP ---------- */
.about-cta {
  background: var(--colour-charcoal);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.about-cta + .newsletter {
  border-radius: 0;
}


/* ---------- ABOUT PAGE FOCUS STATES ---------- */
.about-stats :focus-visible,
.about-cta :focus-visible {
  outline-color: var(--colour-cyan);
}

.about-press :focus-visible {
  outline-color: var(--colour-purple);
}


/* ============================================================
   PARTNERS PAGE — partners.html
   ============================================================ */

/* ---------- PARTNER WHY (asymmetric split) ---------- */
.partner-why {
  background: transparent;
}

.partner-why__grid {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.partner-why__text h2 {
  margin-bottom: var(--space-md);
}

.partner-why__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.partner-why__text p {
  color: #555;
  margin-bottom: var(--space-sm);
}

.partner-why__stats {
  display: flex;
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

.partner-why__stat-number {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--colour-purple);
  line-height: 1.1;
}

.partner-why__stat-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}

.partner-why__image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
}

@media (min-width: 1025px) {
  .partner-why__grid {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
  }
  .partner-why__stat-number { font-size: 3.5rem; }
}


/* ---------- PARTNER TIERS (purple, isolated block) ---------- */
.partner-tiers {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

.partner-tiers__grid {
  display: grid;
  gap: var(--space-md);
}

.partner-tiers__cta {
  text-align: center;
  margin-top: var(--space-lg);
}

@media (min-width: 768px) {
  .partner-tiers__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .partner-tiers__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/* ---------- PARTNER LOGOS (canvas, logo stack) ---------- */
.partner-logos {
  background: transparent;
}


/* (partner-quotes styles in rotating display block below) */


/* ---------- PARTNER AUDIENCE BREAKDOWN (charcoal, 3-col) ---------- */
.partner-audience {
  background: var(--colour-charcoal);
  border-radius: var(--radius-md);
}

.partner-audience__grid {
  display: grid;
  gap: var(--space-lg);
}

.partner-audience__col {
  text-align: center;
}

.partner-audience__number {
  display: block;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(2.5rem, 8vw, 3.5rem);
  color: var(--colour-cyan);
  line-height: 1.1;
}

.partner-audience__label {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.5);
  margin-bottom: var(--space-sm);
}

.partner-audience__col h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--colour-white);
  margin-bottom: var(--space-xs);
}

.partner-audience__col p {
  color: rgba(255,255,255,0.7);
  font-size: 0.925rem;
}

@media (min-width: 768px) {
  .partner-audience__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-xl);
  }
}


/* ---------- PARTNER ACTIVATIONS (canvas, scroll carousel) ---------- */
.partner-activations {
  background: transparent;
}

.partner-activations__header {
  margin-bottom: var(--space-lg);
}

.partner-activations__header-text h2 {
  margin-bottom: var(--space-xs);
}

.partner-activations__header-text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.partner-activations__header-text p {
  color: #555;
  max-width: 50ch;
}

.partner-activations__nav {
  display: flex;
  gap: var(--space-xs);
  margin-top: var(--space-md);
}

.partner-activations__arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--colour-purple);
  background: transparent;
  color: var(--colour-purple);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.partner-activations__arrow:hover:not(:disabled) {
  background: var(--colour-purple);
  color: var(--colour-white);
}

.partner-activations__arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

@media (min-width: 768px) {
  .partner-activations__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-lg);
  }
  .partner-activations__nav {
    margin-top: 0;
    flex-shrink: 0;
  }
}

/* Track — full-bleed scroll container */
.partner-activations__track {
  display: flex;
  gap: var(--space-md);
  overflow-x: auto;
  scroll-snap-type: x mandatory;

  padding-left: max(var(--space-md), calc((100vw - 1200px) / 2 + 20px));
  padding-right: var(--space-md);
  scrollbar-width: none;
  padding-bottom: var(--space-xs);
}

.partner-activations__track::-webkit-scrollbar {
  display: none;
}

.partner-activations__card {
  flex: 0 0 300px;
  width: 300px;
  scroll-snap-align: start;
  background: var(--colour-white);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 24px rgba(0,0,0,0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.partner-activations__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
}

.partner-activations__img {
  overflow: hidden;
}

.partner-activations__img img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.partner-activations__card:hover .partner-activations__img img {
  transform: scale(1.05);
}

.partner-activations__body {
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.partner-activations__body h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-xs);
}

.partner-activations__body p {
  color: #555;
  font-size: 0.9rem;
  margin-bottom: var(--space-sm);
}

.partner-activations__for {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--colour-purple);
  margin-top: auto;
  padding-top: var(--space-sm);
  border-top: 1px solid var(--colour-grey-light);
}

.partner-activations__cta {
  text-align: center;
  margin-top: var(--space-lg);
}

@media (min-width: 1025px) {
  .partner-activations__card {
    flex: 0 0 340px;
    width: 340px;
  }
}


/* ---------- PARTNER QUOTES (rotating quote display on charcoal) ---------- */
.partner-quotes {
  background: var(--colour-charcoal);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.partner-quotes__stage {
  text-align: center;
  position: relative;
  padding: var(--space-xl) 0 var(--space-lg);
  min-height: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Large translucent quotation mark */
.partner-quotes__mark {
  position: absolute;
  top: -0.1em;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-heading);
  font-size: clamp(8rem, 22vw, 16rem);
  font-weight: 700;
  color: var(--colour-white);
  opacity: 0.04;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

/* Slides */
.partner-quotes__slide {
  width: 100%;
  max-width: 840px;
  margin-inline: auto;
  animation: pqFadeIn 0.5s ease;
}

.partner-quotes__slide[hidden] {
  display: none;
}

@keyframes pqFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.partner-quotes__slide blockquote {
  margin: 0;
}

.partner-quotes__slide blockquote p {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--colour-white);
  margin-bottom: var(--space-md);
}

.partner-quotes__slide blockquote footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.partner-quotes__slide blockquote cite {
  font-style: normal;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  color: var(--colour-cyan);
  letter-spacing: 0.03em;
}

.partner-quotes__slide blockquote footer span {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.5);
}

/* Controls */
.partner-quotes__controls {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-top: var(--space-lg);
}

/* Minimal chevron arrows */
.partner-quotes__arrow {
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  color: rgba(255,255,255,0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
  flex-shrink: 0;
  padding: 0;
}

.partner-quotes__arrow:hover {
  color: var(--colour-white);
}

/* Dot indicators */
.partner-quotes__dots {
  display: flex;
  gap: 10px;
}

.partner-quotes__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.2);
  cursor: pointer;
  padding: 18px;
  background-clip: content-box;
  transition: background 0.2s ease, transform 0.2s ease;
}

.partner-quotes__dot.is-active {
  background: var(--colour-purple);
  transform: scale(1.3);
}

.partner-quotes__dot:hover:not(.is-active) {
  background: rgba(255,255,255,0.4);
}


/* ---------- PARTNER ENQUIRY FORM (purple, isolated block) ---------- */
.partner-enquiry {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

.partner-enquiry__grid {
  display: grid;
  gap: var(--space-lg);
}

.partner-enquiry__text h2 {
  color: var(--colour-white);
  margin-bottom: var(--space-md);
}

.partner-enquiry__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-cyan);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.partner-enquiry__text p {
  color: rgba(255,255,255,0.8);
  margin-bottom: var(--space-sm);
}

.partner-enquiry__text a {
  color: var(--colour-cyan);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.partner-enquiry__text a:hover {
  color: var(--colour-white);
}

.partner-enquiry__contact {
  margin-top: var(--space-lg);
  padding-top: var(--space-md);
  border-top: 1px solid rgba(255,255,255,0.15);
}

.partner-enquiry__contact h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--colour-white);
  margin-bottom: 2px;
}

.partner-enquiry__contact span {
  display: block;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-xs);
}

.partner-enquiry__contact a {
  font-size: 0.925rem;
}

/* Form styles */
.partner-enquiry__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.partner-enquiry__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.partner-enquiry__field label {
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.partner-enquiry__field input,
.partner-enquiry__field select,
.partner-enquiry__field textarea {
  font-family: var(--font-body);
  font-size: 1rem;
  padding: 14px 16px;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.06);
  color: var(--colour-white);
  outline: none;
  transition: border-color var(--ease);
}

.partner-enquiry__field input::placeholder,
.partner-enquiry__field textarea::placeholder {
  color: rgba(255,255,255,0.35);
}

.partner-enquiry__field input:focus,
.partner-enquiry__field select:focus,
.partner-enquiry__field textarea:focus {
  border-color: var(--colour-cyan);
}

.partner-enquiry__field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.6)' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 44px;
}

.partner-enquiry__field select option {
  background: var(--colour-charcoal);
  color: var(--colour-white);
}

.partner-enquiry__field textarea {
  resize: vertical;
  min-height: 100px;
}

.partner-enquiry__form .btn {
  margin-top: var(--space-xs);
}

@media (min-width: 1025px) {
  .partner-enquiry__grid {
    grid-template-columns: 45fr 55fr;
    gap: var(--space-xl);
    align-items: start;
  }
}


/* ---------- PARTNER CTA STRIP ---------- */
.partner-cta {
  background: var(--colour-charcoal);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.partner-cta + .newsletter {
  border-radius: 0;
}


/* ---------- PARTNERS PAGE FOCUS STATES ---------- */
.partner-tiers :focus-visible,
.partner-audience :focus-visible,
.partner-quotes :focus-visible,
.partner-enquiry :focus-visible,
.partner-cta :focus-visible {
  outline-color: var(--colour-cyan);
}


/* ============================================================
   VISIT PAGE — visit.html
   ============================================================ */

/* ---------- VISIT VENUE (asymmetric split) ---------- */
.visit-venue {
  background: transparent;
}

.visit-venue__grid {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.visit-venue__text h2 {
  margin-bottom: var(--space-md);
}

.visit-venue__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.visit-venue__text p {
  color: #555;
  margin-bottom: var(--space-sm);
}

.visit-venue__address {
  font-style: normal;
  font-size: 0.95rem;
  color: var(--colour-charcoal);
  margin-top: var(--space-md);
  padding: var(--space-md);
  background: var(--colour-white);
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--colour-purple);
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

.visit-venue__address strong {
  font-family: var(--font-heading);
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

.visit-venue__image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
}

@media (min-width: 1025px) {
  .visit-venue__grid {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
  }
}


/* ---------- VISIT BDC (supercharged venue section — purple) ---------- */
.visit-bdc {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

/* Canvas variant */
.visit-bdc--canvas {
  background: transparent;
  border-radius: 0;
}

/* ---------- Photo mosaic ---------- */
.visit-bdc__mosaic {
  display: grid;
  gap: var(--space-sm);
  margin-bottom: 0;
}

.visit-bdc__mosaic-large img,
.visit-bdc__mosaic-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.visit-bdc__mosaic-large {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.visit-bdc__mosaic-stack {
  display: grid;
  gap: var(--space-sm);
}

.visit-bdc__mosaic-small {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .visit-bdc__mosaic {
    grid-template-columns: 1.3fr 1fr;
    min-height: 420px;
  }

  .visit-bdc__mosaic-large {
    aspect-ratio: auto;
  }

  .visit-bdc__mosaic-stack {
    grid-template-rows: 1fr 1fr;
  }

  .visit-bdc__mosaic-small {
    aspect-ratio: auto;
  }
}

/* ---------- Info card grid ---------- */
.visit-bdc__info-grid {
  display: grid;
  gap: var(--space-md);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-md);
}

@media (min-width: 768px) {
  .visit-bdc__info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Canvas info cards — asymmetric with wide lead card */
.visit-bdc__info-grid--canvas {
  margin-bottom: var(--space-md);
}

@media (min-width: 768px) {
  .visit-bdc__info-grid--canvas {
    grid-template-columns: repeat(2, 1fr);
  }

  .visit-bdc__info-card--wide {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1025px) {
  .visit-bdc__info-grid--canvas {
    grid-template-columns: repeat(3, 1fr);
  }

  .visit-bdc__info-card--wide {
    grid-column: 1 / 3;
  }
}

.visit-bdc__info-card {
  background: var(--colour-white);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--colour-purple);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.visit-bdc__info-card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-xs);
}

.visit-bdc__info-card p {
  color: #555;
  font-size: 0.925rem;
  line-height: 1.65;
}

.visit-bdc__address {
  font-style: normal;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.7);
  text-align: center;
  margin-top: var(--space-sm);
}

.visit-bdc__address--canvas {
  color: #555;
}


/* ---------- VISIT KEY INFO (purple, isolated block) ---------- */
.visit-info {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

.visit-info__grid {
  display: grid;
  gap: var(--space-md);
}

@media (min-width: 768px) {
  .visit-info__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-info__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/* ---------- VISIT TRAVEL (left-aligned, card grid) ---------- */
.visit-travel {
  background: transparent;
}

.visit-travel__header {
  margin-bottom: var(--space-lg);
}

.visit-travel__header h2 {
  margin-bottom: var(--space-xs);
}

.visit-travel__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.visit-travel__header p {
  color: #555;
}

.visit-travel__grid {
  display: grid;
  gap: var(--space-md);
}

.visit-travel__label {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--colour-purple);
  margin-bottom: 6px;
}

.visit-travel__grid .card h3 {
  margin-bottom: var(--space-xs);
}

.visit-travel__grid .card p {
  color: #555;
  font-size: 0.925rem;
}

@media (min-width: 768px) {
  .visit-travel__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-travel__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}


/* ---------- VISIT GETTING HERE (tabbed journey cards) ---------- */
.visit-getting {
  background: var(--colour-canvas);
}

.visit-getting__tabs {
  display: flex;
  gap: var(--space-xs);
  justify-content: center;
  margin-bottom: var(--space-lg);
  flex-wrap: wrap;
}

.visit-getting__tab {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.6em 1.4em;
  border: none;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #888;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s;
}

.visit-getting__tab:hover {
  color: var(--colour-purple);
}

.visit-getting__tab.active {
  color: var(--colour-purple);
  border-bottom-color: var(--colour-purple);
}

.visit-getting__panel {
  display: none;
}

.visit-getting__panel.active {
  display: block;
}

.visit-getting__grid {
  display: grid;
  gap: var(--space-md);
}

@media (min-width: 768px) {
  .visit-getting__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-getting__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.visit-journey-card {
  background: var(--colour-white);
  border-radius: var(--radius-sm);
  padding: var(--space-md);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.visit-journey-card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: var(--space-sm);
}

.visit-journey-card__steps {
  list-style: none;
  counter-reset: step;
  padding: 0;
}

.visit-journey-card__steps li {
  counter-increment: step;
  position: relative;
  padding-left: 2rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--colour-grey-light);
  font-size: 0.9rem;
  color: #555;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-xs);
}

.visit-journey-card__steps li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.visit-journey-card__steps li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--colour-purple);
  color: var(--colour-white);
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.visit-journey-card__time {
  font-weight: 600;
  font-size: 0.8rem;
  color: var(--colour-purple);
  white-space: nowrap;
  flex-shrink: 0;
}


/* ---------- VISIT HOTELS (canvas, card grid) ---------- */
.visit-hotels {
  background: transparent;
}

.visit-hotels__header {
  margin-bottom: var(--space-lg);
}

.visit-hotels__header h2 {
  margin-bottom: var(--space-xs);
}

.visit-hotels__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.visit-hotels__header p {
  color: #555;
}

.visit-hotels__grid {
  display: grid;
  gap: var(--space-md);
}

.visit-hotels__grid .card h3 {
  margin-bottom: var(--space-xs);
}

.visit-hotels__grid .card p {
  color: #555;
  font-size: 0.925rem;
}

@media (min-width: 768px) {
  .visit-hotels__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-hotels__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/* ---------- VISIT ACCESSIBILITY (purple, asymmetric split) ---------- */
.visit-access {
  background: var(--colour-purple);
  border-radius: var(--radius-md);
}

.visit-access__grid {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.visit-access__text h2 {
  color: var(--colour-white);
  margin-bottom: var(--space-md);
}

.visit-access__text h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-cyan);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.visit-access__text p {
  color: rgba(255,255,255,0.8);
  margin-bottom: var(--space-sm);
}

.visit-access__text a {
  color: var(--colour-cyan);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.visit-access__text a:hover {
  color: var(--colour-white);
}

.visit-access__list {
  list-style: none;
  margin: var(--space-md) 0;
}

.visit-access__list li {
  padding: 8px 0;
  padding-left: var(--space-md);
  position: relative;
  color: rgba(255,255,255,0.85);
  font-size: 0.95rem;
}

.visit-access__list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--colour-cyan);
  font-weight: 700;
}

.visit-access__image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
}

@media (min-width: 1025px) {
  .visit-access__grid {
    grid-template-columns: 55fr 45fr;
    gap: var(--space-xl);
  }
}


/* ---------- VISIT FAQ (canvas, accordion) ---------- */
.visit-faq {
  background: transparent;
}

.visit-faq__accordion {
  max-width: 800px;
  margin-inline: auto;
}

.visit-faq__item {
  border-bottom: 1px solid var(--colour-grey-light);
}

.visit-faq__item:last-child {
  border-bottom: none;
}

.visit-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) 0;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
  color: var(--colour-charcoal);
  cursor: pointer;
  list-style: none;
  transition: color var(--ease);
}

.visit-faq__item summary::-webkit-details-marker {
  display: none;
}

.visit-faq__item summary::after {
  content: '+';
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--colour-purple);
  flex-shrink: 0;
  margin-left: var(--space-sm);
  transition: transform 0.2s ease;
}

.visit-faq__item[open] summary::after {
  content: '−';
}

.visit-faq__item summary:hover {
  color: var(--colour-purple);
}

.visit-faq__answer {
  padding-bottom: var(--space-sm);
}

.visit-faq__answer p {
  color: #555;
  font-size: 0.925rem;
}


/* ---------- VISIT CTA STRIP ---------- */
.visit-cta {
  background: var(--colour-charcoal);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.visit-cta + .newsletter {
  border-radius: 0;
}


/* ---------- VISIT NEIGHBOURHOOD MAP (Leaflet) ---------- */
.visit-map {
  background: transparent;
}

.visit-map__header {
  margin-bottom: var(--space-lg);
}

.visit-map__header h2 {
  margin-bottom: var(--space-xs);
}

.visit-map__header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

.visit-map__header p {
  color: #555;
}

.visit-map__wrap {
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.1);
}

#visit-map {
  height: 320px;
  width: 100%;
  z-index: 1;
}

@media (min-width: 768px) {
  #visit-map {
    height: 480px;
  }
}

.visit-map__marker span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--colour-white);
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.visit-map__popup-tag {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--colour-white);
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
}

.visit-map__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
  margin-top: var(--space-md);
  justify-content: center;
}

.visit-map__legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  color: #555;
}

.visit-map__dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.visit-map__dot--venue      { background: var(--colour-purple); }
.visit-map__dot--transport   { background: var(--colour-cyan); }
.visit-map__dot--hotel       { background: var(--colour-orange); }
.visit-map__dot--restaurant  { background: var(--colour-coral); }


/* ---------- VISIT TRAVELLING FROM ABROAD (canvas, charcoal cards) ---------- */
.visit-international {
  background: transparent;
}

/* Charcoal full-width variant */
.visit-international--charcoal {
  background: var(--colour-charcoal);
  border-radius: var(--radius-md);
}

.visit-international__grid {
  display: grid;
  gap: var(--space-md);
}

.visit-international__card {
  background: var(--colour-charcoal);
  color: var(--colour-white);
  padding: var(--space-lg) var(--space-md);
  border-radius: var(--radius-sm);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* Image card variant */
.visit-international__card--image {
  padding: 0;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.3s ease, background 0.3s ease;
}

.visit-international__card--image:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.1);
}

.visit-international__card--image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.visit-international__card-body {
  padding: var(--space-md);
}

.visit-international__card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--colour-cyan);
  margin-bottom: var(--space-sm);
}

.visit-international__card p {
  color: rgba(255,255,255,0.85);
  font-size: 0.925rem;
  line-height: 1.65;
}

.visit-international__card a {
  color: var(--colour-cyan);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.visit-international__card a:hover {
  color: var(--colour-white);
}

@media (min-width: 768px) {
  .visit-international__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-international__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/* ---------- VISIT ISLINGTON IN MAY (charcoal editorial) ---------- */
/* ---------- VISIT HOTEL CARDS (rich, with photos + offers) ---------- */
.visit-hotels__grid--rich {
  display: grid;
  gap: var(--space-md);
}

.visit-hotel-card {
  background: var(--colour-white);
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.visit-hotel-card__image {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.visit-hotel-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.visit-hotel-card__badge {
  position: absolute;
  top: var(--space-sm);
  left: var(--space-sm);
  background: var(--colour-purple);
  color: var(--colour-white);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.3em 0.8em;
  border-radius: 100px;
}

.visit-hotel-card__body {
  padding: var(--space-md);
}

.visit-hotel-card__body h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 0.25rem;
}

.visit-hotel-card__area {
  display: block;
  font-size: 0.8rem;
  color: #888;
  font-weight: 500;
  margin-bottom: var(--space-sm);
}

.visit-hotel-card__body p {
  color: #555;
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: var(--space-sm);
}

.visit-hotel-card__offer {
  background: rgba(85, 31, 239, 0.06);
  border-left: 3px solid var(--colour-purple);
  padding: 0.6rem 0.8rem;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--colour-charcoal);
}

.visit-hotel-card__offer strong {
  display: block;
  color: var(--colour-purple);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.15rem;
}

.visit-hotels__note {
  text-align: center;
  font-size: 0.85rem;
  color: #888;
  margin-top: var(--space-lg);
}

@media (min-width: 768px) {
  .visit-hotels__grid--rich {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-hotels__grid--rich {
    grid-template-columns: repeat(3, 1fr);
  }
}


/* ---------- VISIT NEIGHBOURHOOD (tabbed guide) ---------- */
.visit-neighbourhood {
  background: transparent;
}

.visit-neighbourhood__intro {
  text-align: center;
  max-width: 740px;
  margin-inline: auto;
  margin-bottom: var(--space-lg);
}

.visit-neighbourhood__intro h2 {
  margin-bottom: var(--space-md);
}

.visit-neighbourhood__intro--accent h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-purple);
  margin: 0 auto var(--space-sm);
  border-radius: 2px;
}

.visit-neighbourhood__intro p {
  color: #555;
}

.visit-neighbourhood__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  justify-content: center;
  margin-bottom: var(--space-lg);
}

.visit-neighbourhood__tab {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.6em 1.6em;
  border: 2px solid var(--colour-purple);
  border-radius: 100px;
  background: transparent;
  color: var(--colour-purple);
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.visit-neighbourhood__tab:hover {
  background: rgba(85, 31, 239, 0.08);
}

.visit-neighbourhood__tab.active {
  background: var(--colour-purple);
  color: var(--colour-white);
}

.visit-neighbourhood__panel {
  display: none;
}

.visit-neighbourhood__panel.active {
  display: block;
}

.visit-neighbourhood__grid {
  display: grid;
  gap: var(--space-md);
}

.visit-place-card {
  position: relative;
  background: var(--colour-white);
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  transition: transform 0.2s, box-shadow 0.2s;
}

.visit-place-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  cursor: pointer;
}

.visit-place-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.visit-place-card__body {
  padding: var(--space-md);
}

.visit-place-card__body h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}

.visit-place-card__body h3 a {
  color: inherit;
  text-decoration: none;
}

.visit-place-card__body h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.visit-place-card:hover h3 a {
  text-decoration: underline;
}

.visit-place-card__type {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--colour-purple);
  margin-bottom: var(--space-xs);
}

.visit-place-card__body p {
  color: #555;
  font-size: 0.9rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .visit-neighbourhood__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .visit-neighbourhood__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.visit-neighbourhood__show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0.7em 2em;
  margin: var(--space-md) auto 0;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--colour-purple);
  background: transparent;
  border: 2px solid var(--colour-purple);
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.visit-neighbourhood__show-more:hover {
  background: rgba(85,31,239,0.08);
}

.visit-neighbourhood__show-more svg {
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}

.visit-neighbourhood__show-more.is-expanded svg {
  transform: rotate(180deg);
}

.visit-neighbourhood__hotel-note {
  text-align: center;
  font-size: 0.85rem;
  color: #888;
  margin-top: var(--space-md);
  max-width: none;
}

.visit-place-card__offer {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--colour-purple);
  margin-top: var(--space-xs);
}


/* ---------- VISIT PAGE FOCUS STATES ---------- */
.visit-bdc :focus-visible,
.visit-info :focus-visible,
.visit-access :focus-visible,
.visit-cta :focus-visible,
.visit-neighbourhood :focus-visible {
  outline-color: var(--colour-cyan);
}


/* ============================================================
   PAGE TRANSITIONS
   ============================================================ */
#main {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#main.is-visible {
  opacity: 1;
}

#main.is-leaving {
  opacity: 0;
  transition-duration: 0.2s;
}


/* ============================================================
   BROWSE THE SESSIONS — Filterable Session Wall
   Prefix: .tps-sessions-
   ============================================================ */

/* Section wrapper */
.tps-sessions {
  background: var(--colour-canvas);
}

/* --- Filter bar --- */
.tps-sessions__filters {
  margin-top: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.tps-sessions__filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.tps-sessions__filter-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--colour-charcoal);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  min-width: 80px;
  flex-shrink: 0;
}

.tps-sessions__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tps-sessions__pill {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 10px 14px;
  min-height: 44px;
  border-radius: 100px;
  border: 1.5px solid rgba(51, 51, 51, 0.25);
  background: var(--colour-white);
  color: var(--colour-charcoal);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}

.tps-sessions__pill:hover {
  border-color: var(--colour-purple);
  color: var(--colour-purple);
}

.tps-sessions__pill.is-active {
  background: var(--colour-purple);
  color: var(--colour-white);
  border-color: var(--colour-purple);
}

/* --- Stage pill colours: match canonical stage tag colours --- */

/* Hover (not active): stage colour as text + border only */
.tps-sessions__pill[data-value="Creator Stage"]:not(.is-active):hover
  { border-color: var(--colour-cyan); color: #2ba8b3; }
.tps-sessions__pill[data-value="Brand Works Stage"]:not(.is-active):hover
  { border-color: var(--colour-coral); color: var(--colour-coral); }
.tps-sessions__pill[data-value="Studio Stage"]:not(.is-active):hover
  { border-color: #6b7280; color: #6b7280; }
.tps-sessions__pill[data-value="Indie Business Stage"]:not(.is-active):hover
  { border-color: #2e9e5a; color: #2e9e5a; }
.tps-sessions__pill[data-value="Talking Podcasts"]:not(.is-active):hover
  { border-color: var(--colour-charcoal); color: var(--colour-charcoal); }
.tps-sessions__pill[data-value="International Gallery"]:not(.is-active):hover
  { border-color: #d4a017; color: #b8900e; }
.tps-sessions__pill[data-value="Ask The Experts"]:not(.is-active):hover
  { border-color: var(--colour-orange); color: #d4a017; }
.tps-sessions__pill[data-value="Evening Programme"]:not(.is-active):hover
  { border-color: #1a1a2e; color: #1a1a2e; }

/* Active: solid fill with stage colour */
.tps-sessions__pill[data-value="Creator Stage"].is-active
  { background: var(--colour-cyan); color: var(--colour-charcoal); border-color: var(--colour-cyan); }
.tps-sessions__pill[data-value="Brand Works Stage"].is-active
  { background: var(--colour-coral); color: var(--colour-white); border-color: var(--colour-coral); }
.tps-sessions__pill[data-value="Studio Stage"].is-active
  { background: #6b7280; color: var(--colour-white); border-color: #6b7280; }
.tps-sessions__pill[data-value="Indie Business Stage"].is-active
  { background: #2e9e5a; color: var(--colour-white); border-color: #2e9e5a; }
.tps-sessions__pill[data-value="Talking Podcasts"].is-active
  { background: var(--colour-charcoal); color: var(--colour-white); border-color: var(--colour-charcoal); }
.tps-sessions__pill[data-value="International Gallery"].is-active
  { background: #d4a017; color: var(--colour-charcoal); border-color: #d4a017; }
.tps-sessions__pill[data-value="Ask The Experts"].is-active
  { background: var(--colour-orange); color: var(--colour-charcoal); border-color: var(--colour-orange); }
.tps-sessions__pill[data-value="Evening Programme"].is-active
  { background: #1a1a2e; color: var(--colour-white); border-color: #1a1a2e; }

/* --- Session count --- */
.tps-sessions__count {
  font-size: 0.875rem;
  font-weight: 500;
  color: #888;
  margin-bottom: var(--space-md);
  max-width: none;
}

/* --- Card grid --- */
.tps-sessions__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
  min-height: 200px;
}

@media (min-width: 640px) {
  .tps-sessions__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .tps-sessions__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* --- Session card --- */
.tps-sessions__card {
  background: var(--colour-white);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.15s ease;
}

.tps-sessions__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.13);
}

/* Stage tag */
.tps-sessions__tag {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 3px 10px;
  border-radius: 4px;
  color: var(--colour-white);
  width: fit-content;
}

.tps-sessions__tag--origin        { background: var(--colour-purple); }
.tps-sessions__tag--creator       { background: var(--colour-cyan); color: var(--colour-charcoal); }
.tps-sessions__tag--brand-works   { background: var(--colour-coral); }
.tps-sessions__tag--studio        { background: #6b7280; }
.tps-sessions__tag--indie         { background: #2e9e5a; }
.tps-sessions__tag--talking       { background: var(--colour-charcoal); }
.tps-sessions__tag--international { background: #d4a017; }
.tps-sessions__tag--ask           { background: var(--colour-orange); color: var(--colour-charcoal); }
.tps-sessions__tag--evening       { background: #1a1a2e; }

.tps-sessions__card-title {
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--colour-charcoal);
  margin: 0;
  max-width: none;
}

.tps-sessions__card-speaker {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888;
  margin: 0;
  max-width: none;
}

.tps-sessions__card-desc {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #666;
  margin: 0;
  max-width: none;
}

/* --- Show more --- */
.tps-sessions__more {
  text-align: center;
  margin-top: var(--space-md);
  margin-bottom: var(--space-lg);
}

.tps-sessions__more[hidden] {
  display: none;
}

/* --- Footer line --- */
.tps-sessions__footer {
  font-size: 0.9375rem;
  color: #888;
  text-align: center;
  max-width: none;
}

.tps-sessions__footer a {
  color: var(--colour-purple);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
  transition: color var(--ease);
}

.tps-sessions__footer a:hover {
  color: #6a3cf5;
}

/* --- Card animations --- */
@keyframes tpsSessionsFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tps-sessions__card.is-entering {
  animation: tpsSessionsFadeIn 0.3s ease forwards;
  opacity: 0;
}

/* Exit animation */
.tps-sessions__card.is-leaving {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .tps-sessions__card.is-entering {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .tps-sessions__card.is-leaving {
    transition: none;
    opacity: 0;
  }
}


/* ============================================================
   HOME SESSIONS TEASER — 3-card preview on purple bg
   Prefix: .home-sessions-
   ============================================================ */

.home-sessions {
  background: var(--colour-purple);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* Reduce gap when session teaser follows programme (both purple) */
.home-sessions.section-padding { padding-top: calc(var(--space-xl) / 3); }
@media (min-width: 1025px) {
  .home-sessions.section-padding { padding-top: calc(var(--space-2xl) / 3); }
}

/* Accent bar: cyan on purple */
.home-sessions .section-header--left h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--colour-cyan);
  margin-bottom: var(--space-sm);
  border-radius: 2px;
}

/* --- Theme pill row (light pills on purple) --- */
.home-sessions__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: var(--space-lg);
}

.home-sessions__pill {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 10px 14px;
  min-height: 44px;
  border-radius: 100px;
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}

.home-sessions__pill:hover {
  border-color: var(--colour-white);
  color: var(--colour-white);
  background: rgba(255, 255, 255, 0.1);
}

.home-sessions__pill.is-active {
  background: var(--colour-white);
  color: var(--colour-purple);
  border-color: var(--colour-white);
  font-weight: 600;
}

/* --- 3-card grid --- */
.home-sessions__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
  min-height: 260px;
}

@media (min-width: 768px) {
  .home-sessions__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* --- Canvas session card (overrides .tps-sessions__card inside this section) --- */
.home-sessions .tps-sessions__card {
  background: var(--colour-canvas);
  border: none;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 0;
}

.home-sessions .tps-sessions__card:hover {
  background: var(--colour-white);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

/* Card image — full-bleed top of card */
.home-sessions__card-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* Card text content below image */
.home-sessions .tps-sessions__tag,
.home-sessions .tps-sessions__card-title,
.home-sessions .tps-sessions__card-speaker,
.home-sessions .tps-sessions__card-desc {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}

.home-sessions .tps-sessions__tag {
  margin-top: var(--space-md);
}

.home-sessions .tps-sessions__card-desc {
  padding-bottom: var(--space-md);
}

/* Dark text on canvas card */
.home-sessions .tps-sessions__card-title {
  color: var(--colour-charcoal);
}

.home-sessions .tps-sessions__card-speaker {
  color: var(--colour-purple);
}

.home-sessions .tps-sessions__card-desc {
  color: #666;
}

/* Stage tags use their canonical programme colours (see .tps-sessions__tag--*) */

/* --- Browse link (cyan on purple) --- */
.home-sessions__browse {
  text-align: center;
  margin-top: var(--space-lg);
  max-width: none;
}

.home-sessions__browse a {
  font-family: var(--font-heading);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--colour-cyan);
  text-decoration: none;
  transition: color var(--ease);
}

.home-sessions__browse a:hover {
  color: var(--colour-white);
}


/* ============================================================
   BLOG PAGES — blog.html + blog/ article pages
   ============================================================ */

/* ---------- BLOG GRID (hub card layout) ---------- */

.blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
}

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

@media (min-width: 1025px) {
  .blog-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---------- BLOG CARD ---------- */

.blog-card {
  background: var(--colour-white);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.blog-card__image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.blog-card:hover .blog-card__image img {
  transform: scale(1.05);
}

.blog-card__body {
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blog-card__category {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--colour-white);
  background: var(--colour-purple);
  padding: 4px 12px;
  border-radius: 100px;
  margin-bottom: var(--space-sm);
  align-self: flex-start;
}

.blog-card__title {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-xs);
}

.blog-card__excerpt {
  color: #555;
  font-size: 0.925rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: var(--space-sm);
  flex: 1;
  max-width: none;
  margin-inline: 0;
}

.blog-card__link {
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--colour-purple);
  text-decoration: none;
  transition: color var(--ease);
}

.blog-card__link:hover {
  color: var(--colour-charcoal);
}

/* ---------- BLOG ARTICLE (single article body) ---------- */

.blog-article {
  max-width: 720px;
  margin-inline: auto;
}

.blog-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
  margin-bottom: var(--space-lg);
  font-size: 0.875rem;
  color: #555;
}

.blog-article__meta .blog-card__category {
  margin-bottom: 0;
}

.blog-article__body h2 {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--colour-charcoal);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-sm);
}

@media (min-width: 1025px) {
  .blog-article__body h2 {
    font-size: 1.75rem;
  }
}

.blog-article__body p {
  margin-bottom: var(--space-sm);
  max-width: none;
  margin-inline: 0;
}

.blog-article__body a {
  color: var(--colour-purple);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--ease);
}

.blog-article__body a:hover {
  color: var(--colour-charcoal);
}

/* ---------- BLOG PULLQUOTE ---------- */

.blog-pullquote {
  border-left: 4px solid var(--colour-purple);
  padding: var(--space-md) var(--space-md) var(--space-md) var(--space-lg);
  margin: var(--space-lg) 0;
}

.blog-pullquote p {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--colour-purple);
  max-width: none;
  margin-inline: 0;
  margin-bottom: 0;
}

@media (min-width: 1025px) {
  .blog-pullquote p {
    font-size: 2rem;
  }
}

/* ---------- BLOG FAQ ---------- */

.blog-faq {
  margin-top: var(--space-xl);
}

.blog-faq__title {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-md);
}

.blog-faq__item {
  border-bottom: 1px solid var(--colour-grey-light);
}

.blog-faq__item:last-child {
  border-bottom: none;
}

.blog-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) 0;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
  color: var(--colour-charcoal);
  cursor: pointer;
  list-style: none;
  transition: color var(--ease);
}

.blog-faq__item summary::-webkit-details-marker {
  display: none;
}

.blog-faq__item summary::after {
  content: '+';
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--colour-purple);
  flex-shrink: 0;
  margin-left: var(--space-sm);
  transition: transform 0.2s ease;
}

.blog-faq__item[open] summary::after {
  content: '\2212';
}

.blog-faq__item summary:hover {
  color: var(--colour-purple);
}

.blog-faq__answer {
  padding-bottom: var(--space-sm);
}

.blog-faq__answer p {
  color: #555;
  font-size: 0.925rem;
  max-width: none;
  margin-inline: 0;
}

.blog-faq__answer a {
  color: var(--colour-purple);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.blog-faq__answer a:hover {
  color: var(--colour-charcoal);
}

/* ---------- BLOG READ NEXT ---------- */

.blog-readnext {
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--colour-grey-light);
}

.blog-readnext__title {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--colour-charcoal);
  margin-bottom: var(--space-md);
}

.blog-readnext__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
}

@media (min-width: 768px) {
  .blog-readnext__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---------- BLOG CTA STRIP ---------- */

.blog-cta {
  background: var(--colour-charcoal);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.blog-cta + .newsletter {
  border-radius: 0;
}

/* ============================================================
   SPEAKERS PAGE
   ============================================================ */

/* ---------- SPEAKER LINE-UP (unified portrait card grid) ---------- */

.speakers-lineup__controls {
  margin-bottom: var(--space-md);
}

.speakers-lineup__search-wrap {
  margin-bottom: var(--space-md);
}

.speakers-lineup__search {
  width: 100%;
  max-width: 440px;
  padding: 14px 20px;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  border: 2px solid var(--colour-grey-light);
  border-radius: 8px;
  background: var(--colour-white);
  color: var(--colour-charcoal);
  outline: none;
  transition: border-color 0.2s ease;
}

.speakers-lineup__search:focus {
  border-color: var(--colour-purple);
}

.speakers-lineup__search::placeholder {
  color: #999;
}

.speakers-lineup__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.speakers-lineup__pill {
  padding: 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1.5px solid var(--colour-grey-light);
  border-radius: 100px;
  background: transparent;
  color: var(--colour-charcoal);
  cursor: pointer;
  min-height: 36px;
  transition: all 0.2s ease;
}

.speakers-lineup__pill:hover {
  border-color: var(--colour-purple);
  color: var(--colour-purple);
}

.speakers-lineup__pill.is-active {
  background: var(--colour-purple);
  border-color: var(--colour-purple);
  color: var(--colour-white);
}

.speakers-lineup__count {
  font-size: 0.875rem;
  color: #777;
  margin-bottom: var(--space-md);
  max-width: none;
}

.speakers-lineup__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-md);
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.speakers-lineup__grid.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.speakers-lineup__card {
  text-align: center;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition-delay: calc(min(var(--stagger, 0), 12) * 60ms);
}

.speakers-lineup__grid.is-visible .speakers-lineup__card {
  opacity: 1;
  transform: translateY(0);
}

.speakers-lineup__img-wrap {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: var(--space-sm);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}

.speakers-lineup__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.speakers-lineup__card:hover .speakers-lineup__img {
  transform: scale(1.05);
}

.speakers-lineup__card:hover {
  transform: translateY(-4px);
}

.speakers-lineup__name {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--colour-charcoal);
  margin: 0 0 4px;
}

.speakers-lineup__role {
  font-size: 0.8125rem;
  color: #777;
  margin: 0 0 2px;
  max-width: none;
}

.speakers-lineup__company {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--colour-purple);
  margin: 0 0 6px;
  max-width: none;
}

.speakers-lineup__sectors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-top: 6px;
}

.speakers-lineup__sector-tag {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.speakers-lineup__sector-tag--creator  { background: #ede9fe; color: #6b21a8; }
.speakers-lineup__sector-tag--platform { background: #dbeafe; color: #1e40af; }
.speakers-lineup__sector-tag--brand    { background: #fce7f3; color: #9d174d; }
.speakers-lineup__sector-tag--business { background: #d1fae5; color: #065f46; }
.speakers-lineup__sector-tag--insight  { background: #fef3c7; color: #92400e; }
.speakers-lineup__sector-tag--tech     { background: #cffafe; color: #155e75; }

.speakers-lineup__img-wrap .speakers-initials-fallback {
  font-size: 3rem;
}

@media (min-width: 768px) {
  .speakers-lineup__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
  }

  .speakers-lineup__name {
    font-size: 1.25rem;
  }

  .speakers-lineup__pill {
    min-height: 40px;
    font-size: 0.9375rem;
    padding: 8px 20px;
  }
}

@media (min-width: 1025px) {
  .speakers-lineup__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}


/* ---------- SPEAKERS PHOTO BREAK ---------- */

.speakers-photo-break {
  width: 100%;
  height: 45vh;
  min-height: 280px;
  max-height: 500px;
  overflow: hidden;
}

.speakers-photo-break img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* ---------- SPEAKERS STATS BAND (purple, isolated) ---------- */

.speakers-stats {
  background: var(--colour-purple);
  border-radius: var(--radius-lg);
}

.speakers-stats__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg) var(--space-md);
  text-align: center;
}

.speakers-stats__number {
  display: block;
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(2.5rem, 10vw, 3.5rem);
  font-weight: 700;
  color: var(--colour-white);
  line-height: 1.1;
  min-height: 1em;
}

.speakers-stats__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}

@media (min-width: 768px) {
  .speakers-stats__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .speakers-stats__number {
    font-size: clamp(3.5rem, 5vw, 5rem);
  }
}


/* ---------- PAST SPEAKERS ---------- */

.speakers-past__names {
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
  line-height: 2.2;
}

.speakers-past__names span {
  display: inline;
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--colour-purple);
}

.speakers-past__names span + span::before {
  content: ' \00b7  ';
  color: #ccc;
  font-weight: 400;
}


/* ---------- SPEAKERS CTA STRIP ---------- */

.speakers-cta {
  background: var(--colour-charcoal);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.speakers-cta + .newsletter {
  border-radius: 0;
}


/* ---------- SPEAKERS INITIALS FALLBACK ---------- */

.speakers-initials-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colour-purple);
  color: var(--colour-white);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.02em;
}

/* ---------- SPEAKERS PAGE FOCUS STATES ---------- */

.speakers-lineup__search:focus-visible {
  outline: 2px solid var(--colour-purple);
  outline-offset: 2px;
}

.speakers-lineup__pill:focus-visible {
  outline: 2px solid var(--colour-purple);
  outline-offset: 2px;
}