@container mood (max-width: 34rem) {
  .mood__stage {
    min-height: 12rem;
  }

  .mood__phrase {
    font-size: clamp(3.25rem, 18cqw, 6rem);
  }

  .mood__cta {
    width: min(100%, 18rem);
    justify-content: center;
  }
}

@media (max-width: 55rem) {
  .about__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .about__label {
    position: static;
  }
}

@media (max-width: 47.5rem) {
  :root {
    --rail: clamp(1rem, 5.5vw, 1.5rem);
    --section-space: clamp(4.5rem, 18vw, 7rem);
  }

  .nav__coords {
    display: none;
  }

  .hero {
    grid-template-rows: auto minmax(11rem, 1fr) auto auto;
    gap: 1.5rem;
  }

  .stamp {
    top: 4.75rem;
    right: 1rem;
    width: 6rem;
  }

  .wordmark__nm {
    font-size: clamp(10rem, 49vw, 18rem);
  }

  .hero__foot {
    grid-template-columns: 1fr auto;
  }

  .hero__load {
    display: none;
  }

  .section-heading {
    grid-template-columns: auto 1fr;
  }

  .section-heading > :last-child {
    display: none;
  }

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

  .thes__grid .w-xxl,
  .thes__grid .w-xl {
    grid-column: span 6;
  }

  .thes__grid .w-lg,
  .thes__grid .w-md {
    grid-column: span 4;
  }

  .thes__grid .w-sm,
  .thes__grid .w-xs {
    grid-column: span 3;
  }

  .about__sig {
    grid-template-columns: 1fr;
  }

  .about__sig address {
    text-align: left;
  }

  .foot__top,
  .foot__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .foot__main {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding-block: 4.5rem;
  }

  .foot__stats {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .foot__lockup {
    font-size: clamp(5rem, 24vw, 8.5rem);
  }
}

@media (max-width: 30rem) {
  .hero__top {
    grid-template-columns: 1fr;
  }

  .hero__revision {
    display: none;
  }

  .wordmark__nm {
    font-size: clamp(8.75rem, 52vw, 14rem);
  }

  .entry__line {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0;
    justify-content: center;
  }

  .about__list {
    font-size: clamp(2.2rem, 12vw, 3.5rem);
  }

  .thes__note br:last-of-type {
    display: none;
  }

  .foot__contact {
    gap: 0.5rem 1rem;
  }

  .foot__email {
    font-size: 1.25rem;
  }
}

@media (max-height: 34rem) and (orientation: landscape) {
  .hero {
    min-height: 42rem;
  }
}

@supports (-webkit-touch-callout: none) {
  body {
    -webkit-font-smoothing: antialiased;
  }

  .wordmark__nm,
  .foot__lockup,
  .error__code {
    letter-spacing: -0.055em;
  }

  .entry__def,
  .about__list {
    line-height: 1.08;
  }
}

@media (min-width: 120rem) {
  .hero {
    gap: 3.75rem;
  }

  .wordmark__nm {
    font-size: min(38rem, 48svh);
  }
}