/* Big Tiki quality baseline, v1.10.0. Loads last on coded routes. */
:root{
  --body-min:18.75px;
  --section:76px;
}

/* Readable body copy without oversized UI chrome. */
body{font-size:18.75px;line-height:1.62;text-rendering:optimizeLegibility}
p,li,summary,figcaption{font-size:18.75px;line-height:1.62}
.lead,.tours-hero-lead,.sunset-hero-lead,.groups-hero-lead,.island-hero-lead,.faq-hero-lead,.contact-hero-lead,.booking-hero-lead,.gallery-hero-lead,.slipaway-hero-lead,.about-hero-lead,.wildlife-hero-lead,.locations-hero-lead,.answer-lead{font-size:20px!important;line-height:1.55}

/* Controlled display scale. Keep headlines prominent, but never billboard-sized. */
h1,h2,h3{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
h1,.tours-hero-copy h1,.island-hero-copy h1,.sunset-hero-copy h1,.groups-hero-copy h1,.faq-hero-copy h1,.gallery-hero-copy h1,.slipaway-hero-copy h1,.about-hero-copy h1,.wildlife-hero-copy h1,.locations-hero-copy h1{
  font-size:clamp(44px,4.25vw,60px)!important;
  line-height:1.04!important;
  max-width:20ch;
}
h2,.tour-intro-grid h2,.departure-copy h2,.island-day-copy h2{
  font-size:clamp(31px,3vw,44px)!important;
  line-height:1.1!important;
  max-width:25ch;
}
h3,.tour-row-copy h3,.destination-copy h3{
  font-size:clamp(24px,2.05vw,30px)!important;
  line-height:1.16!important;
}
.section-head h2,.split-head h2,.faq-intro h2{max-width:24ch}

/* Labels and navigation stay readable without competing with content. */
.eyebrow,.footer-kicker,.tour-tag,.destination-kicker,.fit-time,.wildlife-label{font-size:15px!important;line-height:1.2!important;letter-spacing:.14em}
.btn{font-size:16px!important;line-height:1.15!important}
.desktop-nav a,.google-map-link{font-size:16.5px!important;line-height:1.2!important}
.utility-bar{font-size:16px!important;line-height:1.2!important}
.mobile-menu a{font-size:18px!important}

/* Hero text. */
.hero-subhead{font-size:20px!important;line-height:1.5!important;max-width:720px}
.hero-facts span,.pill-row span,.tour-chips span{font-size:16px!important}
.tours-hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,1fr)!important;gap:54px!important}
.tours-hero-copy h1{max-width:16ch}

/* Footer hierarchy. Footer section labels are labels, not display headings. */
.footer-cta{padding:34px 38px!important;margin-top:32px!important;margin-bottom:42px!important;gap:30px!important}
.footer-cta h2{font-size:clamp(30px,2.55vw,38px)!important;line-height:1.08!important;max-width:18ch}
.footer-cta p:last-child{font-size:18.75px!important;line-height:1.55!important}
.footer-grid{gap:32px!important;align-items:start!important}.footer-brand>p{margin-bottom:0!important}.footer-utility{margin-top:20px!important;padding:14px 0!important}.footer-utility p{font-size:16.5px!important;line-height:1.4!important}
.site-footer h2,.footer-links h2,.footer-departure h2{
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  margin:6px 0 14px!important;
  max-width:none!important;
}
.site-footer p,.footer-links a,.site-footer .google-map-link,.footer-bottom{font-size:17px!important;line-height:1.5!important}
.footer-brand>p{font-size:18px!important;line-height:1.55!important}
.footer-parking{font-size:17px!important;line-height:1.45!important}

/* Review sections align with the left edge of the embedded ReputationHub widget. */
.reviews-section .section-head.centered,
.tours-reviews .section-head.centered,
.island-reviews .section-head.centered,
.sunset-reviews .section-head.centered,
.groups-reviews .section-head.centered,
.slipaway-reviews .section-head.centered,
.wildlife-reviews .section-head.centered{
  max-width:820px;
  margin-left:0;
  margin-right:0;
  margin-bottom:24px;
  text-align:left;
}
.reviews-section .section-head.centered p:last-child,
.tours-reviews .section-head.centered p:last-child,
.island-reviews .section-head.centered p:last-child,
.sunset-reviews .section-head.centered p:last-child,
.groups-reviews .section-head.centered p:last-child,
.slipaway-reviews .section-head.centered p:last-child,
.wildlife-reviews .section-head.centered p:last-child{
  max-width:720px;
  margin-left:0;
  margin-right:0;
}
.reviews-section,.tours-reviews,.island-reviews,.sunset-reviews,.groups-reviews,.slipaway-reviews,.wildlife-reviews{padding-top:64px;padding-bottom:64px}

@media(max-width:1080px){
  :root{--section:64px}
  h1,.tours-hero-copy h1,.island-hero-copy h1,.sunset-hero-copy h1,.groups-hero-copy h1,.faq-hero-copy h1,.gallery-hero-copy h1,.slipaway-hero-copy h1,.about-hero-copy h1,.wildlife-hero-copy h1,.locations-hero-copy h1{font-size:clamp(42px,5.4vw,54px)!important;max-width:20ch}
  h2,.tour-intro-grid h2,.departure-copy h2,.island-day-copy h2{font-size:clamp(30px,4vw,40px)!important}
  .footer-grid{gap:28px!important}
}

@media(max-width:700px){
  :root{--section:48px;--shell:calc(100% - 28px)}
  body{font-size:18.75px;line-height:1.58}
  p,li,summary,figcaption{font-size:18.75px;line-height:1.58}

  /* Compact mobile utility and nav. Keep them out of the hero copy. */
  .utility-bar{height:34px!important}
  .utility-inner{font-size:15.5px!important;gap:0!important}
  .utility-location,.utility-dot,.utility-parking,.utility-phone{display:none!important}
  .utility-mobile-summary{display:block!important;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850;color:var(--navy)}
  .site-header{top:34px!important;padding-top:7px!important}
  .header-inner{height:60px!important;padding:0 10px 0 12px!important;border-radius:16px!important;gap:8px!important}
  .site-header.is-scrolled{top:6px!important;padding-top:0!important}
  .site-header.is-scrolled .header-inner{height:58px!important}
  .brand,.site-header.is-scrolled .brand{width:62px!important;flex-basis:62px!important;padding:6px!important}
  .brand img,.site-header.is-scrolled .brand img{width:50px!important}
  .menu-toggle{width:44px!important;height:44px!important;padding:10px!important}
  .mobile-menu{margin-top:6px!important;border-radius:16px!important}
  .mobile-menu-inner{padding:10px 16px 16px!important}

  /* Mobile hero begins below the nav and uses a controlled scale. */
  .hero{height:auto!important;min-height:760px!important;max-height:none!important;align-items:center!important;padding-top:102px!important}
  .hero-inner{padding:44px 0 94px!important}
  h1,.tours-hero-copy h1,.island-hero-copy h1,.sunset-hero-copy h1,.groups-hero-copy h1,.faq-hero-copy h1,.gallery-hero-copy h1,.slipaway-hero-copy h1,.about-hero-copy h1,.wildlife-hero-copy h1,.locations-hero-copy h1{
    font-size:clamp(38px,10vw,44px)!important;
    line-height:1.06!important;
    max-width:100%!important;
  }
  h2,.tour-intro-grid h2,.departure-copy h2,.island-day-copy h2{
    font-size:clamp(29px,8vw,34px)!important;
    line-height:1.1!important;
    max-width:100%!important;
  }
  h3,.tour-row-copy h3,.destination-copy h3{font-size:clamp(24px,6.8vw,28px)!important;line-height:1.15!important}
  .hero-subhead,.lead,.tours-hero-lead,.sunset-hero-lead,.groups-hero-lead,.island-hero-lead,.faq-hero-lead,.contact-hero-lead,.booking-hero-lead,.gallery-hero-lead,.slipaway-hero-lead,.about-hero-lead,.wildlife-hero-lead,.locations-hero-lead,.answer-lead{font-size:18.75px!important;line-height:1.55!important}
  .hero h1{margin-bottom:16px!important}
  .hero-actions{gap:10px!important}
  .hero-actions .btn,.tours-hero-actions .btn,.sunset-hero-actions .btn,.groups-hero-actions .btn,.island-hero-actions .btn{min-height:52px!important}
  .hero-facts{margin-top:18px!important}
  .hero-facts span{font-size:15.5px!important;padding:7px 10px!important}

  /* Inner-page hero clearance below compact header. */
  .tours-hero,.groups-hero,.island-hero,.sunset-hero,.faq-hero,.contact-hero,.booking-hero,.gallery-hero,.slipaway-hero,.about-hero,.wildlife-hero,.locations-hero{padding-top:116px!important}

  /* Footer becomes a calm single-column stack on phones. */
  .footer-cta{padding:24px 20px!important;margin:24px 0 30px!important;border-radius:20px!important;gap:18px!important}
  .footer-cta h2{font-size:30px!important;max-width:100%!important;margin-bottom:8px!important}
  .footer-cta p:last-child{font-size:18.75px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:0!important}
  .footer-brand,.footer-links,.footer-departure{grid-column:1!important;padding:22px 0!important;border-top:1px solid rgba(6,38,63,.10)}
  .footer-brand{border-top:0!important;padding-top:0!important}
  .footer-brand img{width:96px!important;margin-bottom:12px!important}
  .footer-links{display:block!important}
  .footer-links a{font-size:18px!important;padding:6px 0!important}
  .site-footer h2,.footer-links h2,.footer-departure h2{font-size:16px!important;margin:0 0 12px!important}
  .footer-departure p{margin-bottom:12px!important}
  .footer-parking{padding:12px 14px!important;margin-bottom:0!important}
  .footer-utility{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:0!important;padding:18px 0!important}
  .footer-utility p{font-size:16px!important;line-height:1.5!important;margin:0!important}
  .footer-utility p span{margin:0 4px!important}
  .footer-utility .google-map-link{width:max-content!important}
  .footer-bottom{font-size:16px!important;line-height:1.45!important;padding:16px 0 84px!important;margin-top:0!important;gap:9px!important;align-items:flex-start!important}
  .footer-bottom span:last-child{display:flex;gap:7px;flex-wrap:wrap}

  .mobile-conversion{left:12px!important;right:12px!important;bottom:10px!important;grid-template-columns:1fr 1.25fr!important;border:1px solid rgba(6,38,63,.10)}
  .mobile-conversion a{height:50px!important;font-size:15.5px!important;letter-spacing:.035em!important}

  /* Reviews: no oversized heading floating far above the live widget. */
  .reviews-section,.tours-reviews,.island-reviews,.sunset-reviews,.groups-reviews,.slipaway-reviews,.wildlife-reviews{padding-top:48px!important;padding-bottom:48px!important}
  .reviews-section .section-head.centered,.tours-reviews .section-head.centered,.island-reviews .section-head.centered,.sunset-reviews .section-head.centered,.groups-reviews .section-head.centered,
.slipaway-reviews .section-head.centered,
.wildlife-reviews .section-head.centered{margin-bottom:18px!important}
}

.utility-mobile-summary{display:none}
