/* Dream Africa Adventures · Premium production style / October 2026 */
:root{--body-font:'Plus Jakarta Sans',Arial,sans-serif;--heading-font:'Fraunces',Georgia,serif;--brand-primary:#5E2F26;--brand-primary-dark:#422019;--brand-secondary:#852E19;--brand-accent:#E1AD01;--ink:#241A16;--muted:#6F6057;--container:1370px}
body{font-family:var(--body-font);font-size:15px;line-height:1.75;color:var(--ink);background:#fff}
h1,h2,h3,h4{font-family:var(--heading-font);font-weight:650;letter-spacing:-.024em;line-height:1.2}
h1{font-size:clamp(2.05rem,4vw,4.4rem)}h2{font-size:clamp(1.55rem,2.6vw,2.6rem)}h3{font-size:clamp(1.1rem,1.4vw,1.5rem)}.section{padding:76px 0}.section-sm{padding:48px 0}
.container{max-width:var(--container)}
.utility-bar{background:#E3AD0C!important;color:#3E1E16!important;min-height:39px}.utility-inner{min-height:39px;font-weight:750}.utility-inner a{color:#3B2319}.utility-inner a:hover{color:#852E19}
.site-header{background:linear-gradient(106deg,#431D17 0%,#5E2F26 44%,#6B2D1D 100%)!important;color:white;border:0!important;box-shadow:0 12px 34px rgba(45,18,11,.22)}.header-row{height:96px;gap:13px}.logo{width:225px}.logo img{width:100%;height:auto;max-height:90px;object-fit:contain}.nav{gap:0}.nav-item{display:flex;align-items:center;position:relative}.nav-item.has-children{position:static}.nav-link{font-family:var(--body-font);font-weight:700;font-size:clamp(.68rem,.85vw,.84rem);letter-spacing:0;padding:11px 8px!important;color:#FFF6E9!important;border-radius:5px!important}.nav-link:hover,.nav-item:hover>.nav-link,.nav-item.open>.nav-link,.nav-link:focus-visible{background:rgba(255,255,255,.11)!important;color:#FFD764!important}.nav-link:focus-visible,.submenu-toggle:focus-visible{outline:2px solid #FFD763;outline-offset:2px}.header-actions .btn{border-radius:100px;padding:13px 19px;font-size:.77rem}
.submenu-toggle{width:20px;height:35px;display:grid;place-items:center;border:0;color:#FFE2A8;background:transparent;margin-left:-7px;margin-right:4px;z-index:1;position:relative;cursor:pointer}.submenu-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.5;transition:transform .2s}.nav-item.open>.submenu-toggle svg{transform:rotate(180deg)}
.nav-item.has-children>.dropdown{display:none;top:100%;max-width:min(1250px,calc(100vw - 40px));position:absolute;left:50%;transform:translateX(-50%);background:#FFFEFC!important;color:#261A16!important;border:1px solid #E7D1BD;border-top:3px solid #E1AD01;box-shadow:0 26px 65px #200f0f55;border-radius:0 0 19px 19px;overflow:auto;max-height:min(75vh,790px);z-index:20}
.nav-item.has-children.open>.dropdown,.nav-item.has-children:hover>.dropdown,.nav-item.has-children:focus-within>.dropdown{display:block}
.mega-menu-inner{grid-template-columns:200px minmax(0,1fr) 200px;gap:18px;padding:23px}.mega-intro{background:#FBF0DB!important;color:#533022!important;border:1px solid #EDDCC4;border-radius:13px}.mega-intro h3{color:#5E2F26!important;font-size:1.4rem}.mega-intro p{color:#70584A!important;line-height:1.65}.mega-intro .link-arrow{color:#852E19;font-weight:800}.mega-col strong{font-family:var(--body-font);font-size:.72rem;color:#8E4A2C}.mega-col a{font-size:.82rem;color:#422C24!important;border-bottom:1px solid transparent;line-height:1.4}.mega-col a:hover,.mega-col a:focus-visible{background:#FBF0DA!important;color:#852E19!important}.mega-plan{background:#5E2F26!important;color:white!important;border:0}.mega-plan strong{color:white!important;font-size:1.25rem}.mega-plan small{color:#FFE8D0}
.mobile-toggle{background:#E1AD01;border-color:#E1AD01}.mobile-toggle span{background:#4D261C}
.hero,.hero-inner{min-height:645px}.hero-slide:after{background:linear-gradient(90deg,#29130FED 0%,#432017CC 36%,#411F1740 79%,#411F171A)!important}.hero-inner{display:flex;align-items:center;justify-content:flex-start;text-align:left}.hero-copy{max-width:730px!important;margin:0!important;text-align:left!important;padding:35px 10px 65px 0;background:transparent!important}.hero h1{color:#FFF9EC;font-size:clamp(2.3rem,4.5vw,4.4rem);max-width:720px;line-height:1.10;text-wrap:balance}.hero p{max-width:560px;color:#FFF4EA;margin:16px 0 25px!important;font-size:1.08rem}.hero .eyebrow{color:#F7CE60!important}.hero-actions{display:flex;justify-content:flex-start!important;flex-wrap:wrap;gap:12px}.hero .btn{border-radius:10px;padding:15px 23px}.hero-arrow{background:#FFFAED;color:#50251B}.hero-prev{left:auto;right:85px}.hero-next{right:23px}.hero-dots{left:calc((100vw - min(100vw - 36px,var(--container))) / 2);right:auto;bottom:34px;transform:none}
.finder{margin-top:-44px;position:relative;z-index:6}.finder-card{background:#fff!important;box-shadow:0 14px 50px #3d261b20;border:1px solid #EDE0D2;border-radius:20px!important}.finder-grid .btn{align-self:end}.field label{color:#5E3F34;font-weight:800}.field input,.field select,.field textarea{border:1px solid #E3D8CF;border-radius:9px;max-width:100%}.field :is(input,select,textarea):focus{outline-color:#DAA921}
.trust-rail{background:#FFFCF5;border-top:1px solid #EADAC1;border-bottom:1px solid #EADAC1}.trust-item{align-items:center}.trust-icon{background:#F5E0A6;border-radius:50%;color:#6B3021}.trust-item strong{color:#47291D}.eyebrow{color:#9A4B2E!important}.section-head{align-items:end}.section-head h2{color:#281B17}.lead{color:#66554C;line-height:1.78}.section-head .btn{flex-shrink:0}
.cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.cards>.package-card,.cards>.package-card.card-v1,.cards>.package-card.card-v2,.cards>.package-card.card-v3{grid-column:span 4;border-radius:14px!important;box-shadow:0 10px 33px #603d2512;border:1px solid #E6DDD5;background:#fff;overflow:hidden}.cards>.package-card:nth-child(6n+1),.cards>.package-card:nth-child(6n+5){grid-column:span 4}.cards>.package-card>a,.cards>.package-card.card-v1>a{display:flex;flex-direction:column;height:100%}.cards .package-card .card-media,.cards>.package-card.card-v1 .card-media,.cards>.package-card.card-v3 .card-media{height:205px;min-height:0}.cards .package-card .card-body,.cards>.package-card.card-v1 .card-body{padding:20px 19px;gap:7px}.cards .package-card h3,.cards>.package-card.card-v1 h3{font:750 clamp(1.05rem,1.18vw,1.22rem)/1.38 var(--body-font);letter-spacing:-.01em;color:#2B211D}.cards .package-card .meta{color:#884D29;font-size:.72rem}.cards .package-card p{font-size:.83rem;line-height:1.65;color:#6A605A}.cards .package-card .card-badge{background:#E1AD01;color:#43220E}.cards .package-card .card-actions{padding-top:10px;border-color:#EDE2D8}.cards .package-card .request-chip{color:#fff;background:#732F1F}.cards .package-card .link-arrow{color:#692B20}.cards .package-card:hover{transform:translateY(-7px);box-shadow:0 22px 52px #613b2925}
.category-grid{gap:14px}.category-card{background:#fff!important;border-radius:16px!important;box-shadow:0 6px 21px #5e2f2610}.category-card:nth-child(2n){background:#FFF7ED!important}.category-card:hover{border-color:#E1AD01}.category-card h3{color:#3C2920}.category-card p{color:#675F56}.region-card,.article-card,.dest-card{border-radius:15px!important}
.prose{font-size:1.03rem;line-height:1.94;color:#463C35}.prose p{margin-bottom:1.24rem}.prose h2{font-size:clamp(1.35rem,2vw,1.9rem);margin:2rem 0 .7rem;color:#512B1F}.prose h3{font-size:clamp(1.12rem,1.5vw,1.36rem);margin:1.6rem 0 .4rem}.prose ul,.prose ol{padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose a{color:#7D3421;text-decoration:underline;text-decoration-color:#DAB777}.prose blockquote{border-left:4px solid #E1AD01;padding:18px 22px;background:#FCF4E6}
.footer{background:#311B16!important}.footer-logo{background:transparent!important;filter:none;max-width:240px}.footer-cta{background:linear-gradient(105deg,#4D2219,#852E19)!important}.footer-cta h2,.footer h3,.footer h4{color:#FFF3DE}.footer p,.footer a{color:#F0E0D4}
@media(min-width:1200px){.container{width:calc(100% - 90px)}}
@media(max-width:1260px){.header-row{gap:5px}.logo{width:175px}.nav-link{font-size:.73rem;padding:9px 5px!important}.mega-menu-inner{grid-template-columns:180px minmax(0,1fr)}.mega-plan{display:none}}
@media(max-width:1024px){.header-row{height:78px}.logo{width:194px}.mobile-toggle{display:block}.header-actions{display:none}.nav{position:absolute;display:none;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;background:#FFFDF8!important;color:#412C26;max-height:calc(100vh - 78px);overflow-y:auto;padding:10px 18px 30px;border-top:3px solid #E1AD01;box-shadow:0 20px 30px #0002}.nav.open{display:flex}.nav-item{width:100%;position:relative!important;border-bottom:1px solid #E8D9CD;display:flex;flex-wrap:wrap;align-items:center}.nav-link{color:#46271F!important;font-size:1rem!important;flex:1;padding:14px 10px!important}.nav-item:hover>.nav-link,.nav-item.open>.nav-link{background:#F7EADB!important;color:#852E19!important}.submenu-toggle{width:48px;height:48px;margin:0;background:#F8EDD9;color:#58291F;border-radius:9px}.nav-item.has-children>.dropdown{display:none!important;position:static;transform:none;top:auto;left:auto;max-height:none;width:100%;max-width:100%;box-shadow:none;border:0;border-top:1px solid #EAD6C4;border-radius:0}.nav-item.has-children.open>.dropdown{display:block!important}.nav-item.has-children:not(.open):hover>.dropdown,.nav-item.has-children:not(.open):focus-within>.dropdown{display:none!important}.mega-menu-inner{display:block;padding:8px}.mega-intro,.mega-plan{display:none}.mega-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-col strong{font-size:.68rem}.mega-col a{padding:10px 5px;font-size:.86rem}.hero-copy{padding-bottom:90px}.cards>.package-card,.cards>.package-card.card-v1,.cards>.package-card.card-v2,.cards>.package-card.card-v3{grid-column:span 6!important}}
@media(max-width:650px){.hero,.hero-inner{min-height:575px}.hero-copy{padding:24px 0 95px}.hero h1{font-size:clamp(2rem,8.2vw,3rem)}.hero p{font-size:.92rem}.hero-slide:after{background:linear-gradient(0deg,#2b140feb,#432017a8 70%,#36180f75)!important}.hero-prev{right:64px;left:auto}.hero-next{right:12px}.hero-dots{bottom:19px}.finder{margin-top:-28px}.cards>.package-card,.cards>.package-card.card-v1,.cards>.package-card.card-v2,.cards>.package-card.card-v3{grid-column:span 12!important}.cards .package-card .card-media{height:220px}.mega-columns{grid-template-columns:1fr}.section{padding:58px 0}.utility-bar{display:none}}
@media(prefers-reduced-motion:reduce){.package-card:hover,.btn:hover{transform:none}}

/* Showcase: four refined discovery cards per desktop row with thematic imagery */
@media(min-width:1100px){.home-popular .cards>.package-card,.home-popular .cards>.package-card.card-v1,.home-popular .cards>.package-card.card-v2,.home-popular .cards>.package-card.card-v3{grid-column:span 3!important}.home-popular .cards>.package-card .card-media{height:205px}}
.home-categories .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-categories .category-card{padding:0 0 18px!important;overflow:hidden;background:#fff!important}.home-categories .category-card h3,.home-categories .category-card p,.home-categories .category-card .eyebrow{display:block;padding:0 18px}.home-categories .category-card .eyebrow{margin-top:14px;margin-bottom:6px}.home-categories .category-photo{display:block;width:100%;height:155px;object-fit:cover;transition:transform .4s}.home-categories .category-card:hover .category-photo{transform:scale(1.025)}.home-categories .category-card h3{font:800 1.03rem/1.32 var(--body-font);margin:0 0 7px;color:#342119}.home-categories .category-card p{font-size:.8rem;color:#77655B;line-height:1.58;margin:0}.home-categories .category-card:nth-child(2n){background:#FFF9F1!important}
@media(max-width:1099px){.home-categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-categories .category-photo{height:120px}.home-categories .category-card h3,.home-categories .category-card p,.home-categories .category-card .eyebrow{padding-left:11px;padding-right:11px}.home-categories .category-card h3{font-size:.86rem}.home-categories .category-card p{font-size:.75rem}}

.utility-inner .utility-social{padding:6px;display:inline-flex;align-items:center;justify-content:center}.utility-inner .utility-social svg{width:16px;height:16px}
