/* Home State theme v1.7 (22 Oct 2026, Mac, Joe approved): accent changed from bright lime #C6F25A to rammed earth sand #E4CFA8; selected states on light backgrounds and the focus ring use earth #9B7750 for definition. Otherwise identical to v1.6. v1.7.1: hero earth band stop kept at #B5946F as in v1.6. */
/* HOME STATE RAINFOREST THEME V1.6 (16 Oct 2026, Mac). Hosted so the Webflow footer stays under its 10,000 character limit.
   Applies only when <html> carries .hsrf (set by the footer switch). Rollback: remove the <link> from the footer. */

/* hs-rainforest-theme */
.hsrf, .hsrf * {
  --paper:#F1EDE6 !important;
  --ink:#13241B !important;
  --muted:#4D5B52 !important;
  --line:#DDD5C8 !important;
  --card:#FFFFFF !important;
  --forest:#13241B !important;
  --forest2:#1F4A35 !important;
  --sage:#E3EEE6 !important;
  --sageink:#1F4A35 !important;
  --blue:#1F4A35 !important;
  --bluebg:#E3EEE6 !important;
}
.hsrf body{background:#F1EDE6 !important;color:#13241B;font-family:'Instrument Sans',system-ui,sans-serif !important}
.hsrf h1,.hsrf h2,.hsrf h3{font-family:'Space Grotesk',system-ui,sans-serif !important;letter-spacing:-0.01em}
.hsrf input,.hsrf select,.hsrf textarea{border-color:#807B70 !important}
.hsrf a:focus-visible,.hsrf button:focus-visible{outline:3px solid #9B7750;outline-offset:2px}

/* hs-rainforest-panels */
.hsrf #hs51 .hero{background:linear-gradient(180deg,#13241B 0%,#1C3628 100%)!important;color:#F4F1EA!important;border:0!important;border-radius:24px!important;padding:40px 40px 34px!important}
.hsrf #hs51 .hero .eyebrow,.hsrf #hs51 .hero-stats .eyebrow{color:#E4CFA8!important}
.hsrf #hs51 .hero h1{color:#F4F1EA!important;font-size:clamp(36px,4.2vw,56px)!important;line-height:1.02!important;letter-spacing:-0.02em!important}
.hsrf #hs51 .hero .hero-type{color:#B9C4B9!important;font-size:18px!important}
.hsrf #hs51 .hero-ctx > div{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:16px!important}
.hsrf #hs51 .hero-ctx small{color:#B9C4B9!important}
.hsrf #hs51 .hero-ctx b{color:#F4F1EA!important}
.hsrf #hs51 .hero-ctx span{color:#B9C4B9!important}
.hsrf #hs51 .hero .buttons .btn{background:#E4CFA8!important;color:#13241B!important;border:0!important;border-radius:999px!important;min-height:48px!important;padding:0 22px!important;font-weight:700!important}
.hsrf #hs51 .hero .buttons .btn.light{background:transparent!important;color:#F4F1EA!important;border:1.5px solid rgba(244,241,234,.4)!important}
.hsrf #hs51 .hero-model{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;overflow:hidden}
.hsrf #hs51 .hero-stats{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;color:#F4F1EA!important}
.hsrf #hs51 .stat-grid div{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important}
.hsrf #hs51 .stat-grid small,.hsrf #hs51 .depth-mini span{color:#B9C4B9!important}
.hsrf #hs51 .stat-grid b{color:#F4F1EA!important;font-family:"Space Grotesk",system-ui,sans-serif!important;font-size:38px!important;line-height:1.1!important}
.hsrf #hs51 .depth-mini b{color:#F4F1EA!important}
.hsrf #hs51 .depth-mini div{border-color:rgba(255,255,255,.14)!important}
.hsrf #hs51 .hero-stats .link{color:#E4CFA8!important}
.hsrf #hs51 .hero::after{content:"";display:block;grid-column:1/-1;height:10px;border-radius:5px;margin-top:8px;background:linear-gradient(90deg,#8C6A4E 0 18%,#C2A27F 18% 42%,#A9825F 42% 55%,#D9C3A3 55% 82%,#B5946F 82% 100%)}
.hsrf #hs51 .visit-strip{background:#E4DCCF!important;border:0!important;border-radius:20px!important;margin-top:20px!important}
.hsrf #hs51 .visit-strip .btn.light,.hsrf #hs51 .visit-strip .btn{background:#FFFFFF!important;color:#13241B!important;border:1px solid #D3C8B7!important;border-radius:999px!important}
.hsrf #hs51 .section-head h2,.hsrf #hs51 .offers h2{font-family:"Space Grotesk",system-ui,sans-serif!important;font-size:32px!important;letter-spacing:-0.01em!important}
.hsrf #hs51 .grid{gap:16px!important;border:0!important;background:transparent!important}
.hsrf #hs51 .tile{background:#FFFFFF!important;border:1px solid #DDD5C8!important;border-radius:20px!important}
.hsrf #hs51 .tile h3,.hsrf #hs51 .offer h3{font-family:"Space Grotesk",system-ui,sans-serif!important;font-size:22px!important;letter-spacing:-0.01em!important}
.hsrf #hs51 .chip{background:#E3EEE6!important;color:#1F4A35!important;border-radius:999px!important}
.hsrf #hs51 .chip.partial{background:#F6E7C1!important;color:#5E4300!important}
.hsrf #hs51 .chip.neutral{background:#EEEAE2!important;color:#4D5B52!important}
.hsrf #hs51 .chip.blue{background:#E3EEE6!important;color:#1F4A35!important}
.hsrf #hs51 .tile.next{background:#13241B!important;border:0!important;color:#F4F1EA!important}
.hsrf #hs51 .tile.next .eyebrow{color:#E4CFA8!important}
.hsrf #hs51 .tile.next h3{color:#F4F1EA!important}
.hsrf #hs51 .tile.next p{color:#D5DDD5!important}
.hsrf #hs51 .tile.next .btn{background:#E4CFA8!important;color:#13241B!important;border:0!important;border-radius:999px!important;font-weight:700!important}
.hsrf #hs51 .tile:not(.next):hover{background:#F4F0E9!important}
.hsrf #hs51 .offers{background:#E4DCCF!important;border-radius:28px!important;padding:40px 32px!important;margin-top:48px!important;border:0!important}
.hsrf #hs51 .offer-grid{gap:16px!important}
.hsrf #hs51 .offer{background:#F4F0E9!important;border:1px solid #D3C8B7!important;border-radius:22px!important;padding:26px!important}
.hsrf #hs51 .offer:hover{background:#FFFFFF!important}
.hsrf #hs51 .offer-cta{background:#13241B!important;color:#F4F1EA!important;border-radius:999px!important;padding:10px 18px!important;font-weight:700!important}
.hsrf #hs51 .offer.lead{background:#A9552E!important;border-color:#A9552E!important;color:#FFF7F0!important}
.hsrf #hs51 .offer.lead:hover{background:#9A4B27!important}
.hsrf #hs51 .offer.lead h3,.hsrf #hs51 .offer.lead p,.hsrf #hs51 .offer.lead .offer-price{color:#FFF7F0!important}
.hsrf #hs51 .offer.lead .chip{background:#FFF7F0!important;color:#7A3B1E!important}
.hsrf #hs51 .footnote,.hsrf #hs51 .offers-lead{color:#57534A!important}
.hsrf #hs51 .demo-label,.hsrf #hs51 .notice.warn{background:#F3E3D8!important;border-color:#E2C7B4!important;color:#7A3B1E!important}
.hsrf #hs51 .topbar .pick.on,.hsrf #hs51 .tourbar .btn.primary{background:#E4CFA8!important;border-color:#9B7750!important;color:#13241B!important}
.hsrf #hs51 .metric-card,.hsrf #hs51 .context-grid div,.hsrf #hs51 .room-reading-chart,.hsrf #hs51 .empty,.hsrf #hs51 .loading,.hsrf #hs51 th{background:#F4F0E9!important}
.hsrf #hs51 .map-stage,.hsrf #hs51 .model-preview-image{background:#E4DCCF!important}
.hsrf #hs51 .chip.neutral{background:#EEEAE2!important;color:#4D5B52!important}
.hsrf #hs51 .offer-cta{white-space:nowrap!important;flex:0 0 auto!important}
.hsrf #hs51 .offer .bottom{gap:10px!important;align-items:center!important}
@media (max-width:720px){.hsrf #hs51 .hero{padding:24px 18px 22px!important;border-radius:20px!important}.hsrf #hs51 .offers{padding:26px 16px!important;border-radius:22px!important}.hsrf #hs51 .section-head h2,.hsrf #hs51 .offers h2{font-size:26px!important}.hsrf #hs51 .stat-grid b{font-size:30px!important}}
.hsrf #hs51 .offer-grid{display:grid!important}

.hsrf #hs51 .offer.second{background:#1F4A35!important;border-color:#1F4A35!important;color:#F4F1EA!important}
.hsrf #hs51 .offer.second:hover{background:#18402D!important}
.hsrf #hs51 .offer.second h3,.hsrf #hs51 .offer.second p,.hsrf #hs51 .offer.second .offer-price{color:#F4F1EA!important}
.hsrf #hs51 .offer.second .chip{background:#F1EDE6!important;color:#13241B!important}
.hsrf #hs51 .offer.second .offer-cta{background:#E4CFA8!important;color:#13241B!important}

/* hs-rainforest-pages */
.hsrf #hs51{--muted:#3E4A42 !important}
.hsrf #hs51 .page-head{background:linear-gradient(180deg,#13241B 0%,#1C3628 100%)!important;color:#F4F1EA!important;border:0!important;border-radius:24px!important;padding:34px 36px 30px!important;margin-bottom:22px!important}
.hsrf #hs51 .page-head .eyebrow{color:#E4CFA8!important}
.hsrf #hs51 .page-head h1{color:#F4F1EA!important;font-family:"Space Grotesk",system-ui,sans-serif!important;font-size:clamp(34px,3.8vw,52px)!important;line-height:1.04!important;letter-spacing:-0.02em!important}
.hsrf #hs51 .page-head p{color:#C9D3C9!important;font-size:17px!important}
.hsrf #hs51 .panel,.hsrf #hs51 .event-card,.hsrf #hs51 .map-panel{background:#FFFFFF!important;border:1px solid #DDD5C8!important;border-radius:20px!important}
.hsrf #hs51 .panel{padding:24px!important}
.hsrf #hs51 .panel>.eyebrow,.hsrf #hs51 .detail-section .eyebrow,.hsrf #hs51 .map-sidebar>.eyebrow{color:#1F4A35!important;font-weight:700!important}
.hsrf #hs51 .panel h2,.hsrf #hs51 .panel h3,.hsrf #hs51 .event-card h3,.hsrf #hs51 .section-head h2{font-family:"Space Grotesk",system-ui,sans-serif!important;color:#13241B!important;letter-spacing:-0.01em!important}
.hsrf #hs51 .panel h2{font-size:28px!important}
.hsrf #hs51 .small,.hsrf #hs51 .panel p{color:#3E4A42!important}
.hsrf #hs51 .event-card.selected{border:2px solid #13241B!important;box-shadow:inset 6px 0 0 #9B7750!important}
.hsrf #hs51 .timeline::before{background:#1F4A35!important}
.hsrf #hs51 .context-grid div{border:0!important;border-radius:14px!important;background:#F1EDE6!important}
.hsrf #hs51 .context-grid b,.hsrf #hs51 .context-grid strong{color:#13241B!important}
.hsrf #hs51 .btn:not(.light){background:#13241B!important;color:#F4F1EA!important;border:0!important;border-radius:999px!important;font-weight:700!important;padding:0 20px!important}
.hsrf #hs51 .btn.light{background:#FFFFFF!important;color:#13241B!important;border:1.5px solid #13241B!important;border-radius:999px!important;font-weight:600!important}
.hsrf #hs51 .tabs button,.hsrf #hs51 .seg button{border-radius:999px!important;font-weight:600!important;color:#13241B}
.hsrf #hs51 .tabs button[aria-selected=true],.hsrf #hs51 .seg button[aria-pressed=true]{background:#E4CFA8!important;border-color:#9B7750!important;color:#13241B!important}
.hsrf #hs51 .detail-section.revisit{background:#1F4A35!important;border:0!important;border-radius:18px!important;color:#F4F1EA!important}
.hsrf #hs51 .detail-section.revisit .eyebrow{color:#E4CFA8!important}
.hsrf #hs51 .detail-section.revisit h3,.hsrf #hs51 .detail-section.revisit p,.hsrf #hs51 .detail-section.revisit .link{color:#F4F1EA!important}
.hsrf #hs51 .report-card{border-radius:16px!important}
.hsrf #hs51 .report-card .icon{background:#13241B!important;color:#E4CFA8!important;border-radius:12px!important}
.hsrf #hs51 .map-toolbar{border-bottom:1px solid #DDD5C8!important}
.hsrf #hs51 .room-row:hover,.hsrf #hs51 .room-row[aria-pressed=true]{background:#E3EEE6!important}
.hsrf #hs51 .room-row[aria-pressed=true]{box-shadow:inset 4px 0 0 #1F4A35!important}
.hsrf #hs51 .link{color:#1F4A35!important;font-weight:700!important}
.hsrf #hs51-dialog,.hsrf #hs51 dialog{border-radius:22px!important}
@media (max-width:720px){.hsrf #hs51 .page-head{padding:22px 18px!important;border-radius:20px!important}.hsrf #hs51 .panel{padding:18px!important}}

/* hs-rainforest-map V1.6.2 (16 Oct 2026, Joe 9.17am): Home Map close to full screen. */
.hsrf #hs51 .page:has(#map-page:not([hidden])){max-width:none!important;padding:12px 18px 20px!important}
.hsrf #hs51 #map-page .page-head{display:none!important}
.hsrf #hs51 #map-page .map-options{margin:0 0 10px!important}
@media (min-width:871px){
.hsrf #hs51 #map-page .map-layout{grid-template-columns:minmax(0,1fr) 250px!important;gap:14px!important}
.hsrf #hs51 #map-page .map-stage{height:calc(100vh - 285px)!important;min-height:480px!important}
.hsrf #hs51 #map-page .map-sidebar{max-height:calc(100vh - 160px)!important}
}
@media (max-width:870px){.hsrf #hs51 #map-page .map-stage{height:68vh!important;min-height:380px!important}}

/* hs-rainforest-map-tools V1.7 (16 Oct 2026, Joe 10.08am): toggle strip, full screen, plan legend. */
.hsrf #hs51 .map-toolbar{align-items:center!important;gap:10px!important;padding:10px 14px!important}
.hsrf #hs51 #hs51-metric-buttons{background:#F1EDE6;border-radius:999px;padding:4px!important}
.hsrf #hs51 #hs51-metric-buttons button{min-height:36px!important;padding:6px 14px!important}
.hsrf #hs51 .map-full-btn{margin-left:6px!important;border:1.5px solid #13241B!important;background:#FFFFFF!important;color:#13241B!important}
.hsrf #hs51 .map-full-btn[aria-pressed=true]{background:#13241B!important;color:#F4F1EA!important}
.hsrf #hs51 .plan-legend{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:8px 16px;font-size:13px;color:#13241B;background:#F1EDE6;flex:0 0 auto}
.hsrf #hs51 .plan-legend span{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.hsrf #hs51 .plan-legend i{width:14px;height:14px;border-radius:4px;border:2px solid;display:inline-block}
.hsrf #hs51 .plan-legend .plan-legend-note{font-weight:400;color:#3E4A42;flex-basis:100%}
.hsrf #hs51 #hs51-plan-view{display:flex;flex-direction:column}
.hsrf #hs51 #hs51-plan-view .plan{flex:1 1 auto;min-height:0;height:auto!important}
.hsrf #hs51 .plan .plan-count{fill:#3E4A42}
.hsrf #hs51 .plan .room-group[aria-pressed=true] .room-shape{stroke-width:220!important}
.hsrf #hs51 .map-layout:fullscreen{background:#F1EDE6;padding:12px;grid-template-columns:minmax(0,1fr) 260px!important;gap:12px!important}
.hsrf #hs51 .map-layout:fullscreen .map-stage{height:calc(100vh - 140px)!important}
.hsrf #hs51 .map-layout:fullscreen .map-sidebar{max-height:calc(100vh - 24px)!important}