/* =============================================
   ABOUT US — assets/css/about.css
   Matches the reference design exactly
   ============================================= */

/* ── Sections ── */
.abt-block{padding:52px 0}

/* ── Eyebrow ── */
.abt-eyebrow{
  display:block;font-family:'Poppins',sans-serif;font-weight:700;
  letter-spacing:2.5px;font-size:12px;color:var(--gold);
  text-transform:uppercase;margin-bottom:18px
}

/* ── Section separators ── */
.abt-sep{padding:0}
.abt-sep hr{border:none;border-top:1px solid var(--line);margin:0}

/* ── Intro Section ── */
.abt-intro{background:#fff}
.abt-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.abt-intro-left h2{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-0.5px;line-height:1.18;margin-bottom:22px}
.abt-intro-left p{color:var(--slate);font-size:14.5px;line-height:1.75;margin-bottom:16px}
.abt-intro-left .btn{margin-top:10px}
.abt-intro-right img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12)}

/* ── Who We Are ── */
.abt-who{background:var(--bg)}
.abt-who h2{font-size:clamp(24px,3.2vw,30px);font-weight:800;letter-spacing:-0.3px;margin-bottom:18px}
.abt-who p{color:var(--slate);font-size:14.5px;line-height:1.75;margin-bottom:16px}

/* ── Why Travelers Choose ── */
.abt-why{background:#fff}
.abt-why-list{margin-top:8px}
.abt-why-item{border-left:3px solid var(--gold);padding:12px 0 12px 24px;margin-bottom:8px}
.abt-why-item h4{
  font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:700;
  color:var(--navy);margin-bottom:4px;
  text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1.5px;text-decoration-color:var(--navy)
}
.abt-why-item p{color:var(--slate);font-size:14px;line-height:1.65;margin:0}

/* ── Our Mission ── */
.abt-mission{background:var(--bg)}
.abt-mission h2{font-size:clamp(24px,3.2vw,30px);font-weight:800;letter-spacing:-0.3px;margin-bottom:18px}
.abt-mission p{color:var(--slate);font-size:14.5px;line-height:1.75;margin-bottom:16px}

/* ── Our Promise ── */
.abt-promise{background:#fff}
.abt-promise h2{font-size:clamp(24px,3.2vw,30px);font-weight:800;letter-spacing:-0.3px;margin-bottom:18px}
.abt-promise p{color:var(--slate);font-size:14.5px;line-height:1.75;margin-bottom:16px}

/* ── Looking Ahead ── */
.abt-ahead{background:var(--bg)}
.abt-ahead h2{font-size:clamp(24px,3.2vw,30px);font-weight:800;letter-spacing:-0.3px;margin-bottom:18px}
.abt-ahead p{color:var(--slate);font-size:14.5px;line-height:1.75;margin-bottom:16px}

/* ── Responsive ── */
@media(max-width:860px){
  .abt-intro-grid{grid-template-columns:1fr;gap:32px}
  .abt-intro-right{order:-1}
}
@media(max-width:560px){
  .abt-block{padding:36px 0}
  .abt-intro-left h2{font-size:26px}
  .abt-why-item{padding-left:16px}
}