.landing-page .lp-hero{min-height:560px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}
.landing-page .lp-hero__copy{padding:56px clamp(30px,4.5vw,60px)}
.landing-page .lp-hero h1{max-width:760px;font-size:clamp(42px,4.45vw,64px);font-weight:600;line-height:1.035;letter-spacing:-.045em;text-wrap:balance}
.landing-page .lp-hero__lead{margin-top:22px;line-height:1.6}
.landing-page .lp-hero__actions{margin-top:28px}
.landing-page .lp-hero ul{margin-top:28px}
.landing-page .lp-hero__visual img{height:460px}
.lp-category-hub{max-width:1280px;margin:30px auto 72px;padding:32px;background:#fff;border:1px solid #e4ded6;box-shadow:0 16px 45px rgba(24,20,17,.04)}
.lp-category-hub__heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.lp-category-hub__heading .lp-kicker{margin-bottom:9px}
.lp-category-hub__heading h2{margin:0;font-size:clamp(25px,2.65vw,37px);font-weight:650;letter-spacing:-.035em;line-height:1.12}
.lp-category-hub__heading>p{max-width:420px;margin:0;color:#69645f;font-size:13px;line-height:1.6}
.lp-category-hub__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.landing-page .lp-category-group{display:block;min-width:0;padding:22px;background:#f7f4ef;border:1px solid #e6dfd5;border-radius:4px}
.lp-category-group__heading{min-height:67px;margin-bottom:15px}
.lp-category-group__heading h3{margin:0 0 6px;font-size:18px;font-weight:750;letter-spacing:-.015em}
.lp-category-group__heading p{margin:0;color:#766f67;font-size:12px;line-height:1.4}
.lp-category-group__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lp-category-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:55px;padding:10px 14px;background:#fff;border:1px solid #e1dbd3;border-radius:4px;color:#2b2927;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s}
.lp-category-link span:last-child{flex:none;color:#e46618;font-size:17px;font-weight:500}
.lp-category-link:hover,.lp-category-link:focus-visible{background:#22201f;border-color:#22201f;color:#fff;transform:translateY(-2px)}
.lp-category-link:hover span:last-child,.lp-category-link:focus-visible span:last-child{color:#ff934c}
.lp-category-link.is-current{background:#fff0e5;border-color:#f29358;color:#a84b0c}
.lp-category-link.is-current:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#f06b1a}
.lp-category-link.is-current span:first-child{margin-right:auto}
.lp-category-link.is-current:hover{background:#22201f;color:#fff}
@media(max-width:1050px){
  .landing-page .lp-hero{grid-template-columns:1fr;min-height:0}
  .landing-page .lp-hero__visual{min-height:400px}
  .landing-page .lp-hero__visual img{height:390px}
  .lp-category-hub__groups{grid-template-columns:1fr}
  .lp-category-group__heading{min-height:0}
  .lp-category-group__links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .landing-page .lp-hero__copy{padding:36px 23px 28px}
  .landing-page .lp-hero h1{font-size:clamp(34px,9vw,44px);line-height:1.06}
  .landing-page .lp-hero__lead{font-size:14px}
  .landing-page .lp-hero__visual{min-height:300px}
  .landing-page .lp-hero__visual img{height:290px}
  .lp-category-hub{width:100%;max-width:100%;margin:14px auto 52px;padding:20px 14px}
  .lp-category-hub__heading{display:block;margin-bottom:20px}
  .lp-category-hub__heading h2{font-size:26px}
  .lp-category-hub__heading>p{margin-top:10px;font-size:12px}
  .lp-category-hub__groups{gap:12px}
  .landing-page .lp-category-group{padding:17px 12px}
  .lp-category-group__heading h3{font-size:16px}
  .lp-category-group__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .lp-category-link{min-height:52px;padding:9px 10px;font-size:12px}
  .lp-category-link span:last-child{font-size:15px}
}
@media(max-width:360px){.lp-category-link{font-size:11px;padding:8px}.landing-page .lp-category-group{padding:14px 10px}}

/* Natural Vietnamese casing and spacing for category landing pages. */
.landing-page{font-family:"Be Vietnam Pro",system-ui,Arial,sans-serif}
.landing-page .lp-hero h1{font-family:"Be Vietnam Pro",system-ui,Arial,sans-serif;font-size:clamp(39px,4.25vw,60px);font-weight:600;line-height:1.18;letter-spacing:-.02em;text-transform:none;text-wrap:balance}
.landing-page .lp-heading h2,.landing-page .lp-category-hub__heading h2{font-family:"Be Vietnam Pro",system-ui,Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.landing-page .lp-hero__lead{line-height:1.75}
@media(max-width:620px){.landing-page .lp-hero h1{font-size:clamp(32px,7.2vw,40px);line-height:1.22;letter-spacing:-.012em}}