.hapo-expert-culture{position:relative;box-sizing:border-box;min-height:871px;overflow:hidden;padding:111px 24px 115px;background:#fff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-expert-culture *{box-sizing:border-box}
.hapo-expert-culture--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-expert-culture--container{width:100%}
.hapo-expert-culture__inner{width:min(1440px,100%);margin:auto}
.hapo-expert-culture__header{text-align:center}
.hapo-expert-culture .hapo-expert-culture__heading{margin:0;color:#09090b;font-size:46px;font-weight:800;line-height:1.3;letter-spacing:-.04em}
.hapo-expert-culture__rule{display:block;width:150px;height:4px;margin:25px auto 25px;background:#08c86c}
.hapo-expert-culture .hapo-expert-culture__description{max-width:1460px;margin:0 auto;color:#0a0a0c;font-size:20px;line-height:1.5;letter-spacing:-.03em}
.hapo-expert-culture__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:58px 0 0;padding:0;list-style:none}
.hapo-expert-culture .hapo-expert-culture__card{min-width:0;min-height:372px;margin:0;padding:16px 16px 18px;border-radius:12px;background:#fff;box-shadow:0 7px 28px rgba(16,49,28,.055);text-align:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.hapo-expert-culture__visual{width:100%;aspect-ratio:306/230;overflow:hidden;background:#f1f5f1}
.hapo-expert-culture__visual picture,.hapo-expert-culture__photo{display:block;width:100%;height:100%}
.hapo-expert-culture__photo{object-fit:cover;object-position:center}
.hapo-expert-culture .hapo-expert-culture__card h3{margin:24px 0 5px;color:#00c85e;font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.025em}
.hapo-expert-culture .hapo-expert-culture__card p{margin:0;color:#787878;font-size:16px;line-height:1.45}
.hapo-expert-culture__empty{text-align:center}
@media(hover:hover) and (pointer:fine){.hapo-expert-culture .hapo-expert-culture__card:hover{transform:translateY(-6px);box-shadow:0 17px 34px rgba(16,49,28,.11)}}
@media(max-width:1100px){.hapo-expert-culture{min-height:0;padding:85px 24px 100px}.hapo-expert-culture__cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:750px;margin:45px auto 0}.hapo-expert-culture .hapo-expert-culture__description{font-size:17px}}
@media(max-width:650px){.hapo-expert-culture{padding:70px 18px 84px}.hapo-expert-culture .hapo-expert-culture__heading{font-size:32px}.hapo-expert-culture__rule{margin:20px auto}.hapo-expert-culture .hapo-expert-culture__description{font-size:15px;line-height:1.6}.hapo-expert-culture .hapo-expert-culture__description br{display:none}.hapo-expert-culture__cards{grid-template-columns:1fr;max-width:380px;gap:18px;margin-top:34px}.hapo-expert-culture .hapo-expert-culture__card{min-height:0}.hapo-expert-culture .hapo-expert-culture__card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hapo-expert-culture .hapo-expert-culture__card{transition:none}}

/* Mobile reference correction — 2026-10-20 (Đội ngũ chuyên gia.jpg, 375×18333). Measured from the supplied mobile frame; local values, not shared tokens. */
.hapo-expert-culture .hapo-expert-culture__cards>li{margin-left:0}
@media(max-width:650px){
.hapo-expert-culture{padding:70px 0 72px}
.hapo-expert-culture__header{padding:0 16px}
.hapo-expert-culture .hapo-expert-culture__heading{font-size:26px;letter-spacing:-.6px;line-height:1.3}
.hapo-expert-culture__rule{width:80px;margin:20px auto 16px}
.hapo-expert-culture .hapo-expert-culture__description{font-size:16px;line-height:1.32;letter-spacing:0}
/* UX: swipe row instead of four stacked photo cards (~1,500px saved); next card peeks to signal scroll. */
.hapo-expert-culture__cards{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:14px;max-width:none;margin:32px 0 0;padding:4px 16px 18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:16px;scroll-snap-type:inline mandatory;scrollbar-width:none}
.hapo-expert-culture__cards::-webkit-scrollbar{display:none}
.hapo-expert-culture .hapo-expert-culture__card{padding:12px 12px 16px;box-shadow:0 6px 20px rgba(16,49,28,.08);scroll-snap-align:start}
.hapo-expert-culture__visual{aspect-ratio:319/240}
.hapo-expert-culture .hapo-expert-culture__card h3{margin:16px 0 4px;color:#09090b;font-size:16px;text-transform:uppercase}
.hapo-expert-culture .hapo-expert-culture__card p{font-size:14px;line-height:1.35}
}