/* RFF site layer — written by tools/apply_nav.py; loaded after rff-brand.css. Survives apply_brand.py. 2 Nov 2026. */

/* The basic menu, every page (Richard, 2 Nov 2026): one solid band, the standard logo only, dark links. Webflow's scroll
   interaction still tries to fade logos and the band; !important beats the inline styles it writes. */
.navbar-2,.navbar-2.homepage{background-color:var(--rff-paper)!important;background-image:none!important;border-bottom:1px solid var(--rff-rule);box-shadow:none}
.navbar-2 .brand.white,.navbar-2 .logo.white{display:none!important}
.navbar-2 .logo-standard{opacity:1!important;left:0!important;position:static;width:9.5rem}
.navbar-2 .text-block.nav,.navbar-2 .dd-toogle,.navbar-2 .dd-toogle *,.navbar-2 .w-dropdown-toggle{color:var(--rff-forest)!important}
.navbar-2 .nav-list,.navbar-2 .w-dropdown-list{background-color:var(--rff-paper)}
.navbar-2 .menu-button,.navbar-2 .w-icon-nav-menu{color:var(--rff-forest)!important}
body{padding-top:80px}   /* the fixed band's height; nothing sits under it */
.navbar-2 .nav-content-wrap{height:80px}

/* Land acknowledgment link in the footer (tools/apply_footer.py): Webflow's .footer-text blocks clicks */
.footer-paragraph .rff-land-link{pointer-events:auto;text-underline-offset:3px}

/* Pages that got the site footer on 2 Nov (lead magnets, 404, search) */
.lead_wrapper .lead-left-wrap > a.w-inline-block{display:none}   /* the lead-magnet pages' own logo; the menu carries it now */
.utility-page-wrap{min-height:60vh}

/* Corporate retreat and tour pages (Richard, 2 Nov 2026: "this page layout is messed up") */
.section-proof .proof-content-wrap{height:auto;align-items:flex-start;padding-top:1.5rem;padding-bottom:1.5rem}
.section-proof .proof-item{padding-left:1rem;padding-right:1rem;flex:1 1 0;text-align:center}
.section-proof .heading-5.proof{white-space:nowrap}
.why-come-here .image-with-text-wrap{flex-wrap:nowrap;align-items:stretch}
.why-come-here .left-wrap-03{display:flex;flex-direction:column;flex:1 1 0;height:auto;min-width:0}
.why-come-here .left-wrap-03 .img-cover.height-400{height:auto;aspect-ratio:3/4;flex:0 0 auto}
.why-come-here .heading-icon-wrap.flex-col.padding{margin-top:1rem}
.why-come-here{margin-bottom:2rem}
.experience-section .img-wrap-stroke .img-cover{aspect-ratio:3/2;height:auto;object-fit:cover}
@media (max-width:991px){
  .section-proof .heading-5.proof{white-space:normal}
  .why-come-here .image-with-text-wrap{flex-wrap:wrap}
  .why-come-here .left-wrap-03{flex:1 1 45%}
}
@media (max-width:479px){ .why-come-here .left-wrap-03{flex:1 1 100%} }