.ex-hero{display:grid;grid-template-columns:3fr 2fr;min-height:460px}
.ex-hero__media{background:url("../images/company/expertise-srilanka-travel-tours.webp") center/cover no-repeat}
.ex-hero__content{display:flex;flex-direction:column;justify-content:center;background-color:var(--slt-slate-600);padding:56px 32px}
.ex-hero h1{font-size:3.5rem;font-weight:700;letter-spacing:-1.5px;line-height:3.5rem;margin:0;max-width:520px;color:#fff}
.ex-hero__lead{font-size:1.05rem;line-height:1.5;color:rgba(255,255,255,0.82);max-width:420px;margin:16px 0 0}

.ex-pillar{padding-block:72px}
.ex-pillar__inner{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:start}
.ex-pillar--reverse .ex-pillar__inner{grid-template-columns:1fr 1.5fr}
.ex-pillar--reverse .ex-pillar__stats{order:-1}
.ex-pillar__text h2{font-size:28px;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px;color:var(--slt-text-primary)}
.ex-pillar__text .ex-subtitle{font-size:28px;line-height:1.25;margin:0 0 14px;max-width:480px}
.ex-pillar__text p{font-size:0.98rem;line-height:1.65;color:var(--slt-text-secondary);margin:0 0 14px;max-width:480px}
.ex-pillar__text p:last-child{margin-bottom:0}
.ex-pillar__stats{padding-top:8px}
.ex-pillar__media{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--slt-radius-sm)}
.ex-pillar__media--portrait{object-position:top}
.ex-pillar--stretch{padding-block:0}
.ex-pillar--stretch .ex-pillar__inner{align-items:stretch}
.ex-pillar--stretch .ex-pillar__text{padding-block:72px}
.ex-pillar--stretch .ex-pillar__stats{padding-top:0}
.ex-pillar--stretch .ex-pillar__media{height:100%;aspect-ratio:auto}
.ex-pillar--bleed .ex-pillar__inner{grid-template-columns:3fr 2fr;gap:0;max-width:none}
.ex-pillar--bleed .ex-pillar__text{padding-right:40px;padding-left:max(24px,calc((100vw - var(--slt-container-max)) / 2 + 24px))}
.ex-pillar--bleed .ex-pillar__stats{padding:0}
.ex-pillar--bleed .ex-pillar__media{border-radius:0}
.ex-pillar--bleed.ex-pillar--reverse .ex-pillar__inner{grid-template-columns:2fr 3fr}
.ex-pillar--bleed.ex-pillar--reverse .ex-pillar__text{padding-left:40px;padding-right:max(24px,calc((100vw - var(--slt-container-max)) / 2 + 24px))}

.ex-cta{background-color:var(--slt-surface-subtle);padding-block:56px}
.ex-cta + .slt-footer-full{margin-top:0}
.ex-cta + .slt-home-statement{border-top:none}
.ex-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.ex-cta h2{color:var(--slt-text-primary);font-size:2rem;line-height:2.5rem;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px}
.ex-cta p{color:var(--slt-text-secondary);font-size:0.95rem;line-height:1.6;margin:0;max-width:520px}
.ex-cta .ex-cta__tagline{color:var(--slt-text-primary);font-weight:700;font-size:0.98rem;margin:14px 0 0;letter-spacing:0.01em}
.ex-btn{display:inline-block;flex-shrink:0;font-size:0.9rem;font-weight:700;padding:13px 26px;border-radius:var(--slt-radius-sm);white-space:nowrap;background-color:transparent;color:var(--slt-text-primary);border:1.5px solid var(--slt-border-strong)}
.ex-btn:hover{border-color:var(--slt-action);color:var(--slt-action)}

@media (max-width:991.98px){
.ex-hero{grid-template-columns:1fr;min-height:auto}
.ex-hero__media{height:280px}
.ex-hero__content{padding:40px}
.ex-hero__lead{max-width:none}
.ex-pillar__inner,.ex-pillar--reverse .ex-pillar__inner{grid-template-columns:1fr;gap:28px}
.ex-pillar--reverse .ex-pillar__stats{order:0}
.ex-pillar--stretch .ex-pillar__media{height:auto;aspect-ratio:4/3}
.ex-pillar--bleed .ex-pillar__inner,.ex-pillar--bleed.ex-pillar--reverse .ex-pillar__inner{grid-template-columns:1fr}
.ex-pillar--bleed .ex-pillar__text,.ex-pillar--bleed.ex-pillar--reverse .ex-pillar__text{padding:0 24px}
.ex-pillar--bleed .ex-pillar__media{border-radius:var(--slt-radius-sm)}
}
@media (max-width:575.98px){
.ex-hero__media{aspect-ratio:21 / 9;height:auto}
.ex-hero__content{padding:32px 24px}
.ex-hero h1{font-size:2rem;line-height:2.4rem;letter-spacing:-0.5px}
.ex-pillar{padding-block:48px}
.ex-pillar--stretch .ex-pillar__text{padding-block:48px}
.ex-pillar__text h2{font-size:1.5rem}
.ex-pillar__text .ex-subtitle{font-size:1.5rem;line-height:1.3}
.ex-pillar__text p{font-size:1rem}
.ex-cta{padding-block:44px}
.ex-cta__inner{flex-direction:column;align-items:flex-start}
.ex-cta h2{font-size:1.75rem;line-height:2.25rem}
.ex-cta p{font-size:1rem}
}
