/* Trang chủ Light – rộng theo màn hình, không giới hạn 1216 px. */
.hero.container{width:calc(100% - 80px);max-width:none}
.hero{padding-top:30px;padding-bottom:28px;min-height:390px;display:grid;grid-template-columns:minmax(0,0.98fr) minmax(0,1.22fr);gap:clamp(25px,3.4vw,72px);align-items:center}
.hero-copy{min-width:0}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.105em}.hero .eyebrow-mark{width:22px;height:3px;border-radius:4px;background:var(--gold)}
.hero h1{font-size:clamp(26px,2.65vw,43px);line-height:1.19;letter-spacing:-.045em;color:var(--navy-deep);font-weight:820;margin:16px 0 21px}.hero-service-link{display:table;position:relative;padding-right:.75em;color:var(--navy-deep);text-decoration:none;cursor:pointer;border-radius:5px;transition:color .18s ease,background-color .18s ease}.hero-service-link--accent{color:var(--teal)}.hero-service-link::after{content:"↗";position:absolute;right:0;top:.08em;font-size:.56em;font-weight:650;opacity:0;transform:translate(-4px,4px);transition:opacity .17s ease,transform .17s ease}.hero-service-link:hover,.hero-service-link:focus-visible{color:#087f8b;background:#eaf8f8;text-decoration:none}.hero-service-link--accent:hover,.hero-service-link--accent:focus-visible{color:#135079;background:#eaf2fa}.hero-service-link:hover::after,.hero-service-link:focus-visible::after{opacity:1;transform:translate(0,0)}
.hero p{color:#60768a;line-height:1.75;font-size:14px;max-width:610px;margin:0}
.slider{position:relative;height:clamp(320px,29vw,510px);min-width:0;border-radius:14px;overflow:hidden;border:1px solid #e0e9ef;background:#eaf2f6;box-shadow:0 18px 40px rgba(33,69,97,.10)}.slider:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,28,46,.76),transparent 52%);z-index:1;pointer-events:none}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none;margin:0}.slide.is-active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide figcaption{display:none}
.hero-visual-note{position:absolute;left:22px;right:22px;bottom:16px;z-index:2;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;text-shadow:0 1px 4px rgba(0,0,0,.25)}.slide-caption{display:flex;flex-direction:column;gap:3px;min-width:0}.slide-caption strong{font-size:14px;line-height:1.35;font-weight:750;max-width:640px}.slide-category{color:#d9f7fb;font-size:11px;letter-spacing:.08em;font-weight:750;text-transform:uppercase}.slide-count{font-size:11px;font-weight:750;white-space:nowrap;opacity:.85}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:39px;height:39px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.85);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(10,35,54,.14);transition:background .18s ease,color .18s ease}.slider-btn:hover,.slider-btn:focus-visible{background:#fff;color:var(--teal)}.slider-btn .icon{width:20px;height:20px}.slider-btn-prev{left:14px}.slider-btn-next{right:14px}
@media(max-width:1250px){.hero.container{width:calc(100% - 52px)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px}.hero h1{font-size:clamp(24px,2.6vw,35px)}}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:23px;padding-top:31px;padding-bottom:24px}.hero h1{font-size:clamp(29px,4.1vw,42px)}.slider{height:clamp(310px,53vw,470px)}}
@media(max-width:700px){.hero.container{width:calc(100% - 32px)}.hero{padding-top:25px;gap:20px}.hero h1{font-size:clamp(25px,6.4vw,34px);margin:14px 0}.hero p{font-size:13px}.slider{height:clamp(225px,64vw,340px)}.hero-visual-note{left:14px;right:14px;bottom:13px}.slide-caption strong{font-size:11.5px}.slide-category,.slide-count{font-size:10px}.slider-btn{width:34px;height:34px;top:45%}.slider-btn-prev{left:10px}.slider-btn-next{right:10px}}
@media(prefers-reduced-motion:reduce){.slide,.hero-service-link,.hero-service-link::after{transition:none}}

/* Mo ta cong trinh doc tu CSV: hien ngan khi tro chuot, focus, tren dien thoai. */
.slide-image-link{display:block;width:100%;height:100%;cursor:pointer}.slide-image-link:focus-visible{outline:3px solid #f2bd50;outline-offset:-5px}.slide-image-link img{width:100%;height:100%;object-fit:cover}
.slide-description{font-size:12px;font-weight:450;line-height:1.4;color:#f3fafb;max-width:640px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:0;opacity:0;transition:max-height .2s ease,opacity .2s ease}
.slide-description[hidden]{display:none!important}.slider:hover .slide-description,.slider:focus-within .slide-description{max-height:40px;opacity:1}
@media(hover:none){.slide-description:not([hidden]){max-height:40px;opacity:1}}
@media(max-width:700px){.slide-description{font-size:10.5px;-webkit-line-clamp:2}}