@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Montserrat:wght@300;400;500&display=swap');
:root{--black:#080907;--cream:#eee9dc;--paper:#f5f1e8;--gold:#b9a26a;--gold-light:#d7c38e;--muted:#a8a59b}
*{
box-sizing:border-box;
margin:0;padding:0
}
html{
scroll-behavior:smooth
}
body{
background:var(--paper);
color:#1b1c18;
font-family:Montserrat,Arial,sans-serif;
font-weight:300;
line-height:1.7}a{color:inherit;
text-decoration:none
}
.nav{
position:fixed;
inset:0 0 auto 0;
height:94px;
z-index:100;
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 5vw;
transition:.35s;
color:#fff
}
.nav.scrolled{
height:78px;
background:rgba(8,9,7,.94);
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(185,162,106,.16)
}
.brand{
width:165px
}
.brand img{
display:block;
width:100%
}
.nav-links{
display:flex;
gap:30px;
font-size:10px;
letter-spacing:.2em;
text-transform:uppercase
}
.nav-links a:hover{
color:var(--gold-light)}.menu{display:none;
border:0;
background:none;
color:#fff;
font-size:25px
}
.hero{
min-height:100vh;
position:relative;
display:grid;
place-items:center;
text-align:center;
color:#fff;
background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.62)),url('https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=2400&q=90') center/cover
}
.hero-content{
max-width:950px;
padding:130px 30px 70px
}
.eyebrow,.section-kicker{
font-size:9px;
letter-spacing:.34em;
text-transform:uppercase;
color:var(--gold)
}
.hero h1,h2{
font-family:'Cormorant Garamond',Georgia,serif;
font-weight:300
}
.hero h1{
margin-top:20px;
font-size:clamp(4.4rem,9vw,8.6rem);
line-height:.82
}
.hero-copy{
max-width:610px;
margin:35px auto 0;
font-size:14px;
color:#ddd
}
.hero-actions{
display:flex;
justify-content:center;
gap:12px;margin-top:42px;
flex-wrap:wrap
}
.button{
display:inline-flex;
justify-content:center;
align-items:center;
min-height:48px;
padding:0 27px;
border:1px solid var(--gold);
font-size:9px;
letter-spacing:.18em;
text-transform:uppercase;
transition:.25s;
cursor:pointer
}
.button:hover{
transform:translateY(-2px)
}
.button-gold{
background:var(--gold);
color:var(--black)
}
.button-outline{
color:#fff
}
.button-dark{
background:var(--black);
color:#fff;
border-color:var(--black)
}
.scroll-indicator{
position:absolute;
bottom:28px;
left:50%;
transform:translateX(-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:9px;color:#bbb;
font-size:8px;
letter-spacing:.2em;
text-transform:uppercase
}
.scroll-indicator i{
width:1px;
height:45px;
background:var(--gold)
}
section{
padding:135px 8vw
}
h2{
font-size:clamp(3.2rem,6vw,6rem);
line-height:.95
}
.statement-grid,.about-inner{
max-width:1250px;margin:45px auto 0;
display:grid;
grid-template-columns:1.15fr .85fr;gap:100px
}.body-copy{
color:#696960;
font-size:14px
}
.body-copy p+p{margin-top:22px}
.text-link{display:inline-flex;gap:15px;margin-top:30px;padding-bottom:7px;border-bottom:1px solid var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.text-link span{color:var(--gold);font-size:14px}
.image-break{min-height:620px;display:grid;place-items:center;text-align:center;
color:#fff;
background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.56)),url("zambia.jpg")/*('https://images.unsplash.com/photo-1519659528534-7fd733a832a0?auto=format&fit=crop&w=2400&q=90')*/ center/cover fixed}.image-break h2{margin-top:15px}.dark-section{background:var(--black);color:#fff}.gold{color:var(--gold-light)}.section-heading{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end}.section-heading>p{color:var(--muted);font-size:13px}.destination-grid{max-width:1250px;margin:65px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.destination-card{position:relative;height:570px;overflow:hidden;display:block}.destination-image{position:absolute;inset:0;background-position:center;background-size:cover;transition:.8s}.destination-card:hover .destination-image{transform:scale(1.06)
}.destination-south-africa{background-image:url('https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=1400&q=85')
}
.destination-botswana{background-image:url('https://images.unsplash.com/photo-1504173010664-32509aeebb62?auto=format&fit=crop&w=1400&q=85')
}
.destination-zambia{background-image:url("botswana.jpg")/*Photo by Bibhash (Polygon.Cafe) Banerjee on Unsplash*/
}
.destination-zimbabwe{background-image:url("zimbabwe.jpg")
}
.destination-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.88))
}
.destination-info{position:absolute;left:28px;right:28px;bottom:28px
}
.destination-info span{color:var(--gold-light);font-size:9px;letter-spacing:.2em
}
.destination-info h3
{margin-top:7px;
font:300 3rem/1 'Cormorant Garamond',Georgia,serif
}.destination-info p{
margin-top:8px;color:#ccc;font-size:9px;letter-spacing:.12em;text-transform:uppercase
}
.destination-info b{display:inline-block;margin-top:16px;color:var(--gold-light);font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:400}
.experience{display:grid;
grid-template-columns:1fr 1fr;min-height:750px;padding:0;background:var(--cream)
}.experience-image{
min-height:650px;
background:url('https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=1600&q=90') center/cover
}
.experience-copy{
align-self:center;padding:90px 9vw 90px 7vw
}
.experience-copy h2{margin-top:20px
}.experience-copy>p{max-width:540px;margin-top:30px;color:#696960;font-size:14px}.feature-list{max-width:540px;margin-top:35px;border-top:1px solid #cfc8b7}.feature-list div{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #cfc8b7;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.feature-list span{color:var(--gold)}.about{background:#e8e1d2}.quote{min-height:610px;display:grid;place-items:center;padding:100px 7vw;background:var(--black);color:#fff;text-align:center}.quote-mark{color:var(--gold);font:100px Georgia;line-height:.5}blockquote{max-width:900px;margin:30px auto;font:300 clamp(2.5rem,5vw,5rem)/.98 'Cormorant Garamond',Georgia,serif}.quote p:last-child{color:var(--gold);font-size:9px;letter-spacing:.3em}
.contact-inner{max-width:900px;margin:auto;text-align:center}.contact h2{margin-top:18px}.contact-inner>p{margin-top:25px;color:#696960;font-size:14px}form{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;text-align:left}.field{display:flex;flex-direction:column}.full{grid-column:1/-1}label{margin-bottom:8px;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#77756b}input,textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid #c9c1b1;outline:none;background:transparent;font:13px Montserrat,Arial,sans-serif}textarea{resize:vertical}footer{padding:60px 7vw 35px;background:#050605;color:#777;text-align:center}footer img{width:190px;max-width:60vw}.footer-line{width:100px;height:1px;background:var(--gold);margin:28px auto 18px;opacity:.55}footer p{font-size:8px;letter-spacing:.18em;text-transform:uppercase}
/* destination pages */
.destination-hero{
min-height:82vh;
display:flex;
align-items:end;
color:#fff;
background-position:center;
background-size:cover
}
.destination-hero.sa{
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=2400&q=90')
}
.destination-hero.bw{
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1504173010664-32509aeebb62?auto=format&fit=crop&w=2400&q=90')
}
.destination-hero.zm{
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.7)),url("botswana.jpg")/*'https://images.unsplash.com/photo-1519659528534-7fd733a832a0?auto=format&fit=crop&w=2400&q=90')*/
}
.destination-hero.zw{
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.7)),url("zimbabwe.jpg")/*https://unsplash.com/photos/an-elephant-is-eating-grass-qJO4UdKLCtk*/
}
.destination-hero-inner{
width:100%;
max-width:1250px;
margin:0 auto;
padding:110px 8vw 80px
}
.destination-hero h1{
margin-top:18px;
font:300 clamp(5rem,10vw,9rem)/.82 'Cormorant Garamond',Georgia,serif
}
.destination-hero p{max-width:660px;margin-top:24px;color:#ddd;font-size:14px
}
.destination-intro{max-width:980px;margin:auto;text-align:center
}
.destination-intro h2{margin-top:18px
}
.destination-intro .lead{max-width:820px;margin:30px auto 0;font:400 28px/1.25 'Cormorant Garamond',Georgia,serif;color:#37372f
}
.destination-intro .small-copy{max-width:760px;margin:24px auto 0;color:#696960;font-size:14px
}
.highlights{background:var(--black);color:#fff
}
.highlight-grid{max-width:1250px;
margin:55px auto 0;
display:grid;grid-template-columns:repeat(4,1fr);
border-top:1px solid #3a3528
}
.highlight{padding:28px 22px;border-right:1px solid #3a3528
}
.highlight:last-child{border-right:0}.highlight span{color:var(--gold);font-size:9px;letter-spacing:.2em}.highlight h3{margin-top:10px;font:300 30px/1 'Cormorant Garamond',Georgia,serif}.highlight p{color:var(--muted);font-size:11px;margin-top:10px}.package{background:var(--cream)}.package-header{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:60px}.package-header h2{margin-top:18px}.package-tag{color:#77756b;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.package-intro{max-width:1250px;margin:45px auto 0;display:grid;grid-template-columns:1fr .7fr;gap:90px}.package-intro>p{color:#696960;font-size:14px}.package-facts{border-left:1px solid #c7bfae;padding-left:30px}.package-facts div{padding:13px 0;border-bottom:1px solid #c7bfae;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.package-facts strong{display:block;margin-bottom:4px;color:#777;font-size:8px}.itinerary-inner{max-width:1000px;margin:auto}.itinerary-inner>p{margin-top:22px;color:#696960;font-size:13px}.day{display:grid;grid-template-columns:120px 1fr;gap:35px;padding:32px 0;border-bottom:1px solid #d0c8b8}.day-number{padding-top:5px;color:var(--gold);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.day h3{font:400 30px/1.05 'Cormorant Garamond',Georgia,serif}.day .location{margin-top:9px;color:#99968c;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.day p{margin-top:10px;color:#696960;font-size:13px}.inclusions{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.inclusion-box{border-top:1px solid #c8c0b0;padding-top:24px}.inclusion-box h3{font:400 32px 'Cormorant Garamond',Georgia,serif}.inclusion-box ul{margin-top:18px;list-style:none}.inclusion-box li{padding:9px 0;border-bottom:1px solid #ddd4c3;color:#68675f;font-size:12px}.inclusion-box li:before{content:'— ';color:var(--gold)}.destination-cta{background:var(--black);color:#fff;text-align:center}.destination-cta p{max-width:650px;margin:22px auto;color:var(--muted);font-size:13px}
@media(max-width:900px){.brand{width:135px}.nav-links{display:none}.menu{display:block}.nav.open .nav-links{position:absolute;top:80px;left:0;right:0;display:flex;flex-direction:column;gap:22px;padding:30px;background:#080907;text-align:center}.statement-grid,.about-inner,.section-heading,.package-intro,.inclusions{grid-template-columns:1fr;gap:45px}.destination-grid{grid-template-columns:1fr}.destination-card{height:520px}.experience{grid-template-columns:1fr}.package-header{display:block}.package-tag{margin-top:20px}.package-facts{border-left:0;padding-left:0}.highlight-grid{grid-template-columns:1fr 1fr}form{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:600px){section{padding:90px 7vw}.hero h1{font-size:4rem}.image-break{min-height:520px}.experience-copy{padding:80px 7vw}.highlight-grid{grid-template-columns:1fr}.highlight{border-right:0}.day{grid-template-columns:1fr;gap:12px}.destination-hero h1{font-size:4.5rem}}