/* Homepage presentation, isolated from activity and booking pages. */
.home-page {--ivory:#e4f3f7;background:var(--ivory)}
.sf-skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;color:#195a43;padding:12px 20px}
.sf-skip:focus{top:16px}
.home-page .site-header{background:rgba(228,243,247,.95);border-bottom:1px solid #d4dad3}
.home-page .hero{min-height: min(880px,100svh);min-height: max(740px,94svh)}
.home-page .hero-content{max-width:960px;padding:170px 7vw 170px}
.home-page .hero h1{font-size:clamp(3.3rem,6.3vw,6.7rem);line-height:1.01;max-width:790px}
.home-page .hero-shade{background:linear-gradient(90deg,rgba(7,25,20,.85),rgba(7,25,20,.38) 60%,rgba(7,25,20,.12)),linear-gradient(0deg,rgba(7,25,20,.8),transparent 40%)}
.home-page .seo-hero-subheading{font-family:var(--serif);font-size:clamp(1.4rem,2.1vw,2rem);color:#e4eee4;letter-spacing:0;margin:24px 0 0}
.home-page .hero-copy{max-width:555px;font-size:.97rem;margin:18px 0 28px}
.home-page .btn{border-radius:4px;min-height:48px}
.home-page .hero-actions a[href="#trip-finder"]{background:var(--green);border-color:var(--green);color:#fff}
.home-page .hero-actions a[href="#trip-finder"]:hover,
.home-page .hero-actions a[href="#trip-finder"]:focus-visible{background:#124532;border-color:#124532;color:#fff}
.home-page .hero-meta{bottom:30px}
.home-page .scroll-cue{display:none}
.sf-hero-note{position:absolute;right:7vw;bottom:180px;z-index:3;color:white;padding:22px 0 22px 26px;border-left:1px solid #b9ccc4}
.sf-hero-note span,.sf-hero-note small{display:block;font-size:.68rem;letter-spacing:.09em}
.sf-hero-note strong{display:block;font-family:var(--serif);font-weight:500;font-size:3rem;line-height:1.03;margin:16px 0}
.home-page .popular-experiences{background:#e4f3f7;padding-top:75px;padding-bottom:65px}
.home-page .popular-experience-grid{grid-auto-rows:auto;gap:24px}
.home-page .popular-experience-grid .experience-card{display:flex;flex-direction:column;min-height:0;border:1px solid #dbe0d7;border-radius:8px;background:#fff;color:#152c24;box-shadow:0 4px 15px #12302508}
.home-page .popular-experience-grid .experience-card-image{position:relative;height:240px;flex:none;object-fit:cover}
.home-page .popular-experience-grid .card-overlay{display:none}
.home-page .popular-experience-grid .card-content{position:relative;inset:auto;padding:23px;display:flex;flex-direction:column;flex:1;background:#fff}
.home-page .popular-experience-grid .card-content>p{color:#4b6558;font-size:.63rem;letter-spacing:.09em;min-height:22px;margin:0 0 12px}
.home-page .popular-experience-grid h3{font-size:1.9rem;color:#142b21;line-height:1.08;margin-bottom:17px}
.home-page .popular-experience-grid .card-facts{color:#41554a;gap:9px;flex-wrap:wrap;margin-top:auto}
.home-page .popular-experience-grid .card-facts span{background:#eef2eb;padding:5px 8px;border:0;color:#284b3c;font-size:.71rem}
.home-page .popular-experience-grid .card-link{color:#195a43;border-top:1px solid #e0e5df;margin-top:18px;padding-top:15px}
.sf-finder{display:grid;grid-template-columns:.8fr 1.5fr;gap:7vw;background:#e6ede5;border-block:1px solid #d1dbcf;scroll-margin-top:110px}
.sf-finder h2,.sf-difference h2{font-size:clamp(2.7rem,4.7vw,4.5rem);line-height:1.04}
.sf-finder h2 em,.sf-difference h2 em{font-weight:500;color:#3d6950}
.sf-finder-heading>p:last-child{max-width:340px;color:#49604f}
.sf-finder-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sf-finder-controls[hidden]{display:none}
.sf-finder-controls label{font-size:.78rem;font-weight:700;color:#264432}
.sf-finder-controls select{display:block;width:100%;min-height:50px;margin-top:8px;padding:12px;border:1px solid #829b85;border-radius:4px;font:inherit;background:white;color:#203b2b}
.sf-finder-controls button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.sf-finder :focus-visible{outline:3px solid #247fa3;outline-offset:4px}
.sf-result{margin-top:25px;padding:26px;background:#fff;border-left:3px solid #195a43;border-radius:0 6px 6px 0}
.sf-result-label{font-size:.63rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#50705b}
.sf-result h3{font-size:1.8rem;line-height:1.1;margin-top:12px}
.sf-result p{font-size:.87rem;color:#49604f}
.sf-finder-note{font-size:.72rem;color:#49604f;margin:17px 0 0}
.sf-difference{background:#e4f3f7}
.sf-difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}
.sf-difference article{border-top:1px solid #bdcbbc;padding-top:22px}
.sf-difference article span{font-size:.68rem;color:#49604f;letter-spacing:.07em}
.sf-difference h3{font-size:1.85rem;line-height:1.1;margin:20px 0 12px}
.sf-difference article p{font-size:.9rem;color:#49604f;margin:0}
.home-page #experiences,.home-page #contact{scroll-margin-top:105px}
@media(min-width:1600px){.sf-hero-note{right:12vw}}
@media(max-width:1100px){.sf-hero-note{display:none}.home-page .hero-content{max-width:900px}.sf-finder{gap:35px}.home-page .popular-experience-grid .experience-card-image{height:210px}}
@media(max-width:700px){.home-page .hero{min-height:820px}.home-page .hero-content{padding:140px 22px 210px}.home-page .hero h1{font-size:3.6rem}.home-page .hero-meta{left:22px;right:22px;grid-template-columns:1fr 1fr;gap:14px}.home-page .hero-meta strong{font-size:1.2rem}.home-page .hero-meta span{font-size:.6rem}.home-page .hero .eyebrow{font-size:.6rem;letter-spacing:.13em}.home-page .hero-actions{gap:10px}.home-page .hero-actions .btn{font-size:.65rem}.sf-finder{grid-template-columns:1fr;gap:20px}.sf-finder h2 br{display:none}.sf-finder-controls{grid-template-columns:1fr}.sf-finder-controls button{width:100%}.sf-difference-grid{grid-template-columns:1fr;gap:28px}.home-page .popular-experience-grid{grid-auto-rows:auto;gap:16px}.home-page .popular-experience-grid .experience-card-image{height:225px}.home-page .popular-experience-grid h3{font-size:1.8rem}.home-page .popular-experiences{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.home-page *, .home-page *::before,.home-page *::after{scroll-behavior:auto!important;transition:none!important}}
.home-page .popular-experience-grid .card-content{text-shadow:none}
.home-page .popular-experience-grid .card-facts span+span::before{display:none}


/* Defer layout and paint work for substantial sections until they approach the viewport. */
@supports (content-visibility: auto) {
  .contrast,
  .experiences,
  .trust,
  .operating-model,
  .journeys,
  .journal-preview,
  .planning,
  .field-story,
  .about,
  .testimonials,
  .faq,
  .contact {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
  }
}