/* fm-primerealty (Halden Row) - original stylesheet, theme-forge likeness build.
   Monochrome real-estate kit: near-black hero and bands, warm paper cards, pill controls. */
@font-face{font-family:"Kantumruy Pro";src:url("../fonts/kantumruy-pro-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Kantumruy Pro";src:url("../fonts/kantumruy-pro-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inclusive Sans";src:url("../fonts/inclusive-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inclusive Sans";src:url("../fonts/inclusive-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inclusive Sans";src:url("../fonts/inclusive-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --dark:#131312;        /* band ground (ref family #141414) */
  --dark-2:#1a1a18;      /* dark cards (ref family #171717) */
  --ink:#191917;         /* headings, buttons (ref family #171717) */
  --black:#000;
  --paper:#f5f4ee;       /* warm off-white cards (ref family #F6F6F1) */
  --white:#fff;
  --muted:#62625e;       /* grey body on light (ref family #656565) */
  --light:#b3b2aa;       /* grey text on dark (ref family #B2B2AC) */
  --hero-lead:#c8c7bf;   /* hero lead over the photo, lightened from #B2B2AC for p10 >= 4.5 */
  --fill:#8b8a83;        /* unfilled scroll-lead words + big stat on light, deepened from #B2B2AC */
  --meta:#6d6c66;        /* listing meta row on white, deepened from #B2B2AC */
  --muted-dk:#8f8e88;    /* counter tail on dark, lightened from #656565 */
  --line:#e2e1da;
  --line-dk:rgba(255,255,255,.14);
  --f-d:"Kantumruy Pro",ui-sans-serif,system-ui,sans-serif;
  --f-b:"Inclusive Sans",ui-sans-serif,system-ui,sans-serif;
  --wrap:1140px;
  --ease:cubic-bezier(.22,1,.36,1);
  --r-card:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--f-b);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul{list-style:none;padding:0}
.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--paper);color:var(--ink);padding:10px 16px;border-radius:50px}
.skip:focus{left:16px}
:focus-visible{outline:2px solid #8a7a52;outline-offset:3px}

/* ---------- type ---------- */
.eyebrow{font-size:19px;line-height:27px;font-weight:400;color:var(--muted)}
.on-dark .eyebrow,.hero .eyebrow{color:var(--light)}
.h2{font-family:var(--f-d);font-weight:500;font-size:47px;line-height:52.8px;letter-spacing:-.005em;color:var(--ink)}
.on-dark .h2{color:var(--white)}
.t34{font-family:var(--f-d);font-weight:500;font-size:34px;line-height:44.8px}
.t26{font-family:var(--f-d);font-weight:500;font-size:26px;line-height:33.6px}
.b19{font-size:19px;line-height:27px;color:var(--muted)}
.b17{font-size:17px;line-height:25.6px;color:var(--muted)}

/* ---------- roll label (hover) ---------- */
.roll{display:block;position:relative;height:26px;overflow:hidden;line-height:26px}
.roll>span{display:block;line-height:26px;transition:transform .32s cubic-bezier(.4,0,.2,1)}
.roll>span+span{position:absolute;left:0;top:37px}
a:hover>.roll>span,button:hover>.roll>span,.btn:hover .roll>span{transform:translateY(-37px)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 16px;border-radius:50px;background:var(--paper);color:var(--ink);font-size:17px;white-space:nowrap;border:0;cursor:pointer}
.btn .ico{width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;flex:none}
.btn .ico svg{width:15px;height:15px}
.btn--ghost{background:transparent;color:var(--paper);border:1px solid rgba(245,244,238,.38);padding:0 16px}
.btn--dark{background:var(--ink);color:var(--white)}
.btn--dark .ico{background:var(--paper);color:var(--ink)}
.btn--full{width:100%;justify-content:center;border-radius:10px;height:48px;padding:0 16px}

/* ---------- header (fixed pill) ---------- */
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:60;width:min(var(--wrap),calc(100% - 40px));height:68px;border-radius:100px;background:rgba(19,19,18,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--f-d);font-weight:600;font-size:21px;letter-spacing:-.01em;color:var(--white)}
.logo svg{width:31px;height:31px;flex:none}
.nav__links{display:flex;align-items:center;gap:40px}
.nav__links ul{display:flex;gap:24px}
.nav__links ul a{font-size:17px;color:var(--white)}
.nav__burger{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--white);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center}
.nav__burger span{display:block;width:22px;height:1.6px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}
.nav__burger span+span{margin-top:7px}
.nav.open .nav__burger span:first-child{transform:translateY(4.3px) rotate(45deg)}
.nav.open .nav__burger span:last-child{transform:translateY(-4.3px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;height:100vh;min-height:900px;background:var(--dark);color:var(--white);overflow:hidden}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:201px;background:linear-gradient(180deg,rgba(19,19,18,0),#000)}
.hero__in{position:relative;height:100%}
.hero__copy{position:absolute;left:0;top:calc(50vh - 218px);width:620px}
.hero__copy .eyebrow{margin-bottom:12px}
.hero h1{font-family:var(--f-d);font-weight:600;font-size:66px;line-height:66px;letter-spacing:-.01em;max-width:600px}
.hero__lead{margin-top:16px;font-size:19px;line-height:27px;color:var(--hero-lead);max-width:515px}
.hero__cta{display:flex;gap:12px;margin-top:32px}
.hero__foot{position:absolute;left:0;right:0;bottom:40px;display:flex;justify-content:space-between;align-items:flex-end}
.rating{display:flex;flex-direction:column;gap:17px}
.rating__score{display:flex;align-items:center;gap:10px;font-size:19px;line-height:27px}
.stars{display:flex;gap:2px}
.stars svg{width:19px;height:19px}
.rating__who{display:flex;align-items:center;gap:12px;font-size:19px;line-height:27px}
.avs{display:flex}
.avs img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--white)}
.avs img+img{margin-left:-20px}
.thumbs{display:flex;gap:12px}
.thumbs figure{height:200px;border-radius:16px;overflow:hidden}
.thumbs figure img{width:100%;height:100%;object-fit:cover}
.thumbs .sm{width:90px}.thumbs .md{width:180px}
.thumbs .sm:first-child img{object-position:100% 50%}
.thumbs .sm:last-child img{object-position:0 50%}
/* hero entrance (CSS only, so the band paints without script) */
.hero h1 .w{display:inline-block;animation:wIn .8s var(--ease) both}
.hero__lead,.hero__cta{animation:fIn .9s var(--ease) both}
.hero__lead{animation-delay:.75s}.hero__cta{animation-delay:.9s}
.rating{animation:rise 1.3s var(--ease) .3s both}
.thumbs{animation:rise 1.3s var(--ease) .5s both}
@keyframes wIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:.5;transform:translateY(100px)}to{opacity:1;transform:none}}

/* ---------- section heads ---------- */
.shead{display:grid;grid-template-columns:342px 1fr auto;align-items:start;margin-bottom:60px}
.shead .h2{max-width:640px}
.shead .btn{align-self:end;margin-bottom:1px}
.split{display:grid;grid-template-columns:293px 1fr}

/* ---------- reveal ---------- */
.js [data-rv]{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.33,1,.68,1),transform 1s cubic-bezier(.33,1,.68,1);transition-delay:var(--d,0s)}
.js [data-rv].in{opacity:1;transform:none}

/* ---------- about (home + about page) ---------- */
.about{padding:140px 0 70px}
.about__lead{font-size:33px;line-height:41.6px;letter-spacing:-.06em;word-spacing:.08em;color:var(--ink);max-width:850px}
.about__lead .w{transition:color .35s ease}
.fill-js .about__lead .w{color:var(--fill)}
.fill-js .about__lead .w.on{color:var(--ink)}
.about .btn{margin-top:32px}
.about__grid{display:grid;grid-template-columns:566px 267px 267px;column-gap:20px;margin-top:70px}
.about__grid>.about__left{padding-right:12px}
.about__left{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.stats{display:grid;grid-template-columns:repeat(3,178px);gap:10px}
.stat b{display:block;font-weight:400;font-size:54px;line-height:52px;letter-spacing:-.1em;color:var(--ink)}
.stat span{display:block;margin-top:2px;font-size:17px;line-height:25.6px;color:var(--muted)}
.ph{border-radius:16px;overflow:hidden;background:var(--paper)}
.ph img{width:100%;height:100%;object-fit:cover}
.about__wide{height:240px}
.about__tall{height:352px}
/* about page variant */
.story{padding:100px 0 70px}
.story__grid{display:grid;grid-template-columns:554px 554px;justify-content:space-between;margin-top:70px}
.story__grid .ph--a{height:352px}
.story__grid .ph--b{height:240px}
.story__right{display:flex;flex-direction:column;gap:32px}

/* ---------- featured stack ---------- */
.featured{padding:70px 0 71px}
.stack{display:flex;flex-direction:column;gap:20px}
.pcard{position:sticky;top:100px;display:grid;grid-template-columns:542px 1fr;gap:24px;padding:16px;min-height:412px;background:var(--paper);border-radius:var(--r-card);color:var(--ink)}
.pcard__img{height:380px;border-radius:16px;overflow:hidden}
.pcard__img img{width:100%;height:100%;object-fit:cover}
.pcard__body{display:flex;flex-direction:column;padding-top:0}
.pcard__body .b19{margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.chip{height:46px;display:inline-flex;align-items:center;padding:0 20px;border-radius:50px;background:var(--white);font-size:17px;color:var(--muted)}
.meta{margin-top:auto;display:flex;gap:26px;background:var(--white);border-radius:16px;padding:12px;height:72px;align-items:center}
.meta span{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--muted);white-space:nowrap}
.meta i{width:48px;height:48px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--ink)}
.meta i svg{width:22px;height:22px}

/* ---------- why us ---------- */
.why{padding:69px 0 140px}
.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.why__col{display:flex;flex-direction:column;gap:20px}
.mq{position:relative;height:380px;border-radius:16px;overflow:hidden}
.mq>img{width:100%;height:100%;object-fit:cover}
.mq::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72))}
.mq__track{position:absolute;left:0;bottom:20px;z-index:1;display:flex;white-space:nowrap;animation:mq 31s linear infinite}
.mq__track span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-family:var(--f-d);font-weight:500;font-size:34px;line-height:44.8px;color:var(--white)}
.mq__track svg{width:24px;height:24px;color:var(--white)}
@keyframes mq{to{transform:translateX(-50%)}}
.card{background:var(--paper);border-radius:16px}
.proof{height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.proof__row{display:flex;align-items:center;gap:12px;font-size:17px;color:var(--muted)}
.proof .avs img{border-color:var(--paper)}
.proof .stars{color:var(--ink)}
.slides{position:relative;height:550px;border-radius:16px;overflow:hidden;background:var(--dark)}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.slides img.on{opacity:1}
.slides::after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0))}
.bars{position:absolute;top:16px;left:16px;z-index:2;display:flex;gap:4px}
.bars i{width:109px;height:6px;border-radius:6px;background:rgba(255,255,255,.3);overflow:hidden}
.bars i b{display:block;height:100%;width:0;background:var(--white);border-radius:6px}
.bars i.done b{width:100%}
.avg{height:147px;text-align:center;padding-top:19px}
.avg p{font-size:17px;color:var(--muted)}
.avg strong{display:block;font-family:var(--f-d);font-weight:600;font-size:80px;line-height:74px;margin-top:8px;color:var(--fill)}
.sat{position:relative;height:380px;padding:24px;overflow:hidden}
.sat strong{display:block;font-family:var(--f-d);font-weight:500;font-size:66px;line-height:60px}
.sat .t26{margin-top:10px}
.sat p{margin-top:7px;max-width:290px}
.orbit{position:absolute;left:50%;top:362px;width:250px;height:250px;margin:-125px 0 0 -125px;animation:spin 12s linear infinite}
.orbit img{position:absolute;border-radius:50%;object-fit:cover;animation:spin 12s linear infinite reverse}
.orbit img{width:63px;height:63px}
.orbit .o1{animation:spin 12s linear infinite reverse,pulse 5s ease-in-out infinite alternate}
.orbit .o2{animation:spin 12s linear infinite reverse,pulse 5s ease-in-out -5s infinite alternate}
@keyframes pulse{from{scale:.83}to{scale:1.17}}
@keyframes spin{to{transform:rotate(360deg)}}
.sat__label{position:absolute;left:24px;right:24px;bottom:0;height:80px;display:flex;align-items:flex-start;justify-content:center;padding-top:22px;background:linear-gradient(180deg,rgba(245,244,238,0),var(--paper) 45%);font-size:21px;font-weight:500;color:var(--black);z-index:2}

/* ---------- testimonials ---------- */
.on-dark{background:var(--dark);color:var(--white)}
.tst{padding:120px 0}
.arrows{display:flex;gap:12px;align-self:center}
.arrows button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:var(--white);display:grid;place-items:center;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.arrows button:hover{background:var(--paper);color:var(--ink)}
.arrows svg{width:18px;height:18px}
.tst .shead{grid-template-columns:342px 1fr auto}
.tst__row{display:grid;grid-template-columns:640px 1fr;gap:108px}
.tcard{position:relative;display:grid;grid-template-columns:236px 1fr;gap:20px;padding:19px;height:304px;border-radius:20px;background:var(--dark-2);border:1px solid var(--line-dk);transition:opacity .2s ease}
.tcard.swap{opacity:0}
.tcard__ph{border-radius:12px;overflow:hidden;background:var(--white)}
.tcard__ph img{width:100%;height:100%;object-fit:cover}
.tcard__txt{display:flex;flex-direction:column;justify-content:space-between;padding-top:2px}
.tcard__txt p{font-size:19px;line-height:27px;color:var(--light)}
.tcard__who b{display:block;font-weight:400;font-size:21px;line-height:28px;color:var(--white)}
.tcard__who span{display:block;margin-top:3px;font-size:17px;line-height:25.6px;color:var(--light)}
.tcard__q{position:absolute;right:24px;bottom:20px;width:45px;height:32px;color:#4a4a46;transform:rotate(180deg)}
.tst__side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
.count{font-family:var(--f-d);font-weight:500;font-size:34px;line-height:44.8px;color:var(--paper)}
.count small{font-family:var(--f-b);font-weight:400;font-size:17px;color:var(--muted-dk);margin-left:2px}
.pager{display:flex;gap:16px}
.pager button{width:120px;height:120px;border-radius:20px;border:1px solid var(--line-dk);background:var(--dark-2);padding:11px;cursor:pointer}
.pager button img{width:96px;height:96px;border-radius:12px;object-fit:cover;background:var(--white)}

/* ---------- agents ---------- */
.agents{padding:140px 0 70px}
.agents--page{padding:100px 0 70px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.acard{position:relative;height:432px;border-radius:20px;overflow:hidden;background:var(--paper)}
.acard img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.acard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:216px;background:linear-gradient(180deg,rgba(25,25,23,0),rgba(25,25,23,.9))}
.acard__txt{position:absolute;left:24px;bottom:36px;z-index:1;color:var(--white)}
.acard__txt b{display:block;font-weight:400;font-size:21px;line-height:28px}
.acard__txt span{display:block;margin-top:3px;font-size:15px;line-height:21px}
.acard__plus{position:absolute;right:24px;bottom:24px;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:transform .3s var(--ease)}
.acard:hover .acard__plus{transform:rotate(90deg)}
.acard__plus svg{width:20px;height:20px}

/* ---------- faq ---------- */
.faq{padding:70px 0}
.faq__grid{display:grid;grid-template-columns:432px 648px;justify-content:space-between}
.faq__left{display:flex;flex-direction:column;justify-content:space-between}
.faq__left .h2{margin-top:12px}
.faq__img{width:220px;height:180px;border-radius:12px;overflow:hidden;margin-top:40px}
.faq__img img{width:100%;height:100%;object-fit:cover}
.acc{border-top:1px solid #d9d8d0}
.acc__item{border-bottom:1px solid #d9d8d0}
.acc__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 20px;background:none;border:0;text-align:left;cursor:pointer;font-size:21px;line-height:28px;font-weight:500;color:var(--muted)}
.acc__q i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--muted);transition:transform .3s var(--ease)}
.acc__q i svg{width:16px;height:16px}
.acc__item.open .acc__q i{transform:rotate(45deg)}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}
.acc__item.open .acc__a{grid-template-rows:1fr}
.acc__a>div{overflow:hidden}
.acc__a p{padding:0 48px 20px 0;font-size:19px;line-height:27px;color:var(--muted)}

/* ---------- blog ---------- */
.blog{padding:70px 0 69px}
.blog--page{padding:100px 0 70px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bcard{display:block;background:var(--paper);border-radius:16px;padding:23px 23px 24px;min-height:469px}
.bcard__img{height:300px;border-radius:12px;overflow:hidden}
.bcard__img img{width:100%;height:100%;object-fit:cover}
.bcard h3{margin-top:20px;max-width:500px}
.bcard .b17{margin-top:8px}

/* ---------- cta ---------- */
.cta{padding:70px 0 140px}
.cta__grid{display:grid;grid-template-columns:540px 540px;justify-content:space-between}
.cta__left{display:flex;flex-direction:column;justify-content:space-between}
.cta__left .h2{margin-top:20px;max-width:560px}
.cta__left .b19{margin-top:8px;max-width:540px}
.agentbar{display:flex;align-items:center;gap:10px;height:104px;padding:12px;border-radius:20px;background:var(--dark);margin-top:40px}
.agentbar img{width:80px;height:80px;border-radius:12px;object-fit:cover}
.agentbar div{flex:1}
.agentbar b{display:block;font-family:var(--f-d);font-weight:500;font-size:26px;line-height:33.6px;color:var(--paper)}
.agentbar>div>span{display:block;font-size:17px;line-height:25.6px;color:var(--light)}
.cta__right{display:flex;flex-direction:column;gap:16px}
.cstat{height:143px;border-radius:20px;background:var(--paper);padding:24px}
.cstat b{display:block;font-weight:400;font-size:62px;line-height:60px;letter-spacing:-.02em}
.cstat span{display:block;margin-top:8px;font-size:19px;line-height:27px;color:var(--muted)}
.cta__img{height:290px;border-radius:20px;overflow:hidden}
.cta__img img{width:100%;height:100%;object-fit:cover}

/* ---------- footer ---------- */
.foot{background:var(--dark);color:var(--white);padding-top:80px;overflow:hidden}
.foot__top{display:grid;grid-template-columns:560px 180px 170px 1fr}
.foot .h2{margin-top:20px;max-width:560px;color:var(--white)}
.foot .eyebrow{color:var(--light)}
.news{display:flex;gap:13px;margin-top:40px}
.news input{width:182px;height:44px;border-radius:10px;border:1px solid #55554f;background:transparent;padding:0 12px;color:var(--white);font-size:15px}
.news input::placeholder{color:#a3a29b}
.news button{height:44px;width:110px;border-radius:10px;border:0;background:var(--white);color:var(--ink);font-size:17px;cursor:pointer;display:grid;place-items:center}
.news__ok{margin-top:10px;font-size:15px;color:var(--light)}
.fcol h3{font-family:var(--f-b);font-weight:500;font-size:21px;line-height:28px;color:var(--paper)}
.fcol ul{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.fcol a{font-size:17px;color:var(--white)}
.foot__bar{display:flex;justify-content:space-between;align-items:center;margin-top:48px;font-size:17px;color:var(--light)}
.foot__bar nav{display:flex;align-items:center;gap:16px}
.foot__bar nav a{color:var(--white)}
.foot__disc{margin-top:10px;font-size:14px;line-height:21px;color:#a3a29b;max-width:900px}
.foot__disc a{color:var(--light);text-decoration:underline;text-underline-offset:2px}
.foot__mark{margin-top:6px;height:130px;overflow:hidden}
.foot__mark img{width:100%;height:auto}

/* ---------- inner page header ---------- */
.phead{background:var(--paper);padding:122px 0 60px}
.phead .wrap{display:flex;justify-content:space-between;align-items:flex-start}
.crumb{display:flex;gap:8px;font-size:17px;line-height:21px;color:var(--muted)}
.crumb a{color:var(--ink)}
.phead h1{margin-top:13px;font-family:var(--f-d);font-weight:600;font-size:66px;line-height:66px;letter-spacing:-.01em;color:var(--ink)}
.phead__desc{width:285px;margin-top:23px;font-size:17px;line-height:25.6px;color:var(--muted)}

/* values */
.values{padding:70px 0 140px}
.vcard{background:var(--paper);border-radius:var(--r-card);padding:20px;min-height:239px}
.vcard svg{width:32px;height:32px;color:var(--ink)}
.vcard h3{margin-top:32px}
.vcard p{margin-top:15px;max-width:327px}
.grid3.gy{row-gap:19px}

/* listings grid */
.listings{padding:100px 0 70px}
.lcard{display:block;background:var(--paper);border-radius:var(--r-card);padding:16px 16px 34px;min-height:568px}
.lcard__img{height:340px;border-radius:16px;overflow:hidden}
.lcard__img img{width:100%;height:100%;object-fit:cover}
.lcard h3{margin-top:20px}
.lcard .b19{margin-top:7px}
.lcard .chips{margin-top:24px;padding-left:4px}

/* contact */
.contact{padding:100px 0 70px}
.contact__grid{display:grid;grid-template-columns:540px 540px;justify-content:space-between;align-items:start}
.contact__grid .h2{margin-top:20px}
.contact__grid .b17{margin-top:7px;max-width:540px}
.contact__img{height:246px;border-radius:16px;overflow:hidden;margin-top:20px}
.contact__img img{width:100%;height:100%;object-fit:cover}
.reach{display:flex;gap:40px;margin-top:20px}
.reach a{display:flex;align-items:center;gap:24px}
.reach i{width:48px;height:48px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--ink)}
.reach i svg{width:20px;height:20px}
.reach b{display:block;font-weight:500;font-size:21px;line-height:28px}
.reach span{display:block;font-size:16px;line-height:21px;color:var(--muted);margin-top:6px}
.form{background:var(--paper);border-radius:20px;padding:20px}
.form label{display:block;font-size:17px;line-height:26px;color:var(--ink)}
.field{margin-bottom:16px}
.field input,.field select,.field textarea{display:block;width:100%;margin-top:7px;height:48px;border:0;border-radius:8px;background:var(--white);padding:0 12px;font-size:15px;color:var(--ink)}
.field textarea{height:100px;padding:12px;resize:vertical}
.field ::placeholder{color:#7a7973}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2362625e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form__ok{display:none;margin-top:14px;font-size:17px;color:var(--ink)}
.form.sent .form__ok{display:block}

/* listing detail */
.det{padding-top:120px}
.gal{display:grid;grid-template-columns:784px 1fr;gap:20px}
.gal__main{height:450px}
.gal__side{display:grid;grid-template-rows:215px 215px;gap:20px}
.det__grid{display:grid;grid-template-columns:784px 336px;justify-content:space-between;margin-top:60px;align-items:start}
.chips--paper .chip{background:var(--paper);height:42px;border-radius:100px;padding:0 16px}
.chips--paper{margin-top:0}
.det__title{display:flex;justify-content:space-between;align-items:flex-end;margin-top:32px}
.det__title .loc{display:flex;align-items:center;gap:8px;font-size:17px;color:var(--muted)}
.det__title .loc svg{width:20px;height:20px}
.det__title h1{margin-top:9px;font-family:var(--f-d);font-weight:500;font-size:47px;line-height:52.8px;color:var(--ink)}
.det__title .price{text-align:left}
.det__title .price span{font-size:17px;color:var(--muted)}
.det__title .price strong{display:block;margin-top:9px;font-family:var(--f-d);font-weight:500;font-size:47px;line-height:52.8px}
.dmeta{display:flex;gap:40px;margin-top:30px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dmeta span{display:flex;align-items:center;gap:14px;font-size:19px;color:var(--meta)}
.dmeta i{width:48px;height:48px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--ink)}
.dmeta i svg{width:22px;height:22px}
.dh2{font-family:var(--f-d);font-weight:600;font-size:57px;line-height:62.4px;color:var(--black);margin-top:34px;letter-spacing:-.01em}
.det__txt{margin-top:20px}
.det__pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.det__pair .ph{height:280px}
.det__map{margin-top:60px}
.map{margin-top:60px;height:350px;border-radius:16px;overflow:hidden;background:#eceae2}
.map svg{width:100%;height:100%;display:block}
.aside{background:var(--paper);border-radius:16px;padding:16px 16px 26px}
.aside .b17{margin-top:0}
.aside__ph{height:316px;border-radius:12px;overflow:hidden;background:var(--white);margin-top:12px}
.aside__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.aside h2{margin-top:15px}
.aside .btn{margin-top:18px}
.more{padding:90px 0 70px}

/* legal */
.legal{padding:100px 0 110px}
.legal__body{max-width:760px;margin-left:293px}
.legal__body h2{font-family:var(--f-d);font-weight:500;font-size:28px;line-height:36px;margin:40px 0 12px}
.legal__body h2:first-child{margin-top:0}
.legal__body p{font-size:17px;line-height:27px;color:var(--muted);margin-bottom:14px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nav__links ul{gap:18px}
  .shead{grid-template-columns:240px 1fr auto}
  .split{grid-template-columns:220px 1fr}
  .about__grid{grid-template-columns:1.6fr 1fr 1fr}
  .stats{grid-template-columns:repeat(3,1fr)}
  .story__grid,.cta__grid,.contact__grid{grid-template-columns:1fr 1fr;gap:40px}
  .faq__grid{grid-template-columns:1fr 1.4fr;gap:40px}
  .pcard{grid-template-columns:1fr 1fr}
  .tst__row{grid-template-columns:1fr auto;gap:40px}
  .gal,.det__grid{grid-template-columns:1fr 300px;gap:20px}
  .foot__top{grid-template-columns:1.6fr 1fr 1fr 1fr}
}
@media (max-width:900px){
  .nav__links ul{display:none}
}
@media (max-width:809px){
  body{font-size:17px}
  .nav{height:60px;border-radius:30px;padding:0 8px 0 20px;flex-wrap:wrap;align-content:flex-start;overflow:hidden;transition:height .4s var(--ease),border-radius .4s var(--ease)}
  .nav>.logo{height:60px}
  .nav__burger{display:flex;height:60px}
  .nav__links{display:block;width:100%;order:3;padding:38px 0 20px;visibility:hidden}
  .nav__links ul{display:flex;flex-direction:column;gap:11.6px}
  .nav__links ul a{font-family:var(--f-b);font-weight:500;font-size:25px;line-height:34px;color:var(--light)}
  .nav__links ul .roll{height:34px}
  .nav__links ul .roll>span{line-height:34px}
  .nav__links ul .roll>span+span{top:45px}
  .nav__links ul a:hover>.roll>span{transform:translateY(-45px)}
  .nav__links .btn{margin-top:40px}
  .nav.open{height:506px;border-radius:30px}
  .nav.open .nav__links{visibility:visible}
  .h2{font-size:30px;line-height:34px}
  .shead{display:block;margin-bottom:40px}
  .shead .h2{margin-top:20px}
  .shead .btn,.shead .arrows{margin-top:24px}
  .hero{height:auto;min-height:0}
  .hero__in{padding:128px 0 60px}
  .hero__copy{position:static;width:auto}
  .hero h1{font-size:39px;line-height:42px}
  .hero__lead{margin-top:16px;font-size:19px}
  .hero__cta{margin-top:24px}
  .hero__foot{position:static;display:block;margin-top:88px}
  .rating{gap:12px}
  .thumbs{margin-top:32px}
  .thumbs .sm{width:auto;flex:0 0 calc((100% - 204px)/2)}
  .thumbs .md{width:180px;flex:none}
  .about{padding:80px 0 60px}
  .split{display:block}
  .split>.eyebrow{margin-bottom:10px}
  .about__lead{font-size:33px;line-height:41.6px}
  .about .btn{margin-top:32px}
  .about__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
  .about__grid>.about__left{padding-right:0}
  .about__left{grid-column:1/-1}
  .stats{grid-template-columns:repeat(3,1fr);gap:10px}
  .stat b{font-size:33px;line-height:32px;letter-spacing:-.06em}
  .stat span{font-size:17px;line-height:25.6px}
  .about__tall{height:240px}
  .story{padding:60px 0 60px}
  .story__grid{grid-template-columns:1fr;gap:20px;margin-top:40px}
  .story__grid .ph--a{height:240px}
  .featured{padding:40px 0 60px}
  .pcard{grid-template-columns:1fr;gap:20px;top:90px;min-height:0}
  .pcard__img{height:340px}
  .pcard .t34{font-size:26px;line-height:33.6px}
  .chips{flex-direction:column;align-items:flex-start}
  .more .chips{flex-direction:row;flex-wrap:wrap}
  .meta{display:none}
  .why{padding:40px 0 80px}
  .why__grid{grid-template-columns:1fr}
  .why__col--mid{display:none}
  .mq{height:370px}
  .mq__track span{font-size:26px}
  .sat{height:370px}
  .tst{padding:60px 0}
  .tst .arrows{display:none}
  .tst .shead{margin-bottom:12px}
  .tst__row{display:block}
  .tcard{grid-template-columns:1fr;height:auto;gap:20px}
  .tcard__ph{height:300px}
  .tcard__txt{gap:25px;padding-bottom:0}
  .tst__side{display:block;margin-top:21px}
  .count{line-height:44.8px}
  .pager{gap:8px;margin-top:4px}
  .pager button{width:111px;height:120px;padding:11px;border-radius:16px}
  .pager button img{width:87px;height:96px}
  .agents{padding:80px 0 60px}
  .agents--page{padding:60px 0 60px}
  .grid3,.grid2{grid-template-columns:1fr}
  .faq{padding:40px 0}
  .faq__grid{display:block}
  .faq__img{width:220px;height:180px;margin:32px 0 40px}
  .acc__q{font-size:19px;line-height:23px;padding:16px 0 17px}
  .blog{padding:40px 0}
  .blog--page{padding:60px 0}
  .bcard{min-height:0;padding:20px}
  .bcard__img{height:260px}
  .bcard h3{font-size:22px;line-height:28px}
  .bcard .b17{display:none}
  .cta{padding:60px 0 80px}
  .cta__grid{grid-template-columns:1fr;gap:40px}
  .cta__left .h2{font-size:30px;line-height:34px}
  .agentbar{flex-wrap:wrap;height:auto;margin-top:40px}
  .agentbar .btn{width:100%;justify-content:space-between}
  .cstat b{font-size:56px}
  .cta__img{height:290px}
  .foot{padding-top:60px}
  .foot__top{display:grid;grid-template-columns:1fr 1fr;row-gap:40px}
  .foot__top>div:first-child{grid-column:1/-1}
  .news input{flex:1;width:auto}
  .foot__bar{flex-direction:column;gap:18px;margin-top:60px;text-align:center}
  .foot__disc{text-align:center}
  .foot__mark{height:44px;margin-top:20px}
  .phead{padding:100px 0 60px}
  .phead .wrap{display:block}
  .phead h1{font-size:39px;line-height:42px}
  .phead__desc{width:auto;margin-top:14px}
  .values{padding:60px 0 80px}
  .vcard{min-height:0}
  .vcard h3{margin-top:21px}
  .listings{padding:60px 0 60px}
  .lcard{min-height:0}
  .lcard__img{height:340px}
  .lcard .t34{font-size:26px;line-height:33.6px}
  .contact{padding:60px 0 60px}
  .contact__grid{grid-template-columns:1fr;gap:40px}
  .reach{flex-direction:column;gap:20px}
  .contact__img{height:200px}
  .two{grid-template-columns:1fr}
  .det{padding-top:100px}
  .gal{grid-template-columns:1fr;gap:20px}
  .gal__main{height:260px}
  .gal__side{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:20px}
  .gal__side .ph{height:200px}
  .det__grid{grid-template-columns:1fr;margin-top:32px;gap:40px}
  .det__title{flex-direction:column;align-items:flex-start;gap:20px}
  .det__title h1,.det__title .price strong{font-size:34px;line-height:40px}
  .dmeta{flex-wrap:wrap;gap:16px 24px}
  .dh2{font-size:36px;line-height:42px}
  .det__pair{grid-template-columns:1fr}
  .map{height:260px}
  .more{padding:60px 0}
  .legal{padding:60px 0 80px}
  .legal__body{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js [data-rv]{opacity:1;transform:none}
  .fill-js .about__lead .w{color:var(--ink)}
  .mq__track,.orbit,.orbit img{animation:none!important}
}