/* 1.6.59 — Về chúng tôi editorial (templates/about.php). Đen/vàng, Playfair, kẻ mảnh. */
.hw-abx{--ink:#1A1C1E;--g:#C8A15A;--gd:#A8864A;--line:#E4E6E8;--mut:#6B7177;color:var(--ink)}
.hw-abx__wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.hw-abx h1,.hw-abx h2,.hw-abx h3{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:-.005em;color:inherit}
.hw-abx h2{margin:0 0 18px;font-size:clamp(26px,3vw,40px);line-height:1.1}
.hw-abx p{font-size:15.5px;line-height:1.7}
.hw-abx__eye{margin:0 0 10px;font:600 11px/1 'Be Vietnam Pro',sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:var(--gd)}
.hw-abx__lnk{font-weight:600;color:var(--gd);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;margin-left:16px}
.hw-abx__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 0;margin-top:22px}

.hw-abx__hero{padding:clamp(40px,7vw,96px) 0 clamp(28px,4vw,48px);border-bottom:1px solid var(--ink)}
.hw-abx__heroin{max-width:1180px}
.hw-abx__hero h1{margin:0;max-width:15ch;font-size:clamp(38px,6.4vw,84px);line-height:1}
.hw-abx__lead{max-width:56ch;margin:22px 0 0;color:#3b3f44;font-size:clamp(16px,1.4vw,18px)!important}

.hw-abx__facts ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;gap:0}
.hw-abx__facts li{padding:22px 4px 22px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.hw-abx__facts b{font:700 clamp(34px,4.4vw,58px)/1 "Playfair Display",Georgia,serif;color:var(--gd)}
.hw-abx__facts span{font-weight:600;font-size:14px;margin-top:6px}
.hw-abx__facts small{font-size:12.5px;color:var(--mut)}

.hw-abx__story,.hw-abx__sec,.hw-abx__care,.hw-abx__end{padding:clamp(40px,6vw,88px) 0}
.hw-abx__split{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
.hw-abx__fig{margin:0;position:relative}
.hw-abx__fig img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.hw-abx__fig--sq img{aspect-ratio:1}
.hw-abx__fig figcaption{margin-top:8px;font-size:12px;color:var(--mut);letter-spacing:.04em}
.hw-abx blockquote{margin:26px 0 0;padding:0 0 0 18px;border-left:2px solid var(--g);font:italic 400 clamp(19px,1.8vw,24px)/1.45 "Playfair Display",Georgia,serif}
.hw-abx blockquote cite{display:block;margin-top:10px;font:600 12px/1 'Be Vietnam Pro',sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}

.hw-abx__tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.hw-abx__tl li{display:grid;grid-template-columns:minmax(92px,160px) 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.hw-abx__tl em{font:700 clamp(22px,2.4vw,32px)/1 "Playfair Display",Georgia,serif;font-style:normal;color:var(--gd)}
.hw-abx__tl h3{margin:0 0 4px;font-size:clamp(18px,1.6vw,22px)}
.hw-abx__tl p{margin:0;color:#4A4F55}

.hw-abx__sec--soft{background:#F6F4EF}
.hw-abx__two{display:grid;gap:clamp(32px,5vw,72px)}
.hw-abx__dl{margin:0;border-top:1px solid var(--ink)}
.hw-abx__dl>div{padding:14px 0;border-bottom:1px solid #DCD8CF}
.hw-abx__dl dt{font:700 18px/1.3 "Playfair Display",Georgia,serif}
.hw-abx__dl dd{margin:4px 0 0;font-size:14.5px;line-height:1.6;color:#4A4F55}

.hw-abx__care{background:var(--ink);color:#fff}
.hw-abx__care p{color:rgba(255,255,255,.72)}
.hw-abx__care .hw-abx__eye{color:var(--g)}
.hw-abx__care .hw-btn{background:var(--g);border-color:var(--g);color:var(--ink)}

.hw-abx__faq details{border-bottom:1px solid var(--line);padding:14px 0}
.hw-abx__faq details:first-child{border-top:1px solid var(--ink)}
.hw-abx__faq summary{cursor:pointer;list-style:none;font:700 17px/1.35 "Playfair Display",Georgia,serif;display:flex;justify-content:space-between;gap:12px}
.hw-abx__faq summary::-webkit-details-marker{display:none}
.hw-abx__faq summary::after{content:"+";color:var(--gd);font-family:'Be Vietnam Pro',sans-serif;font-weight:400}
.hw-abx__faq details[open] summary::after{content:"–"}
.hw-abx__faq p{margin:8px 0 0;color:#4A4F55}
.hw-abx__end{border-top:1px solid var(--ink)}
.hw-abx__end h2{font-size:clamp(30px,4.4vw,56px);max-width:16ch}

@media (min-width:768px){
	.hw-abx__facts ul{grid-template-columns:repeat(4,minmax(0,1fr))}
	.hw-abx__facts li{border-bottom:0;border-right:1px solid var(--line);padding-left:20px}
	.hw-abx__facts li:first-child{padding-left:0}
	.hw-abx__facts li:last-child{border-right:0}
	.hw-abx__facts{border-bottom:1px solid var(--line)}
	.hw-abx__split{grid-template-columns:5fr 7fr}
	.hw-abx__split--rev{grid-template-columns:7fr 5fr}
	.hw-abx__two{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){.hw-abx__lnk{margin-left:0;margin-right:16px}.hw-abx__tl li{grid-template-columns:1fr;gap:6px}}
