@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--ink:#123b3a;--deep:#073b3a;--cream:#f5f1e8;--sand:#e8dfcf;--coral:#ff694f;--white:#fff;--line:rgba(18,59,58,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.nav{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:20}.brand{display:flex;flex-direction:column;font-weight:700;letter-spacing:.18em}.brand span{font-size:20px}.brand small{font-size:8px;letter-spacing:.32em;margin-top:2px}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px}.navCta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 20px;background:var(--ink);color:#fff;min-width:165px;border:none;cursor:pointer}.menu{display:none;border:0;background:transparent;font-size:23px}.hero{min-height:calc(100vh - 86px);position:relative;background:url('https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=2200&q=90') center 58%/cover;color:#fff;display:flex;align-items:center;padding:8vw}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,33,33,.73) 0%,rgba(4,33,33,.18) 65%,rgba(4,33,33,.08))}.heroContent{position:relative;max-width:720px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;margin:0 0 28px}.eyebrow.light{color:#fff}.hero h1,.sectionHead h2,.packageHead h2,.steps h2,.contact h2,.intro h2{font-size:clamp(55px,8vw,116px);line-height:.86;letter-spacing:-.06em;margin:0;font-weight:500}.hero h1 em,h2 em,blockquote em{font-family:"Playfair Display",serif;font-weight:500}.lead{font-size:18px;line-height:1.7;max-width:570px;margin:34px 0}.heroActions{display:flex;align-items:center;gap:32px}.coral{background:var(--coral)}.textLink{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.7)}.floatCard{position:absolute;right:5vw;bottom:60px;display:flex;gap:14px;align-items:center;background:rgba(9,48,48,.78);backdrop-filter:blur(12px);padding:17px 21px;min-width:260px}.floatCard small,.floatCard b{display:block}.floatCard small{opacity:.68;margin-top:5px}.play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);font-size:12px}.scroll{position:absolute;left:2vw;bottom:24px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.scroll span{margin-top:12px}.intro,.packages{padding:130px 8vw}.introGrid,.packageHead{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.intro h2,.packageHead h2{font-size:clamp(48px,6.5vw,92px)}.bigcopy{font-size:22px;line-height:1.6}.arrowLink{display:inline-flex;justify-content:space-between;gap:60px;padding-bottom:8px;border-bottom:1px solid var(--ink);margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line)}.stats div{padding:45px 0}.stats div+div{padding-left:5vw;border-left:1px solid var(--line)}.stats strong,.stats span{display:block}.stats strong{font-size:52px;font-weight:500}.stats span{font-size:10px;letter-spacing:.16em;margin-top:8px}.destinations{background:var(--deep);color:#fff;padding:130px 5vw}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:0 3vw 70px}.sectionHead h2{font-size:clamp(55px,7vw,100px)}.sectionHead>p{max-width:380px;line-height:1.7;color:rgba(255,255,255,.7)}.destinationGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:340px;gap:15px}.destinationGrid article{position:relative;background-size:cover;background-position:center;overflow:hidden}.destinationGrid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,30,30,.8),transparent 65%)}.destinationGrid .wide{grid-column:span 2}.destinationGrid article>*{position:absolute;z-index:2}.destinationGrid .num{top:20px;left:22px;font-size:11px}.destinationGrid article div{left:24px;bottom:25px}.destinationGrid h3{font-size:34px;margin:0 0 5px}.destinationGrid p{margin:0;font-size:12px;opacity:.8}.destinationGrid article>a{right:22px;bottom:24px;border:1px solid rgba(255,255,255,.55);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.packages{background:#f2ede2}.packageHead>div:last-child{max-width:440px;line-height:1.7}.packageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:75px}.packageCard{background:#fff}.cardImage{height:310px;background-size:cover;background-position:center;position:relative}.cardImage>span{position:absolute;top:16px;left:16px;background:#fff;padding:9px 12px;font-size:9px;letter-spacing:.14em}.cardImage button{position:absolute;right:16px;top:16px;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:20px}.cardBody{padding:28px}.cardBody>small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.cardBody h3{font-size:25px;margin:13px 0 26px}.details{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:13px}.details b{font-size:18px}.cardBody>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.steps{background:var(--coral);color:#fff;padding:130px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:12vw}.steps h2{font-size:clamp(48px,6vw,86px)}.step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:34px 0;border-top:1px solid rgba(255,255,255,.35)}.step>span{font-size:12px}.step h3{margin:0;font-size:23px}.step p{margin:9px 0 0;opacity:.75;line-height:1.6}.testimonial{text-align:center;padding:140px 15vw;background:#fff}.quote{font-family:serif;font-size:100px;line-height:.4;margin:0}.testimonial blockquote{font-size:clamp(32px,4.6vw,64px);line-height:1.15;margin:35px auto 60px;max-width:1000px}.person{display:flex;justify-content:center;align-items:center;gap:15px}.person>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--sand);font-size:12px}.person b,.person small{display:block;text-align:left}.person small{margin-top:4px;opacity:.6}.contact{padding:120px 8vw;background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12vw}.contact h2{font-size:clamp(48px,6vw,86px)}.contact>div>p:last-child{opacity:.7;margin-top:35px}.contact form{display:grid;gap:22px}.contact label{display:grid;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.contact input,.contact select{width:100%;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;outline:none}.contact select option{color:#123b3a}.contact button{margin-top:14px;width:100%}footer{padding:60px 8vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}footer>p{margin:0;opacity:.7}footer>div{display:flex;justify-content:flex-end;gap:25px}footer>small{grid-column:1/-1;margin-top:45px;padding-top:25px;border-top:1px solid var(--line);opacity:.5}
@media(max-width:850px){.nav{height:72px}.menu{display:block}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:25px 5vw;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero{min-height:760px;padding:80px 7vw}.hero h1{font-size:65px}.floatCard{left:7vw;right:auto;bottom:35px}.scroll{display:none}.intro,.packages,.destinations,.steps,.contact{padding:90px 6vw}.introGrid,.packageHead,.steps,.contact{grid-template-columns:1fr;gap:55px}.stats{grid-template-columns:1fr;margin-top:65px}.stats div+div{padding-left:0;border-left:0}.stats div{border-bottom:1px solid var(--line)}.sectionHead{display:block;margin:0 0 45px}.sectionHead>p{margin-top:25px}.destinationGrid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.destinationGrid .wide{grid-column:span 2}.packageGrid{grid-template-columns:1fr}.cardImage{height:360px}.testimonial{padding:100px 7vw}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}footer>small{grid-column:auto}}@media(max-width:520px){.hero h1{font-size:52px}.lead{font-size:16px}.heroActions{align-items:flex-start;flex-direction:column;gap:16px}.floatCard{right:7vw;min-width:0}.destinationGrid{grid-template-columns:1fr}.destinationGrid .wide{grid-column:span 1}.sectionHead h2,.intro h2,.packageHead h2,.steps h2,.contact h2{font-size:48px}.stats strong{font-size:42px}.cardImage{height:280px}.testimonial blockquote{font-size:31px}}
