.dynamic-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:28px;padding-block:34px 42px}
.hero-lead{position:relative;min-height:660px;overflow:hidden;background:#181612;color:#fff}
.hero-image,.hero-image:after{position:absolute;inset:0}.hero-image:after{content:"";display:block;background:linear-gradient(180deg,rgba(0,0,0,.04) 25%,rgba(10,8,6,.82) 100%)}
.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-lead:hover .hero-image img{transform:scale(1.025)}
.hero-overlay{position:absolute;z-index:2;inset:auto 54px 48px;max-width:780px}
.hero-kicker{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.hero-kicker span:first-child{background:var(--wine);padding:7px 10px}.hero-kicker span:last-child{opacity:.8}
.hero-overlay h1{margin:0;max-width:790px;font:450 clamp(48px,5.2vw,78px)/.98 var(--serif);letter-spacing:-.055em;text-wrap:balance}
.hero-overlay>p{max-width:630px;margin:20px 0 22px;color:rgba(255,255,255,.82);font-size:15px}
.hero-cta{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hero-stack{display:flex;flex-direction:column;border-top:3px solid var(--ink)}
.hero-stack-head{display:flex;justify-content:space-between;align-items:center;padding:13px 0 18px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero-stack-head a{color:var(--wine)}
.hero-mini{display:grid;grid-template-rows:1fr auto;flex:1;border-top:1px solid var(--line);padding-block:20px;min-height:0}
.hero-mini:first-of-type{border-top:0;padding-top:0}.hero-mini-image{position:relative;display:block;overflow:hidden;min-height:180px}
.hero-mini-image img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s}.hero-mini:hover img{transform:scale(1.035)}
.hero-mini-image span{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;background:var(--paper);font-size:10px;font-weight:800}
.hero-mini>div{padding-top:14px}.hero-mini h2{margin:7px 0 6px;font:500 24px/1.08 var(--serif);letter-spacing:-.035em}.hero-mini p{margin:0;color:#686158;font-size:12px;line-height:1.5}
.topic-strip{background:var(--wine);color:#fff}.topic-strip .wrap{min-height:48px;display:flex;align-items:center;justify-content:center;gap:24px;overflow:auto;white-space:nowrap;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.topic-strip span{opacity:.65}.topic-strip i{opacity:.5}.topic-strip a{font-weight:750}.topic-strip a:hover{text-decoration:underline}
@media(max-width:980px){.dynamic-hero{grid-template-columns:1fr}.hero-lead{min-height:620px}.hero-stack{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero-stack-head{grid-column:1/-1}.hero-mini{display:block}.hero-mini-image{min-height:0}}
@media(max-width:640px){.dynamic-hero{width:100%;padding-top:0;gap:18px}.hero-lead{min-height:600px}.hero-overlay{inset:auto 22px 28px}.hero-overlay h1{font-size:45px}.hero-overlay>p{font-size:13px}.hero-stack{width:calc(100% - 28px);margin:auto;grid-template-columns:1fr}.hero-stack-head{padding-top:8px}.hero-mini{display:grid;grid-template-columns:42% 1fr;gap:14px}.hero-mini-image img{aspect-ratio:1/1}.hero-mini>div{padding-top:0}.hero-mini h2{font-size:21px}.hero-mini p{display:none}.topic-strip .wrap{justify-content:flex-start;width:100%;padding-inline:14px}}
.guide-section{position:relative}.guide-section:before{content:"CẨM NANG";position:absolute;right:0;top:62px;color:rgba(22,21,19,.035);font:700 clamp(70px,10vw,145px)/1 var(--sans);letter-spacing:-.06em;pointer-events:none}
.guide-head{position:relative;z-index:1}.guide-head h2 a{display:inline-flex;align-items:center;gap:20px}.guide-head h2 a span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;font:400 18px/1 var(--sans);transition:.25s}
.guide-head h2 a:hover span{background:var(--wine);border-color:var(--wine);color:#fff;transform:rotate(45deg)}
.guide-section .editorial-grid{position:relative;z-index:1;grid-template-columns:1.2fr .9fr 1.05fr;gap:18px}
.guide-section .editorial-card{display:block;min-height:600px;isolation:isolate}.guide-section .editorial-card:nth-child(2){margin-top:58px;min-height:542px}.guide-section .editorial-card:before{content:"";position:absolute;inset:0;border:0 solid rgba(255,255,255,.7);z-index:3;transition:border-width .3s}
.guide-section .editorial-card:hover:before,.guide-section .editorial-card:focus-visible:before{border-width:8px}.guide-section .editorial-card:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
.guide-section .editorial-card>div:last-child{z-index:4}.guide-section .card-read{display:inline-flex;gap:12px;align-items:center;margin-top:18px;font:700 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s}.guide-section .editorial-card:hover .card-read,.guide-section .editorial-card:focus-visible .card-read{opacity:1;transform:none}.guide-section .card-read b{font-size:15px}
@media(max-width:980px){.guide-section .editorial-grid{grid-template-columns:1fr 1fr}.guide-section .editorial-card:nth-child(2){margin-top:0}.guide-section .editorial-card:last-child{grid-column:1/-1;min-height:520px}.guide-section:before{top:80px}}
@media(max-width:640px){.guide-head h2 a{gap:10px}.guide-head h2 a span{width:38px;height:38px;font-size:14px}.guide-section .editorial-grid{grid-template-columns:1fr}.guide-section .editorial-card,.guide-section .editorial-card:nth-child(2),.guide-section .editorial-card:last-child{grid-column:auto;min-height:480px;margin-top:0}.guide-section .card-read{opacity:1;transform:none}}