.o-nas-page {
  overflow: hidden;
  background: var(--color-cream);
}

.o-nas-page .container {
  max-width: var(--container-max);
}

.o-nas-page .eyebrow {
  margin-block-end: 0;
}

.o-nas-page .button {
  min-height: 2.75rem;
}

.o-nas-hero {
  position: relative;
  padding-block: clamp(3.5rem, 8vw, 7rem) clamp(4rem, 9vw, 8rem);
}

.o-nas-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-hero__copy {
  z-index: 2;
  grid-column: 1 / span 6;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.o-nas-hero__copy h1 {
  margin: 0;
  max-width: 7ch;
  font-size: clamp(2rem, 4vw, 3.95rem);
}

.o-nas-hero__copy h1 span {
  display: inline-block;
  padding: 0.04em 0.12em 0.08em;
  background: var(--color-tomato-red);
  color: var(--color-paper-white);
}

.o-nas-hero__lead {
  max-width: 54ch;
  margin: 0;
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.o-nas-hero__actions,
.o-nas-final__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.o-nas-hero__actions > *,
.o-nas-final__actions > * {
  min-width: 0;
}

.o-nas-hero__places {
  margin: 0;
  color: var(--color-muted-teal);
  font-size: var(--text-small);
  font-weight: 700;
  line-height: var(--leading-small);
}

.o-nas-hero__places span,
.o-nas-final__meta span {
  color: var(--color-electric-blue);
}

.o-nas-hero__media {
  z-index: 2;
  grid-column: 7 / span 6;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 0.75rem 0.75rem 0;
}

.o-nas-hero__media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border: 1px solid var(--color-line-ink);
  background: var(--color-mustard-yellow);
  box-shadow: 0.75rem 0.75rem 0 var(--color-mustard-yellow);
  object-fit: cover;
  object-position: 66% center;
}

.o-nas-hero__media figcaption {
  max-width: 32ch;
}

.o-nas-hero__number {
  position: absolute;
  z-index: 1;
  right: -0.05em;
  bottom: -0.18em;
  margin: 0;
  color: rgb(36 92 255 / 14%);
  font-family: var(--font-heading);
  font-size: clamp(8rem, 17vw, 15rem);
  line-height: 0.78;
  letter-spacing: -0.07em;
  pointer-events: none;
}

.o-nas-discipline__intro {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
  margin-block-end: var(--space-8);
}

.o-nas-discipline__intro > div:first-child {
  grid-column: 1 / span 4;
  min-width: 0;
}

.o-nas-discipline__intro h2,
.o-nas-layers__intro h2,
.o-nas-reach__heading h2,
.o-nas-process__intro h2 {
  margin-block-end: 0;
}

.o-nas-discipline__manifest {
  grid-column: 5 / span 8;
  min-width: 0;
}

.o-nas-discipline__manifest p:last-child {
  margin-block-end: 0;
}

.o-nas-discipline__arguments {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-argument {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-line-ink);
}

.o-nas-argument > * {
  min-width: 0;
  margin: 0;
}

.o-nas-argument h3 {
  font-size: clamp(1.4rem, 2vw, 1.85rem);
}

.o-nas-argument p {
  max-width: 46ch;
}

.o-nas-argument--line {
  border-inline: 0;
  border-block-end: 0;
  padding-inline-start: 0;
}

.o-nas-argument--mustard {
  margin-block-start: var(--space-6);
  background: var(--color-mustard-yellow);
  box-shadow: var(--shadow-offset);
}

.o-nas-argument--paper {
  background: var(--color-paper-white);
  box-shadow: var(--shadow-offset);
}

.o-nas-argument__index {
  color: var(--color-electric-blue);
  font-family: var(--font-heading);
  font-size: clamp(3.4rem, 6vw, 5.25rem);
  line-height: 0.78;
}

.o-nas-audience__intro {
  width: 41.666%;
  min-width: 0;
  margin-block-end: var(--space-8);
}

.o-nas-audience__intro p:last-child {
  max-width: 54ch;
  margin-block-end: 0;
}

.o-nas-audience__cards {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: calc(100% / 12 + 1.5rem);
  align-items: start;
}

.o-nas-audience-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: clamp(1.5rem, 3vw, 3rem);
  border: 1px solid var(--color-line-ink);
}

.o-nas-audience-card > * {
  min-width: 0;
  margin: 0;
}

.o-nas-audience-card h3 {
  max-width: 16ch;
}

.o-nas-audience-card p:not(.tag) {
  max-width: 44ch;
}

.o-nas-audience-card--company {
  background: var(--color-paper-white);
  box-shadow: var(--shadow-offset-strong);
}

.o-nas-audience-card--private {
  margin-block-start: var(--space-8);
  border-color: var(--color-paper-white);
  background: var(--color-tomato-red);
  color: var(--color-paper-white);
  box-shadow: 8px 8px 0 rgb(23 43 58 / 28%);
}

.o-nas-audience-card--private h3 {
  color: var(--color-paper-white);
}

.o-nas-text-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-ink-navy);
  font-size: var(--text-small);
  font-weight: 700;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

.o-nas-text-link span {
  display: inline-block;
  font-size: 1.25em;
  transition: transform var(--transition-fast);
}

.o-nas-text-link--light {
  color: var(--color-paper-white);
}

.o-nas-text-link--light:hover {
  color: var(--color-paper-white);
}

.o-nas-audience__statement {
  width: 66.666%;
  min-width: 0;
  margin: var(--space-9) 0 0 16.666%;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.o-nas-audience__statement span {
  border-bottom: 0.16em solid var(--color-tomato-red);
}

.o-nas-layers__intro {
  width: 50%;
  min-width: 0;
  margin-block-end: var(--space-8);
}

.o-nas-layers__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-layer {
  display: flex;
  min-width: 0;
  min-height: 21.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-line-ink);
}

.o-nas-layer > * {
  min-width: 0;
  margin: 0;
}

.o-nas-layer h3 {
  max-width: 12ch;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.o-nas-layer p:not(.o-nas-layer__number) {
  max-width: 34ch;
}

.o-nas-layer__number {
  font-family: var(--font-heading);
  font-size: clamp(3.7rem, 6vw, 5rem);
  line-height: 0.78;
  letter-spacing: -0.06em;
}

.o-nas-layer--cream {
  background: var(--color-paper-white);
}

.o-nas-layer--cream .o-nas-layer__number {
  color: var(--color-electric-blue);
}

.o-nas-layer--mustard {
  min-height: 26.25rem;
  margin-block-start: var(--space-5);
  background: var(--color-mustard-yellow);
}

.o-nas-layer--blue {
  min-height: 22.8rem;
  background: var(--color-electric-blue);
}

.o-nas-layer--teal {
  min-height: 28.4rem;
  margin-block-start: var(--space-7);
  border-color: var(--color-paper-white);
  background: var(--color-deep-teal);
  color: var(--color-paper-white);
}

.o-nas-layer--teal h3 {
  color: var(--color-paper-white);
}

.o-nas-layer--teal .o-nas-layer__number {
  color: var(--color-mustard-yellow);
}

.o-nas-layer--teal .o-nas-text-link {
  margin-top: auto;
}

.o-nas-casino {
  position: relative;
  overflow: hidden;
}

.o-nas-casino__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-casino__copy {
  position: relative;
  z-index: 2;
  grid-column: 1 / span 5;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.o-nas-casino__copy > * {
  min-width: 0;
  margin: 0;
}

.o-nas-casino__copy h2 {
  max-width: 11ch;
  color: var(--color-paper-white);
}

.o-nas-casino__chapter {
  position: absolute;
  z-index: -1;
  top: -0.15em;
  left: -0.08em;
  color: rgb(230 184 63 / 20%);
  font-family: var(--font-heading);
  font-size: clamp(7rem, 13vw, 12rem);
  line-height: 0.78;
  letter-spacing: -0.07em;
  pointer-events: none;
}

.o-nas-casino__lead {
  max-width: 52ch;
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.o-nas-casino__lead::first-letter {
  color: var(--color-mustard-yellow);
}

.o-nas-casino__details {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
  border-top: 1px solid rgb(255 249 237 / 58%);
}

.o-nas-casino__details > * {
  min-width: 0;
  margin: 0;
}

.o-nas-casino__details h3 {
  max-width: 15ch;
  color: var(--color-paper-white);
  font-size: clamp(1.4rem, 2.2vw, 1.9rem);
}

.o-nas-casino__details > p {
  max-width: 40ch;
}

.o-nas-casino__list {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  padding: 0;
  list-style: none;
}

.o-nas-casino__list li {
  min-width: 0;
  padding-block: var(--space-2);
  border-bottom: 1px solid rgb(255 249 237 / 44%);
  font-size: var(--text-small);
  font-weight: 700;
}

.o-nas-casino__callout {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-paper-white);
  background: var(--color-cream);
  color: var(--color-ink-navy);
}

.o-nas-casino__callout > * {
  min-width: 0;
  margin: 0;
}

.o-nas-casino__callout p {
  max-width: 50ch;
}

.o-nas-casino__callout .button--light {
  border-color: var(--color-ink-navy);
  box-shadow: 4px 4px 0 var(--color-ink-navy);
  color: var(--color-ink-navy);
}

.o-nas-casino__callout .button--light:hover {
  color: var(--color-ink-navy);
}

.o-nas-casino__media {
  grid-column: 7 / span 6;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 0.75rem 0.75rem 0;
}

.o-nas-casino__media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border: 1px solid var(--color-paper-white);
  border-radius: var(--radius-soft);
  background: var(--color-tomato-red);
  box-shadow: 0.75rem 0.75rem 0 var(--color-mustard-yellow);
  object-fit: cover;
  object-position: 63% center;
}

.o-nas-casino__media figcaption {
  color: var(--color-paper-white);
}

.o-nas-reach__heading {
  width: 41.666%;
  min-width: 0;
}

.o-nas-reach__statement {
  width: 58.333%;
  min-width: 0;
  margin-block: var(--space-6) var(--space-8);
}

.o-nas-reach__statement p {
  max-width: 58ch;
  margin: 0;
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.o-nas-reach__cities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-city {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2) var(--space-3);
  align-items: baseline;
  min-height: 7rem;
  padding-block: var(--space-3);
  border-top: 1px solid var(--color-line-ink);
}

.o-nas-city:nth-child(even) {
  margin-block-start: var(--space-4);
}

.o-nas-city > * {
  min-width: 0;
}

.o-nas-city span {
  color: var(--color-mustard-yellow);
  font-family: var(--font-heading);
  font-size: 1.6rem;
  line-height: 1;
}

.o-nas-city strong {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  line-height: 1;
  text-transform: uppercase;
}

.o-nas-city small {
  grid-column: 2;
  color: var(--color-muted-teal);
}

.o-nas-reach__context {
  width: 41.666%;
  min-width: 0;
  margin: var(--space-8) 0 0 auto;
  padding-top: var(--space-5);
  border-top: 2px solid var(--color-electric-blue);
}

.o-nas-reach__context h3 {
  max-width: 14ch;
}

.o-nas-reach__context p {
  max-width: 46ch;
  margin-block-end: 0;
}

.o-nas-process__intro {
  width: 41.666%;
  min-width: 0;
  margin-block-end: var(--space-8);
}

.o-nas-process__intro p:last-child {
  max-width: 50ch;
  margin-block-end: 0;
}

.o-nas-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-process-card {
  display: flex;
  min-width: 0;
  min-height: 20rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-line-ink);
}

.o-nas-process-card > * {
  min-width: 0;
  margin: 0;
}

.o-nas-process-card h3 {
  max-width: 14ch;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
}

.o-nas-process-card p:not(.o-nas-process-card__number) {
  max-width: 36ch;
}

.o-nas-process-card__number {
  font-family: var(--font-heading);
  font-size: clamp(3.7rem, 6vw, 5rem);
  line-height: 0.78;
  letter-spacing: -0.06em;
}

.o-nas-process-card--cream {
  background: var(--color-paper-white);
}

.o-nas-process-card--cream .o-nas-process-card__number {
  color: var(--color-mustard-yellow);
}

.o-nas-process-card--mustard {
  margin-block-start: var(--space-5);
  background: var(--color-mustard-yellow);
}

.o-nas-process-card--red {
  border-color: var(--color-paper-white);
  background: var(--color-tomato-red);
  color: var(--color-paper-white);
}

.o-nas-process-card--teal {
  margin-block-start: var(--space-5);
  border-color: var(--color-paper-white);
  background: var(--color-deep-teal);
  color: var(--color-paper-white);
}

.o-nas-process-card--red h3,
.o-nas-process-card--teal h3 {
  color: var(--color-paper-white);
}

.o-nas-process-card--red .o-nas-process-card__number,
.o-nas-process-card--teal .o-nas-process-card__number {
  color: var(--color-mustard-yellow);
}

.o-nas-statement {
  padding-block: clamp(4rem, 9vw, 8rem);
  background: var(--color-tomato-red);
  color: var(--color-paper-white);
  background-image: linear-gradient(115deg, rgb(255 249 237 / 8%) 1px, transparent 1px);
  background-size: 10px 10px;
}

.o-nas-statement__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  padding-inline-start: 8.333%;
}

.o-nas-statement__content > * {
  min-width: 0;
  margin: 0;
}

.o-nas-statement h2 {
  max-width: 20ch;
  color: var(--color-paper-white);
  font-size: clamp(2.6rem, 5.4vw, 5.4rem);
}

.o-nas-statement__support {
  display: flex;
  width: 41.666%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.o-nas-statement__support > * {
  min-width: 0;
  margin: 0;
}

.o-nas-statement__support p {
  max-width: 48ch;
}

.o-nas-inspiration__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.o-nas-inspiration__copy {
  grid-column: 1 / span 4;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.o-nas-inspiration__copy > * {
  min-width: 0;
  margin: 0;
}

.o-nas-inspiration__copy h2 {
  max-width: 12ch;
}

.o-nas-inspiration__copy p {
  max-width: 50ch;
}

.o-nas-inspiration__media {
  grid-column: 6 / span 7;
  width: 100%;
  min-width: 0;
  margin: var(--space-7) 0 0;
  padding: 0 0.75rem 0.75rem 0;
}

.o-nas-inspiration__media img {
  width: 100%;
  aspect-ratio: 3 / 2;
  border: 1px solid var(--color-line-ink);
  background: var(--color-electric-blue);
  box-shadow: 0.75rem 0.75rem 0 var(--color-electric-blue);
  object-fit: cover;
  object-position: 64% center;
  transition: transform var(--transition-standard);
}

.o-nas-inspiration__media figcaption {
  color: var(--color-muted-teal);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.o-nas-final {
  position: relative;
  overflow: hidden;
  padding-block: clamp(3.5rem, 8vw, 7rem);
  background: var(--color-deep-teal);
  color: var(--color-paper-white);
  background-image: linear-gradient(135deg, rgb(255 249 237 / 6%) 1px, transparent 1px);
  background-size: 12px 12px;
}

.o-nas-final__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

.o-nas-final__content {
  position: relative;
  z-index: 2;
  grid-column: 2 / span 7;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.o-nas-final__content > * {
  min-width: 0;
  margin: 0;
}

.o-nas-final__content h2 {
  max-width: 13ch;
  color: var(--color-paper-white);
}

.o-nas-final__content > p:not(.eyebrow):not(.o-nas-final__meta) {
  max-width: 50ch;
}

.o-nas-final__meta {
  color: var(--color-paper-white);
  font-size: var(--text-small);
  font-weight: 700;
}

.o-nas-final__word {
  position: absolute;
  z-index: 1;
  right: -0.08em;
  bottom: -0.22em;
  margin: 0;
  color: rgb(230 184 63 / 22%);
  font-family: var(--font-heading);
  font-size: clamp(8rem, 20vw, 19rem);
  line-height: 0.78;
  letter-spacing: -0.08em;
  pointer-events: none;
}

@media (hover: hover) {
  .o-nas-text-link:hover span {
    transform: translateX(4px);
  }

  .o-nas-inspiration__media:hover img {
    transform: translate(-4px, -4px);
  }
}

@media (max-width: 65rem) {
  .o-nas-layers__grid,
  .o-nas-process__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .o-nas-layer,
  .o-nas-layer--mustard,
  .o-nas-layer--blue,
  .o-nas-layer--teal,
  .o-nas-process-card,
  .o-nas-process-card--mustard,
  .o-nas-process-card--red,
  .o-nas-process-card--teal {
    min-height: 20rem;
    margin-block-start: 0;
  }

  .o-nas-layer--teal,
  .o-nas-process-card--teal {
    margin-block-start: var(--space-4);
  }

  .o-nas-layer--mustard,
  .o-nas-process-card--mustard {
    margin-block-start: var(--space-4);
  }

  .o-nas-process-card--red {
    margin-block-start: var(--space-4);
  }
}

@media (max-width: 57.5rem) {
  .o-nas-hero__grid,
  .o-nas-casino__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .o-nas-hero__copy,
  .o-nas-hero__media,
  .o-nas-casino__copy,
  .o-nas-casino__media {
    grid-column: 1 / -1;
  }

  .o-nas-hero__media,
  .o-nas-casino__media {
    margin-block-start: var(--space-4);
  }

  .o-nas-hero__number {
    right: 0;
    bottom: -0.08em;
    font-size: 10rem;
  }

  .o-nas-discipline__intro {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .o-nas-discipline__intro > div:first-child,
  .o-nas-discipline__manifest {
    grid-column: 1 / -1;
  }

  .o-nas-discipline__arguments {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .o-nas-argument--mustard {
    margin-block-start: 0;
  }

  .o-nas-argument--paper {
    grid-column: 1 / -1;
  }

  .o-nas-audience__intro,
  .o-nas-layers__intro,
  .o-nas-reach__heading,
  .o-nas-reach__statement,
  .o-nas-process__intro {
    width: 100%;
  }

  .o-nas-audience__cards {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .o-nas-audience-card--private {
    margin-block-start: 0;
  }

  .o-nas-audience__statement {
    width: 100%;
    margin-inline-start: 0;
  }

  .o-nas-reach__cities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .o-nas-reach__context {
    width: 100%;
    margin-inline: 0;
  }

  .o-nas-statement__content {
    padding-inline-start: 0;
  }

  .o-nas-statement__support {
    width: 66.666%;
  }

  .o-nas-inspiration__grid,
  .o-nas-final__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .o-nas-inspiration__copy,
  .o-nas-inspiration__media {
    grid-column: 1 / -1;
  }

  .o-nas-inspiration__media {
    margin-block-start: var(--space-4);
  }

  .o-nas-final__content {
    grid-column: 1 / -1;
  }
}

@media (max-width: 40rem) {
  .o-nas-hero {
    padding-block-start: var(--space-7);
  }

  .o-nas-hero__grid,
  .o-nas-casino__grid,
  .o-nas-discipline__intro,
  .o-nas-inspiration__grid,
  .o-nas-final__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .o-nas-hero__copy h1 {
    font-size: clamp(1.5rem, 7.5vw, 2.25rem);
  }

  .o-nas-hero__lead {
    font-size: 1.25rem;
  }

  .o-nas-hero__actions,
  .o-nas-final__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .o-nas-hero__actions > .button,
  .o-nas-final__actions > .button {
    width: 100%;
  }

  .o-nas-hero__media {
    padding-right: 0.5rem;
  }

  .o-nas-hero__number {
    right: -0.1em;
    bottom: -0.1em;
    font-size: 7.5rem;
  }

  .o-nas-discipline__intro {
    margin-block-end: var(--space-6);
  }

  .o-nas-discipline__arguments,
  .o-nas-layers__grid,
  .o-nas-process__grid,
  .o-nas-reach__cities {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .o-nas-argument,
  .o-nas-layer,
  .o-nas-process-card {
    min-height: 0;
    padding: var(--space-5);
  }

  .o-nas-argument--line {
    border-inline: 1px solid var(--color-line-ink);
    padding-inline-start: var(--space-5);
  }

  .o-nas-layer--mustard,
  .o-nas-layer--teal,
  .o-nas-process-card--mustard,
  .o-nas-process-card--red,
  .o-nas-process-card--teal {
    margin-block-start: 0;
  }

  .o-nas-audience__intro,
  .o-nas-layers__intro,
  .o-nas-process__intro {
    margin-block-end: var(--space-6);
  }

  .o-nas-audience-card {
    padding: var(--space-5);
  }

  .o-nas-audience__statement {
    margin-block-start: var(--space-7);
    font-size: clamp(1.9rem, 9vw, 2.5rem);
  }

  .o-nas-casino__chapter {
    top: -0.05em;
    left: auto;
    right: -0.08em;
    font-size: 7rem;
  }

  .o-nas-casino__lead {
    font-size: 1.3rem;
  }

  .o-nas-casino__media {
    padding-right: 0.5rem;
  }

  .o-nas-casino__callout {
    padding: var(--space-4);
  }

  .o-nas-casino__callout .button {
    width: 100%;
  }

  .o-nas-reach__statement {
    margin-block: var(--space-5) var(--space-6);
  }

  .o-nas-city,
  .o-nas-city:nth-child(even) {
    min-height: 2.75rem;
    margin-block-start: 0;
  }

  .o-nas-reach__context {
    margin-block-start: var(--space-6);
  }

  .o-nas-statement {
    padding-block: var(--space-7);
  }

  .o-nas-statement h2 {
    font-size: clamp(2.4rem, 12vw, 3.25rem);
  }

  .o-nas-statement__support {
    width: 100%;
  }

  .o-nas-statement__support .button {
    width: 100%;
  }

  .o-nas-inspiration__media {
    padding-right: 0.5rem;
  }

  .o-nas-final {
    padding-block: 3.5rem;
  }

  .o-nas-final__content h2 {
    font-size: clamp(2.55rem, 12vw, 3.35rem);
  }

  .o-nas-final__word {
    right: -0.18em;
    bottom: -0.12em;
    font-size: 8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .o-nas-text-link span,
  .o-nas-inspiration__media img {
    transition: none;
  }
}