/* nav.css - the single banner, agreed 14/08/2026.
   Loaded LAST on every page so it beats each page's inline <style> and the
   older tuning in responsive.css, which was written for a nine to thirteen
   item bar that no longer exists.

   Five items: four destinations plus one call to action. Both menu container
   shapes share one appearance, and every page now uses a top-level fixed
   header so the banner remains visible for the full document scroll. */

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 50; color: #fff;
  background: linear-gradient(180deg, rgba(3,17,27,.94), rgba(3,17,27,.72));
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.site-header .nav,
.nav {
  width: min(92%, 1420px); min-height: 76px; display: flex; align-items: center;
  justify-content: space-between; gap: 1.35rem; margin: auto;
}
.brand { text-decoration: none; letter-spacing: .12em; white-space: nowrap; color: #fff; }
.brand strong { display: block; font-size: .78rem; font-weight: 700; }
.brand span {
  display: block; margin-top: .25rem; color: #e6b86b;
  font-size: .56rem; letter-spacing: .22em; font-weight: 500;
}

/* both container shapes, one appearance */
.menu, .nav__links {
  display: flex !important; align-items: center; gap: clamp(1rem, 2vw, 2rem);
  flex-direction: row; position: static; padding: 0; background: none;
}
.menu a, .nav__links a,
.more-toggle {
  display: inline-flex !important; align-items: center;
  color: rgba(255,255,255,.76); text-decoration: none; text-transform: uppercase;
  letter-spacing: .065em; font-family: inherit; font-size: .78rem; font-weight: 650; transition: color .25s;
  white-space: nowrap; padding: 0;
  border: 0; background: transparent; cursor: pointer;
}
.menu a:hover, .menu a:focus-visible,
.nav__links a:hover, .nav__links a:focus-visible,
.more-toggle:hover, .more-toggle:focus-visible { color: #fff; }
.menu a[aria-current="page"], .nav__links a[aria-current="page"] {
  color: #fff; box-shadow: inset 0 -1px 0 #e6b86b;
}
.more-menu { position: relative; display: inline-flex; align-items: center; }
.more-panel {
  position: absolute; top: calc(100% + .9rem); right: 0; z-index: 80;
  display: grid; min-width: 190px; padding: .55rem;
  border: 1px solid rgba(230,184,107,.28);
  background: rgba(3,17,27,.97);
  box-shadow: 0 18px 55px rgba(0,0,0,.28);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.more-menu:hover .more-panel,
.more-menu:focus-within .more-panel,
.more-menu.is-open .more-panel {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.more-panel a {
  display: flex !important; min-height: 38px; align-items: center;
  padding: .55rem .7rem !important;
}

/* the one call to action. .menu__experience and .nav__journey are carried too,
   so the homepage and the Journey page dress it with their own existing rules. */
.menu .menu__cta, .nav__links .menu__cta {
  padding: .62rem .9rem;
  border: 1px solid rgba(230,184,107,.58);
  color: #ffe1a7;
}
.menu .menu__cta:hover, .menu .menu__cta:focus-visible,
.nav__links .menu__cta:hover, .nav__links .menu__cta:focus-visible {
  background: rgba(230,184,107,.14); color: #fff;
}

.menu-toggle {
  display: none; font: inherit; font-size: .58rem;
  letter-spacing: .1em; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.28); background: transparent;
  color: #fff; padding: .7rem .9rem; cursor: pointer;
}

/* Touch-target minimums. These lived in responsive.css section 3, which was
   removed with the old nav tuning; they belong beside the rules they govern. */
.menu-toggle { min-height: 44px; min-width: 44px; align-items: center; justify-content: center; }
.menu a, .nav__links a, .more-toggle { min-height: 24px; }   /* WCAG 2.2 SC 2.5.8 */

/* Five items need about 640px of bar, which is 700px of viewport at the
   container's 92% width. 780px leaves headroom for the widest label. */
@media (max-width: 780px) {
  .menu-toggle { display: inline-flex !important; }
  .menu, .nav__links {
    position: absolute !important; left: 0; right: 0; top: 100%;
    display: none !important; flex-direction: column !important;
    align-items: stretch !important; gap: 0 !important;
    padding: .6rem 4% 1.2rem !important;
    background: rgba(3,17,27,.97) !important;
    max-height: calc(100svh - 76px); overflow-y: auto;
  }
  .menu.open, .menu.is-open,
  .nav__links.open, .nav__links.is-open { display: flex !important; }
  .menu a, .nav__links a, .more-toggle {
    min-height: 44px; padding: .55rem 0 !important; font-size: .7rem;
  }
  .more-menu { display: grid; align-items: stretch; }
  .more-panel {
    position: static; min-width: 0; padding: 0 0 .4rem .9rem;
    border: 0; background: transparent; box-shadow: none;
    opacity: 1; visibility: visible; transform: none;
  }
  .menu .menu__cta, .nav__links .menu__cta {
    margin-top: .6rem; justify-content: center;
  }
  .site-header .nav, .nav { position: relative; min-height: 76px; }
}

/* Hero fit pass, added after visual review on 18/08/2026.
   The full opening message, proof line, lead copy and actions must sit inside
   the first viewport on standard laptop and desktop heights. */
.hero {
  min-height: 100svh !important;
}
.hero.archive-hero {
  min-height: clamp(360px, 54svh, 520px) !important;
  padding-top: 76px !important;
}
.hero.archive-hero h1 {
  font-size: clamp(3rem, 5vw, 4.75rem) !important;
  line-height: .95 !important;
}
.hero.archive-hero .lead {
  max-width: 680px !important;
  font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
  line-height: 1.55 !important;
}
.hero__inner,
.hero__content {
  min-height: auto !important;
  padding-top: clamp(4.6rem, 8svh, 6rem) !important;
  padding-bottom: clamp(3.35rem, 5svh, 4.1rem) !important;
}
.page-journey .hero__content {
  padding-top: clamp(8.75rem, 17svh, 10.75rem) !important;
}
.hero .copy,
.hero__copy {
  max-width: min(680px, 92vw) !important;
}
.hero#home .hero__inner {
  transform: translateY(-5svh) !important;
}
.hero h1,
.hero .belief-line {
  font-size: clamp(3rem, 4.85vw, 5.4rem) !important;
  line-height: .91 !important;
  letter-spacing: -.025em !important;
}
.hero .eyebrow {
  margin-bottom: .85rem !important;
  font-size: clamp(.58rem, .72vw, .68rem) !important;
  letter-spacing: .24em !important;
}
.hero__answer,
.hero__lead,
.hero .promise,
.hero__statement,
.hero__truth,
.hero p:last-child {
  margin-top: .85rem !important;
}
.hero__answer {
  font-size: clamp(1.02rem, 1.35vw, 1.22rem) !important;
  line-height: 1.35 !important;
}
.hero__lead,
.hero .promise,
.hero p:last-child {
  max-width: 620px !important;
  font-size: clamp(1rem, 1.16vw, 1.08rem) !important;
  line-height: 1.52 !important;
}
.hero__statement,
.hero__truth {
  max-width: 640px !important;
  padding: .78rem 1rem !important;
  font-size: clamp(1.08rem, 1.55vw, 1.42rem) !important;
  line-height: 1.18 !important;
}
.hero .actions,
.hero__copy .actions {
  margin-top: 1.15rem !important;
  gap: .8rem !important;
}
.hero .button,
.hero__copy .button,
.hero__content .button {
  min-height: 3.2rem !important;
  padding: 0 1.15rem !important;
  font-size: .62rem !important;
  letter-spacing: .12em !important;
}
.hero__orientation,
.hero .scroll {
  bottom: .75rem !important;
}

@media (max-height: 820px) and (min-width: 900px) {
  .hero__inner,
  .hero__content {
    padding-top: clamp(4.15rem, 7svh, 5.15rem) !important;
    padding-bottom: clamp(2.75rem, 4svh, 3.4rem) !important;
  }
  .hero h1,
  .hero .belief-line {
    font-size: clamp(2.7rem, 4.35vw, 4.85rem) !important;
    line-height: .9 !important;
  }
  .hero__answer {
    font-size: clamp(.92rem, 1.08vw, 1.04rem) !important;
  }
  .hero__lead,
  .hero .promise,
  .hero p:last-child {
    font-size: clamp(.94rem, 1.05vw, 1rem) !important;
    line-height: 1.46 !important;
  }
  .hero .button,
  .hero__copy .button,
  .hero__content .button {
    min-height: 2.95rem !important;
  }
}

@media (max-width: 600px) {
  .hero__inner,
  .hero__content {
    padding-top: 5.6rem !important;
    padding-bottom: 3.25rem !important;
  }
  .hero#home .hero__inner {
    transform: translateY(-2svh) !important;
  }
  .hero h1,
  .hero .belief-line {
    font-size: clamp(2.85rem, 11vw, 4rem) !important;
  }
}

/* Section typography and media audit pass. These ranges keep headings readable
   without letting ordinary sections behave like oversized hero panels. */
.section {
  padding-top: clamp(4rem, 7vw, 6.5rem) !important;
  padding-bottom: clamp(4rem, 7vw, 6.5rem) !important;
}
.section-heading {
  max-width: 860px !important;
}
.section-heading h2,
.section h2 {
  font-size: clamp(2.25rem, 3vw, 3rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.018em !important;
}
.section-heading p,
.section .intro,
.section p:not(.eyebrow):not(.result-count),
.card p,
.article p,
.article li {
  font-size: clamp(1rem, 1.02vw, 1.08rem) !important;
  line-height: 1.62 !important;
}

/* Bertie's final readability amendments. Keep these page-specific rules after
   the global paragraph scale so the requested emphasis remains visible. */
.page-impact-recognition .section .chapter p.relevance {
  font-size: clamp(1.42rem, 1.7vw, 1.55rem) !important;
  line-height: 1.4 !important;
}
.page-belief-explainer .how .step p {
  font-size: clamp(1.07rem, 1.2vw, 1.16rem) !important;
  line-height: 1.76 !important;
}
.page-belief-explainer .how .step .question {
  font-size: clamp(1.42rem, 1.7vw, 1.55rem) !important;
  line-height: 1.4 !important;
}
.card h2,
.card--post h2,
.card--post h3 {
  font-size: clamp(1.55rem, 1.8vw, 2rem) !important;
  line-height: 1.12 !important;
}
.card--post .card-img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 190px !important;
  object-fit: cover !important;
  background: rgba(6,23,37,.08) !important;
}
.footer,
.footer a,
.footer-links a {
  font-size: .875rem !important;
  font-weight: 600 !important;
}

/* Final section layout pass, 18/08/2026.
   These rules keep interactive choice cards and result cards inside their own
   section rhythm, and stop large serif headings from being crushed in narrow
   multi-column cards. */
.rediscover,
.redesign,
.become,
.experience,
.speak,
.library {
  min-height: auto !important;
  padding-top: clamp(4.75rem, 8vw, 7rem) !important;
  padding-bottom: clamp(5.5rem, 9vw, 8rem) !important;
}

.rediscover__inner,
.redesign__inner,
.become__inner,
.experience__inner,
.speak__inner,
.library__inner {
  width: min(1180px, 90vw) !important;
}

.rediscover h2,
.redesign h2,
.become h2,
.experience h2,
.speak h2,
.library h2 {
  font-size: clamp(3.1rem, 5vw, 5.45rem) !important;
  line-height: .98 !important;
  max-width: min(15ch, 100%) !important;
  margin-bottom: 1rem !important;
}

.reflection {
  margin-top: clamp(2.25rem, 4vw, 3.4rem) !important;
}

.reflection__choices,
.course-interest__choices {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .8rem !important;
}

.reflection__choice,
.course-interest__choice {
  min-height: 3.4rem !important;
  padding: .85rem 1rem !important;
  font-size: clamp(.92rem, 1vw, 1rem) !important;
  line-height: 1.25 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.reflection__answer,
.course-interest__answer {
  max-width: 760px !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
  font-size: clamp(1.25rem, 1.75vw, 1.65rem) !important;
  line-height: 1.3 !important;
}

.bertie-note,
.belief-note,
.leadership-note,
.architecture,
.speaking-world,
.shelves {
  margin-top: clamp(3.25rem, 6vw, 5rem) !important;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
}

.bertie-note,
.belief-note,
.leadership-note,
.architecture__heading,
.speaking-world__heading,
.shelves__heading,
.intro-grid,
.purpose-grid,
.why-grid {
  grid-template-columns: minmax(380px, .95fr) minmax(0, 1.05fr) !important;
  gap: clamp(2rem, 4.5vw, 4.5rem) !important;
}

.lead-quote,
.purpose blockquote,
.why-quote {
  max-width: none !important;
  padding: clamp(1.25rem, 2vw, 1.75rem) !important;
  font-size: clamp(2rem, 2.7vw, 3rem) !important;
  line-height: 1.1 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.intro-copy,
.purpose-grid > div,
.why-copy {
  min-width: 0 !important;
}

.intro-copy h2,
.purpose-grid h2,
.why-copy h2 {
  max-width: 18ch !important;
}

.door h3 {
  max-width: 15ch !important;
  font-size: clamp(1.35rem, 1.75vw, 1.95rem) !important;
  line-height: 1.05 !important;
}

.voices,
.modules,
.keynotes,
.shelf-grid,
.emerging-grid,
.updates,
.need-grid,
.start-grid,
.results,
.questions {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

.voice,
.module,
.keynote,
.shelf,
.future,
.update,
.need,
.start,
.result,
.question,
.question-card {
  min-width: 0 !important;
  overflow: visible !important;
}

.voice strong,
.module strong,
.keynote strong,
.shelf strong,
.future h3,
.update h3,
.need h3,
.start h3,
.result h3,
.question,
.question-card {
  font-size: clamp(1.45rem, 1.9vw, 2.05rem) !important;
  line-height: 1.12 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.updates,
.emerging-grid,
.shelf-grid,
.start-grid,
.need-grid,
.results {
  gap: 1px !important;
  max-width: 100% !important;
}

.whats-new .updates,
body:has(.updates) .updates {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
}

/* Targeted final layout corrections, 18/08/2026. */
.page-journey .redesign::before,
.page-journey .become::before,
.page-journey .experience::before,
.page-journey .speak::before,
.page-journey .library::before {
  inset: 0 !important;
  height: auto !important;
  min-height: 100% !important;
}

.page-journey .become {
  background:
    radial-gradient(circle at 72% 22%, rgba(244,199,117,.14), transparent 22%),
    linear-gradient(135deg, #061723 0%, #092234 52%, #12384d 100%) !important;
}

.page-journey .become::before {
  background:
    linear-gradient(180deg, rgba(4,18,28,.96) 0%, rgba(4,18,28,.94) 24%, rgba(6,27,42,.97) 52%, rgba(8,34,52,.99) 100%),
    linear-gradient(90deg, rgba(4,18,28,.96) 0%, rgba(4,18,28,.84) 48%, rgba(4,18,28,.44) 100%),
    url("experiences/belief-architect/assets/pathway-03-lighthouse-v3.webp") center top / cover no-repeat !important;
}

.page-journey .speak {
  background:
    radial-gradient(ellipse at 50% -8%, rgba(244,205,134,.18), transparent 36%),
    radial-gradient(ellipse at 50% 106%, rgba(29,77,103,.48), transparent 46%),
    linear-gradient(155deg, #030d15, #061c2b 45%, #09283a) !important;
}

.page-journey .speak::before {
  background:
    linear-gradient(180deg, rgba(3,13,21,.96) 0%, rgba(3,13,21,.94) 20%, rgba(5,24,36,.97) 44%, rgba(6,28,43,.99) 100%),
    linear-gradient(90deg, rgba(3,13,21,.96) 0%, rgba(3,13,21,.84) 48%, rgba(3,13,21,.42) 100%),
    url("experiences/belief-architect/assets/pathway-05-stage-v3.webp") center top / cover no-repeat !important;
}

.page-journey .belief-note {
  grid-template-columns: minmax(300px, .75fr) minmax(560px, 1.25fr) !important;
  gap: clamp(2rem, 5vw, 5rem) !important;
  margin-top: clamp(3.25rem, 6vw, 5rem) !important;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
}

.page-journey .architecture__heading p {
  max-width: 940px !important;
  font-size: clamp(1rem, 1.06vw, 1.12rem) !important;
  line-height: 1.56 !important;
}

@media (min-width: 901px) {
  .page-journey .architecture__heading {
    grid-template-columns: 290px minmax(680px, 1fr) !important;
    gap: clamp(2rem, 3vw, 2.5rem) !important;
  }
}

@media (min-width: 901px) and (max-width: 1120px) {
  .page-journey .architecture__heading {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }
}

.page-journey .belief-note__copy > p {
  max-width: 760px !important;
}

.page-journey .architecture {
  margin-top: clamp(3.5rem, 7vw, 6rem) !important;
}

@media (max-width: 760px) {
  .page-journey .hero {
    min-height: auto !important;
    padding: 0 !important;
  }

  .page-journey .hero__content {
    min-height: 100svh !important;
    align-items: start !important;
    padding-top: calc(var(--nav-height, 76px) + 5rem) !important;
    padding-bottom: 2.25rem !important;
  }

  .page-journey .hero .copy {
    margin-top: 0 !important;
  }

  .page-journey .hero .actions {
    margin-top: 1rem !important;
  }

  .page-journey .hero .button {
    background: #e6b86b !important;
    border-color: #e6b86b !important;
    color: #071b29 !important;
  }

  .page-journey .hero .scroll {
    display: none !important;
  }
}

@media (max-width: 430px) and (max-height: 700px) {
  .page-journey .hero__content {
    align-items: start !important;
    padding-top: calc(var(--nav-height, 76px) + .9rem) !important;
  }

  .page-journey .hero h1,
  .page-journey .hero .belief-line {
    font-size: clamp(2.3rem, 11.6vw, 3rem) !important;
    line-height: .92 !important;
  }

  .page-journey .hero .promise {
    font-size: .9rem !important;
    line-height: 1.5 !important;
  }

  .page-journey .hero .actions {
    gap: .7rem !important;
  }
}

.page-belief-explainer .how .architecture {
  margin-top: clamp(2.25rem, 4vw, 3.25rem) !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  gap: 0 !important;
}

.page-belief-explainer .how .step {
  border-top: 1px solid rgba(10, 35, 54, .14) !important;
}

.page-belief-explainer .invitation .inner {
  width: min(1320px, 90vw) !important;
}

.page-belief-explainer .invitation h2 {
  max-width: min(980px, 92vw) !important;
  font-size: clamp(3.7rem, 5.1vw, 6.15rem) !important;
  line-height: .94 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.page-belief-explainer .invitation > div > p {
  max-width: 980px !important;
}

.page-meet-bertie .intro-grid,
.page-impact-recognition .intro-grid,
.page-impact-recognition .recognition-grid,
.page-impact-recognition .body-heading,
.page-impact-recognition .work-heading,
.page-impact-recognition .ledger-heading,
.page-impact-recognition .meaning__lead {
  width: 100% !important;
  max-width: none !important;
}

.page-meet-bertie section.intro,
.page-impact-recognition section.intro,
.page-whats-new section.intro {
  max-width: none !important;
  width: 100% !important;
}

.page-meet-bertie .intro-grid,
.page-impact-recognition .intro-grid,
.page-impact-recognition .recognition-grid {
  grid-template-columns: minmax(440px, .78fr) minmax(0, 1.22fr) !important;
  gap: clamp(2.5rem, 6vw, 6.5rem) !important;
  align-items: start !important;
}

.page-meet-bertie .lead-quote,
.page-impact-recognition .intro blockquote {
  font-size: clamp(2rem, 2.8vw, 3.25rem) !important;
  line-height: 1.08 !important;
  max-width: none !important;
}

.page-meet-bertie .intro-copy h2,
.page-impact-recognition .intro h2,
.page-impact-recognition .recognition h2 {
  max-width: 15ch !important;
}

.page-meet-bertie .intro-copy p,
.page-impact-recognition .intro p,
.page-impact-recognition .recognition-copy > p {
  max-width: 780px !important;
}

.page-whats-new .hero h1 {
  max-width: min(720px, 92vw) !important;
  font-size: clamp(5.2rem, 8.6vw, 8.8rem) !important;
  line-height: .88 !important;
  text-wrap: balance !important;
}

.page-whats-new .intro .inner {
  width: min(1320px, 92vw) !important;
  display: grid !important;
  grid-template-columns: minmax(430px, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(2.5rem, 6vw, 6.5rem) !important;
  align-items: start !important;
}

.page-whats-new .intro-copy {
  max-width: none !important;
}

.page-whats-new .intro-copy h2 {
  max-width: 13ch !important;
  font-size: clamp(3.5rem, 5vw, 5.7rem) !important;
  line-height: .98 !important;
}

.page-whats-new .intro-copy > p:last-child {
  max-width: 700px !important;
}

.page-whats-new .updates {
  grid-template-columns: 1fr !important;
  margin-top: 0 !important;
  gap: 1px !important;
}

.page-whats-new .update {
  min-height: auto !important;
  padding: clamp(1.45rem, 2.5vw, 2.2rem) !important;
}

.page-whats-new .update h3 {
  margin: 1.1rem 0 .65rem !important;
  font-size: clamp(2.1rem, 3vw, 3rem) !important;
}

.page-impact-recognition .body-heading {
  display: grid !important;
  grid-template-columns: minmax(430px, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(2.5rem, 6vw, 6.5rem) !important;
  align-items: start !important;
}

.page-impact-recognition .body-heading h2 {
  max-width: 18ch !important;
  text-align: left !important;
  text-wrap: balance !important;
}

.page-impact-recognition .body-heading > p:last-child {
  max-width: 760px !important;
  margin-top: .9rem !important;
}

.page-impact-recognition .work-heading,
.page-impact-recognition .ledger-heading {
  display: grid !important;
  grid-template-columns: minmax(430px, .82fr) minmax(0, 1.18fr) !important;
  column-gap: clamp(2.5rem, 6vw, 6.5rem) !important;
  align-items: start !important;
}

.page-impact-recognition .work-heading .eyebrow,
.page-impact-recognition .ledger-heading .eyebrow {
  grid-column: 1 / -1 !important;
}

.page-impact-recognition .work-heading h2,
.page-impact-recognition .ledger-heading h2 {
  max-width: 12ch !important;
}

.page-impact-recognition .work-heading > p:last-child,
.page-impact-recognition .ledger-heading > p:last-child {
  max-width: 760px !important;
  margin-top: .9rem !important;
}

@media (min-width: 1101px) {
  .page-impact-recognition .body-heading {
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr) !important;
    align-items: end !important;
  }

  .page-impact-recognition .body-heading .eyebrow {
    grid-column: 1 / -1 !important;
  }

  .page-impact-recognition .body-heading h2 {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(4.6rem, 6.2vw, 6.7rem) !important;
    line-height: .9 !important;
  }

  .page-impact-recognition .body-heading h2 span,
  .page-ways-to-work .fit h2 span {
    display: block !important;
    white-space: nowrap !important;
  }

  .page-impact-recognition .body-heading > p:last-child {
    max-width: 780px !important;
    margin: 1.35rem 0 .3rem !important;
    text-align: left !important;
  }

  .page-ways-to-work .fit {
    text-align: left !important;
  }

  .page-ways-to-work .fit .inner {
    width: min(1320px, 92vw) !important;
    display: grid !important;
    grid-template-columns: minmax(540px, .9fr) minmax(520px, 1.1fr) !important;
    column-gap: clamp(2.5rem, 6vw, 6.5rem) !important;
    align-items: center !important;
  }

  .page-ways-to-work .fit .eyebrow {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }

  .page-ways-to-work .fit h2 {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(4.4rem, 5.8vw, 6.6rem) !important;
    line-height: .9 !important;
    text-align: left !important;
    text-wrap: balance !important;
  }

  .page-ways-to-work .fit > .inner > p {
    max-width: 800px !important;
    margin: 1.25rem 0 0 !important;
    text-align: left !important;
    font-size: clamp(1.05rem, 1.3vw, 1.24rem) !important;
    line-height: 1.75 !important;
  }

  .page-ways-to-work .fit .questions,
  .page-ways-to-work .fit .actions {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  .section {
    padding-top: clamp(3rem, 9vw, 4.5rem) !important;
    padding-bottom: clamp(3rem, 9vw, 4.5rem) !important;
  }
  .section-heading h2,
  .section h2 {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  .bertie-note,
  .belief-note,
  .leadership-note,
  .architecture__heading,
  .speaking-world__heading,
  .shelves__heading,
  .intro-grid,
  .purpose-grid,
  .why-grid {
    grid-template-columns: 1fr !important;
  }

  .lead-quote,
  .purpose blockquote,
  .why-quote {
    font-size: clamp(1.75rem, 8vw, 2.65rem) !important;
  }

  .rediscover h2,
  .redesign h2,
  .become h2,
  .experience h2,
  .speak h2,
  .library h2 {
    font-size: clamp(2.65rem, 10vw, 4rem) !important;
  }

  .intro-copy h2,
  .purpose-grid h2,
  .why-copy h2 {
    max-width: 100% !important;
  }

  .page-impact-recognition .body-heading,
  .page-ways-to-work .fit .inner {
    display: block !important;
  }

  .page-impact-recognition .body-heading h2,
  .page-ways-to-work .fit h2 {
    max-width: 100% !important;
    text-align: left !important;
    text-wrap: balance !important;
  }

  .page-ways-to-work .fit,
  .page-ways-to-work .fit .eyebrow {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  .page-ways-to-work .fit > .inner > p {
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 1100px) {
  .page-journey .belief-note,
  .page-meet-bertie .intro-grid,
  .page-impact-recognition .intro-grid,
  .page-impact-recognition .recognition-grid,
  .page-impact-recognition .body-heading,
  .page-impact-recognition .work-heading,
  .page-impact-recognition .ledger-heading,
  .page-whats-new .intro .inner {
    grid-template-columns: 1fr !important;
  }

  .page-whats-new .hero h1,
  .page-whats-new .intro-copy h2,
  .page-belief-explainer .invitation h2 {
    max-width: 100% !important;
  }
}

@media (max-width: 1100px) {
  .page-impact-recognition .body-heading h2,
  .page-ways-to-work .fit h2 {
    max-width: min(100%, 18ch) !important;
    text-align: left !important;
    line-height: .95 !important;
    text-wrap: balance !important;
  }

  .page-impact-recognition .body-heading h2 span,
  .page-ways-to-work .fit h2 span {
    display: inline !important;
    white-space: normal !important;
  }

  .page-ways-to-work .fit,
  .page-ways-to-work .fit .eyebrow {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .page-impact-recognition .body-heading h2,
  .page-ways-to-work .fit h2 {
    font-size: clamp(3.35rem, 6.2vw, 4.25rem) !important;
  }
}

@media (max-width: 900px) {
  .page-impact-recognition .body-heading h2,
  .page-ways-to-work .fit h2 {
    max-width: min(100%, 13ch) !important;
    font-size: clamp(2.9rem, 12vw, 3.7rem) !important;
    line-height: .94 !important;
  }

  .page-impact-recognition .body-heading h2 {
    max-width: min(100%, 12ch) !important;
  }
}

/* Site-wide section alignment pass, 22/08/2026.
   Keeps the long Impact timeline labels and closing question sections aligned
   with the same measured editorial grid used across the key Belief Architect pages. */
.page-impact-recognition .timeline {
  gap: clamp(.85rem, 1.15vw, 1.2rem) !important;
  background: transparent !important;
}

.page-impact-recognition .chapter {
  grid-template-columns: minmax(310px, .34fr) minmax(0, .66fr) !important;
  gap: clamp(1.75rem, 4vw, 4.75rem) !important;
  align-items: start !important;
  padding: clamp(1.75rem, 3.2vw, 3rem) !important;
  border: 1px solid rgba(10, 35, 54, .1) !important;
}

.page-impact-recognition .chapter__label {
  max-width: 10.5ch !important;
  min-width: 0 !important;
  font-size: clamp(2.15rem, 3.05vw, 3.1rem) !important;
  line-height: .98 !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.page-impact-recognition .chapter h3 {
  max-width: 18ch !important;
  font-size: clamp(2.05rem, 3vw, 3.1rem) !important;
  text-wrap: balance !important;
}

.page-impact-recognition .chapter p:not(.relevance) {
  max-width: 72ch !important;
}

.page-impact-recognition .chapter .relevance {
  max-width: 760px !important;
  padding: clamp(1rem, 1.6vw, 1.25rem) clamp(1.05rem, 1.7vw, 1.35rem) !important;
}

.page-impact-recognition .body-heading,
.page-impact-recognition .meaning .inner {
  display: block !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.page-impact-recognition .body-heading .eyebrow,
.page-impact-recognition .meaning .eyebrow {
  justify-content: center !important;
}

.page-impact-recognition .body-heading h2,
.page-impact-recognition .meaning h2 {
  max-width: 960px !important;
  margin: .55rem auto 1.15rem !important;
  font-size: clamp(3.55rem, 5.05vw, 5.8rem) !important;
  line-height: .94 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.page-impact-recognition .body-heading h2 span {
  display: inline !important;
  white-space: normal !important;
}

.page-impact-recognition .body-heading > p:last-child,
.page-impact-recognition .meaning__lead {
  max-width: 980px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(1.05rem, 1.25vw, 1.24rem) !important;
  line-height: 1.72 !important;
}

.page-impact-recognition .body-grid {
  margin-top: clamp(2.75rem, 4vw, 3.6rem) !important;
}

.page-impact-recognition .numbers,
.page-impact-recognition .impact-grid,
.page-impact-recognition .body-grid,
.page-ways-to-work .offer-grid,
.page-ways-to-work .emerging-grid {
  gap: clamp(.75rem, 1vw, 1rem) !important;
  background: transparent !important;
}

.page-impact-recognition .number,
.page-impact-recognition .impact-card,
.page-impact-recognition .body-card,
.page-ways-to-work .offer,
.page-ways-to-work .future {
  border: 1px solid rgba(10, 35, 54, .1) !important;
}

.page-impact-recognition .ledger .number,
.page-impact-recognition .impact .impact-card,
.page-ways-to-work .offers .offer {
  border-color: rgba(255, 255, 255, .13) !important;
}

.page-impact-recognition .questions,
.page-ways-to-work .questions,
.page-belief-explainer .questions,
.page-meet-bertie .questions {
  gap: clamp(.75rem, 1vw, 1rem) !important;
  background: transparent !important;
}

.page-impact-recognition .question,
.page-ways-to-work .question,
.page-belief-explainer .question,
.page-meet-bertie .question {
  display: flex !important;
  align-items: center !important;
  min-height: 8.6rem !important;
  border: 1px solid rgba(10, 35, 54, .1) !important;
  font-size: clamp(1.4rem, 1.7vw, 1.9rem) !important;
  line-height: 1.16 !important;
  text-wrap: balance !important;
}

@media (min-width: 1101px) {
  .page-impact-recognition .work-heading,
  .page-impact-recognition .ledger-heading {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-ways-to-work .fit .inner {
    width: min(1320px, 92vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-impact-recognition .body-grid,
  .page-impact-recognition .impact-grid,
  .page-ways-to-work .emerging-grid,
  .page-impact-recognition .questions,
  .page-ways-to-work .questions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .page-impact-recognition .chapter {
    grid-template-columns: minmax(260px, .36fr) minmax(0, .64fr) !important;
  }

  .page-impact-recognition .chapter__label {
    font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
  }
}

@media (max-width: 900px) {
  .page-impact-recognition .timeline,
  .page-impact-recognition .numbers,
  .page-impact-recognition .impact-grid,
  .page-impact-recognition .body-grid,
  .page-impact-recognition .questions,
  .page-ways-to-work .offer-grid,
  .page-ways-to-work .emerging-grid,
  .page-ways-to-work .questions {
    gap: .8rem !important;
  }

  .page-impact-recognition .chapter {
    grid-template-columns: 1fr !important;
  }

  .page-impact-recognition .chapter__label {
    max-width: 100% !important;
  }

  .page-impact-recognition .body-heading h2,
  .page-impact-recognition .meaning h2 {
    max-width: 100% !important;
    font-size: clamp(2.75rem, 11vw, 3.7rem) !important;
  }

  .page-impact-recognition .question,
  .page-ways-to-work .question,
  .page-belief-explainer .question,
  .page-meet-bertie .question {
    min-height: auto !important;
  }
}

/* Readability sweep, 31/08/2026.
   Prevent long editorial section headings from being squeezed into narrow
   columns when the section has room, and bring all reflective question cards
   up to the requested readable size. */
.page-belief-explainer .how .step .question,
.page-belief-explainer .invitation .question-card,
.page-meet-bertie .reflection .question,
.page-community .interest .question,
.page-ways-to-work .fit .question,
.page-impact-recognition .question {
  font-size: clamp(1.5rem, 2.05vw, 2.15rem) !important;
  line-height: 1.16 !important;
  text-wrap: balance !important;
}

.page-belief-explainer .how .step .question {
  padding: clamp(1rem, 1.6vw, 1.35rem) !important;
}

.page-meet-bertie .evidence__intro,
.page-meet-bertie .reflection .inner,
.page-belief-explainer .invitation .inner,
.page-community .interest .inner,
.page-library .invitation .inner,
.page-contact .invitation .inner,
.page-ways-to-work .fit .inner {
  width: min(1320px, 92vw) !important;
}

.page-meet-bertie .evidence__intro {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.page-meet-bertie .evidence__intro h2,
.page-meet-bertie .reflection h2,
.page-belief-explainer .invitation h2,
.page-community .interest h2,
.page-library .invitation h2,
.page-contact .invitation h2,
.page-ways-to-work .fit h2 {
  max-width: min(1040px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(3.35rem, 5.2vw, 6rem) !important;
  line-height: .95 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.page-meet-bertie .evidence__intro h2 {
  max-width: min(1120px, 100%) !important;
  text-align: left !important;
}

.page-meet-bertie .evidence__intro .eyebrow {
  justify-content: flex-start !important;
}

.page-meet-bertie .evidence__intro-copy {
  max-width: min(1040px, 100%) !important;
  margin-top: clamp(1.1rem, 2vw, 1.8rem) !important;
}

.page-meet-bertie .evidence__intro-copy p {
  max-width: 980px !important;
}

.page-meet-bertie .reflection__lead,
.page-belief-explainer .invitation > div > p,
.page-community .interest__lead,
.page-library .invitation__lead,
.page-contact .invitation__lead,
.page-ways-to-work .fit > .inner > p {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.page-journey .rediscover h2,
.page-journey .redesign h2,
.page-journey .become h2,
.page-journey .experience h2,
.page-journey .speak h2,
.page-journey .library h2,
.page-journey .compass h2,
.page-journey .routes__heading h2,
.page-journey .visitor-voice h2 {
  max-width: min(1120px, 100%) !important;
  text-wrap: balance !important;
}

.page-journey .bertie-note,
.page-journey .belief-note,
.page-journey .leadership-note,
.page-journey .architecture__heading,
.page-journey .speaking-world__heading,
.page-journey .shelves__heading {
  grid-template-columns: minmax(360px, .86fr) minmax(0, 1.14fr) !important;
}

.page-journey .bertie-note h2,
.page-journey .belief-note h2,
.page-journey .leadership-note h2,
.page-journey .architecture__heading h2,
.page-journey .speaking-world__heading h2,
.page-journey .shelves__heading h2 {
  max-width: min(880px, 100%) !important;
  text-wrap: balance !important;
}

.page-home .begin__inner,
.page-belief-explainer .why-grid,
.page-meet-bertie .intro-grid,
.page-impact-recognition .intro-grid,
.page-impact-recognition .recognition-grid,
.page-ways-to-work .intro .inner {
  grid-template-columns: minmax(420px, .74fr) minmax(0, 1.26fr) !important;
  gap: clamp(2.75rem, 6vw, 6.75rem) !important;
}

.page-home .begin__intro h2,
.page-belief-explainer .why-copy h2,
.page-meet-bertie .intro-copy h2,
.page-impact-recognition .intro h2,
.page-impact-recognition .recognition h2,
.page-ways-to-work .intro h2 {
  max-width: min(920px, 100%) !important;
  font-size: clamp(3.35rem, 4.85vw, 5.65rem) !important;
  line-height: .96 !important;
  text-wrap: balance !important;
}

.page-library .library-search h2,
.page-impact-recognition .ledger-heading h2,
.page-impact-recognition .work-heading h2,
.page-impact-recognition .impact h2,
.page-impact-recognition .meaning h2,
.page-ways-to-work .fit h2 {
  max-width: min(1040px, 100%) !important;
  font-size: clamp(3.35rem, 5.2vw, 6rem) !important;
  line-height: .95 !important;
  text-wrap: balance !important;
}

.page-impact-recognition .ledger-heading,
.page-impact-recognition .work-heading,
.page-impact-recognition .impact .inner,
.page-impact-recognition .meaning .inner,
.page-library .library-search .inner {
  max-width: 1160px !important;
}

.page-home .begin__inner,
.page-home .begin__intro,
.page-belief-explainer .why-grid,
.page-impact-recognition .intro-grid,
.page-impact-recognition .ledger-heading,
.page-impact-recognition .work-heading,
.page-impact-recognition .body-heading,
.page-ways-to-work .intro .inner,
.page-ways-to-work .intro__heading {
  display: block !important;
}

.page-belief-explainer .why-quote,
.page-impact-recognition .intro blockquote {
  max-width: min(820px, 100%) !important;
  margin-bottom: clamp(1.35rem, 2.5vw, 2.2rem) !important;
}

.page-impact-recognition .body-heading h2 {
  max-width: min(1040px, 100%) !important;
  font-size: clamp(3.35rem, 5.2vw, 6rem) !important;
  line-height: .95 !important;
  text-wrap: balance !important;
}

.page-impact-recognition .body-heading h2 span,
.page-ways-to-work .fit h2 span {
  display: inline !important;
  white-space: normal !important;
}

.page-home .begin__routes,
.page-home .begin__intro-copy,
.page-belief-explainer .why-copy,
.page-impact-recognition .intro div:not(.inner),
.page-impact-recognition .ledger-heading > p:last-child,
.page-impact-recognition .work-heading > p:last-child,
.page-impact-recognition .body-heading > p:last-child,
.page-ways-to-work .intro__copy {
  max-width: min(980px, 100%) !important;
}

.page-home .begin__routes {
  margin-top: clamp(2rem, 4vw, 3rem) !important;
}

.page-home .begin__inner,
.page-home .begin__intro,
.page-home .begin__intro-copy {
  text-align: center !important;
}

.page-home .begin__inner {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-home .begin__intro .eyebrow {
  justify-content: center !important;
}

.page-home .begin__intro h2,
.page-home .begin__intro-copy,
.page-home .begin__intro p,
.page-home .begin__routes {
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-home .begin__intro-copy {
  max-width: min(860px, 100%) !important;
}

.page-journey .library .shelves__heading p,
.page-journey .library .library__close p {
  color: #061725 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 0 rgba(255,250,241,.7) !important;
}

.page-home .begin__cue {
  width: min(1180px, 92%);
  margin: .25rem auto 1.8rem;
  color: #8f622b;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-align: center;
  text-transform: uppercase;
}

.page-home .begin__cue::after {
  content: "↓";
  display: block;
  margin-top: .35rem;
  color: #061725;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.6rem;
  animation: beginCueNudge 1.8s ease-in-out infinite;
}

.page-home .begin__conversation {
  border-left: 3px solid #e6b86b;
  background: #fff7e5;
  color: #061725 !important;
  font-weight: 700;
  text-wrap: pretty;
  transform-origin: center;
  animation: sharingInvitationPulse 5.5s ease-in-out infinite;
}

.page-home .begin-route {
  min-height: 11.5rem !important;
}

.page-home .begin-route summary {
  min-height: 11.5rem !important;
  padding: 1.15rem 1.35rem !important;
}

.page-home .begin-route__response {
  padding: 0 1.35rem 1.25rem 5.35rem !important;
}

@keyframes beginCueNudge {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(.35rem); }
}

@keyframes sharingInvitationPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.008); }
}

.page-home .hero .button[href="#begin"],
.page-journey .hero .button[href="#choose-route"] {
  animation: chooseRoutePulse 3.8s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
}

.page-home .hero .button[href="#begin"]:hover,
.page-home .hero .button[href="#begin"]:focus-visible,
.page-journey .hero .button[href="#choose-route"]:hover,
.page-journey .hero .button[href="#choose-route"]:focus-visible {
  animation: none;
  transform: translateY(-3px) scale(1.02);
}

@keyframes chooseRoutePulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.025); }
}

@media (max-width: 900px) {
  .page-belief-explainer .how .step .question,
  .page-belief-explainer .invitation .question-card,
  .page-meet-bertie .reflection .question,
  .page-community .interest .question,
  .page-ways-to-work .fit .question,
  .page-impact-recognition .question {
    font-size: clamp(1.5rem, 7vw, 1.9rem) !important;
  }

  .page-meet-bertie .evidence__intro h2,
  .page-meet-bertie .reflection h2,
  .page-belief-explainer .invitation h2,
  .page-community .interest h2,
  .page-library .invitation h2,
  .page-contact .invitation h2,
  .page-ways-to-work .fit h2,
  .page-journey .rediscover h2,
  .page-journey .redesign h2,
  .page-journey .become h2,
  .page-journey .experience h2,
  .page-journey .speak h2,
  .page-journey .library h2,
  .page-journey .compass h2,
  .page-journey .routes__heading h2,
  .page-journey .visitor-voice h2 {
    max-width: 100% !important;
    font-size: clamp(2.75rem, 11vw, 4rem) !important;
  }

  .page-journey .bertie-note,
  .page-journey .belief-note,
  .page-journey .leadership-note,
  .page-journey .architecture__heading,
  .page-journey .speaking-world__heading,
  .page-journey .shelves__heading {
    grid-template-columns: 1fr !important;
  }

  .page-home .begin__inner,
  .page-belief-explainer .why-grid,
  .page-meet-bertie .intro-grid,
  .page-impact-recognition .intro-grid,
  .page-impact-recognition .recognition-grid,
  .page-ways-to-work .intro .inner {
    grid-template-columns: 1fr !important;
  }

  .page-home .begin__intro h2,
  .page-belief-explainer .why-copy h2,
  .page-meet-bertie .intro-copy h2,
  .page-impact-recognition .intro h2,
  .page-impact-recognition .recognition h2,
  .page-ways-to-work .intro h2,
  .page-library .library-search h2,
  .page-impact-recognition .ledger-heading h2,
  .page-impact-recognition .work-heading h2,
  .page-impact-recognition .impact h2,
  .page-impact-recognition .meaning h2 {
    max-width: 100% !important;
    font-size: clamp(2.75rem, 11vw, 4rem) !important;
  }
}