.home-page {
  overflow: clip;
}

.home-page .section {
  position: relative;
}

.home-page .section:nth-of-type(even) {
  background: rgb(36 41 37 / 42%);
}

.home-page .container--wide {
  width: min(100% - (var(--container-padding) * 2), var(--container-wide));
  margin-inline: auto;
}

.home-page .home-text-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  color: var(--color-sand-beige);
  font-family: var(--font-technical);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: .08em;
  text-decoration: none;
}

.home-page .home-text-link span {
  color: var(--color-rust-orange);
  font-size: 1.25rem;
}

.home-hero {
  position: relative;
  min-height: 42rem;
  border-bottom: var(--border-default);
  background: var(--color-concrete-graphite);
}

.home-hero__media,
.home-hero__media::after {
  position: absolute;
  inset: 0;
}

.home-hero__media::after {
  background: linear-gradient(90deg, rgb(23 26 24 / 80%) 0%, rgb(23 26 24 / 66%) 38%, rgb(23 26 24 / 18%) 72%, rgb(23 26 24 / 42%) 100%);
  content: "";
}

.home-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  min-height: 42rem;
}

.home-hero__panel {
  display: flex;
  grid-column: 1;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-7);
  border: var(--border-default);
  border-inline-start: 4px solid var(--color-military-green);
  background: rgb(23 26 24 / 88%);
  box-shadow: var(--shadow-floating);
}

.home-hero__panel .eyebrow,
.home-hero__panel h1,
.home-hero__panel p,
.home-hero__notice {
  margin: 0;
}

.home-hero__panel h1 {
  max-width: 15ch;
  font-size: clamp(2.75rem, 3vw, 3rem);
}

.home-hero__lead {
  max-width: 60ch;
  color: var(--color-sand-beige);
  font-size: var(--text-lead);
  line-height: 1.55;
}

.home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  min-width: 0;
}

.home-hero__actions > * {
  min-width: 0;
}

.home-hero__notice {
  max-width: 58ch;
}

.home-start__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
}

.home-start__intro {
  grid-column: 1 / span 5;
  min-width: 0;
}

.home-start__intro .lead {
  max-width: 47ch;
}

.home-start__cards {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.home-step-card,
.home-combat-card,
.home-standards-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-card);
  background: var(--color-dark-steel);
  transition: border-color var(--transition-base), transform var(--transition-base);
}

.home-step-card:hover,
.home-combat-card:hover,
.home-standards-card:hover {
  border-color: var(--color-patina-green);
  transform: translateY(-2px);
}

.home-step-card > *,
.home-combat-card > *,
.home-standards-card > * {
  margin: 0;
}

.home-step-card__number {
  color: var(--color-rust-orange);
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1;
}

.home-step-card__label--rust {
  color: var(--color-rust-orange);
}

.home-shelter__header {
  max-width: 52ch;
  margin-bottom: var(--space-6);
}

.home-shelter__header .lead {
  max-width: 60ch;
}

.home-shelter__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
  gap: var(--space-5);
  align-items: stretch;
}

.home-shelter__document,
.home-shelter__craft {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}

.home-shelter__document > *,
.home-shelter__craft > * {
  margin: 0;
}

.home-shelter__document {
  padding: var(--space-5);
}

.home-shelter__document h3,
.home-shelter__craft h3 {
  max-width: 18ch;
}

.home-shelter__figure {
  min-width: 0;
  margin: 0;
}

.home-shelter__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.home-shelter__figure figcaption {
  padding-inline: var(--space-3);
}

.home-shelter__craft .button {
  align-self: flex-start;
  margin-top: auto;
}

.home-shelter__update {
  max-width: 66ch;
  margin-top: var(--space-5);
  margin-bottom: 0;
}

.home-expedition__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.home-expedition__figure {
  min-width: 0;
  margin: 0;
}

.home-expedition__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

.home-expedition__figure figcaption {
  padding-inline: var(--space-3);
}

.home-expedition__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}

.home-expedition__content > * {
  margin: 0;
}

.home-expedition__content h2 {
  max-width: 18ch;
}

.home-expedition__copy {
  max-width: 64ch;
}

.home-expedition__content > .button {
  align-self: flex-start;
}

.home-checklist {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}

.home-checklist > * {
  margin: 0;
}

.home-checklist ul {
  display: grid;
  gap: var(--space-3);
  padding: 0;
  list-style: none;
}

.home-checklist li {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  min-width: 0;
}

.home-checklist__mark {
  color: var(--color-rust-orange);
  font-family: var(--font-technical);
  font-size: 1.2rem;
}

.home-expedition__tip {
  max-width: 60ch;
}

.home-combat__header,
.home-development__header,
.home-crater__header,
.home-catalog__header,
.home-standards__header {
  max-width: 54ch;
  margin-bottom: var(--space-6);
}

.home-combat__header .lead,
.home-catalog__header .lead {
  max-width: 60ch;
}

.home-combat__cards,
.home-standards__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.home-combat-card__risk {
  color: #f08f87;
}

.home-development__cards,
.home-crater__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.home-development__vehicle,
.home-development__animals,
.home-crater__panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-6);
}

.home-development__vehicle > *,
.home-development__animals > *,
.home-crater__panel > * {
  margin: 0;
}

.home-development__vehicle {
  border: var(--border-default);
  border-inline-start: 4px solid var(--color-military-green);
  border-radius: var(--radius-card);
  background: var(--color-dark-steel);
}

.home-development__vehicle .button,
.home-development__animals .button {
  align-self: flex-start;
  margin-top: auto;
}

.home-development__animals .button--secondary {
  border-color: var(--color-military-green);
  color: var(--color-ash-graphite);
}

.home-development__animals .button--secondary:hover {
  background: rgb(23 26 24 / 10%);
}

.home-crater {
  background: #1e2524 !important;
  border-block: 1px solid #536063;
}

.home-crater__panels {
  border-top: 1px solid #536063;
  padding-top: var(--space-5);
}

.home-crater__panel {
  border: 1px solid #536063;
  border-radius: var(--radius-card);
  background: #293132;
}

.home-crater__panel h3 {
  max-width: 24ch;
}

.home-crater__rust-label {
  color: var(--color-rust-orange);
}

.home-catalog__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.home-catalog-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  min-height: 16rem;
  padding: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-card);
  background: var(--color-dark-steel);
  color: var(--color-sand-beige);
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base), background-color var(--transition-base);
}

.home-catalog-card:hover {
  border-color: var(--color-patina-green);
  background: #3a443b;
  color: var(--color-bone-white);
  transform: translateY(-2px);
}

.home-catalog-card > * {
  margin: 0;
}

.home-catalog-card > span:first-child {
  color: var(--color-rust-orange);
  font-family: var(--font-technical);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: .1em;
}

.home-catalog-card h3 {
  font-size: 1.45rem;
}

.home-catalog-card p {
  max-width: 42ch;
  color: var(--color-muted-beige);
  font-size: .94rem;
  line-height: 1.55;
}

.home-catalog-card b {
  margin-top: auto;
  color: var(--color-patina-green);
  font-family: var(--font-technical);
  font-size: var(--text-xs);
  letter-spacing: .06em;
}

.home-catalog-card--crater {
  border-color: #536063;
  background: #293132;
}

.home-catalog-card--crater > .badge {
  align-self: flex-start;
  color: #b7c8cb;
}

.home-standards-card .badge {
  align-self: flex-start;
}

.home-procedure {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2) var(--space-3);
  padding: 0;
  list-style-position: inside;
  color: var(--color-muted-beige);
  font-size: var(--text-sm);
}

.home-procedure li {
  min-width: 0;
}

.home-standards__note {
  max-width: 62ch;
  margin-top: var(--space-5);
  margin-bottom: 0;
}

.home-next__panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(100%, 52rem);
  margin-inline: auto;
  padding: var(--space-6);
}

.home-next__panel > * {
  margin: 0;
}

.home-next__panel h2 {
  max-width: 19ch;
}

.home-next__panel p {
  max-width: 60ch;
}

.home-next__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  min-width: 0;
}

.home-next__actions > * {
  min-width: 0;
}

.home-next__panel .button--secondary {
  border-color: var(--color-military-green);
  color: var(--color-ash-graphite);
}

.home-next__panel .button--secondary:hover {
  background: rgb(23 26 24 / 10%);
}

@media (max-width: 65.625rem) {
  .home-hero {
    min-height: auto;
  }

  .home-hero__media,
  .home-hero__media::after {
    position: relative;
  }

  .home-hero__media {
    height: 25rem;
  }

  .home-hero__media::after {
    position: absolute;
    background: linear-gradient(180deg, rgb(23 26 24 / 10%), rgb(23 26 24 / 48%));
  }

  .home-hero__inner {
    display: block;
    min-height: 0;
  }

  .home-hero__panel {
    margin-top: calc(var(--space-6) * -1);
    margin-inline: var(--space-4);
  }

  .home-shelter__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-shelter__figure {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .home-shelter__document {
    grid-column: 1;
    grid-row: 2;
  }

  .home-shelter__craft {
    grid-column: 2;
    grid-row: 2;
  }

  .home-catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 61.25rem) {
  .home-start__cards,
  .home-combat__cards,
  .home-standards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-start__cards > :nth-child(3),
  .home-combat__cards > :nth-child(3),
  .home-standards__grid > :nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 57.5rem) {
  .home-expedition__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-expedition__figure {
    grid-row: 1;
  }

  .home-expedition__content {
    grid-row: 2;
  }
}

@media (max-width: 51.25rem) {
  .home-development__cards,
  .home-crater__panels {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-next__panel {
    width: 100%;
  }
}

@media (max-width: 47.5rem) {
  .home-hero__media {
    height: clamp(14.375rem, 65vw, 18.125rem);
  }

  .home-hero__panel {
    gap: var(--space-4);
    margin-top: 0;
    margin-inline: 0;
    padding: var(--space-5);
    border-inline-start-width: 3px;
    box-shadow: none;
  }

  .home-hero__panel h1 {
    max-width: none;
    font-size: 2.25rem;
  }

  .home-hero__lead {
    font-size: 1.0625rem;
  }

  .home-hero__actions,
  .home-next__actions {
    flex-direction: column;
  }

  .home-hero__actions > *,
  .home-next__actions > * {
    width: 100%;
  }

  .home-start__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-start__intro,
  .home-start__cards {
    grid-column: 1;
  }

  .home-start__cards,
  .home-combat__cards,
  .home-standards__grid,
  .home-shelter__grid,
  .home-catalog__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-start__cards > :nth-child(3),
  .home-combat__cards > :nth-child(3),
  .home-standards__grid > :nth-child(3) {
    grid-column: 1;
  }

  .home-shelter__figure,
  .home-shelter__document,
  .home-shelter__craft {
    grid-column: 1;
    grid-row: auto;
  }

  .home-shelter__craft .button,
  .home-development__vehicle .button,
  .home-development__animals .button,
  .home-expedition__content > .button {
    align-self: stretch;
  }

  .home-development__vehicle,
  .home-development__animals,
  .home-crater__panel {
    padding: var(--space-4);
  }

  .home-catalog-card {
    min-height: 0;
  }

  .home-procedure {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-next__panel {
    padding: var(--space-5);
  }
}