/* ============================================================
   AMEERA — Homepage layout v2 (layout only; all content kept)
   Same sections, same order, same copy, tabs, forms and links.
   To revert: remove the <link> to home-v2.css from index.html.
   ============================================================ */
:root{--wide:1360px}
.hm-intro .container,#destinations .container,#tours .container,#ways-to-safari .container,#top-things-to-do .container,
#activities .container,#best-time .container,#why-ameera .container{max-width:var(--wide)}

/* 1 · Hero: taller, bigger type, glass destination bar */
.hm-hero{min-height:clamp(640px,calc(100vh - 104px),900px)}
.hm-hero .hero-inner{padding-bottom:170px;max-width:var(--wide)}
.hm-hero h1{font-size:clamp(3.2rem,7.2vw,6.6rem);font-weight:300;max-width:14ch;letter-spacing:-.025em;line-height:1.02}
.hm-hero .lede{font-size:1.15rem;font-weight:300;max-width:600px}
.has-slider::before{background:linear-gradient(180deg,rgba(20,10,4,.55) 0%,rgba(20,10,4,.18) 40%,rgba(20,10,4,.82) 100%)!important}
.hm-hero-dest{background:rgba(36,20,7,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(198,154,69,.35)}
.hm-hero-dest a{padding:22px 28px}
.hm-hero-dest a:hover{background:var(--gold)}
.hm-hero-dest span{font-weight:400}
.hm-hero .hero-slide-nav{bottom:112px}
.hm-trust-item{padding:30px clamp(16px,2.4vw,40px)}
.hm-trust-item strong{font-size:1.9rem;font-weight:400}

/* 2 · Section headings: title left, intro right (saves height, reads editorial) */
@media(min-width:960px){
 .hm-head{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(40px,6vw,110px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
 .hm-head .eyebrow,.hm-head .rule{grid-column:1/-1}
 .hm-head h2{grid-column:1;margin:0}
 .hm-head .lede{grid-column:2;margin:0;max-width:none;padding-bottom:.4em}
}
.hm-head .rule{width:100%;margin:12px 0 22px;background:var(--hair,rgba(58,32,20,.14))}
.hm-head h2{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.06}
.hm-head--light .rule{background:rgba(255,255,255,.16)}

/* 3 · Intro: stronger two-column, numbered points */
.hm-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,120px);align-items:start}
.hm-intro h2{font-size:clamp(2.4rem,4.6vw,4rem)}
.hm-points{counter-reset:pt;margin:0;padding:0;list-style:none;border-top:1px solid var(--hair,rgba(58,32,20,.14))}
.hm-points li{counter-increment:pt;position:relative;padding:26px 0 26px 64px;border-bottom:1px solid var(--hair,rgba(58,32,20,.14))}
.hm-points li:before{content:"0" counter(pt);position:absolute;left:0;top:22px;font:300 2rem 'Cormorant Garamond',serif;color:var(--gold)}
.hm-points strong{display:block;font:500 1.5rem 'Cormorant Garamond',serif;margin-bottom:4px}
@media(max-width:900px){.hm-intro-grid{grid-template-columns:1fr}}

/* 4 · Destinations: image-led cards, text overlaid, same links/chips/notes */
.hm-dest-grid{gap:16px}
.hm-dest{position:relative;display:block;min-height:clamp(420px,40vw,560px);overflow:hidden;border:0;background:var(--green-dark)}
.hm-dest:nth-child(4),.hm-dest:nth-child(5){min-height:clamp(380px,34vw,480px)}
.hm-dest-media{position:absolute;inset:0;aspect-ratio:auto!important;transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
.hm-dest:hover .hm-dest-media{transform:scale(1.05)}
.hm-dest:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,4,0) 30%,rgba(20,10,4,.9) 100%);pointer-events:none}
.hm-dest-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px;color:#fff;pointer-events:none}
.hm-dest-body a{pointer-events:auto}
.hm-dest-body h3{font-size:clamp(2rem,3vw,2.8rem);font-weight:400}.hm-dest-body h3 a{color:#fff}
.hm-dest-body p{color:rgba(255,255,255,.88);font-size:1.02rem}
.hm-dest-body small{color:rgba(255,255,255,.7)}
.hm-chips li{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}
.hm-dest-links{border-top:1px solid rgba(255,255,255,.2);margin-top:12px;padding-top:14px}
.hm-dest-links a,.hm-dest-links a:first-child{color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}
.hm-dest-links a:hover{color:#fff}

/* 5 · Tours: calmer cards, larger tabs */
.hm-tabs{border-bottom:1px solid var(--hair,rgba(58,32,20,.14))}
.hm-tabs button,.hm-tabs a{letter-spacing:.22em}
.price-card{border:1px solid var(--hair,rgba(58,32,20,.1));box-shadow:none;border-radius:0}
.price-card-media{transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.price-card:hover .price-card-media{transform:scale(1.04)}

/* 6 · Three ways to travel: cinematic full-height panels, edge to edge */
#ways-to-safari .hm-coll-grid{gap:0;margin:0 calc(-1*var(--pad))}
.hm-coll{min-height:clamp(520px,62vh,700px)}
.hm-coll+.hm-coll{border-left:1px solid rgba(255,255,255,.12)}
.hm-coll-body{padding:clamp(28px,3.4vw,56px)}
.hm-coll-body strong{font-size:clamp(2.1rem,3.4vw,3.2rem);font-weight:400}
.hm-coll-body span{font-size:.98rem;max-width:380px}
@media(max-width:900px){#ways-to-safari .hm-coll-grid{margin:0}.hm-coll{min-height:440px}}

/* 7 · Top 10: big numerals, roomier rows */
.hm-things{gap:0 clamp(28px,5vw,80px)}
.hm-thing{padding:26px 0;border-top:1px solid var(--hair,rgba(58,32,20,.14))}
.hm-thing-media{width:clamp(150px,15vw,210px)}
.hm-thing-n{background:var(--e,#3A2014);color:var(--gold-light);font-family:'Cormorant Garamond',serif;font-size:1.3rem}
.hm-thing-body h3{font-size:1.7rem}

/* 8 · Activities: larger tiles with slow zoom */
.hm-act-grid{gap:14px}
.hm-act{min-height:clamp(220px,20vw,300px)}
.hm-act-media{transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.hm-act:hover .hm-act-media{transform:scale(1.06)}

/* 9 · Best time: table gets room */
#best-time .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,100px);align-items:start}
@media(max-width:900px){#best-time .container{display:block}}

/* 10 · Why Ameera: numbered columns */
.hm-why-grid{counter-reset:w;gap:clamp(24px,3vw,48px)}
.hm-why{counter-increment:w;border-left:0!important;border-top:1px solid rgba(198,154,69,.5);padding-top:26px!important}
.hm-why:before{content:"0" counter(w);display:block;font:300 2.8rem 'Cormorant Garamond',serif;color:var(--gold-light);margin-bottom:6px}
.hm-why strong{font-size:1.6rem;font-weight:400}

/* 11 · Reviews: larger quote */
.review-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.25;max-width:880px;margin:.6em auto}
.review-stars{color:var(--gold);letter-spacing:.3em}

/* 12 · FAQ: heading left (sticky), questions right */
@media(min-width:1000px){
 #faqs .container--narrow{max-width:var(--wide);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:clamp(48px,7vw,120px);align-content:start}
 #faqs .container--narrow>*{grid-column:1}
 #faqs .container--narrow>.faq-accordion{grid-column:2;grid-row:1/span 8}
 #faqs .container--narrow>.faq-accordion~*{grid-column:2}
 #faqs .eyebrow,#faqs .rule,#faqs h2,#faqs .lede{position:sticky;top:120px}
}

/* 13 · Enquiry */
.hm-enquire .hm-form-card{box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}

/* hero text aligns to the same left edge as every section below */
.hm-hero .hero-inner{margin:0 auto;width:100%;padding-left:var(--pad);padding-right:var(--pad)}
.hm-hero .eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.7)}
.hm-why-grid>*{border-left:0!important}
@media(max-width:800px){.hm-hero .hero-inner{padding-bottom:300px}.hm-hero{min-height:760px}.hm-hero h1{font-size:clamp(2.8rem,12vw,3.6rem)}}