/* Left sidebar navigation (home screen). Opened by the hamburger in the header; nav-ui.js toggles body.nav-open. */
.site-header.has-nav{grid-template-columns:auto auto minmax(0,1fr) auto;gap:14px}
.nav-burger{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fffdf8;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;cursor:pointer}
.nav-burger:hover{border-color:var(--green)}
.nav-burger:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
body.nav-available .nav-burger{display:flex}
.nav-burger span{display:block;width:17px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .25s}
body.nav-open .nav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.nav-open .nav-burger span:nth-child(2){opacity:0}
body.nav-open .nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.side-nav{position:fixed;z-index:15;top:var(--nav-top,82px);bottom:0;left:0;width:264px;padding:18px 12px 20px;background:#fbf9f4;border-right:1px solid var(--line);overflow-y:auto;transform:translateX(-100%);visibility:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s .35s}
body.nav-available.nav-open .side-nav{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.side-nav-group{margin:14px 10px 6px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a8f88}
.side-nav-group:first-child{margin-top:0}
.side-nav-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.side-nav-item:hover{background:#efeadf}
.side-nav-item:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}
.side-nav-item .ni{font-size:17px;color:var(--muted);text-align:center}
.side-nav-item small{display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--muted);font-weight:400}
.side-nav-item.is-active{background:var(--green-2);color:var(--green);font-weight:700}
.side-nav-item.is-active .ni{color:var(--green)}
.side-nav-item.is-active::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}
.side-nav-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center;background:var(--green);color:#fff;font-size:11px;font-weight:700}
.side-nav-backdrop{display:none}
#journey-hero,#apartments-section,#real-cases,#reference-guide{scroll-margin-top:104px}
@media(min-width:981px){
  body>main,body>footer{transition:margin-left .35s cubic-bezier(.4,0,.2,1)}
  body.nav-available.nav-open>main,body.nav-available.nav-open>footer{margin-left:264px}
}
@media(max-width:980px){
  .site-header.has-nav{grid-template-columns:auto auto 1fr auto}
  body.nav-available.nav-open .side-nav-backdrop{display:block;position:fixed;z-index:14;inset:var(--nav-top,82px) 0 0 0;background:rgba(24,34,28,.4)}
}
@media(max-width:760px){.site-header.has-nav{display:flex}.nav-burger{flex:none;width:38px;height:38px}.side-nav{width:min(300px,86vw)}}
@media(prefers-reduced-motion:reduce){.side-nav,body>main,body>footer{transition:none}}