/* V9: chỉ dọn ba họa tiết bị đánh dấu và đưa toàn bộ cover vào một màn hình. */

/* 1,2 cm đầu trang dành cho banner CMS, phần còn lại chính là chiều cao cover. */
.hero {
  height:calc(100svh - 1.2cm);
  min-height:0;
}
.hero-content {padding-top:clamp(91px,12.5svh,132px)}
.hero-prehead {margin-bottom:17px}
.hero-deck {margin-top:20px}
.hero-scroll {margin-top:13px}
.hero-caption {bottom:10px}

/* Giữ giấy màu và kiểu chữ; xóa nhành lá hai bên cùng nét vẽ giữa 25 và 05. */
.awards-slogan {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding-left:38px;
  padding-right:38px;
}
.awards-slogan > div {width:100%}
.awards-count {justify-content:space-evenly;gap:22px}

@media (max-width:850px) {
  .hero-content {padding-top:clamp(90px,12svh,123px)}
  .hero-deck {margin-top:16px}
  .hero-scroll {margin-top:12px}
}

@media (max-width:620px) {
  .hero {height:calc(100svh - 1.2cm);min-height:0}
  .hero-content {padding-top:clamp(75px,12svh,106px)}
  .hero-prehead {margin-bottom:11px}
  .hero h1 {font-size:clamp(31px,9vw,55px)}
  .hero-deck {margin-top:14px;font-size:clamp(10px,1.5svh,12px);line-height:1.54}
  .hero-scroll {margin-top:10px}
  .hero-caption {bottom:6px;font-size:7px}
  .awards-slogan {min-height:230px;padding:27px 18px}
  .awards-count {gap:0}
}

@media (max-height:730px) {
  .hero-content {padding-top:clamp(63px,10svh,91px)}
  .hero h1 {font-size:clamp(37px,min(7.3vw,10.7svh),95px)}
  .hero-deck {line-height:1.5;margin-top:12px}
  .hero-scroll {margin-top:8px}
}

@media (max-width:620px) and (max-height:650px) {
  .hero-content {padding-top:60px}
  .hero h1 {font-size:clamp(29px,8.5vw,44px)}
  .hero-deck {font-size:10px;line-height:1.42;margin-top:11px}
  .hero-scroll {margin-top:7px}
}