/* =========================================================
   PAGE STANDARDS
   ========================================================= */

.page-content,
.page-content[class*="page-content--"] {
  margin-top: 102px;
}

.history-title,
.calendar-page-title,
.yearbooks-title {
  letter-spacing: -0.012em;
}

.page-content--history .historia-year {
  font-size: 3.2rem;
  font-weight: 700;
}

@media (max-width: 1100px) {
  .page-content,
  .page-content[class*="page-content--"] {
    margin-top: 82px;
  }
}

@media (max-width: 860px) {
  .page-content,
  .page-content[class*="page-content--"] {
    margin-top: 64px;
  }

  .page-content--history .historia-year {
    font-size: 2.75rem;
  }
}

@media (max-width: 560px) {
  .page-content,
  .page-content[class*="page-content--"] {
    margin-top: 48px;
  }
}

@media (max-width: 1100px) {
  .page-content.page-content--project {
    width: min(var(--content-w), calc(100% - 56px));
    margin: 82px auto 92px;
  }

  .project-layout {
    gap: 30px;
  }

  .project-values__grid {
    gap: 24px;
  }
}

@media (max-width: 860px) {
  .page-content.page-content--project {
    width: min(var(--content-w), calc(100% - 40px));
    margin: 64px auto 80px;
  }

  .project-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .project-pillars {
    width: min(680px, 100%);
    margin: 0 auto;
  }

  .project-values__grid {
    grid-template-columns: 1fr;
    gap: 22px;
    width: min(520px, 100%);
    margin: 0 auto;
  }

  .project-value-card {
    justify-self: center;
    width: 100%;
    max-width: 360px;
  }

  .project-principles__copy {
    font-size: 1.4rem;
  }
}

@media (max-width: 560px) {
  .page-content.page-content--project {
    margin: 48px auto 64px;
  }

  .project-title {
    line-height: 1.08;
  }

  .project-copy {
    font-size: 0.96rem;
    line-height: 1.62;
  }

  .project-pillar__copy {
    font-size: 1.28rem;
  }

  .project-value-card {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .project-value-card__label {
    writing-mode: initial;
    transform: none;
    text-align: center;
    line-height: 1;
  }

  .project-principles__title {
    font-size: 2.35rem;
  }
}