/* Homepage refresh (sample) - scoped to body.home-refresh */
.home-refresh{--warm:#E07A4F;--warm-d:#C9643A}
.home-refresh main section{padding-top:80px;padding-bottom:80px}
.home-refresh main section.hero{padding:0}
.home-refresh h2{margin-bottom:28px}
.home-refresh .hr-hero{min-height:620px;display:flex;align-items:flex-end}
.home-refresh .hr-hero::before{background:linear-gradient(180deg,rgba(15,59,79,.15) 0%,rgba(15,59,79,.35) 45%,rgba(10,30,40,.85) 100%)}
.home-refresh .hr-hero .wrap{padding:140px 20px 72px;width:100%}
.home-refresh .hr-hero h1{font-size:2.4rem;line-height:1.12;letter-spacing:-.01em;margin-bottom:16px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.home-refresh .hr-hero p{font-size:1.12rem;max-width:600px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.home-refresh .hr-ctas{display:flex;gap:12px;flex-wrap:wrap}
.home-refresh .hr-ctas .btn{margin:0;padding:14px 28px;font-size:1rem}
.home-refresh .btn.hr-text,.home-refresh .hr-sticky{background:var(--warm);border-color:var(--warm);color:#fff}
.home-refresh .btn.hr-text:hover{background:var(--warm-d);border-color:var(--warm-d);transform:translateY(-1px)}
.home-refresh .hr-credit{font-size:.78rem!important;opacity:.75;margin:22px 0 0!important}
@media(min-width:760px){.home-refresh .hr-hero{min-height:720px}.home-refresh .hr-hero h1{font-size:3.6rem}.home-refresh .hr-hero .wrap{padding:180px 20px 96px}}
/* listing cards */
.home-refresh .grid.three[data-listings]{gap:28px}
@media(min-width:900px){.home-refresh .grid.three[data-listings]{grid-template-columns:repeat(2,1fr)}}
.home-refresh .lcard{transition:box-shadow .2s,transform .2s}
.home-refresh .lcard:hover{box-shadow:0 12px 30px rgba(15,59,79,.14);transform:translateY(-3px)}
.home-refresh .lcard-img{position:relative}
.home-refresh .lcard-img img{aspect-ratio:3/2}
.home-refresh .hr-ov{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(180deg,transparent,rgba(10,30,40,.82));color:#fff;display:flex;flex-direction:column;gap:2px;z-index:1}
.home-refresh .hr-ov strong{font-family:var(--serif);font-size:1.5rem}
.home-refresh .hr-ov span{font-size:.92rem;opacity:.95}
.home-refresh .lcard .price,.home-refresh .lcard .specs{display:none}
.home-refresh .lcard .pcount{z-index:2}
.home-refresh .card{transition:box-shadow .2s}
.home-refresh .ccard:hover{box-shadow:0 8px 22px rgba(15,59,79,.1)}
.home-refresh main a:not(.btn):not(.lcard-link):hover{text-decoration:underline}
/* sticky text button (mobile) */
.home-refresh .hr-sticky{display:none}
@media(max-width:759px){.home-refresh .hr-sticky{display:block;position:fixed;left:16px;right:16px;bottom:14px;z-index:50;text-align:center;padding:14px;border-radius:40px;font-weight:700;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.home-refresh .site-footer{padding-bottom:84px}
.home-refresh main section{padding-top:56px;padding-bottom:56px}}
.home-refresh .hr-hero .hero-bg{object-position:center 70%}
.home-refresh .hr-hero .eyebrow{color:#fff;opacity:.9;text-shadow:0 1px 8px rgba(0,0,0,.5)}
/* phones: keep the photo caption clear of the sticky Text me button and corner logo */
@media(max-width:759px){.home-refresh .hr-hero{position:relative}.home-refresh .hr-hero .hr-credit{position:absolute;top:14px;left:20px;right:20px;margin:0!important;text-align:right}}
/* phones: the sticky Text me bar owns the bottom edge on the homepage; the header LEVEL logo is the brand mark there */
@media(max-width:759px){.home-refresh #lvl-badge{display:none!important}}
/* hidden waving neighbor in a hero window (only link to the off-market section) */
.home-refresh .hr-peek{position:absolute;z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;outline-offset:2px}
.home-refresh .hr-peek[hidden]{display:none}
.home-refresh .hr-peek svg{position:absolute;left:50%;top:50%;height:var(--fh,12px);width:auto;transform:translate(-50%,-62%);overflow:visible;opacity:.72}
.home-refresh .hr-peek .hp-body{fill:#b3a998;stroke:#b3a998}
.home-refresh .hr-peek .hp-body circle,.home-refresh .hr-peek .hp-body path:not([stroke-width]){stroke:none}
.home-refresh .hr-peek .hp-arm{transform-box:fill-box;transform-origin:0% 100%;animation:hpwave 2.4s ease-in-out infinite}
@keyframes hpwave{0%,55%,100%{transform:rotate(0)}12%,40%{transform:rotate(-24deg)}26%{transform:rotate(14deg)}}
@media(prefers-reduced-motion:reduce){.home-refresh .hr-peek .hp-arm{animation:none}}
.home-refresh .hr-peek:focus:not(:focus-visible){outline:none}
/* phones: let the hero show the building under the text so the window stays uncovered */
@media(max-width:759px){.home-refresh .hr-hero{min-height:780px;align-items:flex-start}.home-refresh .hr-hero .wrap{padding:64px 20px 40px}}