/* UDO OGU COMPETITION — PHASE 1 */
.competition-hero {
  min-height: 70vh;
  display: grid;
  place-items: center;
  padding: 120px 5%;
  background: #090b0d;
  background:
        /* linear-gradient(
            90deg,
            rgba(5,7,8,0.96),
            rgba(5,7,8,0.4)
        ), */ url("../images/ugo36.jpeg")
    center / contain repeat;
}
.competition-hero-content {
  max-width: 900px;
}
.competition-hero h1 {
  font-size: clamp(48px, 7vw, 92px);
  line-height: 0.98;
  margin: 20px 0;
}
.competition-hero h1 span,
.section-heading h2 span,
.competition-safety h2 span {
  color: rgba(255, 255, 255, 0.35);
}
.competition-hero p:last-child {
  max-width: 650px;
  color: rgba(255, 255, 255, 0.52);
  line-height: 1.8;
  font-size: 16px;
}
.competition-values,
.competition-disciplines,
.scoring-section,
.competition-safety {
  padding: 110px 0;
}
.competition-values,
.scoring-section {
  background: #0d1012;
}
.value-grid,
.discipline-grid,
.score-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin-top: 45px;
}
.value-grid div,
.discipline-grid article,
.score-grid div {
  padding: 30px;
  background: #101417;
}
.value-grid strong {
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
}
.value-grid span {
  display: block;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.6;
  font-size: 13px;
}
.section-heading {
  max-width: 760px;
}
.section-heading h2 {
  font-size: clamp(36px, 5vw, 62px);
  margin: 12px 0 20px;
}
.section-heading p:last-child {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.8;
}
.discipline-grid article h3,
.score-grid h3 {
  margin-bottom: 12px;
}
.discipline-grid article p,
.score-grid p {
  color: rgba(255, 255, 255, 0.48);
  line-height: 1.7;
  font-size: 13px;
}
.competition-safety {
  background: #090b0d;
}
.competition-safety .container {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 60px;
  align-items: center;
}
.competition-safety p:not(.section-label) {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.8;
}
.future-box {
  padding: 35px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #101417;
}
.future-box span {
  font-size: 10px;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.35);
}
.future-box h3 {
  margin: 14px 0;
}
.future-box p {
  margin: 0;
}
.site-footer {
  min-height: 180px;
}
@media (max-width: 800px) {
  .value-grid,
  .discipline-grid,
  .score-grid {
    grid-template-columns: 1fr 1fr;
  }
  .competition-safety .container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .value-grid,
  .discipline-grid,
  .score-grid {
    grid-template-columns: 1fr;
  }
  .competition-hero {
    min-height: 60vh;
  }
  .competition-values,
  .competition-disciplines,
  .scoring-section,
  .competition-safety {
    padding: 80px 0;
  }
}