@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#17231f;--green:#123d35;--mint:#dfece1;--orange:#e75d2e;--gold:#f0ad3d;--cream:#faf8f1;--line:#d8ded7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}button,select{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:var(--cream);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:28px;height:28px;border-radius:50%;font-size:19px}.brand-accent{color:var(--orange)}.nav{display:flex;gap:34px;font-size:13px;font-weight:500}.nav a:hover,.footer-links a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:20px}.saved-link{font-size:13px}.saved-link span{background:var(--mint);padding:2px 7px;border-radius:20px;margin-left:4px}.button{background:var(--orange);color:#fff;border:0;border-radius:2px;padding:14px 22px;display:inline-flex;align-items:center;gap:20px;font-weight:700;font-size:13px;cursor:pointer}.button:hover{background:#c94c25}.button-small{padding:11px 17px}.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--green)}.hero{min-height:650px;position:relative;background:url('https://images.unsplash.com/photo-1547471080-7cc2caa01a7e?auto=format&fit=crop&w=1900&q=85') center/cover;color:#fff;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,32,29,.82),rgba(12,32,29,.18) 72%)}.hero-content{position:relative;z-index:1;margin-left:11%;max-width:590px;padding:70px 0}.eyebrow{color:var(--orange);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin:0 0 18px}.eyebrow.light{color:#ffcf7b}.hero h1{font:700 clamp(52px,7vw,92px)/.98 var(--serif);letter-spacing:-4px;margin:0 0 25px}.hero h1 em,.section-intro h2 em,.section-heading h2 em,.trip-planner h2 em{color:var(--gold);font-weight:600}.hero-copy{font-size:16px;max-width:410px;color:#eef3e9;margin-bottom:30px}.hero-buttons{display:flex;align-items:center;gap:25px}.button-light{background:#fff;color:var(--green)}.button-light:hover{background:var(--gold);color:var(--ink)}.play-button{border:0;background:none;color:#fff;font-weight:700;cursor:pointer}.play-button span{display:inline-grid;place-items:center;border:1px solid #fff;border-radius:50%;width:31px;height:31px;margin-right:8px;font-size:10px}.hero-note{position:absolute;right:8%;bottom:42px;z-index:1;display:flex;gap:12px;align-items:center;font-size:11px;color:#f3f3e8}.hero-note strong{font-size:12px}.sun-icon{color:var(--gold);font-size:31px}.section-wrap{padding:105px 10%}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.section-intro h2,.section-heading h2,.trip-planner h2{font:600 clamp(34px,4vw,52px)/1.08 var(--serif);letter-spacing:-1.8px;margin:0}.intro-copy{max-width:420px;font-size:16px;color:#53615a}.text-link{color:var(--orange);font-weight:700;font-size:13px;display:inline-block;margin-top:20px}.text-link span{font-size:18px;margin-left:9px}.feature-section{padding-top:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.carousel-controls{display:flex;gap:9px}.circle-button{border:1px solid var(--line);background:transparent;width:42px;height:42px;border-radius:50%;cursor:pointer}.circle-button.dark{background:var(--green);color:#fff;border-color:var(--green)}.destination-grid{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none}.destination-grid::-webkit-scrollbar{display:none}.destination-card{height:420px;min-width:31%;flex:1;position:relative;background-size:cover;background-position:center;overflow:hidden}.card-coast{background-image:url('https://images.unsplash.com/photo-1531058020387-3be344556be6?auto=format&fit=crop&w=900&q=80')}.card-ashanti{background-image:url('https://images.unsplash.com/photo-1596423739307-9e5b3d8a9e84?auto=format&fit=crop&w=900&q=80')}.card-north{background-image:url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=900&q=80')}.destination-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,25,21,.9))}.card-overlay{position:absolute;z-index:1;bottom:28px;left:28px;right:20px;color:#fff}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#ffd174;font-weight:700}.card-overlay h3{font:600 27px var(--serif);margin:8px 0 4px}.card-overlay p{font-size:12px;max-width:230px;margin:0 0 14px;color:#edf0e8}.card-overlay a{font-weight:700;font-size:12px}.card-overlay a span{margin-left:10px}.experience-band{background:var(--green);color:#fff;padding:90px 10%}.band-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1100px;margin:auto}.experience-band h2{font:600 clamp(38px,5vw,60px)/1 var(--serif);letter-spacing:-2px;margin:0}.experience-band h2 em{color:var(--gold)}.experience-list{border-top:1px solid rgba(255,255,255,.3)}.experience-item{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.3)}.experience-item:hover{color:#ffd174}.number{color:var(--gold);font-size:11px}.experience-item strong,.experience-item small{display:block}.experience-item strong{font-size:15px}.experience-item small{font-size:11px;color:#aec0b3;margin-top:3px}.trip-planner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.muted{color:#65736c;font-size:14px;margin-top:25px}.planner-form{background:#fff;padding:32px 35px;box-shadow:0 12px 35px rgba(22,53,43,.07);font:600 20px var(--serif)}.planner-form label{display:block;font:11px var(--sans);text-transform:uppercase;letter-spacing:1.3px;color:var(--orange);margin-bottom:6px}.planner-form select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--green);font:600 24px var(--serif);padding:5px 0 15px;margin-bottom:22px;outline:none}.planner-form .button{font-family:var(--sans);margin-top:2px}.form-result{font:12px var(--sans);color:var(--orange);margin:18px 0 0}.site-footer{background:#102c28;color:#dce8de;padding:52px 10% 25px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:50px}.footer-brand{color:#fff}.footer-top>p{font:italic 20px var(--serif);margin:0;color:#ffca72}.footer-links{display:flex;gap:26px;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;display:flex;justify-content:space-between;color:#94aca0;font-size:11px}.heart{color:var(--orange)}.story-modal{position:fixed;inset:0;background:rgba(7,26,21,.72);z-index:20;display:grid;place-items:center;padding:20px}.story-modal[hidden]{display:none}.modal-card{position:relative;background:var(--cream);max-width:470px;padding:50px}.modal-card h2{font:600 42px var(--serif);margin:0 0 15px}.modal-card p:not(.eyebrow){color:#5d6a62;margin-bottom:28px}.modal-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:28px;color:var(--green);cursor:pointer}
@media(max-width:800px){.site-header{height:70px;padding:0 6%}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:20px 6%;flex-direction:column;gap:18px;border-top:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.header-actions{gap:12px}.header-actions .button{display:none}.hero{min-height:590px}.hero-content{margin-left:8%;margin-right:8%}.hero-note{right:8%;bottom:22px}.welcome,.band-inner,.trip-planner{grid-template-columns:1fr;gap:42px}.section-wrap{padding:75px 8%}.destination-card{min-width:78%}.experience-band{padding:75px 8%}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-links{grid-column:1/-1;flex-wrap:wrap}.footer-bottom{gap:15px;flex-direction:column}.hero-buttons{align-items:flex-start;flex-direction:column;gap:18px}.section-heading{align-items:flex-start}.carousel-controls{margin-top:20px}.hero h1{letter-spacing:-2px}}
@media(max-width:430px){.saved-link{display:none}.hero-note{display:none}.planner-form{padding:25px 22px}.footer-top>p{font-size:16px}.hero-copy{font-size:15px}}