:root {
  --navy: #0b4d68;
  --deep: #07364d;
  --blue: #14747a;
  --sky: #d6a63c;
  --ice: #f2f8f5;
  --shadow: 0 22px 60px rgba(7, 54, 77, .14);
}

.hero {
  background: linear-gradient(115deg, #f3faf7 0%, #fff 58%);
}

.hero:before {
  content: "AOYAMA";
  color: rgba(11, 77, 104, .035);
  font-size: 12rem;
}

.hero h1 em:after {
  background: linear-gradient(90deg, var(--sky), #f0d996);
}

.score-card span {
  color: #e5f2ef;
}

.method-photo span {
  color: #07364d;
}

.admission-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 24px;
}

.admission-grid article {
  background: #fff;
  padding: 25px 27px;
  border-top: 4px solid var(--sky);
}

.admission-grid h3 {
  margin: 0 0 10px;
  color: var(--navy);
  font-size: 1.15rem;
}

.admission-grid p {
  margin: 0;
  color: var(--muted);
  font-size: .86rem;
}

.result-note {
  margin-top: 22px;
  padding: 18px 22px;
  border-left: 5px solid var(--sky);
  background: #fff;
  color: #425068;
  font-size: .88rem;
}

.result-note strong {
  color: var(--navy);
}

@media (max-width: 760px) {
  .hero:before { font-size: 6rem; }
  .admission-grid { grid-template-columns: 1fr; gap: 10px; }
}