/* Daylight chrome for Carlo's tool pages — tokens scoped to the chrome only */
.nav,.mega,.mnav,.mega-scrim,.foot,.skip,.progress-bar{--bone:#F3EFE7; --paper:#FBF9F4; --sand:#E7DECD; --sand-2:#D9CCB4;
  --ink:#0E1311; --ink-2:#38413C; --ink-3:#68716C;
  --forest:#0F2E25; --forest-2:#163A30; --forest-3:#1F4A3D; --moss:#3D6B56; --mint:#A9D8BF;
  --clay:#E2562C; --clay-2:#C4441C; --sun:#F4B740;
  --line:rgba(14,19,17,.12); --line-2:rgba(14,19,17,.22);
  --line-l:rgba(251,249,244,.14); --line-l2:rgba(251,249,244,.26);
  --r-s:12px; --r-m:20px; --r-l:28px; --r-xl:40px;
  --ease:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --f-d:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --f-b:'Geist',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --f-m:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gutter:clamp(16px,4vw,56px); --max:1440px;
  --nav-h:64px;
  
  --gold:var(--clay); --gold-light:#F07A52; --dark:var(--forest); --dark-2:var(--forest-2);
  --white:var(--paper); --border:var(--line-l2); --text-muted:#B9C4BE; --font-sans:var(--f-b);
  color-scheme:light;font-family:var(--f-b);color:var(--ink)}
.nav{color:var(--ink)}.mnav,.foot{color:var(--paper)}
.nav a,.mega a,.mnav a,.foot a{text-decoration:none}.nav ul,.mega ul,.mnav ul,.foot ul{list-style:none;margin:0;padding:0}.nav img,.foot img{display:block}.nav button,.mnav button{background:none;border:0;cursor:pointer;font:inherit;color:inherit}.foot h2,.foot h4,.foot p{margin:0}
.skip{position:fixed;left:16px;top:-60px;z-index:999;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;transition:top .2s}
.skip:focus{top:16px}
.nav .wrap,.mnav .wrap,.foot .wrap,.mega .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.nav .btn,.mnav .btn,.foot .btn,.mega .btn{--bg:var(--ink);--fg:var(--paper);--fill:var(--clay);--fillfg:#fff;
  position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:12px;
  height:54px;padding:0 10px 0 24px;border-radius:999px;background:var(--bg);color:var(--fg);
  font:500 15px/1 var(--f-b);letter-spacing:-.005em;white-space:nowrap;transition:color .45s var(--ease),transform .45s var(--ease)}
.nav .btn::before,.mnav .btn::before,.foot .btn::before,.mega .btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--fill);border-radius:inherit;
  transform:translateY(102%);transition:transform .55s var(--ease)}
.nav .btn:hover::before,.mnav .btn:hover::before,.foot .btn:hover::before,.mega .btn:hover::before,.nav .btn:focus-visible::before,.mnav .btn:focus-visible::before,.foot .btn:focus-visible::before,.mega .btn:focus-visible::before{transform:translateY(0)}
.nav .btn:hover,.mnav .btn:hover,.foot .btn:hover,.mega .btn:hover,.nav .btn:focus-visible,.mnav .btn:focus-visible,.foot .btn:focus-visible,.mega .btn:focus-visible{color:var(--fillfg)}
.nav .btn .ar,.mnav .btn .ar,.foot .btn .ar,.mega .btn .ar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--fg);color:var(--bg);flex:none;transition:transform .55s var(--ease),background .45s,color .45s}
.nav .btn:hover .ar,.mnav .btn:hover .ar,.foot .btn:hover .ar,.mega .btn:hover .ar{transform:rotate(-45deg);background:var(--fillfg);color:var(--fill)}
.nav .btn .ar svg,.mnav .btn .ar svg,.foot .btn .ar svg,.mega .btn .ar svg{width:15px;height:15px}
.nav .btn--clay,.mnav .btn--clay,.foot .btn--clay,.mega .btn--clay{--bg:var(--clay);--fg:#fff;--fill:var(--ink);--fillfg:var(--paper)}
.nav .btn--light,.mnav .btn--light,.foot .btn--light,.mega .btn--light{--bg:var(--paper);--fg:var(--ink);--fill:var(--clay);--fillfg:#fff}
.nav .btn--ghost,.mnav .btn--ghost,.foot .btn--ghost,.mega .btn--ghost{--bg:transparent;--fg:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.nav .btn--ghost .ar,.mnav .btn--ghost .ar,.foot .btn--ghost .ar,.mega .btn--ghost .ar{background:var(--ink);color:var(--paper)}
.nav .btn--ghost-l,.mnav .btn--ghost-l,.foot .btn--ghost-l,.mega .btn--ghost-l{--bg:transparent;--fg:var(--paper);--fill:var(--paper);--fillfg:var(--ink);box-shadow:inset 0 0 0 1px var(--line-l2)}
.nav .btn--ghost-l .ar,.mnav .btn--ghost-l .ar,.foot .btn--ghost-l .ar,.mega .btn--ghost-l .ar{background:var(--paper);color:var(--ink)}
.nav .btn--ghost-l:hover .ar,.mnav .btn--ghost-l:hover .ar,.foot .btn--ghost-l:hover .ar,.mega .btn--ghost-l:hover .ar{background:var(--ink);color:var(--paper)}
.nav .btn--sm,.mnav .btn--sm,.foot .btn--sm,.mega .btn--sm{height:44px;font-size:14px;padding:0 8px 0 18px}
.nav .btn--sm .ar,.mnav .btn--sm .ar,.foot .btn--sm .ar,.mega .btn--sm .ar{width:30px;height:30px}
.nav .btn--noar,.mnav .btn--noar,.foot .btn--noar,.mega .btn--noar{padding:0 24px}
.nav .btns,.mnav .btns,.foot .btns,.mega .btns{display:flex;flex-wrap:wrap;gap:12px}
/* ---------- floating nav ---------- */
.nav{position:fixed;top:12px;left:var(--gutter);right:var(--gutter);z-index:120;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 8px 0 20px;border-radius:999px;
  background:rgba(251,249,244,.8);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);
  box-shadow:0 0 0 1px rgba(14,19,17,.07),0 18px 50px -24px rgba(14,19,17,.45);
  transition:transform .6s var(--ease),background .4s}
.nav.is-hidden{transform:translateY(calc(-100% - 24px))}
.nav-logo{display:flex;align-items:center;gap:10px;flex:none}
.nav-logo img{height:34px;width:auto;filter:brightness(0)}
.nav-links{display:none;align-items:center;gap:2px}
.nav-links>li{position:static}
.nav-link{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 15px;border-radius:999px;font:500 14.5px/1 var(--f-b);color:var(--ink-2);transition:background .3s,color .3s}
.nav-link:hover,.nav-link[aria-expanded="true"]{background:rgba(14,19,17,.06);color:var(--ink)}
.nav-link svg{width:10px;height:10px;transition:transform .4s var(--ease)}
.nav-link[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-link .hot{width:6px;height:6px;border-radius:50%;background:var(--clay)}
.nav-cta{display:flex;align-items:center;gap:6px}
.nav-phone{display:none;font:500 14px/1 var(--f-m);color:var(--ink-2);padding:0 12px}
.nav-wa{display:none;width:48px;height:48px;border-radius:50%;background:#1FAF5A;color:#fff;place-items:center}
.nav-wa svg{width:22px;height:22px}
@media(max-width:520px){.nav-wa{display:grid}}
.nav-burger{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}
.nav-burger span{display:block;width:18px;height:1.5px;background:currentColor;position:relative;transition:transform .5s var(--ease)}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:currentColor;transition:transform .5s var(--ease),top .5s var(--ease)}
.nav-burger span::before{top:-6px}.nav-burger span::after{top:6px}
.menu-open .nav-burger span{background:transparent}
.menu-open .nav-burger span::before{top:0;transform:rotate(45deg)}
.menu-open .nav-burger span::after{top:0;transform:rotate(-45deg)}
@media(min-width:1180px){.nav-links{display:flex}.nav-burger{display:none}.nav-phone{display:inline}}
@media(max-width:520px){.nav-cta .btn{display:none}.nav{padding-left:16px}.nav-logo img{height:30px}}

/* mega panels */
.mega{position:fixed;top:calc(12px + var(--nav-h) + 10px);left:50%;width:min(1120px,calc(100vw - 2*var(--gutter)));z-index:119;
  transform:translate(-50%,-10px);opacity:0;visibility:hidden;pointer-events:none;
  background:var(--paper);border-radius:var(--r-l);box-shadow:0 0 0 1px rgba(14,19,17,.07),0 40px 90px -40px rgba(14,19,17,.55);
  padding:28px;transition:opacity .35s var(--ease),transform .5s var(--ease),visibility 0s .35s}
.mega.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .35s var(--ease),transform .5s var(--ease)}
.mega-grid{display:grid;grid-template-columns:1fr 1.4fr 1.6fr;gap:28px}
.mega-col h4{font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.mega-status a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;background:var(--bone);margin-bottom:8px;transition:background .3s,transform .4s var(--ease)}
.mega-status a:hover{background:var(--sand);transform:translateX(4px)}
.mega-status b{font:600 16px/1.1 var(--f-d);letter-spacing:-.02em;display:block}
.mega-status small{color:var(--ink-3);font-size:12.5px}
.mega-status .n{font:500 12px/1 var(--f-m);color:var(--ink-3)}
.mega-cities{display:flex;flex-wrap:wrap;gap:7px}
.mega-cities a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border-radius:999px;background:var(--bone);font-size:13.5px;font-weight:500;transition:background .3s,color .3s}
.mega-cities a:hover{background:var(--ink);color:var(--paper)}
.mega-cities a i{font:normal 500 11px/1 var(--f-m);color:var(--ink-3)}
.mega-cities a:hover i{color:var(--mint)}
.mega-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mega-feat a{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--forest)}
.mega-feat img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.mega-feat a:hover img{transform:scale(1.07)}
.mega-feat span{position:absolute;inset:auto 0 0 0;padding:28px 12px 10px;color:#fff;font:600 14px/1.1 var(--f-d);letter-spacing:-.01em;background:linear-gradient(transparent,rgba(5,12,9,.75))}
.mega-feat span small{display:block;font:500 10.5px/1.3 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-top:3px}
.mega-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.mega-foot p{color:var(--ink-3);font-size:14px}
.mega--res .mega-grid{grid-template-columns:repeat(3,1fr)}
.mega-list a{display:block;padding:14px 16px;border-radius:16px;transition:background .3s}
.mega-list a:hover{background:var(--bone)}
.mega-list b{display:block;font:600 17px/1.1 var(--f-d);letter-spacing:-.02em}
.mega-list small{color:var(--ink-3);font-size:13px}
.mega-scrim{position:fixed;inset:0;z-index:118;background:rgba(14,19,17,.18);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.mega-scrim.open{opacity:1;visibility:visible;transition:opacity .4s}

/* mobile menu */
.mnav{position:fixed;inset:0;z-index:115;background:var(--forest);color:var(--paper);overflow-y:auto;
  clip-path:circle(0 at calc(100% - var(--gutter) - 32px) 44px);transition:clip-path .9s var(--ease-io);visibility:hidden}
.menu-open .mnav{clip-path:circle(150% at calc(100% - var(--gutter) - 32px) 44px);visibility:visible}
.menu-open{overflow:hidden}
.mnav-in{padding:calc(var(--nav-h) + 48px) var(--gutter) 104px;min-height:100%;display:flex;flex-direction:column;gap:28px}
.mnav-big a,.mnav-big button{display:flex;justify-content:space-between;align-items:baseline;width:100%;text-align:left;font:700 clamp(34px,9vw,56px)/1.05 var(--f-d);letter-spacing:-.04em;padding:8px 0;border-bottom:1px solid var(--line-l)}
.mnav-big small{font:500 12px/1 var(--f-m);color:var(--mint);letter-spacing:.1em}
.mnav-big li{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.menu-open .mnav-big li{opacity:1;transform:none;transition-delay:calc(.25s + var(--i)*60ms)}
.mnav-sub{display:none;flex-wrap:wrap;gap:8px;padding:16px 0 8px}
.mnav-sub.open{display:flex}
.mnav-sub a{display:inline-flex;height:38px;align-items:center;padding:0 14px;border-radius:999px;background:var(--forest-2);font-size:14px;font-weight:500}
.mnav-foot{margin-top:auto;display:grid;gap:12px}
.mnav-foot .btn{justify-content:space-between}

.foot{background:var(--forest);color:var(--paper);padding:clamp(72px,9vw,120px) 0 0;overflow:hidden;position:relative}
.foot-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-bottom:clamp(48px,6vw,80px);border-bottom:1px solid var(--line-l)}
.foot-cta h2{font:700 clamp(30px,4vw,56px)/1 var(--f-d);letter-spacing:-.04em;max-width:18ch}
.foot-grid{display:grid;gap:36px;padding:clamp(48px,6vw,72px) 0;grid-template-columns:1fr 1fr}
@media(min-width:960px){.foot-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
.foot-brand{grid-column:1/-1}
@media(min-width:960px){.foot-brand{grid-column:auto}}
.foot-brand img{height:40px;width:auto;margin-bottom:18px}
.foot-brand p{color:#AEBDB5;max-width:40ch;font-size:15px}
.foot h4{font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:16px}
.foot li a{display:inline-block;padding:5px 0;color:#D6DFDA;font-size:15px;transition:color .3s,transform .4s var(--ease)}
.foot li a:hover{color:#fff;transform:translateX(4px)}
.socials{display:flex;gap:8px;margin-top:22px}
.socials a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-l2);transition:background .3s,color .3s}
.socials a:hover{background:var(--paper);color:var(--forest)}
.socials svg{width:18px;height:18px}
.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding:22px 0 30px;border-top:1px solid var(--line-l);font-size:12.5px;color:#93A69C}
.foot-legal a{text-decoration:underline;text-underline-offset:3px}
.foot-word{font:800 clamp(80px,21vw,360px)/.74 var(--f-d);letter-spacing:-.065em;white-space:nowrap;color:var(--forest-3);text-align:center;margin:0 -2vw;user-select:none;
  transform:translateY(calc((1 - var(--fw,1))*30%));transition:transform .1s linear}
.foot-word span{color:var(--clay)}
@media(max-width:899px){.foot-legal{padding-bottom:96px}}
body{padding-top:92px}
/* ==========================================================================
   Carlo — light green (Kris, 2026-11-11: "very lighter shade of green").
   Every surface that was dark forest is now light sage with dark ink text.
   Photo-backed panels (property hero, amenity tiles, levels) are unchanged.
   ========================================================================== */
:root{--lg-1:#EDF6F0;--lg-2:#DCEEE2;--lg-3:#C6E2D0;--lg-ink:#0E1311;--lg-ink-2:#3B4A42;--lg-ink-3:#5E7066;--lg-accent:#2F6B4F;--lg-line:rgba(14,19,17,.12);--lg-line-2:rgba(14,19,17,.22)}

/* ---------- section shells ---------- */
.sec--forest,.foot,.mnav,.bento-intro,.band--forest{background:var(--lg-1)!important;color:var(--lg-ink)!important}
.sec--forest .eyebrow,.on-dark .eyebrow,.foot h4,.mnav .eyebrow{color:var(--lg-accent)!important}
.sec--forest .lede,.sec--forest .qa-a p,.sec--forest .ed-body p,.bento-intro p,.pres p{color:var(--lg-ink-2)!important}
.sec--forest h2,.sec--forest h3,.sec--forest .d{color:var(--lg-ink)}
.sec--forest .faq-list,.sec--forest .qa,.on-dark .faq-list{border-color:var(--lg-line)!important}
.sec--forest .btn--ghost-l,.foot .btn--ghost-l,.mnav .btn--ghost-l{--fg:var(--lg-ink);--fill:var(--lg-ink);--fillfg:#fff;box-shadow:inset 0 0 0 1px var(--lg-line-2)}

/* ---------- homepage: budget match ---------- */
.match-panel{background:var(--lg-2)!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.match-q{border-top-color:var(--lg-line)!important}
.match-q label,.match-q .q,.budget-val,.budget-val b,.match-total b,.mrow b{color:var(--lg-ink)!important}
.match-q label span,.match-q .q span,.budget-val small,.range-scale span,.mrow small,.mrow span{color:var(--lg-ink-3)!important}
.match-total span,.match-empty{color:var(--lg-ink-2)!important}
.range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--clay) var(--v),rgba(14,19,17,.14) var(--v))!important}
.range::-moz-range-track{background:linear-gradient(90deg,var(--clay) var(--v),rgba(14,19,17,.14) var(--v))!important}
.range::-webkit-slider-thumb{background:#fff!important}
.seg button{background:#fff!important;color:var(--lg-ink-2)!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.seg button:hover{background:var(--lg-3)!important}
.seg button[aria-pressed="true"]{background:var(--lg-ink)!important;color:#fff!important;box-shadow:none!important}
.mrow{background:rgba(255,255,255,.7)!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.mrow:hover{background:#fff!important}
.mrow img{background:var(--lg-3)!important}
.match-empty{background:rgba(255,255,255,.6)!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.match-empty b{color:var(--lg-ink)!important}

/* ---------- property pages: availability explorer ---------- */
.av-type{background:#fff!important;color:var(--lg-ink)!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.av-type:hover{background:var(--lg-2)!important}
.av-type[aria-pressed="true"]{background:var(--lg-ink)!important;color:#fff!important}
.av-type *{color:inherit}
.av-bar .f-sel select{background:#fff!important;color:var(--lg-ink)!important;box-shadow:inset 0 0 0 1px var(--lg-line-2)!important}
.av-bar,.av-bar label,.av-bar span,.av-note,.av-foot{color:var(--lg-ink-2)}
.av-table{background:#fff;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.av-row{color:var(--lg-ink-2)!important;border-top-color:var(--lg-line)!important}
.av-row b,.av-row strong{color:var(--lg-ink)}
.av-row:not(.av-h):hover{background:var(--lg-1)!important}
.av-h{color:var(--lg-ink-3)!important;background:var(--lg-2)!important}
.ladder-row .lbar{background:rgba(14,19,17,.08)!important}
.bignum{background:#fff!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.bignum span{color:var(--lg-ink-2)!important}
.hcol--no{background:var(--lg-2)!important;color:var(--lg-ink)!important;box-shadow:inset 0 0 0 1px var(--lg-line)!important}
.hcol--no li,.pres li{border-color:var(--lg-line)!important}

/* ---------- small pieces ---------- */
.band--forest .band-item,.band--forest svg{color:var(--lg-ink)!important}
.rv-av{background:var(--lg-2)!important;color:var(--lg-accent)!important}
.mega-feat a{background:var(--lg-2)!important}

/* ---------- mobile menu ---------- */
.mnav-big a,.mnav-big button{color:var(--lg-ink)!important;border-bottom-color:var(--lg-line)!important}
.mnav-big small{color:var(--lg-ink-3)!important}
.mnav-sub a{background:var(--lg-2)!important;color:var(--lg-ink)!important}

/* ---------- footer ---------- */
.foot-cta{border-bottom-color:var(--lg-line)!important}
.foot-cta h2{color:var(--lg-ink)}
.foot-brand img{filter:brightness(0)}
.foot-brand p,.foot-legal,.foot-legal a{color:var(--lg-ink-2)!important}
.foot li a{color:var(--lg-ink-2)!important}
.foot li a:hover{color:var(--lg-ink)!important}
.foot-legal{border-top-color:var(--lg-line)!important}
.socials a{color:var(--lg-ink)!important;box-shadow:inset 0 0 0 1px var(--lg-line-2)!important}
.socials a:hover{background:var(--lg-ink)!important;color:#fff!important}
.foot-word{color:var(--lg-3)!important}

/* ---------- About: licence chip off the face, readable badge ---------- */
.arch-lic{top:auto!important;bottom:7%;left:-10px;padding:12px 16px}
.arch-lic b{font-size:clamp(17px,1.6vw,21px)!important;letter-spacing:-.01em}
.arch-badge{bottom:auto!important;top:9%;right:-14px}