:root{--navy:#142D45;--champagne:#D6B779;--off-white:#F6F5F1;--slate:#647789;--white:#FFFFFF;--text:#263747;--muted:#6F7D87;--border:#E3E3DC;--navy-light:#E9EEF2;--champagne-light:#F4EBDD;--shadow:0 8px 25px rgba(20,45,69,.08);--shadow-hover:0 18px 42px rgba(20,45,69,.15);--radius:12px;--container:1160px}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
    body{margin:0;overflow-x:hidden;overflow-x:clip;color:var(--text);background:var(--white);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
    body.menu-open{overflow:hidden}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,select,textarea{font:inherit}
    button,a{-webkit-tap-highlight-color:transparent}
    button{cursor:pointer}
    a{color:inherit;text-decoration:none}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--champagne);outline-offset:3px}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{color:var(--navy);font-family:"Playfair Display",serif;overflow-wrap:break-word}
    h2{margin-bottom:16px;font-size:clamp(28px,4vw,43px);line-height:1.2}
    p{line-height:1.8}
    .container{width:min(var(--container),calc(100% - 44px));margin-inline:auto}
    .section{padding:90px 0}
    .section-light{background:var(--off-white)}
    .section-dark{background:var(--navy);color:var(--white)}
    .section-dark h2,.section-dark h3{color:var(--white)}
    .section-heading{max-width:700px;margin:0 auto 42px;text-align:center}
    .section-heading p{margin-bottom:0;color:var(--muted);font-size:15px}
    .eyebrow{display:inline-block;margin-bottom:14px;color:var(--slate);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
    .section-dark .eyebrow{color:var(--champagne)}
    .icon{display:inline-block;width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .icon-sm{width:15px;height:15px}

    .btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:700;text-align:center;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--navy);color:var(--white)}
    .btn-primary:hover{background:#1C405E}
    .hero .btn-primary,.final-cta .btn-primary{border-color:var(--champagne)}
    .btn-outline{border-color:var(--navy);background:transparent;color:var(--navy)}
    .btn-outline:hover{background:var(--navy);color:var(--white)}
    .btn-white{background:var(--white);color:var(--navy)}
    .btn-white:hover{background:var(--champagne)}
    .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-size:12px;font-weight:700}
    .text-link:hover{color:var(--slate)}

    /* HEADER */
    .site-header{position:sticky;z-index:1000;top:0;border-bottom:1px solid rgba(20,45,69,.08);background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
    .header-inner{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:25px}
    .brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}
    .brand-mark{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--navy);color:var(--champagne)}
    .brand-mark .icon{width:25px;height:25px}
    .brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
    .brand-name{color:var(--navy);font-family:"Playfair Display",serif;font-size:18px;font-weight:700;line-height:1.1;white-space:nowrap}
    .brand-tagline{color:var(--slate);font-size:9px;letter-spacing:1.4px;text-transform:uppercase}
    .main-nav{display:flex;align-items:center;gap:25px}
    .main-nav>a:not(.btn){position:relative;padding:6px 0;color:var(--text);font-size:12px;font-weight:600;transition:color .2s ease}
    .main-nav>a:not(.btn):hover{color:var(--slate)}
    .main-nav>a:not(.btn)::after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--champagne);content:"";transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
    .main-nav>a:not(.btn):hover::after,.main-nav>a:not(.btn):focus-visible::after{transform:scaleX(1)}
    .main-nav .btn{min-height:42px;padding:10px 17px}
    .menu-toggle{display:none;width:45px;height:45px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:5px;background:var(--white);color:var(--navy)}

    /* HERO */
    .hero{position:relative;min-height:620px;display:flex;align-items:center;background:var(--navy);color:var(--white);isolation:isolate}
    .hero-slides{position:absolute;z-index:-2;inset:0;overflow:hidden;background:var(--navy)}
    .hero-slide{position:absolute;inset:0;background-position:center 48%;background-repeat:no-repeat;background-size:cover;opacity:0;transition:opacity 1.2s ease}
    .hero-slide.is-active{opacity:1}
    .hero::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(10,29,46,.88) 0%,rgba(10,29,46,.65) 46%,rgba(10,29,46,.18) 100%);content:""}
    .hero-content{width:min(760px,100%);padding:85px 0 145px}
    .hero .eyebrow{color:var(--champagne)}
    .hero h1{max-width:730px;margin-bottom:23px;color:var(--white);font-size:clamp(34px,6.4vw,75px);font-weight:600;line-height:1.1;letter-spacing:-.8px}
    .hero h1 span{color:var(--champagne)}
    .hero-description{max-width:565px;margin-bottom:30px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.9}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px}
    .hero .btn-outline{border-color:rgba(255,255,255,.65);color:var(--white)}
    .hero .btn-outline:hover{border-color:var(--champagne);background:var(--champagne);color:var(--navy)}
    .hero-dots{display:flex;align-items:center;gap:9px;margin-top:34px}
    .hero-dot{width:10px;height:10px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:transparent;transition:width .25s ease,background .25s ease,border-color .25s ease}
    .hero-dot:hover{background:rgba(255,255,255,.55)}
    .hero-dot.is-active{width:28px;border-radius:10px;border-color:var(--champagne);background:var(--champagne)}

    /* PLANNER */
    .planner-wrap{position:relative;z-index:5;margin-top:-78px}
    .planner{padding:30px;border:1px solid rgba(20,45,69,.08);border-radius:9px;background:var(--white);box-shadow:var(--shadow-hover)}
    .planner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}
    .planner-heading h2{margin-bottom:7px;font-size:28px}
    .planner-heading p{margin-bottom:0;color:var(--muted);font-size:13px}
    .planner-heading .icon{width:34px;height:34px;color:var(--champagne)}
    .planner-form{display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr auto;align-items:end;gap:13px}
    .field{min-width:0}
    .field label{display:block;margin-bottom:8px;color:var(--navy);font-size:11px;font-weight:700}
    .field input,.field select,.field textarea{display:block;width:100%;min-width:0;min-height:47px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--text);font-size:12px;-webkit-appearance:none;appearance:none}
    .field select{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23142D45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
    .field input[type="date"]{line-height:1.2}
    .field input[type="date"]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}
    .field textarea{min-height:125px;resize:vertical}
    .planner-form .btn{width:100%;min-height:47px;padding-inline:14px}

    /* SHARED CARDS */
    .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}

    /* DESTINATIONS */
    .destinations-section{padding-top:82px;overflow:hidden}
    .destination-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
    .destination-toolbar p{margin:0;color:var(--muted);font-size:12px}
    .slider-controls{display:flex;flex:0 0 auto;gap:9px}
    .slider-arrow{display:grid;width:43px;height:43px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--white);color:var(--navy);transition:background .2s ease,color .2s ease}
    .slider-arrow:hover:not(:disabled){border-color:var(--navy);background:var(--navy);color:var(--white)}
    .slider-arrow:disabled{cursor:not-allowed;opacity:.35}
    .destination-slider{display:grid;grid-auto-columns:calc((100% - 44px)/3);grid-auto-flow:column;gap:22px;overflow-x:auto;padding:3px 2px 22px;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--champagne) transparent}
    .destination-slider::-webkit-scrollbar{height:5px}
    .destination-slider::-webkit-scrollbar-track{background:transparent}
    .destination-slider::-webkit-scrollbar-thumb{border-radius:10px;background:var(--champagne)}
    .destination-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--white);scroll-snap-align:start;transition:transform .25s ease,box-shadow .25s ease}
    .destination-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
    .destination-image{position:relative;height:235px;overflow:hidden;background:var(--navy-light)}
    .destination-image img{height:100%;transition:transform .45s ease}
    .destination-card:hover .destination-image img{transform:scale(1.05)}
    .destination-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:23px}
    .destination-category{margin-bottom:10px;color:var(--slate);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
    .destination-content h3{margin-bottom:10px;font-size:25px;line-height:1.25}
    .destination-content p{margin-bottom:21px;color:var(--muted);font-size:13px;line-height:1.75}
    .destination-content .text-link{margin-top:auto;padding-top:2px}
    .slider-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}
    .slider-status{color:var(--muted);font-size:11px}
    .slider-progress{width:min(210px,40%);height:3px;overflow:hidden;border-radius:5px;background:var(--border)}
    .slider-progress-bar{width:12.5%;height:100%;border-radius:inherit;background:var(--champagne);transition:width .2s ease}

    /* EXPERIENCES */
    .experience-card{position:relative;min-height:330px;display:flex;align-items:flex-end;overflow:hidden;border-radius:8px;background:var(--navy);color:var(--white)}
    .experience-card>img{position:absolute;inset:0;height:100%;transition:transform .45s ease}
    .experience-card:hover>img{transform:scale(1.05)}
    .experience-card::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,29,46,.9),transparent 85%);content:""}
    .experience-content{position:relative;z-index:1;padding:27px}
    .experience-content h3{margin-bottom:8px;color:var(--white);font-size:25px}
    .experience-content p{margin-bottom:0;color:rgba(255,255,255,.83);font-size:13px}

    /* FEATURED */
    .featured-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}
    .featured-image{min-height:460px;overflow:hidden;border-radius:9px;background:var(--navy-light)}
    .featured-image img{height:460px}
    .featured-copy h2{margin-bottom:20px}
    .featured-copy>p{color:var(--muted);font-size:14px}
    .itinerary-list{display:grid;gap:17px;padding:0;margin:26px 0;list-style:none}
    .itinerary-list li{display:flex;align-items:flex-start;gap:13px;font-size:13px;line-height:1.7}
    .itinerary-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--champagne-light);color:var(--navy)}
    .itinerary-list strong{display:block;margin-bottom:3px;color:var(--navy)}

    /* TOURS */
    .tour-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--white)}
    .tour-card-image{height:220px;overflow:hidden}
    .tour-card-image img{height:100%;transition:transform .4s ease}
    .tour-card:hover img{transform:scale(1.04)}
    .tour-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:23px}
    .tour-label{display:inline-block;margin-bottom:12px;padding:6px 9px;border-radius:3px;background:var(--champagne-light);color:var(--navy);font-size:10px;font-weight:700}
    .tour-card h3{margin-bottom:10px;font-size:23px}
    .tour-card p{margin-bottom:20px;color:var(--muted);font-size:13px}
    .tour-card .text-link{margin-top:auto}

    /* VEHICLES */
    .vehicles-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-bottom:24px}
    .vehicle-slider{display:grid;grid-auto-columns:calc((100% - 44px)/3);grid-auto-flow:column;gap:22px;overflow-x:auto;padding:3px 2px 22px;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--champagne) transparent}
    .vehicle-slider::-webkit-scrollbar{height:5px}
    .vehicle-slider::-webkit-scrollbar-track{background:transparent}
    .vehicle-slider::-webkit-scrollbar-thumb{border-radius:10px;background:var(--champagne)}
    .vehicle-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--white);scroll-snap-align:start;transition:transform .25s ease,box-shadow .25s ease}
    .vehicle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
    .vehicle-image{height:clamp(190px,22vw,245px);overflow:hidden;background:var(--navy-light)}
    .vehicle-image img{width:100%;height:100%;transition:transform .4s ease}
    .vehicle-card:hover .vehicle-image img{transform:scale(1.04)}
    .vehicle-content{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:22px}
    .vehicle-content h3{margin-bottom:8px;font-size:22px;line-height:1.3}
    .vehicle-content>p{margin-bottom:17px;color:var(--muted);font-size:13px;line-height:1.75}
    .vehicle-specs{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:18px;margin-top:auto;margin-bottom:17px}
    .vehicle-specs span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:4px;background:var(--navy-light);color:var(--navy);font-size:10px;font-weight:700}
    .vehicle-specs .icon{width:13px;height:13px}
    .vehicle-content .btn{width:100%;min-height:47px;padding-inline:12px;font-size:12px}
    .vehicle-note{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;margin-top:24px;border:1px solid #D9DDE0;border-radius:7px;background:var(--navy-light);color:var(--slate);font-size:12px;line-height:1.7}
    .vehicle-note .icon{width:18px;height:18px;margin-top:2px}

    /* ABOUT */
    .about-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}
    .about-image-wrap{position:relative;isolation:isolate;padding:0 20px 20px 0}
    .about-image{height:460px;overflow:hidden;border-radius:8px;background:var(--navy-light)}
    .about-image img{height:100%}
    .about-image-accent{position:absolute;right:0;bottom:0;width:54%;height:42%;z-index:-1;border-radius:8px;background:var(--champagne)}
    .about-copy p{color:var(--muted);font-size:14px}
    .about-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;margin:25px 0;list-style:none}
    .about-points li{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:600;line-height:1.6}
    .about-points .icon{width:17px;height:17px;color:var(--slate)}

    /* STEPS */
    .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
    .step-card{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:8px}
    .step-number{display:grid;width:45px;height:45px;margin-bottom:22px;place-items:center;border-radius:50%;background:var(--champagne);color:var(--navy);font-family:"Playfair Display",serif;font-size:19px}
    .step-card h3{margin-bottom:10px;font-size:22px}
    .step-card p{margin-bottom:0;color:rgba(255,255,255,.75);font-size:13px}

    /* TESTIMONIALS */
    .testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .testimonial-card{padding:27px;border:1px solid var(--border);border-radius:8px;background:var(--white)}
    .testimonial-stars{margin-bottom:15px;color:#B28A3C;letter-spacing:3px}
    .testimonial-card blockquote{margin:0 0 20px;color:var(--text);font-size:13px;line-height:1.9}
    .testimonial-person{padding-top:15px;border-top:1px solid var(--border);color:var(--navy);font-size:12px;font-weight:700}
    .testimonial-person span{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}

    /* FAQ */
    .faq-list{max-width:820px;margin:0 auto}
    .faq-item{border-bottom:1px solid var(--border)}
    .faq-question{display:flex;width:100%;min-height:65px;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border:0;background:transparent;color:var(--navy);font-size:14px;font-weight:700;text-align:left}
    .faq-question .icon{transition:transform .2s ease}
    .faq-question[aria-expanded="true"] .icon{transform:rotate(45deg)}
    .faq-answer{padding:0 30px 20px 0;color:var(--muted);font-size:13px}
    .faq-answer p{margin:0}

    /* CONTACT */
    .contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}
    .contact-copy>p{color:var(--muted);font-size:14px}
    .contact-details{display:grid;gap:19px;margin-top:30px}
    .contact-detail{display:flex;align-items:flex-start;gap:13px}
    .contact-detail-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:6px;background:var(--champagne-light);color:var(--navy)}
    .contact-detail strong{display:block;margin-bottom:4px;color:var(--navy);font-size:12px}
    .contact-detail span,.contact-detail a{color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
    .contact-form{padding:30px;border:1px solid var(--border);border-radius:9px;background:var(--white);box-shadow:var(--shadow)}
    .contact-form h3{margin-bottom:8px;font-size:26px}
    .contact-form>p{margin-bottom:23px;color:var(--muted);font-size:12px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .form-grid .field-full{grid-column:1/-1}
    .contact-form .btn{width:100%;margin-top:19px}
    .form-feedback{margin:13px 0 0;color:var(--slate);font-size:12px}

    /* CTA */
    .final-cta{position:relative;overflow:hidden;padding:70px 0;background:var(--navy);color:var(--white)}
    .final-cta::after{position:absolute;top:-130px;right:-80px;width:350px;height:350px;border:1px solid rgba(214,183,121,.35);border-radius:50%;box-shadow:0 0 0 45px rgba(214,183,121,.05),0 0 0 90px rgba(214,183,121,.04);content:"";pointer-events:none}
    .cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta-inner h2{max-width:650px;margin-bottom:12px;color:var(--white);font-size:clamp(27px,4vw,41px)}
    .cta-inner p{max-width:650px;margin-bottom:0;color:rgba(255,255,255,.77);font-size:13px}

    /* FOOTER */
    .site-footer{padding:55px 0 20px;background:#0E2235;color:rgba(255,255,255,.76)}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:45px;padding-bottom:35px}
    .footer-brand .brand-name{color:var(--white)}
    .footer-brand .brand-tagline{color:var(--champagne)}
    .footer-brand>p{max-width:360px;margin-top:20px;color:rgba(255,255,255,.65);font-size:12px}
    .footer-column h3{margin-bottom:19px;color:var(--champagne);font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:.5px}
    .footer-links{display:grid;gap:12px}
    .footer-links a{color:rgba(255,255,255,.72);font-size:12px;overflow-wrap:anywhere}
    .footer-links a:hover{color:var(--champagne)}
    .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.55);font-size:10px}

    /* Footer Social Media */
.footer-social {
    margin-top: 24px;
}

.footer-social h3 {
    font-size: 15px;
    margin-bottom: 14px;
    font-weight: 600;
}

.social-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.social-links a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214, 183, 121, 0.45);
    border-radius: 50%;
    color: #D6B779;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-links a:hover {
    background: #D6B779;
    color: #142D45;
    border-color: #D6B779;
    transform: translateY(-3px);
}

    /* WHATSAPP FLOAT */
    .whatsapp-float{position:fixed;z-index:900;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid rgba(255,255,255,.25);border-radius:40px;background:var(--navy);box-shadow:0 8px 25px rgba(20,45,69,.25);color:var(--white);font-size:12px;font-weight:700;transition:background .2s ease,transform .2s ease}
    .whatsapp-float:hover{transform:translateY(-3px);background:#1C405E}
    .whatsapp-float .icon{color:var(--champagne)}

    /* ===== RESPONSIVE ===== */

    @media (max-width:1050px){
      .main-nav{gap:16px}
      .planner-form{grid-template-columns:repeat(2,minmax(0,1fr))}
      .planner-form .btn{grid-column:1/-1}
      .destination-slider{grid-auto-columns:calc((100% - 22px)/2)}
      .slider-progress-bar{width:25%}
      .featured-layout,.about-layout{gap:35px}
      .vehicle-slider{grid-auto-columns:calc((100% - 22px)/2)}
      .footer-grid{gap:28px}
    }

    /* Mobile menu starts at 900px so the header never overflows on tablets */
    @media (max-width:900px){
      .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--white)}
      .header-inner{min-height:70px}
      .menu-toggle{display:inline-flex}
      .brand-name{overflow:hidden;text-overflow:ellipsis}
      .main-nav{position:fixed;z-index:1001;top:70px;right:0;bottom:0;left:0;flex-direction:column;align-items:stretch;gap:0;padding:15px 22px calc(30px + env(safe-area-inset-bottom,0px));overflow-y:auto;background:var(--white);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
      .main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
      .main-nav>a:not(.btn){display:flex;min-height:54px;align-items:center;padding:0;border-bottom:1px solid var(--border);font-size:15px}
      .main-nav>a:not(.btn)::after{display:none}
      .main-nav .btn{min-height:50px;margin-top:18px}
    }

    @media (max-width:760px){
      html{scroll-padding-top:75px}
      .container{width:min(var(--container),calc(100% - 32px))}
      .section{padding:65px 0}
      .brand-name{font-size:16px}
      .brand-tagline{font-size:8px}
      .brand-mark{width:39px;height:39px}
      .hero{min-height:560px}
      .hero::after{background:linear-gradient(90deg,rgba(10,29,46,.84),rgba(10,29,46,.48))}
      .hero-content{padding:75px 0 120px}
      .hero-description{font-size:14px}
      .planner-wrap{margin-top:-55px}
      .planner{padding:23px 19px}
      .planner-heading h2{font-size:25px}
      .destination-slider{grid-auto-columns:minmax(0,78%);gap:15px}
      .destination-image{height:220px}
      .slider-progress-bar{width:35%}
      .card-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .card-grid>:last-child:nth-child(odd){grid-column:1/-1}
      .experience-card{min-height:260px}
      .vehicle-image{height:220px}
      .featured-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:32px}
      .featured-image,.featured-image img{min-height:330px;height:330px}
      .about-image{height:350px}
      .steps-grid{grid-template-columns:1fr;gap:15px}
      .step-card{padding:23px}
      .cta-inner{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:1/-1}
      .whatsapp-float{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:48px;padding:11px 15px}
    }

    @media (max-width:600px){
      .container{width:calc(100% - 28px)}
      .section{padding:58px 0}
      .section-heading{margin-bottom:30px}
      .btn{min-height:50px;font-size:13px}

      /* 16px inputs stop iOS Safari zooming on focus */
      .field input,.field select,.field textarea{font-size:16px;min-height:50px}
      .field textarea{min-height:130px}
      .field label{font-size:12px}

      .hero{min-height:520px}
      .hero-content{padding:60px 0 110px}
      .hero h1{font-size:clamp(34px,10.5vw,44px)}
      .hero-description{font-size:15px;line-height:1.8}
      .hero-actions{align-items:stretch;flex-direction:column}
      .hero-actions .btn{width:100%}
      .hero-dot{width:12px;height:12px}
      .hero-dot.is-active{width:30px}

      .planner-wrap{margin-top:-48px}
      .planner{padding:22px 16px}
      .planner-heading{gap:10px}
      .planner-heading h2{font-size:23px}
      .planner-heading p{font-size:14px}
      .planner-heading .icon{width:28px;height:28px}
      .planner-form{grid-template-columns:1fr}
      .planner-form .btn{grid-column:auto;min-height:50px}

      .destination-toolbar{align-items:flex-start}
      .destination-toolbar p{max-width:210px;font-size:13px;line-height:1.6}
      .vehicles-toolbar{justify-content:flex-end}
      .slider-arrow{width:44px;height:44px}
      .destination-slider{grid-auto-columns:84%;margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}
      .destination-image{height:225px}
      .destination-content{padding:20px}
      .destination-content h3{font-size:24px}

      .card-grid,.testimonial-grid{grid-template-columns:1fr}
      .vehicle-slider{grid-auto-columns:84%;gap:15px;margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}
      .card-grid>:last-child:nth-child(odd){grid-column:auto}
      .experience-card{min-height:290px}
      .featured-image,.featured-image img{min-height:280px;height:280px}
      .about-image-wrap{padding:0 12px 12px 0}
      .about-image{height:300px}
      .about-points{grid-template-columns:1fr}
      .featured-copy .btn,.about-copy .btn,.cta-inner .btn{width:100%}
      .form-grid{grid-template-columns:1fr}
      .form-grid .field-full{grid-column:auto}
      .contact-form{padding:22px 17px}
      .final-cta{padding:55px 0}
      .final-cta::after{width:240px;height:240px;top:-110px;right:-110px}

      .footer-grid{grid-template-columns:1fr;gap:30px}
      .footer-brand{grid-column:auto}
      .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
      .site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}

      .whatsapp-float span{display:none}
      .whatsapp-float{width:52px;height:52px;padding:0}
      .whatsapp-float .icon{width:23px;height:23px}

      /* Readable text and thumb-friendly targets */
      .text-link{min-height:44px;font-size:13px}
      .faq-question{min-height:60px;font-size:15px}
      .faq-answer{padding-right:10px;font-size:14px}
      .section-heading p,.featured-copy>p,.about-copy p,.contact-copy>p,.simple-card-content p,.destination-content p,.tour-card p,.vehicle-content>p,.step-card p,.testimonial-card blockquote,.experience-content p,.itinerary-list li,.contact-detail span,.contact-detail a,.footer-brand>p,.footer-links a{font-size:14px}
      .about-points li,.vehicle-note,.contact-detail strong,.testimonial-person{font-size:13px}
      .vehicle-specs span,.tour-label,.destination-category{font-size:11px}
      .slider-status,.footer-bottom{font-size:12px}
    }

    @media (max-width:380px){
      .brand-tagline{display:none}
      .brand-mark{width:36px;height:36px}
      .brand-mark .icon{width:21px;height:21px}
      .brand-name{font-size:15px}
      .hero h1{font-size:32px}
      .section{padding:52px 0}
      .destination-slider{grid-auto-columns:90%}
      .contact-form{padding:20px 14px}
      .vehicle-content,.tour-card-content,.destination-content{padding:18px}
    }

    @media (max-height:520px) and (orientation:landscape){
      .hero{min-height:0}
      .hero-content{padding:40px 0 90px}
    }

    @media (hover:none){
      .destination-card:hover,.vehicle-card:hover,.btn:hover{transform:none}
      .destination-card:hover .destination-image img,.vehicle-card:hover .vehicle-image img,.tour-card:hover img,.experience-card:hover>img{transform:none}
    }

    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
    }