:root{--ink:#161a19;--char:#232a28;--char2:#2d3533;--amber:#f2a516;--amber2:#ffbf3c;--paper:#f6f4ef;--muted:#6f7774;--line:rgba(0,0,0,.08);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
.wrap{width:min(1200px,92vw);margin:auto}
h1,h2,h3,h4{font-family:Jura,Inter,sans-serif;letter-spacing:.01em;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.8rem,7vw,6rem);font-weight:700}
h2{font-size:clamp(1.8rem,3.6vw,3rem);font-weight:700}
h3{font-size:1.25rem;font-weight:700}
.kicker{font:600 .78rem/1 Inter;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin:0 0 1rem}
.muted{color:var(--muted)}.center{text-align:center}
.nav{position:sticky;top:0;z-index:50;background:rgba(246,244,239,.86);backdrop-filter:blur(14px);border-bottom:2px solid var(--amber)}
.navin{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand img{height:46px;width:auto}
.nav nav{display:flex;gap:1.6rem}
.nav nav a{text-decoration:none;font:500 .8rem Inter;letter-spacing:.12em;text-transform:uppercase;color:#3a403e;padding:.4rem 0;border-bottom:2px solid transparent;transition:.2s}
.nav nav a:hover,.nav nav a.on{color:var(--ink);border-color:var(--amber)}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);margin:7px 6px;transition:.3s}
@media(max-width:1000px){.burger{display:block}.nav nav{position:fixed;inset:74px 0 auto 0;background:var(--paper);flex-direction:column;gap:0;padding:1rem 4vw 2rem;transform:translateY(-130%);transition:.35s;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.nav nav a{padding:1rem 0;border-bottom:1px solid var(--line)}body.menu .nav nav{transform:none}}
.hero{min-height:62vh;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff;padding:7rem 0 4.5rem}
.hero.tall{min-height:calc(100vh - 74px)}
.hero h1{max-width:14ch;text-shadow:0 2px 30px rgba(0,0,0,.3)}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:46ch;opacity:.92;font-weight:300}
.ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-block;background:var(--amber);color:#161a19;text-decoration:none;font:600 .82rem Inter;letter-spacing:.14em;text-transform:uppercase;padding:1rem 1.6rem;border-radius:999px;border:2px solid var(--amber);transition:.25s;cursor:pointer}
.btn:hover{background:var(--amber2);border-color:var(--amber2);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.btn.dk{background:var(--char);border-color:var(--char);color:#fff}.btn.dk:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.btn.ghost.dk{background:transparent;color:var(--ink);border-color:var(--ink)}
.link{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--amber)}
.sec{padding:6.5rem 0}.sec.alt{background:#ecE9e2}.band{padding:5rem 0;background:#fff;border-bottom:1px solid var(--line)}
.dark{background:var(--char);color:#eef0ef}.dark .link{color:#fff}.dark .muted{color:#a8b0ad}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}
.big{font-size:1.2rem;font-weight:300}
.sechead{margin-bottom:3rem;max-width:780px}
.svcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2rem}
.svc{background:#fff;border-radius:var(--r);padding:2rem 1.2rem;text-align:center;border:1px solid var(--line);transition:.3s}
.svc:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.08);border-color:var(--amber)}
.ico{width:84px;height:84px;margin:0 auto 1rem;display:grid;place-items:center}.ico img{max-height:70px;width:auto;object-fit:contain}
.svc h3{font-size:1rem;margin:0}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px}
.mosaic a{overflow:hidden;border-radius:12px}.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.mosaic a:hover img{transform:scale(1.06)}
.m0{grid-column:span 2;grid-row:span 2}.m3{grid-column:span 2}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.cat{height:260px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden;text-decoration:none}
.cat:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75));transition:.3s}
.cat:hover:before{background:linear-gradient(180deg,rgba(242,165,22,.2),rgba(0,0,0,.8))}
.cat span{position:absolute;left:1.4rem;bottom:1.2rem;color:#fff;font:700 1.5rem Jura}
.cat span:after{content:" →";color:var(--amber)}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.q{margin:0;background:#fff;border-radius:var(--r);padding:2.4rem;border:1px solid var(--line)}
.q blockquote{margin:0 0 1.6rem;font-size:1.15rem;font-weight:300}
figcaption{display:flex;align-items:center;gap:1rem;font-size:.92rem}
.av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;background:#ddd}
.av.init{display:grid;place-items:center;background:var(--amber);color:var(--ink);font:700 1.3rem Jura}
.q.solo{max-width:760px;margin:3rem auto 0;text-align:left}
.center .btn{margin-top:2.5rem}
.cta{background:linear-gradient(120deg,var(--amber),#f7c25c);padding:4rem 0}
.ctain{display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta .kicker{color:var(--ink)}.cta h2{max-width:24ch;margin:0}
.cta .btn{background:var(--ink);border-color:var(--ink);color:#fff}
.gallery{columns:3 300px;column-gap:12px}
.gallery a{display:block;margin-bottom:12px;break-inside:avoid;border-radius:10px;overflow:hidden;cursor:zoom-in}
.gallery img{width:100%;transition:transform .7s}.gallery a:hover img{transform:scale(1.04)}
.gallery.mini{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:1rem 0 1.4rem}
.gallery.mini a{margin:0;aspect-ratio:4/3}.gallery.mini img{height:100%;object-fit:cover}
.logos{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.logos img{max-height:90px;width:auto}
.stats{display:flex;gap:2.5rem;margin:2rem 0}.stats b{display:block;font:700 2.6rem Jura;color:var(--amber)}.stats span{color:var(--muted);font-size:.9rem}
.tgrid{columns:2 420px;column-gap:1.5rem}
.t{break-inside:avoid;margin:0 0 1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2.4rem;position:relative}
.t .mark{font:700 5rem/1 Jura;color:var(--amber);height:2.6rem}
.t blockquote{margin:0 0 1.5rem;font-weight:300}.t blockquote p{margin:0 0 1em}
.listings{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}
.listing{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.limg{aspect-ratio:16/10;background-size:cover;background-position:center;position:relative}
.badge{position:absolute;top:1rem;left:1rem;background:var(--ink);color:#fff;font:600 .7rem Inter;letter-spacing:.16em;text-transform:uppercase;padding:.5rem .9rem;border-radius:999px}
.badge.fs{background:var(--amber);color:var(--ink)}.badge.uc{background:#fff;color:var(--ink)}
.price{position:absolute;right:1rem;bottom:1rem;background:rgba(22,26,25,.85);color:#fff;font:700 1.4rem Jura;padding:.5rem 1rem;border-radius:10px}
.lbody{padding:1.8rem}.spec{color:var(--amber);font-weight:600;letter-spacing:.04em}
.agent{display:grid;grid-template-columns:220px 1fr 140px;gap:3rem;align-items:center}.agent>img:first-child{border-radius:var(--r)}.agent .remax{background:#fff;border-radius:50%;padding:10px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.cc{padding:1.4rem 0;border-bottom:1px solid var(--line)}.cc span{display:block;font:600 .72rem Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.cc a,.cc p{font:700 1.5rem Jura;text-decoration:none;margin:.3rem 0 0}
.cinfo iframe{width:100%;height:300px;border:0;border-radius:var(--r);margin-top:2rem;filter:grayscale(.4)}
.form{background:#fff;border-radius:var(--r);padding:2.6rem;border:1px solid var(--line)}
.form label{display:block;font:600 .75rem Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.form input,.form textarea{display:block;width:100%;margin-top:.4rem;padding:.9rem 1rem;border:1px solid #d8d6d0;border-radius:10px;font:400 1rem Inter;background:var(--paper)}
.form input:focus,.form textarea:focus{outline:2px solid var(--amber);border-color:transparent}
footer{background:var(--ink);color:#c9cfcc;padding:4.5rem 0 2rem;border-top:3px solid var(--amber)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}footer h4{color:#fff;font-size:.95rem;letter-spacing:.15em;text-transform:uppercase}
footer a{text-decoration:none}footer a:hover{color:var(--amber)}
.flogo{height:50px;width:auto;filter:brightness(0) invert(1);opacity:.9;margin-bottom:1rem}
.copy{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#8a918e}
#lb{position:fixed;inset:0;background:rgba(10,12,12,.92);display:none;place-items:center;z-index:99;cursor:zoom-out;padding:4vw}
#lb.open{display:grid}#lb img{max-height:90vh;border-radius:8px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media(max-width:860px){.split,.quotes,.listings,.contact,.foot,.agent{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.cats{grid-template-columns:1fr}.ctain{flex-direction:column;align-items:flex-start}.sec{padding:4.5rem 0}.agent>img:first-child{max-width:200px}}
.tagline{margin:-.2rem 0 1.4rem}
.tagline span{display:inline-block;font:800 clamp(1.5rem,3.6vw,2.8rem)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#fff;background:rgba(14,17,16,.62);border-left:6px solid var(--amber);padding:.45em .7em;border-radius:6px;text-shadow:0 2px 12px rgba(0,0,0,.55);backdrop-filter:blur(2px)}
@media(max-width:600px){.tagline span{font-size:1.45rem;padding:.4em .6em}}
.ctabtns{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.cta .btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.cta .btn.outline:hover{background:rgba(22,26,25,.08);border-color:var(--ink)}
@media(max-width:600px){.ctabtns{width:100%;flex-direction:column;align-items:stretch}.ctabtns .btn{text-align:center}}