.students-page .page__ambient { opacity: .18; }

.students-hero {
  position: relative;
  display: flex;
  min-height: calc(100svh - 72px);
  align-items: center;
  padding: clamp(72px, 8vw, 116px) 0 clamp(64px, 7vw, 96px);
  border-bottom: 1px solid var(--color-border);
}

.students-hero__layout { display: block; }

.students-hero h1 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(3.6rem, 6vw, 6.1rem);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: .94;
  text-wrap: balance;
}

.students-hero__status {
  position: relative;
  display: grid;
  max-width: 49ch;
  gap: 12px;
  margin-top: clamp(28px, 3vw, 42px);
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
}

.students-hero__status::before { position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--color-accent); content: ""; }
.students-hero__status p { margin: 0; color: var(--color-text-muted); font-size: clamp(15px, 1.1vw, 17px); line-height: 1.62; }
.students-hero__status .students-hero__status-title {
  color: var(--color-text);
  font-size: clamp(1.1rem, 1.45vw, 1.4rem);
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.18;
}
.students-hero__status a { color: var(--color-accent); font-weight: 600; text-decoration: none; }
.students-hero__status a:hover { color: var(--color-accent-hover); }
.students-hero__status a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }

.students-technologies .services { padding-top: clamp(64px, 7vw, 104px); }
.students-technologies .section-heading { margin-bottom: clamp(38px, 4.5vw, 56px); }

@media (max-width: 767px) {
  .students-hero {
    min-height: calc(100svh - 64px);
    padding: 52px 0 64px;
  }

  .students-hero h1 { font-size: clamp(3.05rem, 13vw, 4.2rem); }
  .students-hero__status { gap: 10px; max-width: 31ch; margin-top: 28px; padding-top: 18px; }
  .students-hero__status p { font-size: 15px; line-height: 1.64; }
  .students-hero__status .students-hero__status-title { font-size: 1.1rem; }
  .students-technologies .services { padding-top: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .students-technologies .service-item__card { transition: none; }
}