/* ============ HERO (riêng trang chủ) ============ */
.hero{
  position:relative;height:580px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;
  padding-inline:120px;text-align:center;overflow:hidden;
}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero__scrim{position:absolute;inset:0;background:rgba(18,20,26,.6);}
.hero > *:not(.hero__bg):not(.hero__scrim){position:relative;}
.hero__eyebrow{
  font-size:14px;font-weight:700;color:#fff;letter-spacing:1.96px;white-space:nowrap;
}
.hero__title{
  font-size:54px;font-weight:700;line-height:1.1;letter-spacing:-.54px;color:#fff;
}
.hero__sub{
  width:720px;max-width:100%;
  font-size:18px;line-height:1.6;color:#e5ebf0;
}
.hero__dots{display:flex;align-items:center;gap:8px;padding-top:10px;}

/* ============ VỀ CHÚNG TÔI ============ */
.about{background:var(--bg);padding:80px var(--gutter);}
.about__container{display:flex;gap:80px;align-items:flex-start;}
.about__left{width:555px;flex:none;display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.about__title{font-size:24px;font-weight:700;line-height:32px;text-transform:uppercase;color:var(--ink);}
.about__text{font-size:16px;line-height:1.68;color:var(--muted);}

.about__stats{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;}
.about__stats-row{display:flex;gap:14px;}
.stat{
  position:relative;overflow:hidden;padding:20px;
  display:flex;align-items:flex-end;justify-content:space-between;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.stat--big{height:283px;}
.stat--sm{flex:1;min-width:0;height:227px;}
.stat__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.stat__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(147,17,22,0) 50.177%,rgba(147,17,22,.8) 100%);}
.stat__label,.stat__num{position:relative;color:#fff;white-space:nowrap;}
.stat__label{font-size:16px;font-weight:700;}
/* Figma dùng Helvetica Neue Condensed Black; máy không có sẽ dùng Inter 800 */
.stat__num{font-size:36px;font-weight:800;line-height:36px;letter-spacing:-.5px;}
.stat__num small{font-size:26px;font-weight:800;}

/* ============ LĨNH VỰC HOẠT ĐỘNG ============ */
.sectors{position:relative;padding:80px var(--gutter);overflow:hidden;}
.sectors__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.sectors__scrim{position:absolute;inset:0;background:rgba(239,239,239,.6);}
.sectors__head,.sectors__cards{position:relative;}
.sectors__head{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-bottom:48px;}
.sectors__lead{font-size:16px;line-height:1.6;color:var(--ink);}

.sectors__cards{display:flex;gap:28px;align-items:stretch;}
.sector-card{
  flex:1;min-width:0;display:flex;flex-direction:column;
  background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.sector-card__media{height:441px;flex:none;background:linear-gradient(to bottom,#edf2f7,#fcfcff);}
.sector-card__media img{width:100%;height:100%;object-fit:cover;}
.sector-card__body{
  display:flex;flex-direction:column;gap:12px;align-items:flex-start;
  padding:28px 32px 32px;color:#fff;
  background:linear-gradient(-90deg,#b3171d 0%,#771519 100%);
  flex:1;
}
.sector-card__title{font-size:26px;font-weight:700;}
.sector-card__text{font-size:18px;line-height:1.6;}
.sector-card__link{
  display:inline-flex;align-items:center;gap:8px;padding-top:6px;
  font-size:15px;font-weight:500;color:var(--brand-soft);
}
.sector-card__link img{width:16px;height:16px;}
.sector-card__link:hover{opacity:.8;}

/* Khối "Chứng nhận & giải thưởng" (.certs/.badge/.tab/.dot) nay ở assets/css/main.css
   vì dùng chung với trang Giới thiệu. */

/* ============ TIN TỨC MỚI NHẤT ============ */
.news{position:relative;padding:80px var(--gutter);overflow:hidden;}
.news__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.news__scrim{position:absolute;inset:0;background:rgba(255,255,255,.5);}
.news__head,.news__grid{position:relative;}
.news__head{
  display:flex;align-items:center;justify-content:space-between;
  height:66.25px;margin-bottom:44px;
}
.news__all{font-size:15px;font-weight:700;color:var(--brand);white-space:nowrap;}
.news__all:hover{color:var(--brand-deep);}

.news__grid{display:flex;gap:16px;align-items:stretch;}
/* thẻ lớn */
.news-hero{
  flex:1;min-width:0;position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:12px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.news-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.news-hero__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(147,17,22,0) 50.177%,rgba(147,17,22,.8) 100%);}
.news-hero__body{position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:24px 30px 28px;color:#fff;}
.news-hero__tag{font-size:12px;font-weight:700;}
.news-hero__title{font-size:22px;font-weight:500;line-height:1.42;}
/* cột 3 thẻ ngang */
.news__col{width:561px;flex:none;display:flex;flex-direction:column;gap:16px;}
.news-item{
  display:flex;align-items:stretch;background:var(--bg);border:1px solid var(--line);
  border-radius:12px;overflow:hidden;
  transition:box-shadow .18s ease;
}
.news-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.10);}
.news-item__thumb{width:274px;flex:none;object-fit:cover;}
.news-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:22px 20px;}
.news-item__tag{font-size:12px;font-weight:700;color:var(--brand);}
.news-item__title{font-size:15px;font-weight:500;line-height:1.3;color:var(--ink);}
.news-date{display:flex;align-items:center;gap:7px;padding-top:4px;font-size:12px;font-weight:500;}
.news-date img{width:15px;height:15px;}
.news-date--light{color:#fff;}
.news-date--muted{color:var(--muted);}

/* ============ RESPONSIVE (trang chủ) ============ */
@media (max-width:1024px){
  .hero{padding-inline:var(--gutter);height:auto;min-height:500px;padding-block:72px;}
  .about__container{flex-direction:column;gap:40px;}
  .about__left{width:100%;}
  .sectors__cards{flex-wrap:wrap;}
  .sector-card{flex:1 1 100%;}
  .news__grid{flex-direction:column;}
  .news__col{width:100%;}
}
@media (max-width:640px){
  .hero{min-height:auto;padding-block:52px;gap:16px;}
  .hero__eyebrow{white-space:normal;font-size:12px;letter-spacing:1.2px;}
  .hero__title{font-size:31px;line-height:1.15;letter-spacing:0;}
  .hero__sub{font-size:15.5px;}
  .about__title{font-size:21px;line-height:1.3;}
  .about__stats-row{flex-direction:column;}
  .stat--big{height:210px;}
  .stat--sm{height:170px;}
  .stat__num{font-size:30px;line-height:32px;}
  .stat__num small{font-size:22px;}
  .sector-card__media{height:230px;}
  .sector-card__title{font-size:22px;}
  .sector-card__text{font-size:16px;}
  .news__head{height:auto;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px;}
  .news-item{flex-direction:column;}
  .news-item__thumb{width:100%;height:190px;}
  .news-hero{min-height:260px;}
  .news-hero__title{font-size:19px;}
}