/* ===== O nas page styles ===== */

.onas-intro {
  padding-block: var(--spacing-xl) var(--spacing-lg);
}

.onas-intro__inner {
  max-width: 50rem;
  margin-inline: auto;
  padding-inline: var(--container-padding-desktop);
  text-align: center;
}

.onas-intro__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-intro__title {
  max-width: 70ch;
  margin-inline: auto;
  margin-block-end: var(--spacing-sm);
}

.onas-intro__lead {
  max-width: 70ch;
  margin-inline: auto;
  text-align: left;
}

.onas-history__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xs);
  align-items: start;
}

.onas-history__content {
  min-width: 0;
}

.onas-history__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-history__title {
  margin-block-end: var(--spacing-sm);
}

.onas-history__copy {
  max-width: 70ch;
}

.onas-history__copy p {
  margin-block-end: var(--spacing-2xs);
}

.onas-history__media {
  width: 100%;
  min-width: 0;
}

.onas-philosophy__header {
  margin-block-end: var(--spacing-md);
}

.onas-philosophy__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-philosophy__title {
  margin-block-end: 0;
}

.onas-philosophy__content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xs);
  margin-block-end: var(--spacing-md);
}

.onas-philosophy__block {
  min-width: 0;
}

.onas-philosophy__block h3 {
  margin-block-end: var(--spacing-2xs);
}

.onas-philosophy__block p {
  max-width: 70ch;
  margin-block-end: var(--spacing-2xs);
}

.onas-philosophy__block ul {
  margin-block-end: var(--spacing-2xs);
}

.onas-philosophy__gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xs);
}

.onas-philosophy__media {
  width: 100%;
  min-width: 0;
}

.onas-atmosphere__media {
  width: 100%;
  min-width: 0;
  margin-block-end: var(--spacing-md);
}

.onas-atmosphere__header {
  margin-block-end: var(--spacing-md);
}

.onas-atmosphere__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-atmosphere__title {
  margin-block-end: 0;
}

.onas-atmosphere__columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xs);
}

.onas-atmosphere__column {
  min-width: 0;
}

.onas-atmosphere__column h3 {
  margin-block-end: var(--spacing-2xs);
}

.onas-atmosphere__column p {
  max-width: 70ch;
  margin-block-end: var(--spacing-2xs);
}

.onas-poker__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xs);
  align-items: start;
}

.onas-poker__media {
  width: 100%;
  min-width: 0;
}

.onas-poker__content {
  min-width: 0;
}

.onas-poker__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-poker__title {
  margin-block-end: var(--spacing-sm);
}

.onas-poker__copy h3 {
  margin-block-end: var(--spacing-2xs);
}

.onas-poker__copy p {
  max-width: 70ch;
  margin-block-end: var(--spacing-2xs);
}

.onas-poker__copy ul {
  margin-block-end: var(--spacing-2xs);
}

.onas-team__header {
  margin-block-end: var(--spacing-md);
}

.onas-team__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-team__title {
  margin-block-end: 0;
}

.onas-team__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xs);
}

.onas-team__member {
  min-width: 0;
}

.onas-team__member h3 {
  margin-block-end: var(--spacing-2xs);
}

.onas-team__member p {
  max-width: 70ch;
  margin-block-end: 0;
}

.onas-reviews__header {
  margin-block-end: var(--spacing-md);
}

.onas-reviews__eyebrow {
  color: var(--color-deep-wine);
  margin-block-end: var(--spacing-2xs);
}

.onas-reviews__title {
  margin-block-end: 0;
}

.onas-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xs);
}

.onas-reviews__card {
  min-width: 0;
  background-color: var(--color-wine-tint);
  border: 1px solid var(--color-editorial-line);
  border-radius: var(--radius-card);
  padding: var(--spacing-xs);
  margin-block-end: 0;
}

.onas-reviews__card p {
  max-width: 70ch;
  font-style: italic;
  margin-block-end: var(--spacing-2xs);
}

.onas-reviews__card cite {
  display: block;
  font-style: normal;
  font-weight: var(--weight-small-label);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: var(--text-small-label);
  color: var(--color-deep-wine);
}

.onas-cta {
  padding-block: var(--spacing-lg);
}

.onas-cta__inner {
  background-color: var(--color-wine-tint);
  border: 1px solid var(--color-editorial-line);
  border-radius: var(--radius-card);
  padding: var(--spacing-md);
  max-width: 37.5rem;
  margin-inline: auto;
  text-align: center;
}

.onas-cta__title {
  margin-block-end: var(--spacing-2xs);
}

.onas-cta__text {
  max-width: 70ch;
  margin-inline: auto;
  margin-block-end: var(--spacing-xs);
}

.onas-cta__contact {
  font-style: normal;
  margin-block-end: var(--spacing-xs);
}

.onas-cta__contact p {
  margin-block-end: var(--spacing-3xs);
}

.onas-cta__button {
  display: inline-flex;
  width: auto;
}

@media (max-width: 1024px) {
  .onas-intro__inner {
    padding-inline: var(--container-padding-tablet);
  }

  .onas-philosophy__content {
    grid-template-columns: 1fr;
  }

  .onas-atmosphere__columns {
    grid-template-columns: 1fr;
  }

  .onas-team__grid {
    grid-template-columns: 1fr;
  }

  .onas-reviews__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .onas-intro {
    padding-block: var(--spacing-lg) var(--spacing-md);
  }

  .onas-intro__inner {
    padding-inline: var(--container-padding-mobile);
  }

  .onas-intro__title {
    font-size: var(--text-h1);
  }

  .onas-intro__lead {
    font-size: var(--text-body);
  }

  .onas-history__grid,
  .onas-poker__grid {
    grid-template-columns: 1fr;
  }

  .onas-philosophy__gallery {
    grid-template-columns: 1fr;
  }

  .onas-cta__inner {
    padding: var(--spacing-xs);
  }
}

@media (max-width: 480px) {
  .onas-intro__title {
    font-size: var(--text-h2);
  }

  .onas-cta__button {
    width: 100%;
    justify-content: center;
  }
}