@import url("../styles.css");

.page-hero {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  padding: 80px 0 60px;
  overflow: hidden;
  scroll-margin-top: 70px;
}

.page-hero__media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.6);
}

.page-hero__content {
  position: relative;
  max-width: 640px;
}

.page-section {
  padding: 90px 0;
}

.schedule-panel {
  background: linear-gradient(135deg, rgba(255, 79, 135, 0.2), rgba(76, 201, 240, 0.2));
}

@media (max-width: 768px) {
  .page-hero {
    min-height: 280px;
    padding: 70px 0 40px;
  }
}