:root {
  --blue: #13766f;
  --blue-dark: #064f52;
  --blue-soft: #7ecdc6;
  --ink: #172126;
  --muted: #58686e;
  --line: rgba(23, 33, 38, 0.14);
  --paper: #f7f5ee;
  --white: #fffefa;
  --field: #6e7f45;
  --clay: #a35f3f;
  --gold: #d5b15d;
  --shadow: 0 24px 70px rgba(6, 79, 82, 0.16);
}

[hidden] { display: none !important; }

.flashNotice {
  position: fixed;
  inset: 1rem 1rem auto auto;
  z-index: 1000;
  max-width: 28rem;
  padding: 0.8rem 1rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #111;
  box-shadow: 0 12px 36px rgb(0 0 0 / 18%);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid var(--white);
  outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--blue-dark);
}

.skipLink {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 20;
  padding: 11px 14px;
  background: var(--white);
  color: var(--ink);
  font-size: 14px;
  font-weight: 850;
  transform: translateY(calc(-100% - 20px));
  transition: transform 0.16s ease;
}

.skipLink:focus {
  transform: translateY(0);
}

#page-content:focus {
  outline: none;
  box-shadow: none;
}

button,
input,
textarea {
  font: inherit;
}

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

.heroCopyCompact {
  display: none;
}

.hero {
  min-height: 92vh;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: white;
}

.heroImage {
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

.heroMotion,
.heroSceneStack,
.heroScene {
  position: absolute;
  inset: 0;
}

.heroMotion {
  z-index: auto;
  pointer-events: none;
}

.heroSceneStack {
  z-index: 0;
}

.heroScene {
  overflow: hidden;
  opacity: 0;
  animation: heroSceneCycle 24s ease-in-out infinite;
}

.heroScene:first-child {
  opacity: 1;
}

.heroScene:nth-child(2) {
  animation-delay: -16s;
}

.heroScene:nth-child(3) {
  animation-delay: -8s;
}

.heroScene picture,
.heroScene img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.heroScene img {
  object-fit: cover;
  animation: heroCameraDrift 8s ease-in-out infinite alternate;
}

.heroSceneTractor img {
  object-position: 62% center;
}

.heroSceneRiver img {
  object-position: 58% center;
  animation-name: heroRiverDrift;
}

.heroSceneCare img {
  object-position: 67% center;
  animation-name: heroCareDrift;
}

.heroMotionControls {
  position: absolute;
  right: max(28px, calc((100vw - 1180px) / 2));
  bottom: 32px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 16px;
  pointer-events: auto;
}

.heroProgress {
  display: grid;
  grid-template-columns: repeat(3, 38px);
  gap: 7px;
}

.heroProgress span {
  position: relative;
  height: 2px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.42);
}

.heroProgress span::after {
  position: absolute;
  inset: 0;
  content: "";
  background: white;
  transform: scaleX(0);
  transform-origin: left center;
  animation: heroSceneProgress 24s linear infinite;
}

.heroProgress span:nth-child(2)::after {
  animation-delay: -16s;
}

.heroProgress span:nth-child(3)::after {
  animation-delay: -8s;
}

.heroMotionToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.66);
  border-radius: 50%;
  background: rgba(6, 22, 29, 0.26);
  color: white;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.heroMotionPauseInput {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.heroPlayIcon {
  display: none;
}

.heroMotionToggle:hover {
  background: rgba(6, 22, 29, 0.5);
}

.heroMotionPauseInput:checked ~ .heroSceneStack .heroScene,
.heroMotionPauseInput:checked ~ .heroSceneStack .heroScene img,
.heroMotionPauseInput:checked ~ .heroMotionControls .heroProgress span::after {
  animation-play-state: paused;
}

.heroMotionPauseInput:checked ~ .heroMotionControls .heroPauseIcon {
  display: none;
}

.heroMotionPauseInput:checked ~ .heroMotionControls .heroPlayIcon {
  display: block;
}

.heroMotionPauseInput:focus-visible ~ .heroMotionControls .heroMotionToggle {
  outline: 3px solid var(--white);
  outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--blue-dark);
}

@keyframes heroSceneCycle {
  0%,
  27% {
    opacity: 1;
  }

  34%,
  93% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes heroSceneProgress {
  0% {
    opacity: 1;
    transform: scaleX(0);
  }

  29% {
    opacity: 1;
    transform: scaleX(1);
  }

  33% {
    opacity: 0;
    transform: scaleX(1);
  }

  33.1%,
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}

@keyframes heroCameraDrift {
  from {
    transform: scale(1.07) translate3d(1.2%, 0, 0);
  }

  to {
    transform: scale(1.02) translate3d(-1.2%, 0, 0);
  }
}

@keyframes heroRiverDrift {
  from {
    transform: scale(1.03) translate3d(-0.8%, 0, 0);
  }

  to {
    transform: scale(1.08) translate3d(1%, -0.5%, 0);
  }
}

@keyframes heroCareDrift {
  from {
    transform: scale(1.07) translate3d(1.4%, 0, 0);
  }

  to {
    transform: scale(1.02) translate3d(-0.8%, 0, 0);
  }
}

.heroShade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.78), rgba(6, 22, 29, 0.46) 46%, rgba(6, 22, 29, 0.08)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.48), rgba(6, 22, 29, 0.08) 42%);
}

.nav {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1180px, calc(100% - 40px));
  margin: 20px auto 0;
  padding: 12px 0;
}

.brand {
  display: inline-flex;
  align-items: center;
}

.brand img {
  width: 168px;
  height: auto;
  filter: brightness(0) invert(1);
}

.navLinks {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.86);
}

.navActions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.navLinks a {
  padding: 10px 12px;
}

.navCta {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.12);
}

.mobileMenuButton,
.mobileNavPanel {
  display: none;
}

.heroContent {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: auto auto 9vh;
  padding-top: 110px;
}

.kicker,
.sectionLabel {
  margin: 0 0 16px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero .kicker {
  color: rgba(255, 255, 255, 0.78);
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 1040px;
  margin-bottom: 28px;
  font-size: 94px;
  line-height: 0.94;
  letter-spacing: 0;
}

.lede {
  max-width: 790px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 26px;
  line-height: 1.4;
}

.heroActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.heroNote {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  font-weight: 700;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 18px;
  border: 1px solid transparent;
  font-weight: 800;
}

.button.primary {
  background: var(--blue-soft);
  color: var(--ink);
}

.button.secondary {
  border-color: rgba(255, 255, 255, 0.42);
  color: white;
  background: rgba(255, 255, 255, 0.1);
}

@media (min-width: 901px) {
  .heroContent {
    margin-bottom: 6vh;
    padding-top: 56px;
  }

  .heroContent h1 {
    max-width: 930px;
    margin-bottom: 20px;
    font-size: 82px;
    line-height: 0.96;
  }

  .heroContent .lede {
    max-width: 820px;
    font-size: 21px;
    line-height: 1.38;
  }

  .heroContent .heroActions {
    margin-top: 22px;
  }

  .heroContent .heroNote {
    margin-top: 14px;
  }

  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent {
    margin-bottom: 5vh;
    padding-top: 52px;
  }

  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent h1 {
    max-width: 900px;
    margin-bottom: 20px;
    font-size: 74px;
    line-height: 0.97;
  }

  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent .lede {
    max-width: 820px;
    font-size: 21px;
    line-height: 1.38;
  }

  .interiorHero:not(.fieldNoteArticleHero) .heroActions {
    margin-top: 22px;
  }

  .interiorHero:not(.fieldNoteArticleHero) .heroNote {
    margin-top: 14px;
  }
}

@media (min-width: 901px) and (max-height: 760px) {
  .heroContent,
  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent {
    margin-bottom: 4vh;
    padding-top: 28px;
  }

  .heroContent h1,
  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent h1 {
    max-width: 850px;
    margin-bottom: 16px;
    font-size: 68px;
  }

  .heroContent .lede,
  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent .lede {
    max-width: 800px;
    font-size: 18px;
    line-height: 1.35;
  }

  .heroContent .heroActions,
  .interiorHero:not(.fieldNoteArticleHero) .heroActions {
    margin-top: 16px;
  }

  .heroContent .heroNote,
  .interiorHero:not(.fieldNoteArticleHero) .heroNote {
    margin-top: 10px;
    font-size: 13px;
  }
}

.thesis,
.paths,
.intakeBand,
.focus,
.programs,
.values,
.workspace {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.thesis {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 78px;
  padding: 104px 0 88px;
  border-bottom: 1px solid var(--line);
}

.homeProof {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  gap: 30px;
  align-items: center;
  padding: 34px 0;
  border-bottom: 1px solid var(--line);
}

.homeProof .sectionLabel,
.homeProof .sectionLink,
.homeProofFacts p {
  margin: 0;
}

.homeProofFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.homeProofFacts p {
  min-height: 58px;
  padding: 3px 20px;
  border-left: 1px solid var(--line);
}

.homeProofFacts strong,
.homeProofFacts span {
  display: block;
}

.homeProofFacts strong {
  margin-bottom: 5px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.15;
}

.homeProofFacts span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

h2 {
  margin-bottom: 18px;
  font-size: 64px;
  line-height: 1;
  letter-spacing: 0;
}

.thesisCopy p,
.focusText p,
.values p,
.workspace p {
  color: var(--muted);
  font-size: 21px;
  line-height: 1.52;
}

.thesisCopy {
  display: grid;
  align-content: start;
  gap: 24px;
}

.thesisCopy p {
  margin: 0;
}

.sectionIntro {
  display: grid;
  grid-template-columns: 0.32fr 0.68fr;
  align-items: flex-end;
  gap: 44px;
  margin-bottom: 42px;
}

.sectionIntro h2 {
  margin-bottom: 0;
}

.paths {
  padding: 94px 0 34px;
}

.programs {
  padding: 96px 0 88px;
}

.pathGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.pathCard {
  min-height: 230px;
  padding: 24px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 18px;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}

.pathCard:hover,
.pathCard.active {
  transform: translateY(-3px);
  border-color: rgba(18, 115, 168, 0.44);
  box-shadow: var(--shadow);
}

.pathCard span {
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.pathCard strong {
  font-size: 25px;
  line-height: 1.14;
}

.pathCard svg {
  color: var(--blue);
}

.intakeBand {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 24px;
  padding: 46px 0 84px;
}

.chatPanel,
.testPlan,
.programCard,
.workspace {
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: 0 18px 60px rgba(10, 36, 42, 0.08);
}

.chatPanel {
  padding: 18px;
  align-self: start;
}

.chatHeader {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 18px;
  color: var(--blue-dark);
  font-weight: 900;
}

.bubble {
  width: fit-content;
  max-width: 88%;
  margin: 10px 0;
  padding: 16px 18px;
  font-size: 18px;
  line-height: 1.36;
}

.bubble.system {
  background: #e8f2f4;
  color: var(--blue-dark);
}

.bubble.question {
  margin-left: auto;
  background: var(--blue-soft);
  color: var(--ink);
}

.intakeField {
  display: grid;
  gap: 12px;
  margin-top: 22px;
  padding: 14px;
  border: 1px solid var(--line);
  background: #fbfaf5;
}

.intakeField label {
  color: var(--ink);
  font-size: 14px;
  font-weight: 900;
}

.intakeField textarea {
  width: 100%;
  resize: vertical;
  border: 1px solid var(--line);
  background: white;
  color: var(--ink);
  padding: 14px;
  line-height: 1.45;
}

.intakeField textarea:focus {
  outline: 3px solid rgba(18, 115, 168, 0.2);
  border-color: var(--blue);
}

.intakeField p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.testPlan {
  padding: clamp(26px, 4vw, 44px);
}

.planList {
  display: grid;
  gap: 12px;
  margin: 30px 0;
}

.planItem {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

.planItem span {
  color: var(--clay);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 13px;
}

.planItem p,
.proofList p,
.programCard p {
  color: var(--muted);
  line-height: 1.48;
}

.proofList {
  display: grid;
  gap: 10px;
}

.proofList p,
.valueList p {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
}

.proofList svg,
.valueList svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--field);
}

.focus {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 42px;
  align-items: center;
  padding: 84px 0;
}

.focusImages {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.focusImages figure {
  position: relative;
  min-height: 250px;
  margin: 0;
  overflow: hidden;
}

.focusImages img {
  object-fit: cover;
}

.focusImages figcaption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  background: rgba(6, 22, 29, 0.76);
  color: white;
  font-weight: 800;
}

.programGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.programs .sectionIntro {
  grid-template-columns: 0.22fr 0.5fr 0.28fr;
}

.programs .sectionIntro > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.programMap {
  border-top: 1px solid var(--line);
}

.programMapRow {
  display: grid;
  grid-template-columns: 76px minmax(230px, 0.78fr) minmax(260px, 1.22fr) 24px;
  gap: 28px;
  align-items: center;
  min-height: 120px;
  padding: 24px 14px 24px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  transition:
    background-color 160ms ease,
    padding-left 160ms ease;
}

.programMapRow:hover {
  padding-left: 14px;
  background: rgba(18, 115, 168, 0.05);
}

.programMapNumber {
  display: grid;
  gap: 18px;
  justify-items: start;
  color: var(--blue);
}

.programMapNumber span {
  color: var(--clay);
  font-size: 11px;
  font-weight: 900;
}

.programMapTitle > p {
  margin: 0 0 7px;
  color: var(--blue-dark);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.programMapTitle h3 {
  margin: 0;
  font-size: 31px;
  line-height: 1.04;
}

.programMapSummary {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.45;
}

.programMapArrow {
  color: var(--blue-dark);
}

.ruralFeature {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
}

.ruralFeature figure {
  position: relative;
  min-height: 590px;
  margin: 0;
  overflow: hidden;
}

.ruralFeature img {
  object-fit: cover;
  object-position: center;
}

.ruralFeature > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(46px, 6vw, 76px);
  background: var(--blue-dark);
  color: white;
}

.ruralFeature .sectionLabel {
  color: var(--blue-soft);
}

.ruralFeature h2 {
  max-width: 420px;
}

.ruralFeature > div > p:not(.sectionLabel) {
  max-width: 500px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  line-height: 1.52;
}

.programCard {
  display: flex;
  flex-direction: column;
  min-height: 230px;
  padding: 26px;
}

.programCardTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.programCardTop span {
  max-width: 190px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
  text-align: right;
  text-transform: uppercase;
}

.programCard svg {
  color: var(--blue);
}

.programCard h3 {
  margin: 30px 0 14px;
  font-size: 25px;
  line-height: 1.05;
}

.programCardCta {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  min-height: 44px;
  margin-top: auto;
  padding-top: 24px;
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 850;
}

.programCardCta svg {
  flex: 0 0 auto;
}

.values {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 54px;
  padding: 90px 0;
}

.valueList {
  align-self: center;
  display: grid;
  gap: 12px;
}

.valueList p {
  padding: 17px 0;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-weight: 750;
}

.workspace {
  margin-bottom: 70px;
  padding: clamp(28px, 6vw, 70px);
  background:
    linear-gradient(135deg, rgba(18, 115, 168, 0.08), rgba(213, 177, 93, 0.12)),
    var(--white);
}

.workspace p {
  max-width: 820px;
}

.workspace .button {
  margin-top: 18px;
}

.workspaceActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.button.outline {
  border-color: var(--blue);
  color: var(--blue-dark);
  background: transparent;
}

.button.textButton {
  color: var(--blue-dark);
  background: transparent;
}

.spaceHero {
  min-height: 82vh;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: white;
}

.spaceHero .heroImage {
  object-position: center 52%;
}

.spaceHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.82), rgba(6, 22, 29, 0.48) 52%, rgba(6, 22, 29, 0.12)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.46), rgba(6, 22, 29, 0.04) 48%);
}

.spaceHeroContent {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: auto auto 8vh;
  padding-top: 96px;
}

.spaceHeroContent .kicker {
  color: rgba(255, 255, 255, 0.78);
}

.spaceHeroContent h1 {
  max-width: 850px;
}

.spaceOffers,
.spaceDetails,
.placeBand,
.afterBooking,
.spaceClose {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.spaceOffers {
  padding: 100px 0 84px;
}

.offerGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.offerCard {
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  padding: 30px;
  border: 1px solid var(--line);
  background: var(--white);
}

.offerName {
  margin-bottom: 26px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.offerPrice {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 22px;
}

.offerPrice strong {
  font-size: 54px;
  line-height: 1;
}

.offerPrice span {
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
}

.offerBody {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.5;
}

.offerDetails {
  display: grid;
  gap: 9px;
  margin-top: 25px;
}

.offerDetails p {
  display: flex;
  gap: 9px;
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.offerDetails svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--field);
}

.offerCard .button {
  width: 100%;
}

.spaceGallery {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  grid-template-rows: 360px 500px;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0 8px;
}

.spaceGallery figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.spaceGallery img {
  object-fit: cover;
}

.galleryMeeting {
  grid-column: 1 / -1;
}

.galleryMeeting img {
  object-position: center 54%;
}

.spaceDetails {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 80px;
  padding: 108px 0;
  border-bottom: 1px solid var(--line);
}

.spaceDetailsIntro > p:last-child,
.placeCopy > p:last-child,
.spaceClose > p {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.amenityGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: center;
}

.amenity {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  padding: 22px;
  border-top: 1px solid var(--line);
  font-weight: 750;
  line-height: 1.35;
}

.amenity:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.amenity svg {
  flex: 0 0 auto;
  color: var(--blue);
}

.placeBand {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 80px;
  padding: 100px 0;
}

.afterBooking {
  padding: 104px 0;
  border-top: 1px solid var(--line);
}

.afterBookingIntro {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  column-gap: 78px;
  margin-bottom: 48px;
}

.afterBookingIntro .sectionLabel,
.afterBookingIntro h2 {
  grid-column: 1;
}

.afterBookingIntro > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.afterBookingSteps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.afterBookingSteps article {
  min-height: 245px;
  padding: 28px;
  border-right: 1px solid var(--line);
}

.afterBookingSteps article:last-child {
  border-right: 0;
}

.afterBookingSteps span,
.howToStep > span {
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.afterBookingSteps h3 {
  margin: 58px 0 12px;
  font-size: 27px;
}

.afterBookingSteps p,
.afterBookingFooter p {
  color: var(--muted);
  line-height: 1.5;
}

.afterBookingFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding-top: 28px;
}

.afterBookingFooter p {
  max-width: 680px;
  margin: 0;
}

.placeFacts {
  align-self: center;
  padding: 30px 0 30px 34px;
  border-left: 3px solid var(--gold);
}

.placeFacts p {
  color: var(--muted);
  line-height: 1.5;
}

.placeFacts p:first-child {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--ink);
}

.placeFacts svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--clay);
}

.spaceClose {
  margin-bottom: 70px;
  padding: clamp(34px, 7vw, 82px);
  background: var(--blue-dark);
  color: white;
}

.spaceClose .sectionLabel {
  color: var(--blue-soft);
}

.spaceClose h2 {
  max-width: 850px;
}

.spaceClose > p {
  max-width: 780px;
  color: rgba(255, 255, 255, 0.78);
}

.spaceClose .button {
  margin-top: 16px;
}

.howToHero .heroImage {
  object-position: center 48%;
}

.howToGuide {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 106px 0 38px;
}

.howToSection {
  padding-bottom: 96px;
}

.howToSection + .howToSection {
  padding-top: 96px;
  border-top: 1px solid var(--line);
}

.howToSection > header {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  column-gap: 62px;
  margin-bottom: 48px;
}

.howToSection > header .sectionLabel,
.howToSection > header h2 {
  grid-column: 1;
}

.howToSection > header > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.52;
}

.howToSteps {
  border-top: 1px solid var(--line);
}

.howToStep {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 26px;
  padding: 36px 0;
  border-bottom: 1px solid var(--line);
}

.howToStep h3 {
  margin-bottom: 10px;
  font-size: 27px;
}

.howToStep > div > p {
  max-width: 720px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.58;
}

.howToBullets {
  display: grid;
  gap: 8px;
  margin-top: 22px;
}

.howToBullets p {
  display: flex;
  gap: 9px;
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.howToBullets svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--field);
}

.howToImage {
  margin: 30px 0 4px;
}

.howToImage img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
}

.howToImage-phone {
  max-width: 310px;
}

.howToSectionClose {
  margin: 30px 0 0 106px;
  color: var(--blue-dark);
  font-size: 19px;
  font-weight: 850;
}

.howToClose {
  margin-top: 18px;
}

.modelSection,
.sharedProof,
.programLoop,
.programArchitecture,
.programList,
.programFocus,
.programClose,
.principles,
.valuesPractice,
.valuesClose,
.siteFooter {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.modelSection,
.programLoop {
  padding: 96px 0;
}

.modelIntro,
.programFocusIntro {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  column-gap: 70px;
  margin-bottom: 50px;
}

.modelIntro .sectionLabel,
.programFocusIntro .sectionLabel {
  grid-column: 1;
}

.modelIntro h2,
.programFocusIntro h2 {
  grid-column: 1;
}

.modelIntro > p:last-child,
.programFocusIntro > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.loopGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.loopStep {
  min-height: 270px;
  padding: 28px 24px;
  border-right: 1px solid var(--line);
}

.loopStep:last-child {
  border-right: 0;
}

.loopStep > span {
  color: var(--clay);
  font-size: 13px;
  font-weight: 900;
}

.loopStep h3 {
  margin: 54px 0 14px;
  font-size: 24px;
  line-height: 1.12;
}

.loopStep p {
  color: var(--muted);
  line-height: 1.48;
}

.sectionLink {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 28px;
  color: var(--blue-dark);
  font-weight: 850;
}

.sharedProof {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 72px;
  padding: 106px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.proofAudience {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-content: center;
}

.proofAudience > div {
  padding-top: 20px;
  border-top: 3px solid var(--blue);
}

.proofAudience > div:nth-child(2) {
  border-color: var(--field);
}

.proofAudience h3 {
  font-size: 24px;
}

.proofAudience p {
  color: var(--muted);
  line-height: 1.5;
}

.proofClose {
  grid-column: 1 / -1;
  margin: 12px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  color: var(--ink) !important;
  font-weight: 750;
}

.interiorHero {
  min-height: 80vh;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: white;
}

.interiorHeroContent {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: auto auto 8vh;
  padding-top: 96px;
}

.interiorHeroContent .kicker {
  color: rgba(255, 255, 255, 0.8);
}

.interiorHeroContent h1 {
  max-width: 920px;
}

.legalHero {
  min-height: 58vh;
  background: var(--blue-dark);
}

.legalHero .interiorHeroContent {
  margin-bottom: 7vh;
}

.legalContent {
  width: min(780px, calc(100% - 40px));
  margin: 0 auto;
  padding: 96px 0 112px;
}

.legalContent section + section {
  margin-top: 54px;
  padding-top: 46px;
  border-top: 1px solid var(--line);
}

.legalContent h2 {
  margin-bottom: 18px;
  color: var(--blue-dark);
  font-size: 32px;
  line-height: 1.1;
}

.legalContent p,
.legalContent li {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.72;
}

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

.legalContent ul {
  display: grid;
  gap: 9px;
  margin: 24px 0 0;
  padding-left: 22px;
}

.legalContent a {
  color: var(--blue-dark);
  font-weight: 750;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.notFoundHero .heroImage {
  object-position: center 56%;
}

.notFoundHero h1 {
  max-width: 860px;
}

.notFoundRecovery {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 88px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 104px 0;
}

.notFoundRecovery h2 {
  margin-bottom: 0;
  font-size: 54px;
  line-height: 1.02;
}

.notFoundLinks {
  border-top: 1px solid var(--line);
}

.notFoundLinks > a {
  display: grid;
  grid-template-columns: 28px 1fr 22px;
  gap: 18px;
  align-items: start;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  color: var(--blue-dark);
}

.notFoundLinks span {
  color: var(--muted);
  line-height: 1.5;
}

.notFoundLinks strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ink);
  font-size: 21px;
}

.notFoundLinks > a > svg:last-child {
  margin-top: 3px;
}

.programsHero .heroImage {
  object-position: center 58%;
}

.valuesHero .heroImage {
  object-position: center 42%;
}

.valuesHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.88), rgba(6, 22, 29, 0.48) 58%, rgba(6, 22, 29, 0.08)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.52), rgba(6, 22, 29, 0.05) 50%);
}

.valuesStory,
.valueEssayList,
.valuesAfterword {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.valuesStory {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 88px;
  padding: 112px 0;
  border-bottom: 1px solid var(--line);
}

.valuesStoryHeading {
  align-self: start;
  position: sticky;
  top: 36px;
}

.valuesStoryHeading h2 {
  font-size: 54px;
}

.valuesStoryBody {
  display: grid;
  gap: 25px;
}

.valuesStoryBody p {
  margin: 0;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.62;
}

.valuesStoryBody p:first-child {
  color: var(--ink);
  font-size: 23px;
}

.valueEssayList {
  padding: 106px 0 40px;
}

.valueEssayIntro {
  margin-bottom: 18px;
}

.valueEssay {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 88px;
  padding: 82px 0;
  border-top: 1px solid var(--line);
}

.valueEssay header {
  align-self: start;
  position: sticky;
  top: 36px;
}

.valueEssay header span {
  display: block;
  margin-bottom: 54px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.valueEssay header h2 {
  margin-bottom: 10px;
  font-size: 58px;
  text-transform: uppercase;
}

.valueEssay header p,
.valuesCourageTagline {
  margin: 0;
  color: var(--clay);
  font-size: 20px;
  font-style: italic;
}

.valueEssayBody {
  display: grid;
  gap: 23px;
}

.valueEssayBody > p {
  margin: 0;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.62;
}

.valueEssayBody > p:first-child {
  color: var(--ink);
  font-size: 22px;
}

.valueEssayBody blockquote {
  margin: 18px 0 0;
  padding: 24px 28px;
  border-left: 4px solid var(--blue);
  background: rgba(18, 115, 168, 0.07);
  color: var(--blue-dark);
  font-size: 23px;
  font-weight: 800;
  line-height: 1.42;
}

.valuesCourage {
  background: #090b0c;
  color: white;
}

.valuesCourageInner {
  display: grid;
  grid-template-columns: 0.76fr 1.24fr;
  gap: 72px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 104px 0;
}

.valuesCourageCopy {
  align-self: center;
}

.valuesCourageCopy .sectionLabel {
  color: var(--blue-soft);
}

.valuesCourageCopy h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.valuesCourageTagline {
  color: var(--gold);
}

.valuesCourageCopy > p:not(.sectionLabel):not(.valuesCourageTagline) {
  color: rgba(255, 255, 255, 0.75);
  font-size: 19px;
  line-height: 1.58;
}

.valuesCourageCopy > p:nth-last-child(1) {
  margin-bottom: 0;
}

.valuesCourage figure {
  align-self: center;
  margin: 0;
}

.valuesCourage figure img {
  display: block;
  width: 100%;
  height: auto;
}

.valuesQuestion {
  grid-column: 1 / -1;
  max-width: 940px;
  margin: 18px 0 0;
  padding-top: 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.35;
}

.valuesAfterword {
  max-width: 860px;
  padding: 110px 0;
}

.valuesAfterword > span {
  display: block;
  margin-bottom: 42px;
  color: var(--blue);
  font-size: 34px;
}

.valuesAfterword > p {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.62;
}

.valuesAfterword > p:first-of-type {
  color: var(--ink);
  font-size: 23px;
}

.valuesAfterword .valuesSignature {
  margin-top: 38px;
  color: var(--ink);
  font-weight: 850;
}

.programList,
.principles {
  padding: 102px 0;
}

.programArchitecture {
  padding: 102px 0 42px;
}

.programArchitectureIntro {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 78px;
  align-items: end;
  margin-bottom: 54px;
}

.programArchitectureIntro h2 {
  max-width: 650px;
  margin-bottom: 0;
}

.programArchitectureIntro > p {
  margin: 0;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.54;
}

.programPricingNote {
  max-width: 900px;
  margin: -12px 0 54px;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.55;
}

.programPillarList {
  border-top: 1px solid var(--line);
}

.programPillar {
  display: grid;
  grid-template-columns: 210px minmax(230px, 0.76fr) minmax(0, 1.4fr);
  gap: 54px;
  padding: 64px 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 24px;
}

.programPillarIdentity {
  position: relative;
  align-self: start;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr auto;
  gap: 18px 12px;
  min-height: 280px;
  padding: 20px;
  overflow: hidden;
  background: var(--blue-dark);
  color: white;
}

.programPillarImage {
  object-fit: cover;
  transition: transform 400ms ease;
}

.programPillarImageShade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6, 22, 29, 0.54), rgba(6, 22, 29, 0.08) 44%),
    linear-gradient(0deg, rgba(6, 22, 29, 0.9), rgba(6, 22, 29, 0.06) 58%);
}

.programPillar:hover .programPillarImage {
  transform: scale(1.025);
}

.programPillarIdentity > span,
.programPillarIdentity > svg,
.programPillarIdentity > p {
  position: relative;
  z-index: 2;
}

.programPillarIdentity > span {
  color: #f1c87e;
  font-size: 12px;
  font-weight: 900;
}

.programPillarIdentity > svg {
  align-self: start;
  color: white;
}

.programPillarIdentity > p {
  grid-column: 1 / -1;
  align-self: end;
  margin: 0;
  color: white;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.programPillarIntro h3 {
  margin: 0 0 18px;
  font-size: 35px;
  line-height: 1.04;
}

.programPillarIntro p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.52;
}

.programOfferList {
  border-top: 1px solid var(--line);
}

.programOffer {
  display: grid;
  grid-template-columns: minmax(135px, 0.56fr) minmax(220px, 1fr) auto;
  gap: 24px;
  align-items: start;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.programOffer h4 {
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 1.2;
}

.programOffer span {
  color: var(--clay);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.35;
  text-transform: uppercase;
}

.programOffer > p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.48;
}

.programOffer > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(7, 63, 97, 0.3);
  color: var(--blue-dark);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.programDetailList {
  border-top: 1px solid var(--line);
}

.programDetail {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 70px;
  padding: 54px 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 24px;
}

.programDetailHeading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.programDetailHeading span {
  max-width: 220px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
  text-align: right;
  text-transform: uppercase;
}

.programDetailName svg {
  color: var(--blue);
}

.programDetailAudience {
  max-width: 360px;
  margin: 22px 0 10px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.4;
}

.programDetailName h3 {
  margin-bottom: 0;
  font-size: 36px;
  line-height: 1.05;
}

.programDetailBody > p:first-child {
  color: var(--ink);
  font-size: 20px;
  line-height: 1.5;
}

.programDetailChecks {
  display: grid;
  gap: 10px;
  margin: 24px 0;
}

.programDetailChecks p {
  display: flex;
  gap: 10px;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.programDetailChecks svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--field);
}

.programOutcome {
  margin: 28px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid var(--line);
  color: var(--blue-dark);
  line-height: 1.5;
}

.programInterest {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(7, 63, 97, 0.32);
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 850;
}

.programLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 26px;
  align-items: center;
  margin-top: 20px;
}

.programProof {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
}

.programLinks svg {
  flex: 0 0 auto;
}

.programOutput {
  background: var(--blue-dark);
  color: white;
}

.programOutputInner {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 84px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 104px 0;
}

.programOutput .sectionLabel {
  color: var(--blue-soft);
}

.programOutputInner > div:first-child > p:not(.sectionLabel) {
  color: rgba(255, 255, 255, 0.74);
  font-size: 19px;
  line-height: 1.52;
}

.programOutputLink {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  font-weight: 850;
}

.programOutputList {
  align-self: center;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.programOutputList > p:not(.programOutputNote) {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 18px;
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
}

.programOutputList span {
  color: var(--blue-soft);
  font-size: 13px;
  font-weight: 900;
}

.programOutputNote {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  line-height: 1.5;
}

.programFocus {
  padding: 98px 0 110px;
}

.focusPair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.focusPair article {
  position: relative;
  min-height: 480px;
  overflow: hidden;
  color: white;
}

.focusPair img {
  object-fit: cover;
}

.focusPair article::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(0deg, rgba(6, 22, 29, 0.84), rgba(6, 22, 29, 0.02) 70%);
}

.focusPair article > div {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px;
}

.focusPair h3 {
  margin-bottom: 10px;
  font-size: 34px;
}

.focusPair p {
  max-width: 520px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.48;
}

.programClose,
.valuesClose {
  margin-bottom: 70px;
  padding: clamp(38px, 7vw, 82px);
  background: var(--blue-dark);
  color: white;
}

.programClose .sectionLabel,
.valuesClose .sectionLabel {
  color: var(--blue-soft);
}

.programClose h2,
.valuesClose h2 {
  max-width: 950px;
}

.programClose > p,
.valuesClose > p {
  max-width: 780px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 20px;
  line-height: 1.5;
}

.homeStart {
  margin-top: 54px;
}

.homeStart .button {
  margin-top: 18px;
}

.principleGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.principleCard {
  min-height: 310px;
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--white);
}

.principleCard svg {
  color: var(--field);
}

.principleCard h3 {
  margin: 54px 0 14px;
  font-size: 26px;
  line-height: 1.1;
}

.principleCard p {
  color: var(--muted);
  line-height: 1.5;
}

.valuesPractice {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 76px;
  padding: 106px 0;
  border-top: 1px solid var(--line);
}

.practiceList {
  display: grid;
}

.practiceList p {
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 19px 0;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
}

.practiceList svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--blue);
}

.valuesClose .button.outline {
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.fieldNotesHero .heroImage {
  object-position: center 46%;
}

.fieldNotesHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.9), rgba(6, 22, 29, 0.54) 58%, rgba(6, 22, 29, 0.14)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.58), rgba(6, 22, 29, 0.08) 48%);
}

.nextEvent {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 76px 0 84px;
  background: #e7efea;
  box-shadow: 0 0 0 100vmax #e7efea;
  clip-path: inset(0 -100vmax);
}

.nextEventHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(10, 72, 78, 0.25);
}

.nextEventHeader .sectionLabel {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
}

.nextEventHeader > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.nextEventCard {
  display: grid;
  grid-template-columns: 144px minmax(300px, 0.82fr) minmax(0, 1.18fr);
  min-height: 390px;
  border: 1px solid rgba(10, 72, 78, 0.24);
  background: var(--white);
  box-shadow: 0 18px 45px rgba(10, 58, 63, 0.08);
}

.nextEventDate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 28px 14px;
  border-right: 5px solid var(--gold);
  background: var(--blue-dark);
  color: white;
  text-align: center;
  text-transform: uppercase;
}

.nextEventDate span {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.nextEventDate strong {
  font-size: clamp(66px, 7vw, 92px);
  line-height: 0.92;
}

.nextEvent figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: var(--blue-soft);
}

.nextEvent img {
  object-fit: cover;
}

.nextEventBody {
  align-self: center;
  padding: clamp(32px, 4vw, 50px);
}

.nextEventBody .sectionLabel {
  margin-bottom: 13px;
}

.nextEvent h2 {
  margin-bottom: 16px;
  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1;
}

.nextEvent h2 a:hover {
  color: var(--blue);
}

.nextEventBody > p:not(.sectionLabel) {
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.5;
}

.nextEventFacts {
  display: grid;
  gap: 9px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.nextEventFacts span {
  display: inline-flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.nextEventFacts svg {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--clay);
}

.nextEventActions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 20px;
  margin-top: 20px;
}

.nextEventRsvp,
.nextEventCalendarLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 850;
}

.nextEventRsvp {
  padding: 11px 15px;
  background: var(--blue-dark);
  color: white;
}

.nextEventRsvp:hover {
  background: var(--blue);
}

.nextEventCalendarLink {
  color: var(--blue-dark);
}

.nextEventCalendarLink:hover {
  color: var(--clay);
}

.featuredWork {
  scroll-margin-top: 24px;
  background: #edf3ef;
  color: var(--ink);
}

.featuredWorkInner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 86px 0 92px;
}

.featuredWorkIntro {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 56px;
  align-items: end;
  margin-bottom: 42px;
}

.featuredWorkIntro .sectionLabel {
  color: var(--blue);
}

.featuredWorkIntro h2 {
  margin-bottom: 0;
  font-size: clamp(44px, 5vw, 60px);
}

.featuredWorkIntro > p {
  max-width: 670px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.featuredWorkGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.featuredWorkGrid article {
  min-width: 0;
  padding: 26px;
  border-right: 1px solid var(--line);
}

.featuredWorkGrid article:first-child {
  padding-left: 0;
}

.featuredWorkGrid article:last-child {
  padding-right: 0;
  border-right: 0;
}

.featuredWorkGrid figure {
  position: relative;
  aspect-ratio: 16 / 9;
  margin: 0 0 22px;
  overflow: hidden;
  background: var(--paper);
}

.featuredWorkGrid img {
  object-fit: cover;
  transition: transform 260ms ease;
}

.featuredWorkGrid a:hover img,
.featuredWorkGrid a:focus-visible img {
  transform: scale(1.02);
}

.featuredWorkMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.featuredWorkMeta span {
  color: var(--blue);
}

.featuredWorkGrid h3 {
  margin: 16px 0 0;
  color: var(--ink);
  font-size: 27px;
  line-height: 1.08;
}

.featuredWorkGrid article > a > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;
}

.featuredWorkOutcome {
  margin: 18px 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.featuredWorkOutcome span {
  display: block;
  margin-bottom: 8px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.featuredWorkLink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 850;
}

.fieldNotesLatest,
.fieldNotesFeatures,
.fieldNotesArchive,
.fieldNotesBrowse,
.fieldNotesClose {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.fieldNotesBrowse {
  padding: 88px 0 96px;
  scroll-margin-top: 24px;
  background: var(--white);
  box-shadow: 0 0 0 100vmax var(--white);
  clip-path: inset(0 -100vmax);
}

.fieldNotesBrowseIntro {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 72px;
  align-items: end;
  margin-bottom: 42px;
}

.fieldNotesBrowseIntro h2 {
  max-width: 620px;
  margin-bottom: 0;
  font-size: 54px;
}

.fieldNotesBrowseIntro > p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.55;
}

.fieldNotesTopicGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.fieldNotesTopicButton {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 10px;
  min-width: 0;
  min-height: 172px;
  padding: 20px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease;
}

.fieldNotesTopicButton:last-child {
  border-right: 0;
}

.fieldNotesTopicButton:hover {
  background: rgba(126, 205, 198, 0.14);
}

.fieldNotesTopicButton[data-active="true"] {
  color: white;
}

.fieldNotesTopic-all[data-active="true"] {
  background: var(--blue-dark);
}

.fieldNotesTopic-community-place[data-active="true"] {
  background: var(--field);
}

.fieldNotesTopic-founders-builders[data-active="true"] {
  background: var(--clay);
}

.fieldNotesTopic-tools-technology[data-active="true"] {
  background: var(--blue);
}

.fieldNotesTopic-student-work[data-active="true"] {
  background: var(--gold);
  color: var(--ink);
}

.fieldNotesTopicTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fieldNotesTopicTop > span {
  font-size: 13px;
  font-weight: 850;
}

.fieldNotesTopicButton strong {
  font-size: 19px;
  line-height: 1.18;
}

.fieldNotesTopicButton > span:last-child {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.fieldNotesTopicButton[data-active="true"] > span:last-child {
  color: inherit;
  opacity: 0.82;
}

.fieldNotesIndexHeader {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-top: 52px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.fieldNotesIndexHeader h3 {
  margin: 10px 0 0;
  font-size: 38px;
}

.fieldNotesIndexHeader > p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.fieldNotesIndexItem > a {
  display: grid;
  grid-template-columns: 104px 164px minmax(0, 1fr) 28px;
  gap: 22px;
  align-items: center;
  padding: 20px 20px 20px 0;
  border-bottom: 1px solid var(--line);
  transition: padding 160ms ease, background 160ms ease;
}

.fieldNotesIndexItem > a:hover,
.fieldNotesIndexItem > a:focus-visible {
  padding-left: 18px;
  background: rgba(126, 205, 198, 0.1);
}

.fieldNotesIndexImage {
  position: relative;
  width: 104px;
  height: 74px;
  margin: 0;
  overflow: hidden;
  background: var(--paper);
}

.fieldNotesIndexImage img {
  object-fit: cover;
  transition: transform 180ms ease;
}

.fieldNotesIndexItem > a:hover .fieldNotesIndexImage img,
.fieldNotesIndexItem > a:focus-visible .fieldNotesIndexImage img {
  transform: scale(1.04);
}

.fieldNotesIndexMeta {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.fieldNotesIndexMeta span {
  color: var(--blue);
}

.fieldNotesIndexItem[data-topic="community-place"] .fieldNotesIndexMeta span {
  color: var(--field);
}

.fieldNotesIndexItem[data-topic="founders-builders"] .fieldNotesIndexMeta span {
  color: var(--clay);
}

.fieldNotesIndexItem[data-topic="student-work"] .fieldNotesIndexMeta span {
  color: #7b6018;
}

.fieldNotesIndexCopy h3 {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.1;
}

.fieldNotesIndexCopy p {
  display: -webkit-box;
  max-width: 760px;
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fieldNotesIndexItem > a > svg {
  color: var(--blue-dark);
  transition: transform 160ms ease;
}

.fieldNotesIndexItem > a:hover > svg,
.fieldNotesIndexItem > a:focus-visible > svg {
  transform: translate(3px, -3px);
}

.fieldNotesPagination {
  display: grid;
  grid-template-columns: 120px 1fr 120px;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
}

.fieldNotesPagination > a,
.fieldNotesPagination > span,
.fieldNotesPagination > div a {
  min-height: 44px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
}

.fieldNotesPagination > a,
.fieldNotesPagination > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 14px;
}

.fieldNotesPagination > div {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.fieldNotesPagination > div a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  padding: 0;
}

.fieldNotesPagination a:hover,
.fieldNotesPagination a:focus-visible,
.fieldNotesPagination a[aria-current="page"] {
  border-color: var(--blue-dark);
  background: var(--blue-dark);
  color: white;
}

.fieldNotesPagination > span[aria-disabled="true"] {
  opacity: 0.42;
  cursor: default;
}

.fieldNotesIndexHeader {
  scroll-margin-top: 24px;
}

.fieldNotesLatest {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 88px;
  padding: 110px 0;
  border-bottom: 1px solid var(--line);
}

.fieldNotesLatestIntro > p:last-child,
.fieldNotesArchiveIntro > p:last-child,
.fieldNotesClose p {
  color: var(--muted);
  font-size: 19px;
  line-height: 1.55;
}

.eventHero {
  min-height: 78vh;
}

.eventHero .heroImage {
  object-position: center;
}

.eventHero .heroShade {
  background:
    linear-gradient(90deg, rgba(3, 27, 23, 0.94), rgba(3, 27, 23, 0.76) 62%, rgba(3, 27, 23, 0.42)),
    linear-gradient(0deg, rgba(3, 27, 23, 0.58), rgba(3, 27, 23, 0.16));
}

.eventDetails,
.eventRsvpSection,
.eventClose {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.eventDetails {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 86px;
  padding: 108px 0;
}

.eventStory h2 {
  max-width: 720px;
  margin-bottom: 30px;
  font-size: 46px;
  line-height: 1.02;
}

.eventStory > p:not(.sectionLabel, .eventFormat) {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}

.eventFormat {
  margin: 30px 0;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--blue-dark);
  font-weight: 850;
}

.eventFacts {
  align-self: center;
  border-top: 1px solid var(--line);
}

.eventFacts > p {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 16px;
  margin: 0;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}

.eventFacts svg {
  margin-top: 2px;
  color: var(--blue);
}

.eventFacts span {
  display: grid;
  gap: 4px;
  color: var(--muted);
  line-height: 1.48;
}

.eventFacts strong {
  color: var(--ink);
}

.eventRsvpSection {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 90px;
  padding: 104px 0;
  background: #eef6f3;
  box-shadow: 0 0 0 100vmax #eef6f3;
  clip-path: inset(0 -100vmax);
  scroll-margin-top: 24px;
}

.eventRsvpSection > div > p:not(.sectionLabel) {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.58;
}

.eventRsvpForm {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.72fr;
  gap: 20px;
  align-self: start;
  padding: 34px;
  border: 1px solid var(--line);
  background: var(--white);
}

.eventRsvpField {
  display: grid;
  gap: 8px;
}

.eventRsvpField:first-child,
.eventRsvpField:nth-child(2),
.eventRsvpForm > .button,
.eventRsvpStatus,
.eventRsvpConsent {
  grid-column: 1 / -1;
}

.eventRsvpField label {
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
}

.eventRsvpField input,
.eventRsvpField select {
  width: 100%;
  height: 48px;
  padding: 0 13px;
  border: 1px solid rgba(7, 63, 97, 0.3);
  border-radius: 0;
  background: white;
  color: var(--ink);
  font: inherit;
}

.eventRsvpForm > .button {
  width: 100%;
}

.eventRsvpStatus {
  display: flex;
  min-height: 22px;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.eventRsvpStatus-created,
.eventRsvpStatus-updated {
  color: #3d642f;
}

.eventRsvpStatus-error {
  color: #9b3f32;
}

.eventRsvpConsent {
  margin: -8px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.eventRsvpConsent a {
  color: var(--blue-dark);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.eventClose {
  margin-bottom: 70px;
  padding: clamp(38px, 7vw, 82px);
  background: var(--blue-dark);
  color: white;
}

.eventClose .sectionLabel {
  color: var(--blue-soft);
}

.eventClose h2 {
  max-width: 850px;
}

.eventClose .button.outline {
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.fieldNotesLatestIntro h2 {
  font-size: 52px;
}

.fieldNoteLead {
  align-self: end;
  padding: 34px 0 6px 38px;
  border-left: 4px solid var(--blue);
}

.fieldNoteLead h2 {
  margin: 20px 0 22px;
  font-size: 58px;
}

.fieldNoteLead > p {
  max-width: 760px;
  color: var(--muted);
  font-size: 21px;
  line-height: 1.55;
}

.fieldNoteLead > a,
.fieldNoteRead {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 850;
}

.fieldNoteMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.fieldNoteMeta span {
  color: var(--blue);
}

.fieldNotesFeatures {
  padding: 108px 0 92px;
}

.fieldNotesSectionHeading {
  display: grid;
  grid-template-columns: 0.62fr 1.38fr;
  gap: 48px;
  margin-bottom: 58px;
}

.fieldNotesSectionHeading h2 {
  max-width: 860px;
}

.fieldNoteFeatureGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
}

.fieldNoteFeature {
  padding: 40px 0 50px;
  border-top: 1px solid var(--line);
}

.fieldNoteFeature:first-child {
  grid-column: 1 / -1;
}

.fieldNoteFeature:first-child > a {
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  gap: 46px;
  align-items: end;
}

.fieldNoteFeature figure {
  position: relative;
  aspect-ratio: 16 / 10;
  margin: 0 0 28px;
  overflow: hidden;
  background: var(--blue-dark);
}

.fieldNoteFeature:first-child figure {
  aspect-ratio: 16 / 9;
  margin-bottom: 0;
}

.fieldNoteFeature img {
  object-fit: cover;
  transition: transform 260ms ease;
}

.fieldNoteFeature a:hover img,
.fieldNoteFeature a:focus-visible img {
  transform: scale(1.02);
}

.fieldNoteFeatureBody h3 {
  margin: 18px 0 14px;
  font-size: 34px;
  line-height: 1.04;
}

.fieldNoteFeature:first-child h3 {
  font-size: 46px;
}

.fieldNoteFeatureBody > p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.52;
}

.fieldNotesArchive {
  display: grid;
  grid-template-columns: 0.76fr 1.24fr;
  gap: 88px;
  padding: 108px 0;
  border-top: 1px solid var(--line);
}

.fieldNotesArchiveIntro {
  align-self: start;
  position: sticky;
  top: 36px;
}

.fieldNotesArchiveIntro h2 {
  font-size: 52px;
}

.fieldNoteArchiveList {
  border-top: 1px solid var(--line);
}

.fieldNoteArchiveList > a {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 10px 24px;
  padding: 30px 46px 30px 0;
  border-bottom: 1px solid var(--line);
}

.fieldNoteArchiveList .fieldNoteMeta,
.fieldNoteArchiveList h3,
.fieldNoteArchiveList p {
  grid-column: 1;
}

.fieldNoteArchiveList h3 {
  margin: 5px 0 0;
  font-size: 27px;
  line-height: 1.12;
}

.fieldNoteArchiveList p {
  margin: 0;
  color: var(--muted);
  line-height: 1.48;
}

.fieldNoteArchiveList > a > svg {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
  color: var(--blue);
  transition: transform 180ms ease;
}

.fieldNoteArchiveList > a:hover > svg,
.fieldNoteArchiveList > a:focus-visible > svg {
  transform: translate(3px, -3px);
}

.fieldNotesClose {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 64px;
  align-items: end;
  padding: 94px 0;
  background: var(--blue-dark);
  color: white;
  box-shadow: 0 0 0 100vmax var(--blue-dark);
  clip-path: inset(0 -100vmax);
}

.fieldNotesClose .sectionLabel,
.fieldNotesClose p {
  color: rgba(255, 255, 255, 0.86);
}

.fieldNotesClose .button.primary {
  background: var(--blue-soft);
}

.fieldNotesClose h2 {
  max-width: 760px;
  font-size: 58px;
}

.fieldNotesClose p {
  max-width: 760px;
  margin-bottom: 0;
}

.fieldNoteArticleHero {
  min-height: 88vh;
}

.fieldNoteArticleHero .heroImage {
  object-position: center;
}

.fieldNoteArticleHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.9), rgba(6, 22, 29, 0.58) 62%, rgba(6, 22, 29, 0.16)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.64), rgba(6, 22, 29, 0.08) 54%);
}

.fieldNoteArticleHero .interiorHeroContent {
  margin-bottom: 7vh;
}

.fieldNoteArticleHero h1 {
  max-width: 1080px;
  margin-bottom: 22px;
  font-size: 76px;
}

.fieldNoteArticleHero .lede {
  max-width: 850px;
  font-size: 23px;
}

.fieldNoteBack {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 48px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 14px;
  font-weight: 800;
}

.fieldNoteArticleMeta {
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.7);
}

.fieldNoteArticleMeta span {
  color: var(--blue-soft);
}

.fieldNoteByline {
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 750;
}

.fieldNoteReading,
.fieldNoteSequence,
.fieldNoteArticleClose {
  width: min(1180px, calc(100% - 40px));
  margin-right: auto;
  margin-left: auto;
}

.fieldNoteReading {
  display: grid;
  grid-template-columns: 220px minmax(0, 800px);
  gap: 90px;
  justify-content: center;
  padding: 104px 0 112px;
}

.fieldNoteContext {
  align-self: start;
  position: sticky;
  top: 32px;
  padding-top: 18px;
  border-top: 3px solid var(--clay);
}

.fieldNoteContext p:not(.sectionLabel) {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.fieldNoteContext a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.fieldNoteProse {
  min-width: 0;
  color: var(--ink);
  font-size: 19px;
  line-height: 1.72;
}

.fieldNoteProse > p:first-child {
  color: var(--blue-dark);
  font-size: 24px;
  line-height: 1.55;
}

.fieldNoteProse p {
  margin-bottom: 26px;
}

.fieldNoteProse h2 {
  margin: 68px 0 22px;
  font-size: 42px;
  line-height: 1.05;
}

.fieldNoteProse h3 {
  margin: 48px 0 18px;
  font-size: 29px;
  line-height: 1.12;
}

.fieldNoteProse ul,
.fieldNoteProse ol {
  margin: 0 0 30px;
  padding-left: 26px;
}

.fieldNoteProse li {
  margin: 9px 0;
  padding-left: 5px;
}

.fieldNoteProse a {
  color: var(--blue-dark);
  font-weight: 720;
  text-decoration: underline;
  text-decoration-color: rgba(18, 115, 168, 0.45);
  text-underline-offset: 3px;
}

.fieldNoteProse blockquote {
  margin: 38px 0;
  padding: 24px 28px;
  border-left: 4px solid var(--blue);
  background: var(--white);
  color: var(--blue-dark);
}

.fieldNoteProse blockquote p:last-child {
  margin-bottom: 0;
}

.fieldNoteProse figure {
  margin: 52px 0;
}

.fieldNoteProse figure img,
.fieldNoteProse > img {
  display: block;
  width: 100%;
  height: auto;
}

.fieldNoteProse figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.fieldNoteProse .fieldNoteDiagram {
  margin: 52px 0 60px;
  padding: 30px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.fieldNoteDiagram .diagramEyebrow {
  margin-bottom: 22px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.fieldNoteDiagram .diagramFlow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr);
  align-items: center;
}

.fieldNoteDiagram .diagramNode {
  min-width: 0;
  min-height: 138px;
  padding: 18px 16px;
  border-top: 4px solid var(--blue);
  background: var(--white);
}

.fieldNoteDiagram .diagramNodeIp {
  border-top-color: var(--clay);
}

.fieldNoteDiagram .diagramNodeInfrastructure {
  border-top-color: var(--gold);
}

.fieldNoteDiagram .diagramNodeSkills {
  border-top-color: var(--field);
}

.fieldNoteDiagram .diagramNodeHousing {
  border-top-color: var(--blue);
}

.fieldNoteDiagram .diagramNumber {
  display: block;
  margin-bottom: 24px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.fieldNoteDiagram .diagramNode strong,
.fieldNoteDiagram .aiModel strong,
.fieldNoteDiagram .aiImpact strong {
  display: block;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.2;
}

.fieldNoteDiagram .diagramNode small,
.fieldNoteDiagram .aiModel small,
.fieldNoteDiagram .aiImpact small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.fieldNoteDiagram .diagramConnector {
  position: relative;
  height: 1px;
  background: var(--line);
}

.fieldNoteDiagram .diagramConnector::after {
  position: absolute;
  top: -3px;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid var(--muted);
  border-right: 1px solid var(--muted);
  content: "";
  transform: rotate(45deg);
}

.fieldNoteDiagram .diagramConnectorLabel {
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  text-align: center;
  text-transform: uppercase;
}

.fieldNoteDiagram .aiModeRow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.fieldNoteDiagram .aiMode {
  padding: 13px 12px;
  border-bottom: 3px solid var(--clay);
  background: rgba(163, 95, 63, 0.08);
  color: var(--ink);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

.fieldNoteDiagram .aiMode:nth-child(2) {
  border-bottom-color: var(--field);
  background: rgba(110, 127, 69, 0.1);
}

.fieldNoteDiagram .aiMode:nth-child(3) {
  border-bottom-color: var(--blue);
  background: rgba(19, 118, 111, 0.08);
}

.fieldNoteDiagram .diagramDrop {
  width: 1px;
  height: 24px;
  margin: 0 auto;
  background: var(--line);
}

.fieldNoteDiagram .aiModel {
  max-width: 360px;
  margin: 0 auto;
  padding: 18px 20px;
  border: 1px solid var(--blue-dark);
  background: var(--white);
  text-align: center;
}

.fieldNoteDiagram .aiImpactGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.fieldNoteDiagram .aiImpact {
  min-height: 112px;
  padding: 16px;
  border-top: 3px solid var(--gold);
  background: var(--white);
}

.fieldNoteDiagram .aiImpact:nth-child(2) {
  border-top-color: var(--field);
}

.fieldNoteDiagram .aiImpact:nth-child(3) {
  border-top-color: var(--blue);
}

.fieldNoteDiagram .leanCanvasGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(104px, auto));
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}

.fieldNoteDiagram .leanCanvasCell {
  min-width: 0;
  padding: 14px;
  border-top: 3px solid var(--clay);
  background: var(--white);
}

.fieldNoteDiagram .leanCanvasCell:nth-child(3n + 2) {
  border-top-color: var(--field);
}

.fieldNoteDiagram .leanCanvasCell:nth-child(3n) {
  border-top-color: var(--blue);
}

.fieldNoteDiagram .leanCanvasProblem {
  grid-column: 1;
  grid-row: 1 / 3;
}

.fieldNoteDiagram .leanCanvasSolution {
  grid-column: 2;
  grid-row: 1;
}

.fieldNoteDiagram .leanCanvasMetrics {
  grid-column: 2;
  grid-row: 2;
}

.fieldNoteDiagram .leanCanvasValue {
  grid-column: 3;
  grid-row: 1 / 3;
}

.fieldNoteDiagram .leanCanvasAdvantage {
  grid-column: 4;
  grid-row: 1;
}

.fieldNoteDiagram .leanCanvasChannels {
  grid-column: 4;
  grid-row: 2;
}

.fieldNoteDiagram .leanCanvasCustomers {
  grid-column: 5;
  grid-row: 1 / 3;
}

.fieldNoteDiagram .leanCanvasCosts {
  grid-column: 1 / 4;
  grid-row: 3;
}

.fieldNoteDiagram .leanCanvasRevenue {
  grid-column: 4 / 6;
  grid-row: 3;
}

.fieldNoteDiagram .leanCanvasCell span {
  display: block;
  margin-bottom: 16px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.fieldNoteDiagram .leanCanvasCell strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
}

.fieldNoteDiagram .leanCanvasCell small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.fieldNoteDiagram .regionalGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}

.fieldNoteDiagram .regionalCell {
  min-width: 0;
  min-height: 180px;
  padding: 20px;
  border-top: 3px solid var(--clay);
  background: var(--white);
}

.fieldNoteDiagram .regionalCell:nth-child(2) {
  border-top-color: var(--field);
}

.fieldNoteDiagram .regionalCell:nth-child(3) {
  border-top-color: var(--blue);
}

.fieldNoteDiagram .regionalCell span {
  display: block;
  margin-bottom: 16px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.fieldNoteDiagram .regionalCell strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.3;
}

.fieldNoteDiagram .regionalCell small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.fieldNoteProse .fieldNoteDiagram figcaption {
  margin-top: 20px;
}

.fieldNoteProse .wp-block-embed__wrapper,
.fieldNoteProse .embed-youtube {
  display: block;
  width: 100%;
}

.fieldNoteProse iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  background: var(--blue-dark);
}

.fieldNoteProse .wp-block-gallery,
.fieldNoteProse .tiled-gallery__row,
.fieldNoteProse .tiled-gallery__col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.fieldNoteProse .wp-block-gallery figure,
.fieldNoteProse .tiled-gallery__gallery figure,
.fieldNoteProse .tiled-gallery__row figure,
.fieldNoteProse .tiled-gallery__col figure {
  margin: 0;
}

.fieldNoteProse .wp-block-file {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  align-items: center;
  margin: 40px 0;
  padding: 22px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.fieldNoteProse .wp-block-file a:last-child {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 10px 14px;
  background: var(--blue-soft);
  color: var(--ink);
  font-size: 14px;
  text-decoration: none;
}

.fieldNoteSequence {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.fieldNoteSequence > a {
  display: grid;
  align-content: center;
  min-height: 150px;
  padding: 28px 34px 28px 0;
}

.fieldNoteSequence > a:nth-child(2) {
  padding-right: 0;
  padding-left: 34px;
  border-left: 1px solid var(--line);
  text-align: right;
}

.fieldNoteSequence span {
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.fieldNoteSequence strong {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--blue-dark);
  font-size: 18px;
  line-height: 1.35;
}

.fieldNoteSequence > a:nth-child(2) strong {
  justify-content: flex-end;
}

.fieldNoteSequence svg {
  flex: 0 0 auto;
  color: var(--blue);
}

.fieldNoteArticleClose {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 64px;
  align-items: end;
  margin-top: 104px;
  padding: 86px 0;
  background: var(--blue-dark);
  color: white;
  box-shadow: 0 0 0 100vmax var(--blue-dark);
  clip-path: inset(0 -100vmax);
}

.fieldNoteArticleClose .sectionLabel,
.fieldNoteArticleClose p {
  color: rgba(255, 255, 255, 0.72);
}

.fieldNoteArticleClose h2 {
  max-width: 760px;
  font-size: 56px;
}

.fieldNoteArticleClose p {
  max-width: 720px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.55;
}

.siteFooter {
  padding: 62px 0 34px;
  border-top: 1px solid var(--line);
}

.footerMain {
  display: grid;
  grid-template-columns: 1.05fr 0.75fr 0.8fr;
  gap: 48px;
  padding-bottom: 50px;
}

.footerBrand {
  margin-bottom: 12px;
  color: var(--blue-dark);
  font-size: 24px;
  font-weight: 900;
}

.footerStatement {
  max-width: 600px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.5;
}

.footerPartnerMark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: 18px;
  color: rgba(31, 45, 40, 0.58);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.footerPartnerMark:hover,
.footerPartnerMark:focus-visible {
  color: rgba(31, 45, 40, 0.78);
}

.footerPartnerMark img {
  width: 28px;
  height: auto;
  opacity: 0.74;
}

.footerContact {
  display: grid;
  align-content: start;
  gap: 14px;
}

.footerContact p,
.footerContact a {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.footerContact svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--blue);
}

.footerSocials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

.footerContact .footerSocials a {
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(6, 79, 82, 0.24);
  border-radius: 50%;
  background: rgba(255, 254, 250, 0.54);
  color: var(--blue-dark);
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.footerContact .footerSocials a:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: white;
}

.footerContact .footerSocials svg {
  margin-top: 0;
  color: currentColor;
}

.footerApps {
  display: grid;
  gap: 8px;
  padding-top: 8px;
}

.footerContact .footerAppsTitle {
  display: block;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 850;
}

.footerAppLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.footerContact .footerAppLinks a {
  align-items: center;
  padding: 9px 12px;
  border: 1px solid rgba(6, 79, 82, 0.24);
  border-radius: 4px;
  background: rgba(255, 254, 250, 0.54);
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.footerContact .footerAppLinks a:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: white;
}

.footerContact .footerAppLinks svg {
  margin-top: 0;
  color: currentColor;
}

.footerNewsletter {
  display: grid;
  align-content: start;
  gap: 10px;
}

.footerNewsletter > p,
.footerNewsletter > span {
  margin: 0;
}

.footerNewsletter > p {
  color: var(--blue-dark);
  font-weight: 850;
}

.footerNewsletter > span {
  color: var(--muted);
  line-height: 1.45;
}

.newsletterForm {
  position: relative;
  margin-top: 6px;
}

.newsletterFields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.newsletterFields input:not(.newsletterTrap) {
  min-width: 0;
  height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(7, 63, 97, 0.28);
  border-right: 0;
  border-radius: 0;
  background: var(--white);
  color: var(--ink);
  font-size: 14px;
}

.newsletterFields input:not(.newsletterTrap)::placeholder {
  color: #75848a;
}

.newsletterFields input:not(.newsletterTrap):disabled {
  opacity: 0.72;
}

.newsletterFirstName {
  grid-column: 1 / -1;
  border-right: 1px solid rgba(7, 63, 97, 0.28) !important;
  border-bottom: 0 !important;
}

.newsletterFields button {
  display: inline-flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 15px;
  border: 1px solid var(--blue-dark);
  border-radius: 0;
  background: var(--blue-dark);
  color: white;
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
}

.newsletterFields button:disabled {
  cursor: wait;
  opacity: 0.78;
}

.newsletterTrap {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.newsletterStatus {
  display: flex;
  min-height: 20px;
  align-items: center;
  gap: 6px;
  margin: 7px 0 0 !important;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35 !important;
}

.newsletterStatus-created,
.newsletterStatus-existing {
  color: #3d642f !important;
}

.newsletterStatus-error {
  color: #9b3f32 !important;
}

.newsletterConsent {
  margin: 0 !important;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35 !important;
}

.newsletterConsent a {
  color: var(--blue-dark);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.newsletterSpinner {
  animation: newsletterSpin 900ms linear infinite;
}

@keyframes newsletterSpin {
  to {
    transform: rotate(360deg);
  }
}

.footerBottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  font-size: 14px;
  font-weight: 750;
}

.footerLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.footerStart {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--blue-dark);
}

.contextLink {
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.evidenceSection,
.founderSection,
.caseStudies,
.proofGaps,
.evidenceStandard,
.aboutWhy,
.aboutValues,
.founderProfile,
.aboutRole,
.supportFunding,
.supportAdvising,
.supportClose {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.supportHero .heroImage {
  object-position: center 54%;
}

.supportHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.9), rgba(6, 22, 29, 0.56) 62%, rgba(6, 22, 29, 0.12)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.5), rgba(6, 22, 29, 0.08) 52%);
}

.supportFunding {
  padding: 104px 0;
}

.supportIntro {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  column-gap: 74px;
  margin-bottom: 48px;
}

.supportIntro .sectionLabel,
.supportIntro h2 {
  grid-column: 1;
}

.supportIntro > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.supportOptionGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.supportOptionGrid article {
  min-height: 290px;
  padding: 30px;
  border-right: 1px solid var(--line);
}

.supportOptionGrid article:last-child {
  border-right: 0;
}

.supportOptionGrid svg {
  color: var(--field);
}

.supportOptionGrid h3 {
  margin: 62px 0 14px;
  font-size: 27px;
}

.supportOptionGrid p,
.supportAdvisingBody {
  color: var(--muted);
  line-height: 1.52;
}

.supportActionRow {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: center;
  padding-top: 34px;
}

.supportActionRow p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.supportAdvising {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 78px;
  padding: 104px 0;
  border-top: 1px solid var(--line);
}

.supportAdvisingBody {
  font-size: 20px;
}

.supportStandard {
  margin: 28px 0;
  padding: 22px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-weight: 700;
  line-height: 1.5;
}

.supportNext {
  margin: 0 0 26px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.supportNext strong {
  color: var(--ink);
}

.advisorWays {
  align-self: center;
  padding: 34px;
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: 0 18px 60px rgba(10, 36, 42, 0.08);
}

.advisorWays > svg {
  margin-bottom: 24px;
  color: var(--blue);
}

.advisorWays p {
  display: flex;
  gap: 11px;
  margin: 0;
  padding: 17px 0;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-weight: 700;
  line-height: 1.45;
}

.advisorWays p svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--field);
}

.supportClose {
  margin-bottom: 70px;
  padding: clamp(38px, 7vw, 82px);
  background: var(--blue-dark);
  color: white;
}

.supportClose > svg,
.supportClose .sectionLabel {
  color: var(--blue-soft);
}

.supportClose > svg {
  margin-bottom: 22px;
}

.supportClose h2 {
  max-width: 980px;
}

.supportClose > p:not(.sectionLabel) {
  max-width: 780px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 20px;
  line-height: 1.5;
}

.supportClose .button.outline {
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.evidenceSection {
  padding: 104px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.evidenceIntro {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  column-gap: 74px;
  margin-bottom: 48px;
}

.evidenceIntro .sectionLabel,
.evidenceIntro h2 {
  grid-column: 1;
}

.evidenceIntro > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.evidenceGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.evidenceCard {
  display: grid;
  grid-template-rows: 240px 1fr;
  border: 1px solid var(--line);
  background: var(--white);
}

.evidenceCard figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.evidenceCard img {
  object-fit: cover;
}

.evidenceCard > div {
  padding: 26px;
}

.evidenceMeta {
  margin-bottom: 16px;
  color: var(--clay);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.evidenceCard h3 {
  margin-bottom: 14px;
  font-size: 25px;
  line-height: 1.08;
}

.evidenceCard > div > p:not(.evidenceMeta) {
  color: var(--muted);
  line-height: 1.5;
}

.evidenceCard a,
.caseSource {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 850;
}

.founderSection,
.aboutValues,
.founderProfile {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 72px;
  align-items: center;
  padding: 104px 0;
}

.founderSection figure,
.aboutValues figure,
.founderProfile figure {
  position: relative;
  min-height: 560px;
  margin: 0;
  overflow: hidden;
}

.founderSection img,
.aboutValues img,
.founderProfile img {
  object-fit: cover;
}

.founderSection > div > p:not(.sectionLabel),
.aboutValues > div > p:not(.sectionLabel),
.founderProfile > div > p:not(.sectionLabel) {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.aboutValues {
  grid-template-columns: 1.08fr 0.92fr;
  border-bottom: 1px solid var(--line);
}

.aboutValues figure {
  min-height: 520px;
}

.aboutValues img {
  object-position: center;
}

.programFacts {
  display: grid;
  margin-top: 30px;
  border-top: 1px solid var(--line);
}

.programFacts p {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 18px;
  margin: 0;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.programFacts span {
  color: var(--ink);
  font-weight: 850;
}

.selectedProgramFacts {
  display: grid;
  gap: 8px;
}

.selectedProgramFacts p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.selectedProgramFacts strong {
  color: var(--ink);
}

.proofHero .heroImage {
  object-position: center 48%;
}

.aboutHero .heroImage {
  object-position: center 40%;
}

.proofHero .heroShade,
.aboutHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.88), rgba(6, 22, 29, 0.58) 58%, rgba(6, 22, 29, 0.14)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.48), rgba(6, 22, 29, 0.08) 50%);
}

.caseStudies {
  padding: 106px 0 50px;
}

.caseStudyList {
  border-top: 1px solid var(--line);
}

.caseStudy {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 68px;
  padding: 70px 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 24px;
}

.caseStudy:nth-child(even) figure {
  order: 2;
}

.caseStudy figure {
  position: relative;
  min-height: 520px;
  margin: 0;
  overflow: hidden;
}

.caseStudy img {
  object-fit: cover;
}

.caseStudyBody {
  align-self: center;
}

.caseStudyBody h3 {
  margin-bottom: 18px;
  font-size: 44px;
  line-height: 1.02;
}

.caseSummary {
  color: var(--ink);
  font-size: 20px;
  line-height: 1.5;
}

.caseFinding {
  display: grid;
  gap: 16px;
  margin: 28px 0;
  padding: 24px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.caseFinding p {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 18px;
  margin: 0;
  color: var(--muted);
  line-height: 1.48;
}

.caseFinding span {
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.caseStudy blockquote {
  margin: 28px 0;
  padding: 24px;
  background: rgba(18, 115, 168, 0.08);
}

.caseStudy blockquote svg {
  color: var(--blue);
}

.caseStudy blockquote p {
  margin: 12px 0;
  color: var(--ink);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.45;
}

.caseStudy blockquote cite {
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
}

.proofGaps,
.evidenceStandard,
.aboutWhy {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 78px;
  padding: 104px 0;
}

.proofGaps {
  border-bottom: 1px solid var(--line);
}

.proofGaps > div:first-child > p:last-child,
.aboutWhy .thesisCopy p {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.52;
}

.gapList,
.standardList {
  display: grid;
  align-content: center;
}

.gapList p,
.standardList p {
  display: flex;
  gap: 13px;
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
}

.gapList span {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
  margin-top: 7px;
  border: 2px solid var(--clay);
}

.standardList svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--field);
}

.aboutWhy {
  border-bottom: 1px solid var(--line);
}

.aboutRole {
  padding: 104px 0;
}

.roleGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.roleGrid article {
  min-height: 300px;
  padding: 28px;
  border-right: 1px solid var(--line);
}

.roleGrid article:last-child {
  border-right: 0;
}

.roleGrid svg {
  color: var(--blue);
}

.roleGrid h3 {
  margin: 54px 0 14px;
  font-size: 28px;
}

.roleGrid p {
  color: var(--muted);
  line-height: 1.5;
}

.startStage {
  min-height: 100vh;
  background: var(--ink);
  color: white;
}

.startStageInner {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(540px, 1.22fr);
  gap: 64px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 68px 0 92px;
}

.startIntro {
  position: sticky;
  top: 36px;
  align-self: start;
  padding-top: 38px;
}

.startIntro .kicker {
  color: rgba(255, 255, 255, 0.68);
}

.startIntro h1 {
  max-width: 560px;
  margin-bottom: 28px;
  font-size: 70px;
  line-height: 0.96;
}

.startIntro .lede {
  max-width: 560px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 21px;
}

.startJump {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  margin-top: 34px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  font-size: 14px;
  font-weight: 850;
}

.startBooking {
  min-width: 0;
  padding: 34px;
  background: var(--paper);
  color: var(--ink);
}

.startBookingIntro {
  padding: 4px 4px 26px;
  border-bottom: 1px solid var(--line);
}

.interestContext {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 34px;
  margin-bottom: 28px;
  padding: 4px 4px 28px;
  border-bottom: 1px solid var(--line);
}

.interestContext > div:first-child > p {
  margin-bottom: 8px;
  color: var(--clay);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.interestContext h2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.06;
}

.interestContext > div:last-child > p {
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.interestContext a {
  display: inline-flex;
  margin-top: 4px;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.savedIntakeContext {
  margin: 18px 0 12px;
  padding: 16px;
  border-left: 4px solid var(--field);
  background: var(--white);
}

.savedIntakeContext p {
  margin-bottom: 7px !important;
  color: var(--field) !important;
  font-size: 11px !important;
  font-weight: 900;
  text-transform: uppercase;
}

.savedIntakeContext blockquote {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

.startBookingIntro h2 {
  max-width: 620px;
  margin-bottom: 16px;
  font-size: 44px;
}

.startBookingIntro > p:last-child {
  max-width: 640px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.bookingTool {
  min-width: 0;
  margin-top: 24px;
  padding: 8px;
  border-top: 5px solid var(--blue);
  background: var(--white);
}

.tidycalFrame {
  display: block;
  width: 100%;
  height: 825px;
  border: 0;
  background: var(--white);
}

.bookingFallback {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 14px 12px 10px;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.startMethod,
.startPrepare,
.thanksNext {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.startMethod {
  padding: 104px 0;
}

.startSteps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.startSteps article {
  min-height: 330px;
  padding: 28px;
  border-right: 1px solid var(--line);
}

.startSteps article:last-child {
  border-right: 0;
}

.startSteps span {
  color: var(--clay);
  font-size: 13px;
  font-weight: 900;
}

.startSteps h3 {
  margin: 76px 0 14px;
  font-size: 28px;
}

.startSteps p {
  color: var(--muted);
  line-height: 1.5;
}

.startPrepare,
.thanksNext {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 78px;
  padding: 104px 0;
  border-top: 1px solid var(--line);
}

.prepareList,
.thanksList {
  display: grid;
  align-content: start;
}

.prepareList article {
  display: flex;
  gap: 15px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}

.prepareList article:first-child {
  padding-top: 0;
}

.prepareList svg,
.thanksList svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--field);
}

.prepareList h3 {
  margin-bottom: 7px;
  font-size: 20px;
}

.prepareList p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.thanksHero .heroImage {
  object-position: center 42%;
}

.thanksHero .heroShade {
  background:
    linear-gradient(90deg, rgba(6, 22, 29, 0.9), rgba(6, 22, 29, 0.62) 62%, rgba(6, 22, 29, 0.2)),
    linear-gradient(0deg, rgba(6, 22, 29, 0.52), rgba(6, 22, 29, 0.12) 52%);
}

.thanksList p {
  display: flex;
  gap: 14px;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 1020px) {
  .startStageInner {
    grid-template-columns: 1fr;
    gap: 48px;
    width: min(760px, calc(100% - 40px));
  }

  .startIntro {
    position: static;
    padding-top: 24px;
  }

  .startIntro h1 {
    max-width: 760px;
    font-size: 58px;
  }

  .startIntro .lede {
    max-width: 720px;
  }
}

@media (max-width: 900px) {
  .nav {
    width: min(100% - 28px, 680px);
  }

  .navLinks a:not(.navCta) {
    display: none;
  }

  .mobileMenuButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.12);
    color: white;
    cursor: pointer;
  }

  .mobileNavPanel:not([hidden]) {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(6, 22, 29, 0.96);
    box-shadow: 0 22px 60px rgba(6, 22, 29, 0.32);
    backdrop-filter: blur(16px);
  }

  .mobileNavPanel a {
    padding: 16px 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-weight: 750;
  }

  .mobileNavPanel a:nth-child(even) {
    border-right: 0;
  }

  .mobileNavPanel a[aria-current="page"] {
    color: white;
    box-shadow: inset 3px 0 0 var(--blue);
  }

  .mobileNavPanel .mobileNavStart {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
    background: var(--blue-soft);
    color: var(--ink);
  }

  .heroContent,
  .thesis,
  .homeProof,
  .ruralFeature,
  .paths,
  .intakeBand,
  .focus,
  .programs,
  .values,
  .workspace {
    width: min(100% - 28px, 680px);
  }

  .spaceHeroContent,
  .spaceOffers,
  .spaceDetails,
  .placeBand,
  .afterBooking,
  .spaceClose {
    width: min(100% - 28px, 680px);
  }

  .howToGuide {
    width: min(100% - 28px, 760px);
  }

  .modelSection,
  .sharedProof,
  .interiorHeroContent,
  .programLoop,
  .programArchitecture,
  .programList,
  .programFocus,
  .programClose,
  .programOutputInner,
  .principles,
  .valuesPractice,
  .valuesClose,
  .evidenceSection,
  .founderSection,
  .caseStudies,
  .proofGaps,
  .evidenceStandard,
  .aboutWhy,
  .aboutValues,
  .founderProfile,
  .aboutRole,
  .startStageInner,
  .startMethod,
  .startPrepare,
  .thanksNext,
  .featuredWorkInner,
  .nextEvent,
  .fieldNotesLatest,
  .fieldNotesFeatures,
  .fieldNotesArchive,
  .fieldNotesBrowse,
  .fieldNotesClose,
  .eventDetails,
  .eventRsvpSection,
  .eventClose,
  .notFoundRecovery,
  .siteFooter {
    width: min(100% - 28px, 680px);
  }

  .notFoundRecovery {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .heroContent {
    margin-bottom: 5vh;
  }

  h1 {
    max-width: 680px;
    font-size: 68px;
  }

  h2 {
    font-size: 48px;
  }

  .thesis,
  .intakeBand,
  .focus,
  .values,
  .ruralFeature {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .homeProof {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .homeProofFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 22px;
  }

  .homeProof .sectionLink {
    justify-self: start;
  }

  .ruralFeature {
    gap: 0;
  }

  .ruralFeature figure {
    min-height: 430px;
  }

  .ruralFeature > div {
    padding: 56px;
  }

  .sectionIntro {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .programs .sectionIntro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .programs .sectionIntro > p:last-child {
    max-width: 620px;
    margin-top: 8px;
  }

  .programMapRow {
    grid-template-columns: 60px minmax(0, 1fr) 24px;
    gap: 22px;
  }

  .programMapSummary {
    grid-column: 2;
  }

  .programMapArrow {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .evidenceIntro {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .evidenceIntro .sectionLabel,
  .evidenceIntro h2,
  .evidenceIntro > p:last-child {
    grid-column: auto;
    grid-row: auto;
  }

  .evidenceGrid {
    grid-template-columns: 1fr;
  }

  .pathGrid,
  .programGrid,
  .offerGrid {
    grid-template-columns: 1fr;
  }

  .programCard,
  .pathCard {
    min-height: 0;
  }

  .offerCard {
    min-height: 0;
  }

  .spaceGallery {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 400px);
  }

  .galleryMeeting {
    grid-column: auto;
  }

  .spaceDetails,
  .placeBand {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .afterBookingIntro,
  .howToSection > header {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .afterBookingIntro .sectionLabel,
  .afterBookingIntro h2,
  .afterBookingIntro > p:last-child,
  .howToSection > header .sectionLabel,
  .howToSection > header h2,
  .howToSection > header > p:last-child {
    grid-column: auto;
    grid-row: auto;
  }

  .afterBookingSteps {
    grid-template-columns: 1fr;
  }

  .afterBookingSteps article,
  .afterBookingSteps article:last-child {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .afterBookingSteps article:last-child {
    border-bottom: 0;
  }

  .afterBookingSteps h3 {
    margin-top: 32px;
  }

  .afterBookingFooter {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .modelIntro,
  .programFocusIntro {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .modelIntro .sectionLabel,
  .programFocusIntro .sectionLabel,
  .modelIntro h2,
  .programFocusIntro h2,
  .modelIntro > p:last-child,
  .programFocusIntro > p:last-child {
    grid-column: auto;
    grid-row: auto;
  }

  .programArchitectureIntro {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .programArchitectureIntro > p {
    max-width: 680px;
  }

  .programPillar {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 34px;
  }

  .programPillarIdentity {
    min-height: 250px;
  }

  .programOfferList {
    grid-column: 2;
  }

  .programOffer {
    grid-template-columns: minmax(130px, 0.55fr) minmax(200px, 1fr);
  }

  .programOffer > a {
    grid-column: 2;
    justify-self: start;
  }

  .loopGrid {
    grid-template-columns: 1fr 1fr;
  }

  .loopStep:nth-child(2) {
    border-right: 0;
  }

  .loopStep:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .sharedProof,
  .programDetail,
  .valuesPractice,
  .founderSection,
  .aboutValues,
  .founderProfile,
  .caseStudy,
  .proofGaps,
  .evidenceStandard,
  .aboutWhy,
  .programOutputInner,
  .startStageInner,
  .startPrepare,
  .thanksNext,
  .footerMain {
    grid-template-columns: 1fr;
  }

  .fieldNotesLatest,
  .fieldNotesArchive,
  .fieldNotesBrowseIntro,
  .fieldNotesClose,
  .eventDetails,
  .eventRsvpSection,
  .featuredWorkIntro,
  .fieldNoteArticleClose,
  .fieldNotesSectionHeading,
  .fieldNoteFeature:first-child > a {
    grid-template-columns: 1fr;
  }

  .fieldNotesLatest,
  .fieldNotesArchive {
    gap: 46px;
  }

  .fieldNotesBrowseIntro {
    gap: 14px;
  }

  .fieldNotesTopicGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fieldNotesTopicButton {
    border-bottom: 1px solid var(--line);
  }

  .fieldNotesTopicButton:nth-child(even) {
    border-right: 0;
  }

  .fieldNotesTopicButton:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  .fieldNotesIndexItem > a {
    grid-template-columns: 96px 130px minmax(0, 1fr) 24px;
    gap: 20px;
  }

  .fieldNotesIndexImage {
    width: 96px;
    height: 72px;
  }

  .nextEventHeader {
    align-items: flex-start;
  }

  .nextEventCard {
    grid-template-columns: 126px minmax(0, 1fr);
  }

  .nextEvent figure {
    aspect-ratio: 1200 / 805;
  }

  .nextEventBody {
    grid-column: 1 / -1;
  }

  .eventDetails,
  .eventRsvpSection {
    gap: 48px;
  }

  .featuredWorkIntro {
    gap: 14px;
  }

  .featuredWorkGrid {
    grid-template-columns: 1fr;
  }

  .featuredWorkGrid article,
  .featuredWorkGrid article:first-child,
  .featuredWorkGrid article:last-child {
    padding: 30px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .featuredWorkGrid article:last-child {
    border-bottom: 0;
  }

  .fieldNotesArchiveIntro {
    position: static;
  }

  .fieldNotesClose {
    gap: 34px;
    align-items: start;
  }

  .fieldNoteReading {
    grid-template-columns: 1fr;
    gap: 52px;
    width: min(100% - 28px, 800px);
  }

  .fieldNoteContext {
    position: static;
    max-width: 620px;
  }

  .fieldNoteSequence,
  .fieldNoteArticleClose {
    width: min(100% - 28px, 800px);
  }

  .fieldNoteArticleClose {
    gap: 34px;
    align-items: start;
  }

  .valuesStory,
  .valueEssay,
  .valuesCourageInner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .valuesStoryHeading,
  .valueEssay header {
    position: static;
  }

  .valueEssay header span {
    margin-bottom: 28px;
  }

  .valueEssay header h2 {
    font-size: 48px;
  }

  .valuesQuestion {
    grid-column: auto;
  }

  .supportIntro,
  .supportAdvising {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .supportIntro .sectionLabel,
  .supportIntro h2,
  .supportIntro > p:last-child {
    grid-column: 1;
    grid-row: auto;
  }

  .supportOptionGrid {
    grid-template-columns: 1fr;
  }

  .supportOptionGrid article,
  .supportOptionGrid article:last-child {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .supportOptionGrid article:last-child {
    border-bottom: 0;
  }

  .supportOptionGrid h3 {
    margin-top: 34px;
  }

  .supportActionRow {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .sharedProof,
  .programDetail,
  .valuesPractice {
    gap: 36px;
  }

  .founderSection,
  .aboutValues,
  .founderProfile,
  .caseStudy,
  .proofGaps,
  .evidenceStandard,
  .aboutWhy {
    gap: 36px;
  }

  .startStageInner {
    gap: 52px;
  }

  .programOutputInner {
    gap: 46px;
  }

  .startIntro {
    position: static;
    padding-top: 26px;
  }

  .startIntro h1 {
    max-width: 680px;
  }

  .startSteps {
    grid-template-columns: 1fr;
  }

  .startSteps article,
  .startSteps article:last-child {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .startSteps article:last-child {
    border-bottom: 0;
  }

  .caseStudy:nth-child(even) figure {
    order: 0;
  }

  .roleGrid {
    grid-template-columns: 1fr;
  }

  .roleGrid article,
  .roleGrid article:last-child {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .roleGrid article:last-child {
    border-bottom: 0;
  }

  .principleGrid {
    grid-template-columns: 1fr 1fr;
  }

  .focusPair {
    grid-template-columns: 1fr;
  }

  .footerMain {
    gap: 34px;
  }
}

@media (max-width: 560px) {
  .hero {
    min-height: 88vh;
  }

  .spaceHero {
    min-height: 86vh;
  }

  .interiorHero {
    min-height: 88vh;
  }

  .brand img {
    width: 132px;
  }

  .programMapRow {
    grid-template-columns: 48px minmax(0, 1fr) 20px;
    gap: 16px;
    min-height: 0;
    padding: 22px 4px 22px 0;
  }

  .programMapRow:hover {
    padding-left: 4px;
  }

  .programMapNumber {
    gap: 14px;
  }

  .programMapTitle h3 {
    font-size: 22px;
  }

  .programMapSummary {
    font-size: 15px;
  }

  .homeProofFacts p {
    padding-right: 12px;
    padding-left: 16px;
  }

  .homeProofFacts strong {
    font-size: 16px;
  }

  .ruralFeature figure {
    min-height: 300px;
  }

  .ruralFeature > div {
    padding: 42px 28px 46px;
  }

  .ruralFeature > div > p:not(.sectionLabel) {
    font-size: 18px;
  }

  .programArchitecture {
    padding-top: 72px;
  }

  .programArchitectureIntro {
    margin-bottom: 38px;
  }

  .programPricingNote {
    margin-top: -4px;
    margin-bottom: 38px;
  }

  .programArchitectureIntro > p {
    font-size: 17px;
  }

  .programPillar {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 42px 0;
  }

  .programPillarIdentity {
    grid-template-columns: 1fr auto;
    min-height: 190px;
  }

  .programPillarIntro h3 {
    font-size: 31px;
  }

  .programOfferList {
    grid-column: auto;
  }

  .programOffer {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 0 22px;
  }

  .programOffer > a {
    grid-column: auto;
  }

  .heroSceneTractor img {
    object-position: 68% center;
  }

  .heroSceneRiver img {
    object-position: 63% center;
  }

  .heroSceneCare img {
    object-position: 70% center;
  }

  .interiorHero.programsHero .heroImage {
    object-position: 72% 58%;
  }

  .heroMotionControls {
    top: 86px;
    right: 14px;
    bottom: auto;
    gap: 10px;
  }

  .heroProgress {
    grid-template-columns: repeat(3, 21px);
    gap: 5px;
  }

  .heroMotionToggle {
    width: 44px;
    height: 44px;
  }

  .navLinks {
    font-size: 13px;
  }

  .navLinks a {
    padding: 9px;
  }

  h1 {
    font-size: 50px;
  }

  .responsiveHeroTitle .heroCopyFull,
  .responsiveHeroLede .heroCopyFull {
    display: none;
  }

  .responsiveHeroTitle .heroCopyCompact,
  .responsiveHeroLede .heroCopyCompact {
    display: inline;
  }

  .heroContent,
  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent {
    margin-bottom: 3vh;
    padding-top: 24px;
  }

  .heroContent h1,
  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent h1 {
    margin-bottom: 18px;
    font-size: 42px;
    line-height: 0.98;
  }

  .interiorHero.programsHero .interiorHeroContent h1 {
    font-size: 38px;
    line-height: 1;
  }

  .heroContent .lede,
  .interiorHero:not(.fieldNoteArticleHero) .interiorHeroContent .lede {
    font-size: 17px;
    line-height: 1.35;
  }

  .heroContent .heroActions,
  .interiorHero:not(.fieldNoteArticleHero) .heroActions {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: 8px;
    width: 100%;
    margin-top: 20px;
  }

  .heroContent .heroActions .button,
  .interiorHero:not(.fieldNoteArticleHero) .heroActions .button {
    width: auto;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 14px;
  }

  .heroContent .heroNote,
  .interiorHero:not(.fieldNoteArticleHero) .heroNote {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.4;
  }

  h2 {
    font-size: 40px;
  }

  .lede,
  .thesisCopy p,
  .focusText p,
  .values p,
  .workspace p {
    font-size: 18px;
  }

  .heroActions,
  .button {
    width: 100%;
  }

  .planItem {
    grid-template-columns: 1fr;
  }

  .intakeField .button,
  .workspaceActions .button {
    width: 100%;
  }

  .spaceHeroContent {
    margin-bottom: 6vh;
  }

  .interiorHeroContent {
    margin-bottom: 6vh;
  }

  .spaceHeroContent .heroActions,
  .spaceHeroContent .button {
    width: 100%;
  }

  .spaceOffers {
    padding: 76px 0 64px;
  }

  .nextEvent,
  .eventDetails,
  .eventRsvpSection {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .nextEventHeader {
    display: block;
  }

  .nextEventHeader > p:last-child {
    margin-top: 8px;
  }

  .nextEventCard {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .nextEventDate {
    padding: 20px 8px;
    border-right-width: 4px;
  }

  .nextEventDate strong {
    font-size: 58px;
  }

  .nextEventBody {
    padding: 28px 24px 30px;
  }

  .nextEventActions,
  .nextEventRsvp,
  .nextEventCalendarLink {
    width: 100%;
  }

  .eventRsvpForm {
    grid-template-columns: 1fr;
    padding: 26px;
  }

  .eventStory h2 {
    font-size: 38px;
  }

  .offerPrice strong {
    font-size: 48px;
  }

  .spaceGallery {
    grid-template-rows: repeat(3, 300px);
  }

  .spaceDetails,
  .placeBand {
    padding: 76px 0;
  }

  .afterBooking {
    padding: 76px 0;
  }

  .howToGuide {
    padding-top: 76px;
  }

  .howToSection {
    padding-bottom: 76px;
  }

  .howToSection + .howToSection {
    padding-top: 76px;
  }

  .howToStep {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
  }

  .howToSectionClose {
    margin-left: 68px;
  }

  .amenityGrid {
    grid-template-columns: 1fr;
  }

  .amenity:nth-child(odd) {
    border-right: 0;
  }

  .placeFacts {
    padding-left: 22px;
  }

  .modelSection,
  .programLoop,
  .programList,
  .programFocus,
  .principles,
  .valuesPractice,
  .sharedProof,
  .evidenceSection,
  .founderSection,
  .caseStudies,
  .proofGaps,
  .evidenceStandard,
  .aboutWhy,
  .aboutValues,
  .founderProfile,
  .aboutRole,
  .featuredWorkInner,
  .fieldNotesLatest,
  .fieldNotesFeatures,
  .fieldNotesArchive,
  .fieldNotesBrowse,
  .notFoundRecovery {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .notFoundRecovery {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .fieldNoteLead {
    padding: 30px 0 4px 24px;
  }

  .fieldNoteLead h2,
  .fieldNotesClose h2,
  .fieldNoteArticleClose h2 {
    font-size: 40px;
  }

  .fieldNoteArticleHero h1 {
    font-size: 44px;
  }

  .notFoundRecovery h2 {
    font-size: 40px;
  }

  .fieldNoteArticleHero .lede {
    font-size: 18px;
  }

  .fieldNoteBack {
    margin-bottom: 34px;
  }

  .fieldNoteReading {
    padding-top: 76px;
    padding-bottom: 82px;
  }

  .fieldNoteProse {
    font-size: 18px;
    line-height: 1.68;
  }

  .fieldNoteProse > p:first-child {
    font-size: 21px;
  }

  .fieldNoteProse h2 {
    margin-top: 54px;
    font-size: 34px;
  }

  .fieldNoteProse h3 {
    font-size: 26px;
  }

  .fieldNoteProse blockquote {
    padding: 20px;
  }

  .fieldNoteProse .fieldNoteDiagram {
    margin: 42px 0 48px;
    padding: 24px 0;
  }

  .fieldNoteDiagram .diagramFlow {
    grid-template-columns: minmax(0, 1fr);
  }

  .fieldNoteDiagram .diagramNode {
    min-height: 0;
  }

  .fieldNoteDiagram .diagramNumber {
    margin-bottom: 14px;
  }

  .fieldNoteDiagram .diagramConnector {
    width: 1px;
    height: 24px;
    margin: 0 auto;
  }

  .fieldNoteDiagram .diagramConnector::after {
    top: auto;
    right: -3px;
    bottom: 0;
    transform: rotate(135deg);
  }

  .fieldNoteDiagram .diagramConnectorLabel {
    top: 5px;
    bottom: auto;
    left: 10px;
    width: max-content;
    text-align: left;
  }

  .fieldNoteDiagram .aiModeRow,
  .fieldNoteDiagram .aiImpactGrid,
  .fieldNoteDiagram .leanCanvasGrid,
  .fieldNoteDiagram .regionalGrid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .fieldNoteDiagram .aiMode {
    text-align: left;
  }

  .fieldNoteDiagram .aiImpact {
    min-height: 0;
  }

  .fieldNoteDiagram .leanCanvasCell {
    grid-column: auto;
    grid-row: auto;
    min-height: 0;
  }

  .fieldNoteDiagram .regionalCell {
    min-height: 0;
  }

  .fieldNoteProse .wp-block-gallery,
  .fieldNoteProse .tiled-gallery__row,
  .fieldNoteProse .tiled-gallery__col {
    grid-template-columns: 1fr;
  }

  .fieldNoteSequence {
    grid-template-columns: 1fr;
  }

  .fieldNoteSequence > a,
  .fieldNoteSequence > a:nth-child(2) {
    min-height: 0;
    padding: 28px 0;
    border-left: 0;
    text-align: left;
  }

  .fieldNoteSequence > a:nth-child(2) {
    border-top: 1px solid var(--line);
  }

  .fieldNoteSequence > a:nth-child(2) strong {
    justify-content: flex-start;
  }

  .fieldNoteArticleClose {
    margin-top: 76px;
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .fieldNotesSectionHeading {
    gap: 8px;
    margin-bottom: 32px;
  }

  .fieldNotesBrowseIntro h2 {
    font-size: 40px;
  }

  .featuredWorkInner {
    padding-top: 72px;
    padding-bottom: 76px;
  }

  .featuredWorkIntro {
    margin-bottom: 30px;
  }

  .featuredWorkGrid article,
  .featuredWorkGrid article:first-child,
  .featuredWorkGrid article:last-child {
    padding: 22px 0;
  }

  .featuredWorkGrid article > a {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 10px 16px;
    align-items: start;
  }

  .featuredWorkGrid figure {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 96px;
    height: 76px;
    margin: 0;
  }

  .featuredWorkMeta,
  .featuredWorkGrid h3 {
    grid-column: 2;
  }

  .featuredWorkGrid h3 {
    margin: 0;
    font-size: 22px;
  }

  .featuredWorkOutcome,
  .featuredWorkLink {
    grid-column: 1 / -1;
  }

  .featuredWorkOutcome {
    margin: 8px 0 0;
    padding-top: 14px;
  }

  .fieldNotesTopicGrid {
    grid-template-columns: 1fr;
  }

  .fieldNotesTopicButton,
  .fieldNotesTopicButton:nth-child(even),
  .fieldNotesTopicButton:last-child {
    grid-column: auto;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .fieldNotesTopicButton:last-child {
    border-bottom: 0;
  }

  .fieldNotesIndexHeader {
    align-items: flex-start;
  }

  .fieldNotesIndexHeader h3 {
    font-size: 32px;
  }

  .fieldNotesIndexItem > a {
    grid-template-columns: 84px minmax(0, 1fr) 22px;
    gap: 12px 16px;
    padding-right: 4px;
  }

  .fieldNotesIndexImage {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 84px;
    height: 68px;
    align-self: start;
  }

  .fieldNotesIndexMeta,
  .fieldNotesIndexCopy {
    grid-column: 2;
  }

  .fieldNotesIndexMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
  }

  .fieldNotesIndexItem > a > svg {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .fieldNotesIndexItem > a:hover,
  .fieldNotesIndexItem > a:focus-visible {
    padding-left: 10px;
  }

  .fieldNotesPagination {
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
  }

  .fieldNotesPagination > a,
  .fieldNotesPagination > span {
    min-width: 0;
    padding-inline: 10px;
  }

  .fieldNoteFeatureGrid {
    grid-template-columns: 1fr;
  }

  .fieldNoteFeature:first-child {
    grid-column: auto;
  }

  .fieldNoteFeature:first-child figure {
    margin-bottom: 28px;
  }

  .fieldNoteFeature:first-child h3,
  .fieldNoteFeatureBody h3 {
    font-size: 32px;
  }

  .fieldNoteArchiveList > a {
    padding-right: 8px;
  }

  .fieldNoteArchiveList > a > svg {
    display: none;
  }

  .fieldNotesClose {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .valuesStory,
  .valueEssayList,
  .valuesAfterword {
    width: min(100% - 28px, 680px);
  }

  .valuesStory,
  .valueEssay,
  .valuesCourageInner,
  .valuesAfterword {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .valuesCourageInner {
    width: min(100% - 28px, 680px);
  }

  .valuesStoryHeading h2 {
    font-size: 40px;
  }

  .valueEssay header h2 {
    font-size: 40px;
  }

  .valuesQuestion {
    font-size: 24px;
  }

  .programOutputInner {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .startStageInner,
  .startMethod,
  .startPrepare,
  .thanksNext {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .startStageInner {
    padding-top: 34px;
  }

  .startIntro h1 {
    font-size: 50px;
  }

  .startBooking {
    padding: 20px 14px;
  }

  .startBookingIntro h2 {
    font-size: 36px;
  }

  .interestContext {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tidycalFrame {
    height: 741px;
  }

  .startSteps h3 {
    margin-top: 36px;
  }

  .evidenceCard {
    grid-template-rows: 220px 1fr;
  }

  .founderSection figure,
  .aboutValues figure,
  .founderProfile figure,
  .caseStudy figure {
    min-height: 360px;
  }

  .caseStudy {
    padding: 48px 0;
  }

  .caseStudyBody h3 {
    font-size: 34px;
  }

  .caseFinding p,
  .programFacts p {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .roleGrid h3 {
    margin-top: 32px;
  }

  .loopGrid,
  .principleGrid,
  .proofAudience {
    grid-template-columns: 1fr;
  }

  .loopStep,
  .loopStep:nth-child(2),
  .loopStep:last-child {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .loopStep:last-child {
    border-bottom: 0;
  }

  .loopStep h3 {
    margin-top: 34px;
  }

  .proofClose {
    grid-column: auto;
  }

  .programDetail {
    padding: 42px 0;
  }

  .programDetailName h3 {
    font-size: 32px;
  }

  .focusPair article {
    min-height: 390px;
  }

  .principleCard {
    min-height: 0;
  }

  .footerBottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .supportFunding,
  .supportAdvising {
    width: min(100% - 28px, 680px);
    padding: 78px 0;
  }

  .supportClose {
    width: min(100% - 28px, 680px);
  }

  .footerLinks {
    gap: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .heroScene {
    display: none;
    animation: none;
  }

  .heroScene:first-child {
    display: block;
    opacity: 1;
  }

  .heroScene img {
    animation: none;
    transform: none;
  }

  .heroMotionControls {
    display: none;
  }
}