/* ==========================================================
   Real English 2027 – Về Real English (+ biến thể block dùng chung)
   ========================================================== */

/* ---------- Hero chia đôi (home_hero, variant = split) ---------- */
.hp-hero--split { min-height: 380px; padding: 2rem 0; background: linear-gradient(90deg, #fff 0%, #fbf7f7 50%); }
.hp-hero--split .hp-hero__img { width: 52%; object-position: center; }
.hp-hero--split::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 47.5%, rgba(255, 255, 255, .55) 48%, rgba(255, 255, 255, 0) 51%); }
.hp-hero--split .hp-hero__content { max-width: 44%; }
.hp-hero--split .hp-hero__eyebrow { color: var(--re-red); font-size: .82rem; font-weight: 700; letter-spacing: 1.2px; }
.hp-hero--split .hp-hero__title { font-size: clamp(2rem, 3.6vw, 2.75rem); }
.hp-hero--split .hp-hero__desc { font-size: 1.02rem; line-height: 1.55; max-width: 440px; }
.hp-hero--split .re-btn--lg { padding: .7rem 1.3rem; font-size: .88rem; }
.hp-hero--split .hp-hero__actions { gap: .8rem; }
.hp-hero--split .hp-hero__hand { top: 16%; right: 1.5%; font-size: clamp(1.7rem, 2.8vw, 2.5rem); }

/* ---------- Guide: đoạn văn + nút (home_guide) ---------- */
.hp-guide__text { color: var(--hp-muted); font-size: .9rem; line-height: 1.6; max-width: 660px; margin-bottom: .75rem; }
.hp-guide__btn { margin-top: .5rem; }

/* ---------- Tiêu đề section ---------- */
.ab-section { padding: 2.2rem 0; }
.ab-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .6rem 2rem; margin-bottom: 1.3rem; }
.ab-head__title .hp-eyebrow { margin-bottom: .25rem; font-size: .78rem; letter-spacing: .5px; }
.ab-head__title h2 { color: var(--hp-ink); font-weight: 800; font-size: clamp(1.4rem, 2.5vw, 1.85rem); margin: 0; }
.ab-head__aside { display: flex; align-items: flex-end; gap: 1rem 2rem; flex-wrap: wrap; }
.ab-head__aside p { color: var(--hp-muted); font-size: .85rem; max-width: 330px; margin: 0; }

/* ---------- Giá trị cốt lõi ---------- */
.ab-values { background: #fff; }
.ab-values__list { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); padding: 0; margin: 0; }
.ab-value { text-align: center; padding: .3rem 1rem; }
.ab-value + .ab-value { border-left: 1px solid var(--hp-line); }
.ab-value i { display: inline-block; color: var(--re-red); font-size: 2.1rem; line-height: 1; margin-bottom: .8rem; }
.ab-value h3 { color: var(--hp-ink); font-size: .98rem; font-weight: 700; margin-bottom: .45rem; }
.ab-value p { color: var(--hp-muted); font-size: .82rem; line-height: 1.5; margin: 0; }

/* ---------- Đội ngũ ---------- */
.ab-team { background: #f7f8fa; }
.ab-team__grid { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; padding: 0; margin: 0; }
.ab-member { position: relative; aspect-ratio: 1.62; border-radius: 4px; overflow: hidden; background: var(--hp-soft); }
.ab-member img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.ab-member:hover img { transform: scale(1.05); }
.ab-member__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.6rem .9rem .7rem; color: #fff; background: linear-gradient(0deg, rgba(10, 18, 35, .8), rgba(10, 18, 35, 0)); font-size: .8rem; }
.ab-member__caption strong { display: block; font-size: .92rem; }

/* ---------- Banner CTA ảnh nền ---------- */
.ab-cta { position: relative; color: #fff; padding: 2.4rem 0; background: linear-gradient(90deg, rgba(14, 18, 28, .9) 0%, rgba(14, 18, 28, .72) 45%, rgba(14, 18, 28, .45) 100%), var(--ab-cta-bg, #1d2433) center / cover no-repeat; }
.ab-cta__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.2rem 2rem; }
.ab-cta__eyebrow { font-size: .8rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: .3rem; opacity: .9; }
.ab-cta h2 { font-family: var(--hp-serif); font-weight: 700; font-size: clamp(1.4rem, 2.4vw, 1.8rem); margin-bottom: .35rem; }
.ab-cta__text { font-size: .92rem; margin: 0; opacity: .92; }
.ab-cta .re-btn { padding: .85rem 2.2rem; }

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px) {
    .ab-values__list { grid-template-columns: repeat(3, 1fr); gap: 1.4rem 0; }
    .ab-value:nth-child(4) { border-left: 0; }
    .ab-value p br { display: none; }
}

@media (max-width: 991.98px) {
    .hp-hero--split .hp-hero__content { max-width: none; }
    .hp-hero--split .hp-hero__img { width: 100%; }
    .ab-team__grid { grid-template-columns: repeat(2, 1fr); }
    .ab-cta__inner { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .ab-values__list { grid-template-columns: 1fr 1fr; }
    .ab-value { border-left: 0 !important; }
    .ab-cta .re-btn { width: 100%; }
}