/* FChoice V8 — hiệu chỉnh có giới hạn, giữ nguyên cover Neo Folk V7. */

/* Chừa đúng 1,2 cm đầu trang để banner Emagazine của CMS không phủ logo. */
.cms-banner-clearance {
  display:block;
  height:1.2cm;
  background:#e94e25;
}

/* Hai quần đảo được chấm bổ sung trên một lớp riêng: không can thiệp vào KV V7. */
.hero-island-marks {
  position:absolute;
  display:block;
  width:min(76vw,1150px);
  height:auto;
  right:-190px;
  bottom:-245px;
  z-index:2;
  pointer-events:none;
  overflow:visible;
}

/* Để số liệu đi thành một mạch dọc, không có khung dọc-ngang song song. */
.metric-strip {
  display:block;
  width:min(100% - 48px,760px);
  max-width:none;
  margin:62px auto 44px;
  border:0;
}
.metric {
  display:grid;
  grid-template-columns:minmax(180px,255px) minmax(0,1fr);
  align-items:baseline;
  gap:12px 28px;
  min-height:0;
  padding:12px 0;
  border:0;
}
.metric:last-child {border:0}
.metric-icon {display:none}
.metric strong {
  font-size:clamp(33px,4vw,49px);
  letter-spacing:-.075em;
  line-height:1.23;
  color:#d95332;
}
.metric strong span {font-size:.46em;letter-spacing:-.025em}
.metric p {
  font-family:var(--serif);
  font-size:clamp(14px,1.15vw,16px);
  font-weight:600;
  line-height:1.65;
  max-width:none;
  margin:0;
  color:#19496b;
}
.two-col-body {
  display:block;
  max-width:760px;
  padding:0;
  margin:0 auto;
}
.two-col-body p {margin:0 0 24px}
.two-col-body p:last-child {margin-bottom:0}

/* Mạch đồ họa giải thưởng chuyển sang đường nét cắt giấy, nhành lúa thủ công. */
.awards-slogan {
  position:relative;
  isolation:isolate;
  width:calc(100% - 58px);
  max-width:1060px;
  margin:0 auto;
  padding:41px 48px;
  grid-template-columns:minmax(90px,145px) 1fr minmax(90px,145px);
  gap:9px;
  background:#f2cf80;
  border:0;
  outline:0;
  min-height:305px;
  transform:none;
  clip-path:polygon(0 5%,4% 2%,17% 3%,35% 1%,56% 2%,78% 0,96% 2%,100% 6%,99% 29%,100% 70%,98% 96%,84% 98%,67% 97%,45% 100%,23% 97%,3% 99%,0 93%,1% 66%);
}
.awards-slogan::before {
  content:'';
  position:absolute;
  inset:13px;
  border:2px solid rgba(207,79,45,.66);
  clip-path:polygon(0 0,99% 0,100% 100%,1% 99%);
  pointer-events:none;
}
.awards-slogan::after {
  content:'';
  position:absolute;
  z-index:-1;
  right:18%;left:18%;bottom:-14px;height:61px;
  opacity:.19;
  background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 14px,#e25332 15px 18px,transparent 19px 35px);
}
.awards-wreath {
  display:block;
  width:105px;
  height:178px;
  justify-self:center;
  color:#d65134;
  opacity:.9;
  transform:rotate(-10deg);
}
.awards-wreath.right {transform:scaleX(-1) rotate(-10deg)}
.awards-slogan strong {font-size:clamp(26px,3vw,41px);line-height:1.34}
.awards-slogan strong em {font-weight:650;color:#d45031}
.awards-count {
  max-width:930px;
  margin:76px auto 54px;
  justify-content:center;
  gap:20px;
  align-items:center;
}
.awards-count > div:not(.awards-x) {
  width:42%;
  position:relative;
  isolation:isolate;
  padding:29px 7px 24px;
}
.awards-count > div:not(.awards-x)::before {
  content:'';
  position:absolute;
  z-index:-1;
  left:9%;right:9%;top:0;bottom:0;
  background:rgba(246,190,99,.15);
  border-radius:43% 57% 56% 44% / 48% 39% 61% 52%;
  transform:rotate(-8deg);
}
.awards-count > div:last-child::before {transform:rotate(8deg);border-radius:57% 43% 47% 53% / 40% 57% 43% 60%}
.awards-count strong {
  color:#ffe09a;
  font-size:clamp(105px,13vw,170px);
  line-height:1;
  text-shadow:4px 5px 0 rgba(81,66,44,.16);
}
.awards-count span {
  font-size:12px;
  line-height:1.5;
  color:#ffedb8;
  margin-top:10px;
}
.awards-x {
  display:block;
  flex:0 0 105px;
  width:105px;
  height:65px;
  color:#ffe09a;
  opacity:1;
}

/* Danh sách hạng mục: mỗi dòng một giải thưởng, cùng một cột dễ quét. */
.award-detail {
  display:block;
  padding:0 32px 31px 108px;
}
.award-detail ul {
  list-style:none;
  margin:0;
  padding:0;
  max-width:825px;
}
.award-detail li {
  position:relative;
  padding:4px 0 4px 23px;
  font-family:var(--serif);
  font-size:15px;
  line-height:1.85;
  color:#fff2d1;
}
.award-detail li::before {
  content:'•';
  position:absolute;
  left:1px;top:4px;
  color:#ffd475;
  font-size:21px;
  line-height:1.32;
}

@media (max-width:1180px) {
  .hero-island-marks {right:-220px;bottom:-180px;width:min(91vw,1030px)}
}
@media (max-width:850px) {
  .hero-island-marks {right:-215px;bottom:-100px;width:min(100vw,800px)}
  .awards-slogan {width:calc(100% - 40px);grid-template-columns:90px 1fr 90px;padding:38px 22px}
  .awards-wreath {width:80px;height:137px}
  .awards-count {gap:0}
  .awards-x {flex-basis:76px;width:76px}
}
@media (max-width:620px) {
  .hero-island-marks {width:110vw;min-width:405px;right:-140px;bottom:-160px}
  .metric-strip {width:calc(100% - 44px);margin:35px auto 33px}
  .metric {grid-template-columns:minmax(0,1fr);gap:2px;padding:13px 0}
  .metric strong {font-size:clamp(30px,8.6vw,39px)}
  .metric strong span {font-size:.38em}
  .metric p {font-size:12.5px;line-height:1.55}
  .two-col-body {padding:0 22px;max-width:100%}
  .two-col-body p {margin-bottom:18px}
  .awards-slogan {width:calc(100% - 32px);min-height:245px;margin:0 auto;padding:31px 18px;grid-template-columns:1fr}
  .awards-wreath {position:absolute;top:14px;left:2px;width:42px;height:95px;opacity:.45}
  .awards-wreath.right {left:auto;right:2px}
  .awards-slogan strong {font-size:clamp(22px,6.8vw,29px)}
  .awards-slogan::before {inset:8px}
  .awards-count {margin:40px auto 35px;gap:0;padding:0 8px}
  .awards-count > div:not(.awards-x) {width:45%;padding:14px 0 12px}
  .awards-count strong {font-size:clamp(66px,21vw,104px)}
  .awards-count span {font-size:9px;letter-spacing:.025em;line-height:1.45}
  .awards-x {width:30px;flex-basis:30px;height:40px}
  .award-detail {padding:0 12px 22px 42px}
  .award-detail li {font-size:13px;line-height:1.65;padding:4px 0 4px 18px}
  .award-detail li::before {font-size:17px;top:5px}
}