/* Styles limited to the Home introduction and recruitment section. */
.homepage .home-overview { background: radial-gradient(ellipse at 50% 24%, #163d49 0, #0b202a 30%, #071319 66%); }
.homepage .hero {
  background: none;
  min-height: auto;
  padding: 140px 0 58px;
}
.homepage .hero-content { transform: none; opacity: 1; }
.homepage .hero-university { color: #9ababc; font: 11px/1.7 Arial, sans-serif; letter-spacing: 3px; }
.homepage .hero-title { font: 500 clamp(76px, 10vw, 128px)/1.1 Arial, sans-serif; letter-spacing: -4px; margin: 20px 0 24px; }
.homepage .hero-rule { height: 2px; width: 140px; background: #7cdbda; margin: 0 auto 28px; }
.homepage .hero-fullname { color: #edf5f3; font: 500 clamp(25px, 3.2vw, 39px)/1.35 Arial, sans-serif; margin-bottom: 15px; }
.homepage .hero-text { font-size: 23px; font-weight: 400; letter-spacing: 3px; color: #b8cdcf; margin: 0; }
.homepage .recruit { padding: 24px 0 65px; }
.homepage .RecruitBoard { opacity: 1; transform: none; }
@media (max-width: 600px) {
  .homepage .hero { padding: 105px 0 40px; }
  .homepage .hero-university { font-size: 9px; letter-spacing: 1.3px; }
  .homepage .hero-title { letter-spacing: -3px; }
  .homepage .hero-fullname { font-size: 27px; }
  .homepage .hero-text { font-size: 18px; letter-spacing: 1px; }
}

/* Muted burgundy recruitment panel without the animated glow. */
.homepage .RecruitBoard {
  background: #542e36;
  border: 1px solid #70434b;
  padding: 5px;
  filter: none;
  animation: none;
}
.homepage .RecruitBoard .block { background: #2d1d25; }
.homepage .RecruitBoard .wanted { color: #d6a0a5; }
.homepage .RecruitBoard .block .interest { color: #cbb9bd; }
.homepage .RecruitBoard .block .interest a b,
.homepage .RecruitBoard .recruit-video a { color: #e4bdc1; }

/* Readable university name and compact bilingual recruitment copy. */
.homepage .hero-university {
  color: #b7cdd0;
  font: 400 21px/1.5 Arial, sans-serif;
  letter-spacing: .4px;
}
.homepage .RecruitBoard .wanted { color: #e78c91; }
.homepage .RecruitBoard .recruit-intro { font-size: 16px; line-height: 1.75; }
.homepage .RecruitBoard .block .interest,
.homepage .RecruitBoard .block .interest a b { font-size: 16px; line-height: 1.75; }
.homepage .RecruitBoard .block .interest a b { display: inline-block; margin-top: 8px; }
@media (max-width: 600px) {
  .homepage .hero-university { font-size: 18px; letter-spacing: 0; }
  .homepage .RecruitBoard .recruit-intro,
  .homepage .RecruitBoard .block .interest,
  .homepage .RecruitBoard .block .interest a b { font-size: 15px; }
}