*{box-sizing:border-box} :root{--teal:#12AEA9;--teal-dark:#087e7a;--teal-pale:#eaf8f7;--white:#fff;--ink:#1d3838;--muted:#667a79;--line:#dce9e8}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:84px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf2f1}.logo{display:flex;align-items:center;gap:11px;font:800 13px Manrope;letter-spacing:1px;color:#183f3e}.logo-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;font:800 13px Manrope;letter-spacing:-1px}.logo small{display:block;font:600 7px "DM Sans";letter-spacing:1.2px;color:#78908e;margin-top:5px}.nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:700}.nav a:not(.nav-book):hover{color:var(--teal)}.nav-book{background:var(--teal);color:#fff;padding:14px 17px;border-radius:3px}.menu-toggle{display:none;background:none;border:0;font-size:23px;color:var(--teal)}.hero{height:660px;position:relative;color:white;overflow:hidden}.hero-img,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-img{object-fit:cover;object-position:center 53%}.hero-overlay{background:linear-gradient(90deg,rgba(4,36,36,.62),rgba(4,36,36,.2) 62%,rgba(4,36,36,.08)),linear-gradient(0deg,rgba(4,36,36,.35),transparent 35%)}.hero-text{position:absolute;top:50%;left:10%;transform:translateY(-48%);max-width:600px}.overline,.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--teal);margin-bottom:18px}.overline{color:#fff}.overline span{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:9px}.hero h1{font:700 clamp(46px,6.3vw,82px)/1.03 Manrope;letter-spacing:-3.8px;margin:0 0 20px}.hero h1 em,.welcome h2 em,.section-head h2 em,.experience h2 em,.testimonial h2 em,.faq h2 em,.cta h2 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.hero h1 em{color:#a7f0eb}.hero-text>p{max-width:430px;font-size:13px;line-height:1.85;color:#edf7f6}.primary-btn{display:inline-flex;align-items:center;gap:28px;background:var(--teal);color:#fff;padding:16px 20px;border-radius:3px;font-size:11px;font-weight:800;margin-top:17px;transition:.2s}.primary-btn:hover,.nav-book:hover{background:var(--teal-dark);transform:translateY(-1px)}.primary-btn b{font-size:17px}.hero-caption{position:absolute;bottom:22px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.quickbar{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:22px;padding:25px 6.5%;border-bottom:1px solid var(--line);box-shadow:0 8px 25px #163d3b08}.quickbar>div{display:flex;align-items:center;gap:12px}.quickbar>div>b{font:700 12px Manrope;color:var(--teal)}.quickbar strong,.quickbar small{display:block}.quickbar strong{font-size:11px}.quickbar small{font-size:9px;color:var(--muted);margin-top:4px}.quickbar>a{font-size:9px;font-weight:800;color:var(--teal);white-space:nowrap}.section{padding:95px 8%}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.welcome-photo{height:440px;position:relative}.welcome-photo img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:18px;left:18px;background:white;color:var(--teal-dark);padding:11px 13px;font-size:8px;letter-spacing:1.3px;font-weight:800}.welcome h2,.section-head h2,.faq h2{font:700 clamp(32px,4vw,47px)/1.14 Manrope;letter-spacing:-1.7px;margin:0;color:#1b4140}.welcome-copy>p,.section-head>p,.faq>div>p{font-size:12px;line-height:1.9;color:var(--muted)}.line-link{display:inline-block;color:var(--teal-dark);font-size:11px;font-weight:800;border-bottom:1px solid #a8d9d6;padding-bottom:8px;margin-top:15px}.line-link span{margin-left:13px}.packages{background:#f6fbfa}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head>p{max-width:320px;margin:0 0 5px}.section-head h2{font-size:clamp(31px,3.7vw,43px)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.package-card{background:#fff;box-shadow:0 8px 30px #173f3d0b}.package-image{height:245px;position:relative;overflow:hidden}.package-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.package-card:hover img{transform:scale(1.04)}.package-image span{position:absolute;top:15px;left:15px;background:#fff;color:var(--teal-dark);font-size:8px;letter-spacing:.8px;font-weight:800;padding:9px 10px}.package-body{padding:23px}.package-body>small{font-size:8px;letter-spacing:1.5px;color:var(--teal);font-weight:800}.package-body h3{font:700 21px Manrope;letter-spacing:-.6px;margin:10px 0}.package-body p{font-size:11px;line-height:1.8;color:var(--muted);min-height:40px}.package-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #e7efed;padding-top:15px;margin-top:17px}.package-bottom span{font-size:9px;color:#788b88}.package-bottom a{font-size:10px;color:var(--teal-dark);font-weight:800;white-space:nowrap}.disclaimer{font-size:9px;color:#7c8d8a;margin:20px 0 0}.experience{background:#fff;padding:85px 8% 95px}.experience-head{text-align:center;max-width:550px;margin:0 auto 38px}.experience h2{font:700 clamp(34px,4vw,46px) Manrope;letter-spacing:-1.5px;margin:0}.experience-head>p{font-size:12px;color:var(--muted)}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.experience-grid article{height:310px;position:relative;overflow:hidden;color:#fff}.experience-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,36,35,.85),transparent 75%)}.experience-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.experience-grid article:hover img{transform:scale(1.05)}.experience-grid article>div{position:absolute;z-index:1;bottom:20px;left:18px;right:15px}.experience-grid small{color:#8ce5e0;font-size:9px}.experience-grid h3{font:700 19px Manrope;margin:7px 0}.experience-grid p{font-size:10px;color:#e4efed}.gallery{padding-top:85px;padding-bottom:95px}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:180px 180px;gap:14px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid img:first-child{grid-row:span 2}.gallery-grid img:last-child{grid-column:span 2}.testimonial{text-align:center;background:#eaf8f7;padding:75px 20px 80px}.quote-mark{font:100px/0.8 Georgia;color:var(--teal)}.testimonial h2{font:700 clamp(35px,4vw,49px)/1.12 Manrope;letter-spacing:-1.7px;margin:0}.testimonial p{max-width:430px;margin:17px auto 0;font-size:12px;line-height:1.8;color:var(--muted)}.articles{padding-top:95px;padding-bottom:100px}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.article-card{cursor:pointer}.article-image{height:190px;overflow:hidden;position:relative;background:#e6f3f2}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-card:hover img{transform:scale(1.05)}.category{position:absolute;bottom:10px;left:10px;background:#fff;padding:8px;font-size:7px;font-weight:800;letter-spacing:.8px;color:var(--teal-dark)}.article-meta{display:flex;justify-content:space-between;gap:8px;margin:14px 0 9px;font-size:8px;color:#81918e}.article-card h3{font:700 16px/1.4 Manrope;letter-spacing:-.3px;margin:0 0 10px;color:#1b4140}.article-card p{font-size:10px;line-height:1.7;color:var(--muted)}.read-more{font-size:10px;font-weight:800;color:var(--teal-dark)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:#f6fbfa}.faq h2{font-size:38px}.faq-list details{border-bottom:1px solid #dce9e8;padding:18px 0}.faq-list summary{font-size:12px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:18px;color:var(--teal)}.faq-list details p{font-size:11px;line-height:1.8;color:var(--muted);max-width:550px}.cta{padding:60px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--teal);color:#fff}.cta .eyebrow{color:#e2fffd}.cta h2{font:700 clamp(34px,4vw,48px)/1.08 Manrope;letter-spacing:-1.5px;margin:0}.cta h2 em{color:#e0fffc}.cta .primary-btn{background:#fff;color:var(--teal-dark)}footer{padding:38px 6.5% 20px;background:#fff}.footer-logo .logo-icon{background:var(--teal);color:#fff}footer>p{font-size:11px;color:var(--muted);margin:22px 0 35px}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:#81918e}.footer-bottom a{color:var(--teal-dark);font-weight:800}.modal{display:none;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#092d2ccc}.modal-panel{position:relative;background:#fff;max-width:800px;width:100%;max-height:90vh;overflow:auto;padding:35px}.modal-close{position:sticky;float:right;top:0;border:0;background:var(--teal);color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.modal-hero{width:100%;height:250px;object-fit:cover;margin-bottom:24px}.modal-panel h1{font:700 clamp(28px,4vw,42px)/1.15 Manrope;letter-spacing:-1px}.modal-panel h2{font:700 21px Manrope;margin:28px 0 8px}.modal-panel p{font-size:12px;line-height:1.9;color:#526967}.modal-meta{font-size:9px;color:#7b8d8b;margin:12px 0 20px}.source-list{border-top:1px solid var(--line);padding-top:15px}.source-list a{display:block;font-size:10px;color:var(--teal-dark);margin:8px 0;overflow-wrap:anywhere}
@media(max-width:900px){.nav{gap:14px}.quickbar{grid-template-columns:1fr 1fr}.quickbar>a{grid-column:2}.welcome{gap:5%}.experience-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{height:70px;padding:0 5%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:20px 6%;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-book{text-align:center}.hero{height:620px}.hero-text{left:7%;right:7%}.hero h1{font-size:54px;letter-spacing:-2.5px}.hero-text>p{font-size:12px}.hero-caption{left:7%;right:7%;font-size:7px}.hero-caption span:last-child{display:none}.quickbar{padding:20px 6%;grid-template-columns:1fr 1fr;gap:18px 10px}.quickbar small{font-size:8px}.quickbar>a{grid-column:auto;align-self:center}.section{padding:62px 6%}.welcome{grid-template-columns:1fr;gap:30px}.welcome-photo{height:300px}.welcome h2,.section-head h2{font-size:34px}.section-head{display:block}.section-head>p{margin-top:14px}.package-grid{grid-template-columns:1fr;gap:18px}.package-image{height:230px}.experience{padding:62px 6%}.experience-grid{grid-template-columns:1fr 1fr;gap:10px}.experience-grid article{height:245px}.experience-grid h3{font-size:16px}.gallery-grid{grid-template-rows:120px 120px;gap:8px}.article-grid{grid-template-columns:1fr 1fr;gap:22px 13px}.article-image{height:145px}.article-card h3{font-size:14px}.article-meta{display:block;line-height:1.8}.article-meta span{display:block}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:34px}.cta{padding:45px 6%;display:block}.cta .primary-btn{margin-top:22px}.footer-bottom{flex-wrap:wrap;line-height:1.7}.footer-bottom span:nth-child(2){display:none}.modal{padding:8px}.modal-panel{padding:23px 17px}.modal-hero{height:180px}}

/* Functional additions; original palette, typefaces and component styles remain above. */
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:100;background:#fff;color:var(--teal-dark);padding:12px 16px;border:2px solid var(--teal-dark)}.skip-link:focus{transform:translateY(0)}
:where(a,button,summary):focus-visible{outline:3px solid #075d5a;outline-offset:4px}.nav a[aria-current]{color:var(--teal-dark);text-decoration:underline;text-underline-offset:6px}.nav .nav-book{color:#fff}.menu-toggle{min-width:44px;min-height:44px;cursor:pointer}
.breadcrumb{padding:22px 8%;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:'/';margin-right:9px;color:#7b8d8b}.breadcrumb a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}
.back-link{display:block;width:fit-content}.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 25px;font-size:11px;color:var(--teal-dark)}.contact{background:#eaf8f7}.contact h2{font:700 clamp(32px,4vw,43px)/1.15 Manrope;letter-spacing:-1.5px}.contact h2 em,.detail-section h2 em,.listing-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.contact p{font-size:12px;line-height:1.9;color:var(--muted)}
.detail-intro h1,.reading-page h1,.listing-intro h1,.error-page h1{font:700 clamp(34px,4vw,49px)/1.14 Manrope;letter-spacing:-1.7px;margin:0 0 18px;color:var(--ink);overflow-wrap:anywhere}.detail-intro .welcome-photo{height:420px}.detail-intro .welcome-copy{min-width:0}.detail-intro .trip-price{margin-top:20px}.detail-intro .trip-price strong{font:800 25px Manrope}.detail-intro .trip-price strong span{font:500 11px 'DM Sans';color:var(--muted)}.detail-intro .trip-price small{font-size:11px;color:var(--muted)}.detail-note{font-size:11px!important;line-height:1.8!important;color:var(--muted)}.detail-section{padding-top:55px;padding-bottom:55px}.detail-section:nth-of-type(even){background:#f6fbfa}.detail-section h2{font:700 29px/1.2 Manrope;letter-spacing:-1px}.detail-section p,.detail-list{font-size:13px;line-height:1.9;color:#526967}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%}.detail-list{padding-left:20px}.detail-list li{margin:8px 0}.package-body .line-link{margin-top:4px}.package-card>a.package-image{display:block}.package-card h3 a:hover,.trip-content h3 a:hover{color:var(--teal-dark);text-decoration:underline}.package-bottom a,.read-more{display:inline-block;padding:8px 0;min-height:32px}.package-body p{min-height:0}.article-card{display:block;min-width:0}.article-card:hover h3{text-decoration:underline;text-underline-offset:3px}.article-grid .article-card:focus-visible{outline-offset:6px}.article-image{display:block}.article-meta span{overflow-wrap:anywhere}
.reading-page{max-width:980px;margin:auto;padding-top:60px}.reading-hero{width:100%;height:350px;object-fit:cover}.reading-body p{font-size:15px;line-height:1.95;color:#526967}.reading-body h2{font:700 25px/1.3 Manrope;margin:34px 0 12px;letter-spacing:-.6px}.reading-page .source-list h2{font:700 18px Manrope}.reading-page .source-list a{font-size:12px;line-height:1.7}.related-panel{margin-top:35px;padding:25px;background:var(--teal-pale)}.related-panel h2{font:700 24px Manrope;margin:0 0 12px}.related-panel p{font-size:13px;line-height:1.8}.listing-intro{padding-top:60px;padding-bottom:35px}.listing-intro p{font-size:13px;line-height:1.9;color:var(--muted);max-width:640px}.article-list{padding-top:10px}.error-page{min-height:50vh;text-align:center}.error-page p{color:var(--muted);font-size:14px;line-height:1.8}.error-page .primary-btn{margin-right:15px}
.detail-intro .trip-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.detail-intro .trip-price small,.detail-intro .trip-price strong{display:block}.detail-intro .trip-price strong{margin-top:8px}
@media(max-width:900px){.menu-toggle{display:block}.topbar{height:70px;padding:0 5%}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:20px 6%;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);max-height:calc(100dvh - 70px);overflow-y:auto}.nav.open{display:flex}.nav a{padding:10px 0;min-height:40px}.nav .nav-book{padding:14px 17px;text-align:center}.detail-intro{grid-template-columns:1fr;gap:30px}.detail-intro .welcome-photo{height:340px}}
@media(max-width:640px){.breadcrumb{padding:18px 6%;font-size:10px}.detail-columns{grid-template-columns:1fr;gap:25px}.detail-intro .welcome-photo{height:280px}.reading-hero{height:220px}.reading-page{padding-top:40px}.reading-body p{font-size:14px}.reading-body h2{font-size:22px}.detail-section h2{font-size:26px}.footer-links{gap:14px}.listing-intro{padding-top:40px;padding-bottom:25px}.detail-intro h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* === Transparent Navbar & Dynamic Logo Styles === */
.logo-img {
  height: 52px;
  width: auto;
  object-fit: contain;
  display: block;
}
.logo-white {
  display: none;
}
.logo-colored {
  display: block;
}

/* On Homepage Initial State (before scroll) */
.topbar.topbar-transparent:not(.scrolled) {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.topbar.topbar-transparent:not(.scrolled) .logo-white {
  display: block;
}
.topbar.topbar-transparent:not(.scrolled) .logo-colored {
  display: none;
}
.topbar.topbar-transparent:not(.scrolled) .nav a:not(.nav-book) {
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.topbar.topbar-transparent:not(.scrolled) .nav a:not(.nav-book):hover {
  color: var(--teal-pale);
}
.topbar.topbar-transparent:not(.scrolled) .menu-toggle {
  color: #fff;
}

/* On Scroll Down Transition */
.topbar {
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.topbar.topbar-transparent.scrolled {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #edf2f1;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.topbar.topbar-transparent.scrolled .logo-white {
  display: none;
}
.topbar.topbar-transparent.scrolled .logo-colored {
  display: block;
}
.topbar.topbar-transparent.scrolled .nav a:not(.nav-book) {
  color: var(--ink);
  text-shadow: none;
}
.topbar.topbar-transparent.scrolled .menu-toggle {
  color: var(--teal);
}

/* Mobile dropdown background safeguard */
@media (max-width: 900px) {
  .topbar.topbar-transparent:not(.scrolled) .nav.open {
    background: #fff;
  }
  .topbar.topbar-transparent:not(.scrolled) .nav.open a:not(.nav-book) {
    color: var(--ink);
    text-shadow: none;
  }
}