.mission-page { background: var(--paper); }
.mission-hero { min-height: min(820px, calc(100svh - 106px)); position: relative; display: grid; align-items: end; overflow: hidden; isolation: isolate; color: var(--white); background: var(--ink); }
.mission-hero > img { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.mission-hero__veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(4,45,47,.94), rgba(4,45,47,.54) 52%, rgba(4,45,47,.12)), linear-gradient(0deg, rgba(4,45,47,.74), transparent 55%); }
.mission-hero__content { padding-block: clamp(8rem, 15vw, 13rem) clamp(4rem, 8vw, 7rem); }
.mission-hero h1 { max-width: 950px; margin: 0 0 1.5rem; font-family: var(--display); font-size: clamp(4rem, 9.5vw, 9.2rem); line-height: .82; letter-spacing: -.065em; text-transform: uppercase; }
.mission-hero h1 em { color: var(--sun); font-family: var(--serif); font-weight: 400; text-transform: none; }
.mission-hero__content > p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.84); font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.55; }
.mission-hero .button { margin-top: 1rem; }
.mission-split { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.mission-split > div:first-child,
.mission-values__heading,
.mission-philosophy__copy,
.mission-purpose__card,
.mission-closing__inner > div:first-child,
.mission-experience__content { min-width: 0; container-type: inline-size; }
.mission-split h2, .mission-values__heading h2, .mission-philosophy__copy h2, .mission-purpose__card h2, .mission-closing h2 { margin: 0; font-family: var(--display); font-size: clamp(2.55rem, 4.5vw, 5.4rem); line-height: .92; letter-spacing: -.05em; text-transform: uppercase; overflow-wrap: normal; word-break: normal; hyphens: none; text-wrap: balance; }
.mission-copy { padding-top: .3rem; }
.mission-copy p { color: rgba(7,63,66,.72); font-size: clamp(1.02rem, 1.6vw, 1.2rem); line-height: 1.8; }
.mission-copy p + p { margin-top: 1.4rem; }
.mission-values { background: var(--ink-deep); color: var(--white); }
.mission-values__heading { max-width: 920px; }
.mission-values__heading .eyebrow { color: var(--sun); }
.mission-values__grid { margin-top: clamp(2.5rem, 5vw, 4.5rem); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid rgba(255,255,255,.18); }
.mission-values__grid article { min-height: 300px; padding: clamp(1.4rem, 2.5vw, 2rem); border-right: 1px solid rgba(255,255,255,.18); }
.mission-values__grid article:last-child { border-right: 0; }
.mission-values__grid span { color: var(--sun); font-family: var(--display); font-size: .72rem; }
.mission-values__grid h3 { margin: 4rem 0 1rem; font-family: var(--serif); font-size: clamp(1.7rem, 2.6vw, 2.35rem); font-weight: 400; line-height: 1; }
.mission-values__grid p { margin: 0; color: rgba(255,255,255,.66); font-size: .9rem; line-height: 1.65; }
.mission-philosophy { background: var(--sun); }
.mission-photo-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.mission-photo-grid figure { position: relative; margin: 0; }
.mission-photo-grid figure::after { content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: 0; border: 2px solid var(--ink); }
.mission-photo-grid img { position: relative; z-index: 1; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.mission-philosophy__copy .eyebrow { color: var(--ink); }
.mission-philosophy__copy > p:not(.eyebrow) { margin-top: 1.5rem; color: rgba(7,63,66,.78); font-size: 1.05rem; line-height: 1.75; }
.mission-philosophy__copy ul { margin: 2rem 0 0; padding: 0; list-style: none; border-top: 2px solid var(--ink); }
.mission-philosophy__copy li { padding: .9rem 0; border-bottom: 1px solid rgba(7,63,66,.35); font-weight: 800; }
.mission-history { background: var(--paper); }
.mission-experience { min-height: 720px; position: relative; display: grid; align-items: end; isolation: isolate; overflow: hidden; color: var(--white); }
.mission-experience > img { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mission-experience__veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(0deg, rgba(4,45,47,.96), rgba(4,45,47,.28) 72%), linear-gradient(90deg, rgba(4,45,47,.45), transparent); }
.mission-experience__content { padding-block: clamp(4rem, 8vw, 7rem); }
.mission-experience__content > p:first-child { margin-bottom: .9rem; color: var(--sun); font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.mission-experience h2 { max-width: 900px; margin: 0; font-family: var(--display); font-size: clamp(3.3rem, 7.7vw, 8rem); line-height: .86; letter-spacing: -.06em; text-transform: uppercase; }
.mission-experience__content > p:last-child { max-width: 680px; margin: 1.5rem 0 0; color: rgba(255,255,255,.78); font-family: var(--serif); font-size: clamp(1.15rem, 2vw, 1.6rem); line-height: 1.55; }
.mission-purpose { background: var(--coral); color: var(--white); }
.mission-purpose__card { max-width: 1060px; }
.mission-purpose__card .eyebrow { color: var(--sun); }
.mission-purpose__card > p:last-child { max-width: 760px; margin-top: 1.5rem; color: rgba(255,255,255,.82); font-size: 1.08rem; line-height: 1.75; }
.mission-closing { background: var(--sun); }
.mission-closing__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3rem; align-items: end; }
.mission-closing .eyebrow { color: var(--ink); }
.mission-closing__inner > div > p:last-child { max-width: 700px; margin: 1.4rem 0 0; color: rgba(7,63,66,.72); font-size: 1.02rem; line-height: 1.7; }
@media (max-width: 900px) {
  .mission-split, .mission-photo-grid, .mission-closing__inner { grid-template-columns: 1fr; }
  .mission-values__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-values__grid article:nth-child(2) { border-right: 0; }
  .mission-values__grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }
  .mission-closing .button { width: 100%; }
}
@media (max-width: 560px) {
  .mission-hero { min-height: 720px; }
  .mission-hero__content { padding-top: 12rem; }
  .mission-hero h1 { font-size: clamp(3.5rem, 17vw, 5.3rem); }
  .mission-values__grid { grid-template-columns: 1fr; }
  .mission-values__grid article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .mission-values__grid article:last-child { border-bottom: 0; }
  .mission-values__grid h3 { margin-top: 2.5rem; }
  .mission-photo-grid figure::after { inset: 10px -10px -10px 10px; }
  .mission-experience { min-height: 620px; }
}

@supports (font-size: 1cqi) {
  .mission-split h2 { font-size: clamp(2.45rem, 8.8cqi, 5rem); }
  .mission-values__heading h2 { font-size: clamp(2.6rem, 8.5cqi, 5.5rem); }
  .mission-philosophy__copy h2 { font-size: clamp(2.45rem, 8.8cqi, 5rem); }
  .mission-purpose__card h2 { font-size: clamp(2.6rem, 8cqi, 5.5rem); }
  .mission-closing h2 { font-size: clamp(2.45rem, 8cqi, 5.2rem); }
  .mission-experience h2 { font-size: clamp(3rem, 8.8cqi, 7rem); }
}