.page-hero {
	position: relative;
	overflow: hidden;
	min-height: 70vh;
	display: flex;
	align-items: center;
}
.page-hero__bg {
	position: absolute; inset: 0;
	background-image: url('/wp-content/uploads/2026/08/about-us-1.webp');
	background-size: cover;
	background-position: center;
}
.page-hero__overlay {
	position: absolute; inset: 0;
      background: linear-gradient(to right, rgba(30,27,75,0.75) 0%, rgba(30,27,75,0.3) 60%, transparent 100%);
}
.page-hero__content { position: relative; z-index: 2; padding-top: 9rem; padding-bottom: 5rem; }
.page-hero__title {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.5rem, 5vw, 4.5rem);
      font-weight: 400; color: #fff; line-height: 1.2; margin-bottom: 1rem;
}
.page-hero__sub { color: rgba(255,255,255,0.75); max-width: 36rem; }
.timeline { position: relative; padding-left: 2rem; }
.timeline::before {
      content: ''; position: absolute; left: 0; top: 0; bottom: 0;
      width: 2px; background: linear-gradient(to bottom, #C9A84C, #E8967F);
}
.timeline-item { position: relative; margin-bottom: 2.5rem; }
.timeline-item::before {
  content: ''; position: absolute; left: -2.45rem; top: 0.35rem;
  width: 0.875rem; height: 0.875rem; border-radius: 50%;
  background: #C9A84C; border: 2px solid #fff;
  box-shadow: 0 0 0 2px #C9A84C;
}
.timeline-item__year {
  font-family: 'Jost', sans-serif; font-size: 0.68rem;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: #C9A84C; margin-bottom: 0.35rem;
}
.timeline-item__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem; font-weight: 600; color: #3A3028; margin-bottom: 0.4rem;
}
.timeline-item__desc { font-size: 0.875rem; color: #6B5E52; line-height: 1.7; }

.award-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
@media (max-width: 767px) { .award-grid { grid-template-columns: 1fr; } }
.award-card {
  background: #fff; padding: 2rem 1.5rem; text-align: center;
  border-top: 3px solid #C9A84C;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}
.award-card__icon { font-size: 2rem; margin-bottom: 1rem; }
.award-card__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem; font-weight: 600; color: #1E1B4B; margin-bottom: 0.5rem;
}
.award-card__body { font-size: 0.8rem; color: #6B5E52; line-height: 1.7; }

.values-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
@media (max-width: 599px) { .values-grid { grid-template-columns: 1fr; } }
.value-item { display: flex; gap: 1.25rem; align-items: flex-start; }
.value-item__num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.5rem; font-weight: 700; color: #E8967F;
  line-height: 1; flex-shrink: 0; width: 2.5rem;
}
.value-item__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem; font-weight: 600; color: #3A3028; margin-bottom: 0.4rem;
}
.value-item__desc { font-size: 0.85rem; color: #6B5E52; line-height: 1.7; }