:root{--navy:#000e35;--blue:#0043ff;--red:#ff1200;--cream:#f7f5ee;--sky:#a3d4f2;--line:rgba(0,14,53,.18);--sans:"Lato",Arial,sans-serif;--display:"Avenir Next","Avenir","Montserrat",Arial,sans-serif;--mono:"DM Mono",monospace}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.035em}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--navy);font-family:var(--sans);margin:0}
.offers-header{align-items:center;background:var(--navy);color:var(--cream);display:grid;grid-template-columns:1fr auto 1fr;padding:22px 4vw}
.offers-brand img{display:block;height:31px}
.offers-header nav{display:flex;gap:26px}
.offers-header a{color:inherit;font-size:.78rem;text-decoration:none}
.back-home{justify-self:end}
.offers-hero{background:var(--sky);display:grid;grid-template-columns:1.35fr .65fr;min-height:42vh;padding:clamp(75px,8vw,115px) 5vw 52px;position:relative}
.offers-back-main{align-items:center;border:1px solid rgba(0,14,53,.35);border-radius:50%;color:var(--navy);display:flex;height:40px;justify-content:center;position:absolute;right:5vw;text-decoration:none;top:28px;transition:background .2s,color .2s,transform .2s;width:40px}
.offers-back-main:hover{background:var(--navy);color:var(--cream);transform:translateY(-3px)}
.kicker{font:500 .65rem var(--mono);letter-spacing:.08em;margin:0 0 22px;text-transform:uppercase}
.offers-hero .kicker{grid-column:1/-1}
.offers-hero h1{font-size:clamp(4rem,8vw,8rem);font-weight:500;letter-spacing:-.065em;line-height:.84;margin:0}
.offers-hero h1 em{color:var(--blue);font-style:normal}
.offers-lead{align-self:end;font-size:1.05rem;line-height:1.55;margin:0;max-width:38ch}
.offers-browser{padding:clamp(55px,6vw,90px) 5vw}
.browser-head{align-items:end;display:flex;justify-content:space-between}
.browser-head h2,.demo-offer h2{font-size:clamp(3rem,6vw,6rem);font-weight:500;letter-spacing:-.06em;line-height:.9;margin:0}
.filters{background:#eceae3;border-radius:999px;display:flex;padding:5px}
.filters button{background:transparent;border:0;border-radius:999px;color:inherit;cursor:pointer;font-size:.72rem;font-weight:700;padding:11px 16px}
.filters button.is-active{background:var(--navy);color:#fff}
.property-list{margin-top:38px}
.listing-card{background:#fff;border:1px solid var(--line);color:inherit;display:grid;grid-template-columns:.92fr 1.08fr;min-height:460px;overflow:hidden;text-decoration:none;transition:box-shadow .25s,transform .25s}
.listing-card:hover{box-shadow:0 20px 55px rgba(0,14,53,.14);transform:translateY(-4px)}
.listing-visual{align-items:center;display:flex;justify-content:center;min-height:460px;overflow:hidden;position:relative}
.listing-visual-svata{background:radial-gradient(circle at 65% 35%,rgba(163,212,242,.9),transparent 34%),linear-gradient(145deg,#dfe8dd,#9fb494 56%,#263d39)}
.listing-visual-svata:before{border:2px solid rgba(247,245,238,.82);content:"";height:42%;position:absolute;transform:rotate(-7deg);width:53%}
.listing-visual-svata:before{display:none}
.listing-visual-svata img{height:100%;object-fit:cover;width:100%}
.listing-visual span{background:rgba(0,14,53,.78);border-radius:999px;color:#fff;font:.58rem var(--mono);padding:9px 12px;position:relative;text-transform:uppercase}
.listing-copy{display:flex;flex-direction:column;padding:42px}
.listing-tags{display:flex;gap:7px}
.tag{border:1px solid var(--navy);border-radius:999px;font:.58rem var(--mono);padding:7px 10px;text-transform:uppercase}
.tag-sold{background:var(--red);border-color:var(--red);color:#fff}
.listing-place{font:.68rem var(--mono);letter-spacing:.04em;margin:35px 0 14px;text-transform:uppercase}
.listing-copy h3{font-size:clamp(2.2rem,4vw,4.4rem);font-weight:500;letter-spacing:-.06em;line-height:.92;margin:0;max-width:12ch}
.listing-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:auto 0 28px}
.listing-copy dl div{border-top:1px solid var(--line);padding:14px 8px 0 0}
.listing-copy dt{font:.55rem var(--mono);text-transform:uppercase}
.listing-copy dd{font-size:1.05rem;font-weight:700;margin:15px 0 0}
.listing-result{background:rgba(0,14,53,.055);border-left:3px solid var(--red);display:grid;gap:5px;margin:0 0 18px;padding:11px 13px}.listing-result strong{font-size:.72rem;text-transform:uppercase}.listing-result span{font-size:.78rem;line-height:1.4}
.listing-foot{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px}
.listing-foot strong{font-size:1rem}
.listing-foot span{color:var(--blue);font-weight:700}
.empty-state{border:1px dashed var(--line);padding:50px;text-align:center}
.demo-offer{align-items:center;background:var(--navy);color:var(--cream);display:grid;gap:8vw;grid-template-columns:1fr auto;padding:80px 5vw}
.demo-offer p:not(.kicker){line-height:1.55;max-width:50ch}
.demo-offer a{background:var(--red);border-radius:999px;color:#fff;font-size:.82rem;font-weight:700;padding:16px 22px;text-decoration:none}
.demo-offer a span{margin-left:12px}
.demo-apartment{background:#d9e3ff;color:var(--navy)}
.demo-apartment a{background:var(--blue)}
footer{align-items:center;background:#030920;color:var(--cream);display:flex;font-size:.72rem;justify-content:space-between;padding:30px 5vw}
footer a{color:inherit;text-decoration:none}
@media(max-width:760px){.offers-header{grid-template-columns:1fr auto}
.offers-header nav{display:none}
.offers-hero{display:block;min-height:0;padding:72px 6vw 48px}
.offers-lead{margin-top:28px}
.browser-head{align-items:flex-start;display:block}
.filters{border-radius:16px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px}
.listing-card{grid-template-columns:1fr}
.listing-visual{min-height:60vw}
.listing-copy{padding:28px}
.listing-copy dl{gap:6px;margin:45px 0 28px}
.listing-copy dd{font-size:.9rem}
.demo-offer{grid-template-columns:1fr}
.demo-offer a{justify-self:start}
}