/* TOUR SCOPE V8.3.8 R11 — visual refinement layer.
   Presentation only: no routes, CMS bindings, booking logic, pricing, popup logic,
   SEO, Cloudinary IDs, publish state, security or persistence behavior is changed. */

:root{
  --ts-vr-bg:#fbfcfe;
  --ts-vr-paper:#ffffff;
  --ts-vr-mist:#f6f5fb;
  --ts-vr-mist-2:#f1f7f8;
  --ts-vr-ink:#102b46;
  --ts-vr-muted:#667887;
  --ts-vr-navy:#07314d;
  --ts-vr-teal:#08697d;
  --ts-vr-aqua:#13aebe;
  --ts-vr-coral:#f36b3e;
  --ts-vr-line:#e3e9ee;
  --ts-vr-radius:18px;
  --ts-vr-radius-sm:11px;
  --ts-vr-shadow:0 14px 36px rgba(15,43,68,.09);
  --ts-vr-shadow-hover:0 20px 46px rgba(15,43,68,.14);
  --ts-vr-ease:cubic-bezier(.2,.72,.2,1);
}

html{scroll-behavior:smooth}
body{background:var(--ts-vr-bg);color:var(--ts-vr-ink)}

/* ===== Header: cleaner white chrome, calm geometry ===== */
.site-header,
.signature-header{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(16,43,70,.08) !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(15,43,68,.10) !important;
}
.site-header.ts-scrolled,
.signature-header.ts-scrolled{
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 14px 38px rgba(15,43,68,.13) !important;
}
.desktop-nav a{color:var(--ts-vr-ink)}
.desktop-nav a:hover,.desktop-nav a.ts-nav-active{color:var(--ts-vr-teal)}
.menu-toggle span{background:var(--ts-vr-navy) !important;height:2px !important;border-radius:99px}

/* Generic experience header remains dark over its hero, but becomes cleaner. */
.xp-header{
  background:rgba(4,28,48,.90) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 8px 28px rgba(1,19,57,.14);
}
.xp-header.ts-scrolled{background:rgba(4,28,48,.97) !important}

/* ===== Buttons: reference-inspired compact rectangular CTAs ===== */
:where(.header-cta,.button.primary,.button.coral,.signature-header-cta,.signature-button.primary,
       .xp-header-cta,.xp-btn.primary,.trip-detail-button,.collection-more,.quick-submit){
  border-radius:var(--ts-vr-radius-sm) !important;
}
:where(.header-cta,.button.primary,.button.coral,.signature-header-cta,.signature-button.primary,
       .xp-header-cta,.xp-btn.primary){
  background:linear-gradient(135deg,var(--ts-vr-navy),var(--ts-vr-teal)) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(7,49,77,.18) !important;
}
:where(.header-cta,.button.primary,.button.coral,.signature-header-cta,.signature-button.primary,
       .xp-header-cta,.xp-btn.primary):hover{
  background:linear-gradient(135deg,#06425f,#087f8e) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 15px 30px rgba(7,49,77,.24) !important;
}
:where(.header-cta,.button.primary,.button.coral) > span,
.signature-header-cta>span,
.signature-button.primary>span{
  background:var(--ts-vr-coral) !important;
  color:#fff !important;
  border-radius:8px !important;
}
.xp-btn.primary .xp-arrow,
.xp-header-cta .xp-arrow{
  background:var(--ts-vr-coral);
  border-radius:8px;
  padding:7px;
  width:34px;
  height:34px;
}
.button.whatsapp-button{
  border-radius:var(--ts-vr-radius-sm) !important;
  background:linear-gradient(135deg,#075a69,#0b8a8d) !important;
}
.button.whatsapp-button>span{border-radius:8px !important;background:#fff !important;color:#0a755b !important}

/* Exploration controls follow the same button language. */
.round-link{
  border-radius:12px !important;
  border-color:var(--ts-vr-line) !important;
  background:#fff !important;
  color:var(--ts-vr-ink) !important;
  box-shadow:0 8px 22px rgba(15,43,68,.06);
}
.round-link:hover{background:var(--ts-vr-navy) !important;color:#fff !important;border-color:var(--ts-vr-navy) !important}
.round-link b{border-radius:8px !important;background:var(--ts-vr-coral) !important;color:#fff !important}

/* ===== Homepage section rhythm: more white, less heavy navy ===== */
.intro-section{background:var(--ts-vr-paper) !important}
.experience-grid{background:var(--ts-vr-mist) !important;padding-top:22px !important}
.trip-collection{
  background:linear-gradient(180deg,#f7f7fb 0%,#fbfcfe 100%) !important;
  color:var(--ts-vr-ink) !important;
}
.trip-collection .section-kicker,
.trip-collection .collection-head h2{color:var(--ts-vr-ink) !important;text-shadow:none !important}
.trip-collection .collection-head h2 em{color:var(--ts-vr-teal) !important}
.trip-collection .collection-head>div>p{color:var(--ts-vr-muted) !important}
.collection-count{
  color:var(--ts-vr-teal) !important;
  background:#fff !important;
  border-color:rgba(8,105,125,.25) !important;
}
.comparison-bar{
  background:#fff !important;
  border:1px solid var(--ts-vr-line) !important;
  border-radius:16px !important;
  box-shadow:var(--ts-vr-shadow);
}
.comparison-bar>div{border-color:var(--ts-vr-line) !important}
.comparison-bar small{color:var(--ts-vr-coral) !important}
.comparison-bar strong{color:var(--ts-vr-ink) !important}
.comparison-bar span{color:var(--ts-vr-muted) !important}
.trip-filters{scrollbar-color:var(--ts-vr-teal) transparent !important}
.trip-filters button{
  color:#4e6678 !important;
  background:#fff !important;
  border:1px solid var(--ts-vr-line) !important;
  box-shadow:0 3px 12px rgba(15,43,68,.03);
}
.trip-filters button:hover,.trip-filters button.active{
  color:#fff !important;
  background:var(--ts-vr-teal) !important;
  border-color:var(--ts-vr-teal) !important;
  box-shadow:0 8px 18px rgba(8,105,125,.17);
}
.collection-disclaimer{color:#748594 !important;text-shadow:none !important}
.collection-more{
  background:#fff !important;
  color:var(--ts-vr-navy) !important;
  border:1px solid var(--ts-vr-line) !important;
  box-shadow:var(--ts-vr-shadow) !important;
}
.collection-more:hover{background:var(--ts-vr-navy) !important;color:#fff !important;border-color:var(--ts-vr-navy) !important}

/* ===== Trip cards: white editorial cards with overlapping duration chip ===== */
.trip-grid{gap:18px !important}
.trip-card{
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  color:var(--ts-vr-ink) !important;
  border:1px solid var(--ts-vr-line) !important;
  border-radius:18px !important;
  box-shadow:var(--ts-vr-shadow) !important;
  transition:transform .34s var(--ts-vr-ease),box-shadow .34s ease,border-color .34s ease !important;
}
.trip-card:before{display:none !important}
.trip-card:hover{
  background:#fff !important;
  border-color:rgba(8,105,125,.30) !important;
  transform:translateY(-5px) !important;
  box-shadow:var(--ts-vr-shadow-hover) !important;
}
.trip-card-media{
  aspect-ratio:16/10 !important;
  background-color:#dce8eb !important;
  border-radius:17px 17px 0 0 !important;
  overflow:hidden !important;
}
.trip-card-media:after{background:linear-gradient(180deg,rgba(3,32,50,.02) 40%,rgba(3,32,50,.18) 100%) !important}
.trip-card-top{top:14px !important;left:14px !important;right:auto !important}
.trip-card-top p{
  color:#fff !important;
  background:rgba(5,45,67,.88) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:8px !important;
  padding:7px 10px !important;
  letter-spacing:.05em !important;
  text-shadow:none !important;
  backdrop-filter:blur(8px);
}
.trip-card-body{
  position:relative !important;
  min-height:335px !important;
  padding:33px 20px 19px !important;
  background:#fff !important;
}
.trip-card h3{
  color:var(--ts-vr-ink) !important;
  margin:0 0 9px !important;
  font-family:var(--body,"Segoe UI",Arial,sans-serif) !important;
  font-size:21px !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
  text-transform:none !important;
  filter:none !important;
}
.trip-card h3 a:hover{color:var(--ts-vr-teal)}
.trip-description{
  color:#687b8b !important;
  min-height:62px !important;
  margin:0 0 16px !important;
  font-size:12px !important;
  font-weight:550 !important;
  line-height:1.65 !important;
}
.trip-facts{gap:7px !important;margin-bottom:7px !important}
.trip-facts>span{
  color:#547084 !important;
  background:#f3f7f8 !important;
  border:1px solid #e3ecef !important;
  min-height:27px !important;
  padding:0 9px !important;
  font-size:9px !important;
  text-shadow:none !important;
}
.trip-facts>span:first-child{
  position:absolute !important;
  z-index:5 !important;
  top:-17px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  min-width:54% !important;
  min-height:34px !important;
  justify-content:center !important;
  color:#657989 !important;
  background:#fff !important;
  border-color:#edf0f2 !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(15,43,68,.11) !important;
  font-size:9px !important;
}
.trip-best-for{gap:6px !important;margin:5px 0 15px !important}
.trip-best-for span{
  color:#5d7181 !important;
  background:#fff !important;
  border:1px solid var(--ts-vr-line) !important;
  min-height:26px !important;
  font-size:9px !important;
}
.trip-note{color:#71818e !important;border-left-color:var(--ts-vr-coral) !important}
.trip-price{
  color:var(--ts-vr-teal) !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:3px 2px !important;
}
.trip-price strong{font-size:13px !important;color:var(--ts-vr-teal) !important}
.trip-price del{color:#83929e !important}
.trip-price small{color:#71818e !important}
.trip-actions{margin-top:auto !important}
.trip-detail-button{
  min-height:48px !important;
  padding:5px 5px 5px 15px !important;
  color:#fff !important;
  background:var(--ts-vr-teal) !important;
  border:0 !important;
  border-radius:9px !important;
  box-shadow:0 8px 18px rgba(8,105,125,.16) !important;
  font-weight:800 !important;
}
.trip-detail-button b{
  width:37px !important;height:37px !important;
  border-radius:8px !important;
  background:var(--ts-vr-navy) !important;
  color:#fff !important;
}
.trip-detail-button:hover{background:var(--ts-vr-navy) !important;transform:translateY(-1px)}
.trip-detail-button:hover b{background:var(--ts-vr-coral) !important;color:#fff !important}

/* Feature cards keep photography but adopt the same refined corners. */
.experience-card{
  border-radius:18px !important;
  box-shadow:0 15px 36px rgba(15,43,68,.12) !important;
}
.experience-card .card-shade{background:linear-gradient(180deg,rgba(3,23,34,.04) 30%,rgba(3,23,34,.78) 100%) !important}
.experience-card .card-footer button,
.experience-card .card-arrow-link{border-radius:9px !important}

/* ===== Feeling section: light, airy alternative to the old navy block ===== */
.feeling-section{
  background:linear-gradient(135deg,#f7f6fb 0%,#f3f8f8 100%) !important;
  color:var(--ts-vr-ink) !important;
}
.feeling-media{opacity:.94 !important;filter:saturate(.94) contrast(.98)}
.feeling-content h2{color:var(--ts-vr-ink) !important;text-shadow:none !important}
.feeling-list{border-color:#dce5e9 !important}
.feeling-list button{
  color:var(--ts-vr-ink) !important;
  border-color:#dce5e9 !important;
}
.feeling-list button:hover{background:rgba(19,174,190,.075) !important}
.feeling-list strong{color:var(--ts-vr-ink) !important}
.feeling-list span{color:var(--ts-vr-coral) !important}
.feeling-list i{color:var(--ts-vr-teal) !important;border-color:rgba(8,105,125,.28) !important}

.why-section{background:#fff !important}
.pillars{
  background:transparent !important;
  border:0 !important;
  gap:16px !important;
}
.pillars article{
  background:#fff !important;
  border:1px solid var(--ts-vr-line) !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px rgba(15,43,68,.06) !important;
}
.pillars article:hover{box-shadow:var(--ts-vr-shadow) !important;transform:translateY(-3px)}
.pillars h3{color:var(--ts-vr-ink)}
.pillars p{color:var(--ts-vr-muted) !important}

/* Final cinematic CTA + footer stay dark for contrast, but less muddy. */
.final-shade{background:linear-gradient(180deg,rgba(4,28,39,.48),rgba(4,28,39,.72)) !important}
footer,.signature-footer,.xp-footer{background:linear-gradient(145deg,#062c45,#031b31) !important}

/* ===== Private speedboat: replace large dark content blocks with light surfaces ===== */
.signature-page{background:var(--ts-vr-bg) !important;color:var(--ts-vr-ink) !important}
.signature-intro,.signature-journey,.signature-suits,.signature-faq{background:#fff !important}
.signature-islands,
.signature-equipment{
  background:linear-gradient(180deg,#f6f5fb,#fbfcfe) !important;
  color:var(--ts-vr-ink) !important;
}
.signature-islands .signature-section-head h2,
.signature-equipment .signature-section-head h2,
.signature-islands .signature-section-head>p,
.signature-equipment .signature-section-head>p{color:var(--ts-vr-ink) !important}
.signature-islands .signature-kicker,
.signature-equipment .signature-kicker{color:var(--ts-vr-teal) !important}
.signature-island-grid article,
.signature-equipment-grid article,
.signature-suit-cards article{
  background:#fff !important;
  color:var(--ts-vr-ink) !important;
  border:1px solid var(--ts-vr-line) !important;
  border-radius:18px !important;
  box-shadow:var(--ts-vr-shadow) !important;
  overflow:hidden !important;
}
.signature-island-grid article:hover,
.signature-equipment-grid article:hover,
.signature-suit-cards article:hover{transform:translateY(-4px);box-shadow:var(--ts-vr-shadow-hover) !important}
.signature-island-grid p,
.signature-equipment-grid p,
.signature-suit-cards p{color:var(--ts-vr-muted) !important}
.signature-island-body{background:#fff !important}
.signature-island-grid small{color:var(--ts-vr-coral) !important}
.signature-clarity{background:#fff !important}
.signature-clarity-content{
  background:linear-gradient(145deg,#f4f7f9,#f8f7fc) !important;
  color:var(--ts-vr-ink) !important;
  border:1px solid var(--ts-vr-line) !important;
}
.signature-clarity-content p,.signature-clarity-content li{color:#5f7485 !important}
.signature-lists h3{color:var(--ts-vr-ink) !important}
.signature-safety-note{color:#526b7d !important;background:#fff6f0 !important}
.signature-vessel-check{
  background:#fff !important;
  color:var(--ts-vr-ink) !important;
  border-color:var(--ts-vr-line) !important;
  box-shadow:var(--ts-vr-shadow) !important;
}
.signature-vessel-check li,.signature-vessel-check p{color:var(--ts-vr-muted) !important}
.signature-equipment-media{box-shadow:0 16px 36px rgba(15,43,68,.12) !important}
.signature-faq details{border-color:var(--ts-vr-line) !important}

/* ===== Generic experience pages: airy white/lilac content sections ===== */
.xp-page{background:var(--ts-vr-bg);color:var(--ts-vr-ink)}
.xp-section{background:#fff;color:var(--ts-vr-ink)}
.xp-section:nth-of-type(even):not(.xp-hero):not(.xp-final){background:#fafbfc}
.xp-section.dark,
.xp-section.navy,
.xp-section.teal{
  background:linear-gradient(180deg,#f6f5fb,#fbfcfe) !important;
  color:var(--ts-vr-ink) !important;
}
.xp-section:is(.dark,.navy,.teal) .xp-head h2{color:var(--ts-vr-ink) !important}
.xp-section:is(.dark,.navy,.teal) .xp-head h2 em{color:var(--ts-vr-teal) !important}
.xp-section:is(.dark,.navy,.teal) .xp-head p,
.xp-section:is(.dark,.navy,.teal) p{color:var(--ts-vr-muted) !important}
.xp-section:is(.dark,.navy,.teal) .xp-kicker{color:var(--ts-vr-teal) !important}
.xp-section:is(.dark,.navy,.teal) .xp-step,
.xp-section:is(.dark,.navy,.teal) .xp-step h3{color:var(--ts-vr-ink) !important}
.xp-section:is(.dark,.navy,.teal) .xp-step{border-color:var(--ts-vr-line) !important}
.xp-section:is(.dark,.navy,.teal) .xp-step>span{color:var(--ts-vr-coral) !important}
.xp-section:is(.dark,.navy,.teal) .xp-suit-panel,
.xp-section:is(.dark,.navy,.teal) .xp-bring{
  background:#fff !important;
  color:var(--ts-vr-ink) !important;
  border:1px solid var(--ts-vr-line) !important;
  box-shadow:var(--ts-vr-shadow) !important;
}
.xp-section:is(.dark,.navy,.teal) .xp-suit-panel li,
.xp-section:is(.dark,.navy,.teal) .xp-bring li{color:var(--ts-vr-muted) !important}
.xp-benefit,.xp-list-card,.xp-ops-grid article,.xp-related>a,.xp-faq-list details{
  border-radius:16px !important;
  border-color:var(--ts-vr-line) !important;
  box-shadow:0 10px 28px rgba(15,43,68,.06) !important;
}
.xp-benefit:hover,.xp-related>a:hover{transform:translateY(-4px);box-shadow:var(--ts-vr-shadow-hover) !important}
.xp-media-frame{border-radius:18px !important;box-shadow:var(--ts-vr-shadow) !important}
.xp-gallery figure{border-radius:16px !important;overflow:hidden;box-shadow:var(--ts-vr-shadow) !important}
.xp-fact{border-radius:8px 14px 14px 8px !important;box-shadow:0 6px 18px rgba(15,43,68,.05) !important}
.xp-final{background:#062c45 !important}

/* ===== Scroll reveal: richer than R10, still one-shot and GPU-light ===== */
html.ts-motion-v836 .ts-r9-reveal{
  transition:opacity .64s ease,transform .72s var(--ts-vr-ease) !important;
  transition-delay:var(--ts-vr-delay,0ms) !important;
  will-change:opacity,transform;
}
html.ts-motion-v836 .ts-r9-reveal.is-pending{
  opacity:0 !important;
  transform:translate3d(0,26px,0) !important;
}
html.ts-motion-v836 .ts-r9-reveal.is-revealed{
  opacity:1 !important;
  transform:none !important;
  will-change:auto;
}
html.ts-motion-v836 .ts-r9-card :is(.trip-card-media,.card-image,img),
html.ts-motion-v836 .ts-r9-section :is(img,.media img){
  transition:transform .9s var(--ts-vr-ease) !important;
}
html.ts-motion-v836 .ts-r9-card.is-pending :is(.trip-card-media,.card-image),
html.ts-motion-v836 .ts-r9-section.is-pending :is(img,.media img){transform:scale(1.035) !important}
html.ts-motion-v836 .ts-r9-card.is-revealed :is(.trip-card-media,.card-image),
html.ts-motion-v836 .ts-r9-section.is-revealed :is(img,.media img){transform:scale(1) !important}

/* subtle stagger inside multi-card surfaces */
.trip-grid .trip-card,
.xp-benefits .xp-benefit,
.xp-related>* ,
.signature-island-grid article,
.signature-equipment-grid article,
.signature-suit-cards article,
.pillars article{transition-delay:var(--ts-vr-delay,0ms) !important}

@media(hover:hover) and (pointer:fine){
  .trip-card-media,.experience-card .card-image,.signature-island-media,.xp-benefit-media img,.xp-gallery img{
    transition:transform .7s var(--ts-vr-ease) !important;
  }
  .trip-card:hover .trip-card-media,
  .experience-card:hover .card-image,
  .signature-island-grid article:hover .signature-island-media,
  .xp-benefit:hover .xp-benefit-media img,
  .xp-gallery figure:hover img{transform:scale(1.035)}
}

@media(max-width:900px),(pointer:coarse){
  html.ts-motion-v836 .ts-r9-reveal{
    transition-duration:.48s,.56s !important;
    transition-delay:min(var(--ts-vr-delay,0ms),90ms) !important;
  }
  html.ts-motion-v836 .ts-r9-reveal.is-pending{
    opacity:.08 !important;
    transform:translate3d(0,14px,0) !important;
  }
  html.ts-motion-v836 .ts-r9-card.is-pending :is(.trip-card-media,.card-image),
  html.ts-motion-v836 .ts-r9-section.is-pending :is(img,.media img){transform:scale(1.018) !important}
  .trip-card:hover,.trip-card:active{transform:none !important}
}

@media(max-width:720px){
  body{background:#fff}
  .site-header,.signature-header{border-radius:14px !important}
  .experience-grid{padding:12px 10px 10px !important}
  .trip-collection{padding-top:76px !important}
  .comparison-bar{border-radius:14px !important;box-shadow:0 8px 24px rgba(15,43,68,.07)}
  .trip-grid{gap:14px !important}
  .trip-card{border-radius:16px !important;box-shadow:0 9px 25px rgba(15,43,68,.085) !important}
  .trip-card-media{aspect-ratio:4/3 !important;border-radius:15px 15px 0 0 !important}
  .trip-card-body{min-height:0 !important;padding:31px 17px 17px !important}
  .trip-card h3{font-size:20px !important}
  .trip-description{min-height:0 !important;font-size:12px !important}
  .trip-facts>span:first-child{min-width:50% !important;top:-16px !important}
  .trip-detail-button{min-height:50px !important}
  .feeling-section{padding-top:405px !important}
  .feeling-media{height:420px !important;clip-path:ellipse(84% 62% at 45% 34%) !important}
  .feeling-content h2{font-size:46px !important}
  .pillars{gap:12px !important}
  .pillars article{border-radius:14px !important;padding:28px 24px 34px !important}
  .signature-islands,.signature-equipment{background:#f7f6fb !important}
  .signature-island-grid article,.signature-equipment-grid article,.signature-suit-cards article{border-radius:16px !important}
  .signature-clarity-content{border-radius:0 0 18px 18px !important;padding:38px 22px !important}
  .xp-pad{padding-top:76px !important;padding-bottom:76px !important}
  .xp-benefit,.xp-list-card,.xp-ops-grid article,.xp-related>a,.xp-faq-list details{border-radius:14px !important}
}

@media(prefers-reduced-motion:reduce){
  html.ts-motion-v836 .ts-r9-reveal,
  html.ts-motion-v836 .ts-r9-reveal.is-pending,
  html.ts-motion-v836 .ts-r9-reveal.is-revealed,
  html.ts-motion-v836 .ts-r9-card :is(.trip-card-media,.card-image,img),
  html.ts-motion-v836 .ts-r9-section :is(img,.media img){
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}