/**
 * Styles for page-about-us — extracted from page-about-us.php on 2026-08-27.
 * Was shipped inline in every response for this template and could not be
 * cached. inc/epl-assets.php loads this automatically from the basename.
 * The one rule with a PHP value stays inline in the template.
 */
/* =====================================================================
   ABOUT US — approved design, 2026-08-23
   Palette is the live theme's own, not re-invented:
     inc/epl-header-footer.php  -> accent #d48652 / #b86c3c · cream #f9f6f1
                                   line #e7e4dd · footer #0f0e0c · WA #25d366
     single-tour.php            -> gold #d4a843 · sand #f7f3ec
     front-page.php             -> #db834e · #8b5a3c
   Font stays `inherit` — traveltour_typography is already set to Jost.
   ===================================================================== */
.eab{
	--eab-ink:var(--epl-ink); --eab-ink-70:var(--epl-ink-70); --eab-ink-50:var(--epl-ink-50); --eab-ink-30:var(--epl-ink-30);
	--eab-accent:var(--epl-accent); --eab-accent-dk:var(--epl-accent-dk); --eab-accent-lt:var(--epl-accent-lt); --eab-accent-sf:var(--epl-accent-sf);
	--eab-brown:#8b5a3c; --eab-gold:var(--epl-gold);
	--eab-cream:var(--epl-cream); --eab-sand:var(--epl-sand); --eab-line:var(--epl-line); --eab-line-lt:var(--epl-line-lt);
	--eab-dark:var(--epl-dark); --eab-wa:var(--epl-wa);
	--eab-r:14px; --eab-r-lg:20px; --eab-r-sm:8px;
	--eab-sh:0 1px 2px rgba(16,16,16,.05), 0 8px 24px rgba(16,16,16,.06);
	--eab-sh-lg:0 4px 12px rgba(16,16,16,.08), 0 24px 48px rgba(16,16,16,.12);
	color:var(--eab-ink); background:#fff; font-family:inherit; font-size:16px; line-height:1.65;
}
.eab *,.eab *::before,.eab *::after{ box-sizing:border-box; }
.eab img{ max-width:100%; }
.eab-in{ max-width:var(--epl-container); margin:0 auto; padding:0 clamp(18px,4vw,40px); box-sizing:border-box; padding-inline:var(--epl-gutter); }
.eab-in-narrow{ max-width:840px; margin:0 auto; padding:0 clamp(18px,4vw,32px); }
.eab-sec{ padding:var(--epl-section-y) 0; }
.eab-sec-cream{ background:var(--eab-cream); }
.eab-sec-sand{ background:var(--eab-sand); }

.eab-kicker{ display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--eab-accent-dk); margin:0 0 14px; }
.eab-kicker::before{ content:''; width:26px; height:2px; background:var(--eab-accent); border-radius:2px; flex:none; }
.eab h2{ font-size:clamp(28px,3.6vw,44px); line-height:1.14; letter-spacing:-.025em; font-weight:700; margin:0 0 16px; color:var(--eab-ink); }
.eab h2 em{ font-style:normal; color:var(--eab-accent-dk); }
.eab-lede{ font-size:clamp(16.5px,1.5vw,18.5px); line-height:1.75; color:var(--eab-ink-70); margin:0; }
.eab-head{ max-width:720px; margin:0 auto clamp(40px,5vw,60px); text-align:center; }
.eab-head .eab-kicker{ justify-content:center; }

/* ── hero ───────────────────────────────────────────────────────── */
.eab-hero{ position:relative; min-height:clamp(460px,64vh,620px); display:flex; align-items:flex-end; color:#fff; overflow:hidden; background:#1a1512; }
.eab-hero::after{ content:''; position:absolute; inset:0; z-index:1;
	background:linear-gradient(180deg, rgba(15,14,12,.30) 0%, rgba(15,14,12,.52) 46%, rgba(15,14,12,.88) 100%),
	           linear-gradient(90deg, rgba(15,14,12,.55) 0%, rgba(15,14,12,0) 62%); }
.eab-hero .eab-in{ position:relative; z-index:2; width:100%; padding-top:clamp(80px,12vw,120px); padding-bottom:clamp(56px,7vw,88px); }
.eab-hero .eab-kicker{ color:#f0b183; }
.eab-hero .eab-kicker::before{ background:var(--eab-accent); }
.eab-hero h1{ font-size:clamp(33px,5.3vw,60px); line-height:1.04; letter-spacing:-.035em; font-weight:700; margin:0 0 18px; max-width:16ch; color:#fff; text-shadow:0 3px 22px rgba(0,0,0,.42); }
.eab-hero h1 span{ color:#f0b183; }
.eab-hero p{ font-size:clamp(16.5px,1.7vw,20px); line-height:1.6; color:rgba(255,255,255,.93); max-width:56ch; margin:0 0 28px; text-shadow:0 2px 12px rgba(0,0,0,.45); }
.eab-hero-chips{ display:flex; flex-wrap:wrap; gap:10px 12px; margin-bottom:30px; }
.eab-chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 15px; border-radius:100px;
	background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(6px);
	font-size:13px; font-weight:600; color:#fff; white-space:nowrap; }
.eab-chip svg{ width:14px; height:14px; flex:none; fill:var(--eab-gold); }
.eab-hero-btns{ display:flex; flex-wrap:wrap; gap:13px; }

/* buttons — same shape language as the header CTA */
.eab-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 28px; border-radius:100px;
	font-size:15px; font-weight:700; text-decoration:none; border:1px solid transparent; cursor:pointer;
	transition:background .16s, color .16s, transform .16s, box-shadow .16s; }
.eab-btn:hover{ transform:translateY(-2px); }
.eab-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }
.eab-btn-primary{ background:var(--eab-accent); color:#fff !important; box-shadow:0 3px 14px rgba(212,134,82,.38); }
.eab-btn-primary:hover{ background:var(--eab-accent-dk); color:#fff !important; box-shadow:0 6px 20px rgba(212,134,82,.48); }
.eab-btn-wa{ background:var(--eab-wa); color:#fff !important; box-shadow:0 3px 14px rgba(37,211,102,.3); }
.eab-btn-wa:hover{ background:#1eb457; color:#fff !important; }
.eab-btn-ghost{ background:rgba(255,255,255,.1); color:#fff !important; border-color:rgba(255,255,255,.42); backdrop-filter:blur(6px); }
.eab-btn-ghost:hover{ background:#fff; color:var(--eab-ink) !important; border-color:#fff; }
.eab-btn-white{ background:#fff; color:var(--eab-ink) !important; box-shadow:0 4px 18px rgba(0,0,0,.14); }
.eab-btn-white:hover{ background:var(--eab-cream); color:var(--eab-ink) !important; }

/* ── stats bar — overlaps the hero so the two read as one unit ──── */
.eab-statswrap{ position:relative; z-index:5; margin-top:clamp(-56px,-5vw,-40px); }
.eab-stats{ background:#fff; border:1px solid var(--eab-line); border-radius:var(--eab-r-lg); box-shadow:var(--eab-sh-lg);
	display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; }
.eab-stat{ padding:clamp(24px,3vw,34px) 20px; text-align:center; border-right:1px solid var(--eab-line-lt); }
.eab-stat:last-child{ border-right:0; }
.eab-stat b{ display:block; font-size:clamp(30px,3.8vw,44px); font-weight:700; line-height:1; letter-spacing:-.035em; color:var(--eab-accent-dk); }
.eab-stat span{ display:block; margin-top:9px; font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--eab-ink-50); }
@media (max-width:760px){
	.eab-stats{ grid-template-columns:repeat(2,1fr); }
	.eab-stat:nth-child(2){ border-right:0; }
	.eab-stat:nth-child(1),.eab-stat:nth-child(2){ border-bottom:1px solid var(--eab-line-lt); }
}

/* ── story: text + offset photo pair ────────────────────────────── */
.eab-story{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(36px,5vw,72px); align-items:center; }
.eab-story p{ font-size:16.5px; line-height:1.8; color:var(--eab-ink-70); margin:0 0 18px; }
.eab-story p strong{ color:var(--eab-ink); font-weight:600; }
.eab-pull{ margin:26px 0 0; padding:20px 24px; background:var(--eab-accent-sf); border-left:3px solid var(--eab-accent);
	border-radius:0 var(--eab-r-sm) var(--eab-r-sm) 0; }
.eab-pull p{ margin:0; font-size:16px; font-weight:600; color:var(--eab-ink); line-height:1.65; }
.eab-collage{ position:relative; padding-bottom:52px; padding-right:44px; }
.eab-collage img{ display:block; border-radius:var(--eab-r); box-shadow:var(--eab-sh-lg); }
.eab-collage-main{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.eab-collage-sub{ position:absolute; right:0; bottom:0; width:56%; aspect-ratio:4/3; object-fit:cover; border:6px solid #fff; }
.eab-collage-badge{ position:absolute; top:22px; left:-16px; background:#fff; border-radius:var(--eab-r-sm);
	box-shadow:var(--eab-sh-lg); padding:12px 16px; display:flex; align-items:center; gap:11px; }
.eab-collage-badge svg{ width:26px; height:26px; fill:var(--eab-accent); flex:none; }
.eab-collage-badge b{ display:block; font-size:14.5px; font-weight:700; color:var(--eab-ink); line-height:1.25; }
.eab-collage-badge small{ display:block; font-size:12px; color:var(--eab-ink-50); letter-spacing:.03em; }
@media (max-width:900px){
	.eab-story{ grid-template-columns:1fr; }
	.eab-collage{ max-width:460px; margin:0 auto; }
}

/* ── pillars ────────────────────────────────────────────────────── */
.eab-pillars{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
.eab-pillar{ position:relative; background:#fff; border:1px solid var(--eab-line); border-radius:var(--eab-r);
	padding:32px 28px 30px; box-shadow:var(--eab-sh); overflow:hidden;
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.eab-pillar::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--eab-accent); transform:scaleX(0); transform-origin:left; transition:transform .28s ease; }
.eab-pillar:hover{ transform:translateY(-5px); box-shadow:var(--eab-sh-lg); border-color:#ded6c6; }
.eab-pillar:hover::before{ transform:scaleX(1); }
.eab-pillar-ic{ width:54px; height:54px; border-radius:15px; background:var(--eab-accent-sf); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.eab-pillar-ic svg{ width:25px; height:25px; fill:var(--eab-accent-dk); }
.eab-pillar h3{ font-size:19.5px; font-weight:650; line-height:1.3; letter-spacing:-.015em; margin:0 0 11px; color:var(--eab-ink); }
.eab-pillar p{ font-size:15px; line-height:1.72; color:var(--eab-ink-70); margin:0; }

/* ── founder ────────────────────────────────────────────────────── */
.eab-founder{ display:grid; grid-template-columns:minmax(0,330px) 1fr; gap:clamp(30px,4.5vw,60px); align-items:center; }
.eab-founder-fig{ position:relative; margin:0; }
.eab-founder-fig::after{ content:''; position:absolute; inset:16px -16px -16px 16px; border:2px solid var(--eab-accent); border-radius:var(--eab-r); z-index:0; }
.eab-founder-fig img{ position:relative; z-index:1; width:100%; aspect-ratio:1/1; object-fit:cover; object-position:33% 45%;
	border-radius:var(--eab-r); box-shadow:var(--eab-sh-lg); display:block; }
.eab-founder blockquote{ margin:0 0 24px; font-size:clamp(19px,2.2vw,26px); line-height:1.48; letter-spacing:-.02em;
	font-weight:500; color:var(--eab-ink); border:0; padding:0; background:none; }
.eab-founder blockquote::before{ content:'\201C'; color:var(--eab-accent); font-size:1.5em; line-height:0; vertical-align:-.3em; margin-right:.05em; }
.eab-founder-who{ display:flex; align-items:stretch; gap:14px; margin:0 0 24px; }
.eab-founder-who i{ width:3px; background:var(--eab-accent); border-radius:2px; flex:none; }
.eab-founder-who b{ display:block; font-size:16.5px; font-weight:700; color:var(--eab-ink); }
.eab-founder-who em{ display:block; font-style:normal; font-size:14px; color:var(--eab-ink-50); }
@media (max-width:820px){
	.eab-founder{ grid-template-columns:1fr; }
	.eab-founder-fig{ max-width:290px; }
}

/* ── steps (connected timeline) ─────────────────────────────────── */
.eab-steps{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:26px; counter-reset:eabstep; }
.eab-steps::before{ content:''; position:absolute; top:19px; left:12%; right:12%; height:2px;
	background:repeating-linear-gradient(90deg,var(--eab-line) 0 8px,transparent 8px 16px); }
.eab-step{ position:relative; text-align:center; }
.eab-step::before{ counter-increment:eabstep; content:counter(eabstep); position:relative; z-index:2;
	display:flex; align-items:center; justify-content:center; width:38px; height:38px; margin:0 auto 18px;
	border-radius:50%; background:#fff; border:2px solid var(--eab-accent); color:var(--eab-accent-dk);
	font-size:15px; font-weight:700; box-shadow:0 0 0 6px var(--eab-cream); }
.eab-step h3{ font-size:17px; font-weight:650; margin:0 0 9px; color:var(--eab-ink); letter-spacing:-.01em; }
.eab-step p{ font-size:14.5px; line-height:1.7; color:var(--eab-ink-70); margin:0; }
@media (max-width:900px){
	.eab-steps{ grid-template-columns:repeat(2,1fr); gap:34px 24px; }
	.eab-steps::before{ display:none; }
}
@media (max-width:520px){ .eab-steps{ grid-template-columns:1fr; } }

/* ── gallery strip ──────────────────────────────────────────────── */
.eab-gallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.eab-gallery figure{ margin:0; border-radius:var(--eab-r); overflow:hidden; background:var(--eab-sand); }
.eab-gallery figure:first-child{ grid-column:span 2; grid-row:span 2; }
.eab-gallery img{ display:block; width:100%; height:100%; min-height:170px; object-fit:cover;
	transition:transform .5s cubic-bezier(.2,.7,.3,1); }
.eab-gallery figure:first-child img{ min-height:354px; }
.eab-gallery figure:hover img{ transform:scale(1.06); }
@media (max-width:760px){
	.eab-gallery{ grid-template-columns:repeat(2,1fr); }
	.eab-gallery figure:first-child{ grid-column:span 2; grid-row:auto; }
	.eab-gallery figure:first-child img{ min-height:220px; }
}

/* ── credentials panel ──────────────────────────────────────────── */
.eab-lic{ background:var(--eab-dark); color:rgba(255,255,255,.72); border-radius:var(--eab-r-lg);
	padding:clamp(34px,4.5vw,52px); display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(26px,3.5vw,44px);
	background-image:radial-gradient(120% 90% at 100% 0%, rgba(212,134,82,.18) 0%, transparent 58%); }
.eab-lic-col h3{ position:relative; color:#fff; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin:0 0 18px; padding-bottom:12px; }
.eab-lic-col h3::after{ content:''; position:absolute; left:0; bottom:0; width:26px; height:2px; background:var(--eab-accent); border-radius:2px; }
.eab-lic-col p{ margin:0; font-size:15px; line-height:1.75; }
.eab-lic-col p b{ color:#fff; font-weight:600; }
.eab-lic-ic{ width:42px; height:42px; border-radius:11px; background:rgba(212,134,82,.16); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.eab-lic-ic svg{ width:20px; height:20px; fill:var(--eab-accent); }
@media (max-width:820px){ .eab-lic{ grid-template-columns:1fr; } }

/* ── reviews ────────────────────────────────────────────────────── */
.eab-score{ display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
	background:#fff; border:1px solid var(--eab-line); border-radius:var(--eab-r); box-shadow:var(--eab-sh);
	padding:22px 28px; max-width:520px; margin:0 auto 26px; }
.eab-score-num{ font-size:44px; font-weight:700; line-height:1; letter-spacing:-.04em; color:var(--eab-ink); }
.eab-score-stars svg{ width:19px; height:19px; fill:#e0a13a; }
.eab-score-txt{ font-size:14px; color:var(--eab-ink-50); margin-top:5px; }

/* ── final CTA ──────────────────────────────────────────────────── */
.eab-cta{ position:relative; overflow:hidden; text-align:center; color:#fff;
	padding:var(--epl-section-y) 0;
	background:linear-gradient(135deg,#db834e 0%,#c9743f 46%,#8b5a3c 100%); }
.eab-cta::after{ content:''; position:absolute; inset:0;
	background:radial-gradient(80% 60% at 50% 0%, rgba(255,255,255,.16) 0%, transparent 70%); }
.eab-cta .eab-in-narrow{ position:relative; z-index:2; }
.eab-cta .eab-kicker{ color:rgba(255,255,255,.9); justify-content:center; }
.eab-cta .eab-kicker::before{ background:rgba(255,255,255,.65); }
.eab-cta h2{ color:#fff; margin:0 0 14px; }
.eab-cta p{ font-size:17.5px; line-height:1.65; color:rgba(255,255,255,.94); max-width:56ch; margin:0 auto 30px; }
.eab-cta-btns{ display:flex; flex-wrap:wrap; gap:13px; justify-content:center; }
.eab-cta-note{ margin:22px 0 0; font-size:13.5px; color:rgba(255,255,255,.78); }

/* Reveal-on-scroll. Gated behind .eab-js, which the script only adds once it
   knows it can un-hide again — so with JS off, or if the script never runs,
   every section stays plainly visible instead of stuck at opacity 0. */
@media (prefers-reduced-motion:no-preference){
	.eab-js .eab-rise{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1); }
	.eab-js .eab-rise.is-in{ opacity:1; transform:none; }
}