:root{--b:#1a418c;--n:#0b1f4d;--l:#e3eaf7;--bg:#f3f6fc;--t:#4a5a70;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 'DM Sans',system-ui,sans-serif;color:var(--n);background:#fff}
h1,h2,h3{font-family:'Playfair Display',serif;line-height:1.2;margin:0 0 .5em}h2{font-size:clamp(26px,4vw,34px)}h3{font-size:20px}
a{color:var(--b)}img{max-width:100%;display:block}.in{max-width:1180px;margin:0 auto;padding:0 20px}
.pv{background:#ffd75e;color:#3a2b00;text-align:center;font-size:13px;padding:6px}
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--l)}
.hd .in{display:flex;align-items:center;gap:20px;height:70px}.lg img{width:140px;height:auto}
#nav{display:flex;gap:4px;margin-left:auto}#nav a{text-decoration:none;color:var(--n);font-weight:500;padding:8px 12px;border-radius:8px;font-size:15px}#nav a:hover,#nav a.on{background:var(--l);color:var(--b)}
.btn{display:inline-block;background:var(--b);color:#fff;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:12px;border:2px solid var(--b);cursor:pointer;font:700 16px 'DM Sans',sans-serif;text-align:center}
.btn:hover{background:var(--n);border-color:var(--n)}.btn.sm{padding:9px 14px;font-size:14px}.btn.wh{background:#fff;color:var(--b);border-color:#fff}.btn.ol{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}.btn.ol:hover{background:rgba(255,255,255,.12)}
.mb{display:none;margin-left:auto;background:none;border:0;font-size:28px;color:var(--n);cursor:pointer}
.hero{background:linear-gradient(180deg,rgba(0,43,94,.78),rgba(0,43,94,.9)),url(img/hero.jpg) center/cover;color:#fff;padding:80px 0 70px}
.hero h1{font-size:clamp(34px,5.5vw,56px);max-width:800px}.ey{text-transform:uppercase;letter-spacing:.15em;font-size:13px;opacity:.85;margin:0 0 10px}.lead{font-size:18px;max-width:640px;opacity:.92}
.qs{display:flex;gap:8px;background:#fff;padding:8px;border-radius:16px;max-width:620px;margin:26px 0 22px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.qs select,.filter select,.fm input,.fm select,.fm textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--l);border-radius:10px;background:var(--bg);color:var(--n);width:100%}
.qs select{border:0;background:var(--bg)}.qs .btn{flex:0 0 auto}.row{display:flex;flex-wrap:wrap;gap:10px}
.aw{background:var(--l);padding:14px 0;font-size:15px;text-align:center}
.sec{padding:64px 0}.sec.alt{background:var(--bg)}.sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sh a{font-weight:700;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:10px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 12px rgba(0,43,94,.08);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,43,94,.15)}
.ph{position:relative;aspect-ratio:4/3;background:var(--l)}.ph img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:12px;left:12px;background:var(--b);color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-family:'DM Sans'}.tag.s{position:static;display:inline-block;background:#0a7a3e;margin-bottom:8px}
.cb{padding:16px 18px 18px}.cb h3{margin:0 0 2px;font-size:19px}.sb{color:var(--t);margin:0 0 10px;font-size:14px}.ft{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--t)}.more{display:block;margin-top:12px;font-weight:700;color:var(--b);font-size:14px}
.svc,.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:16px}.svc a{background:var(--bg);padding:22px;border-radius:var(--r);text-decoration:none;color:inherit;border:1px solid var(--l)}.svc a:hover{border-color:var(--b)}.svc p,.why p{color:var(--t);margin:0;font-size:15px}
.why{margin-top:30px}.why div{border-left:3px solid var(--b);padding-left:16px}.why h3{font-size:18px}
.revs{columns:3 300px;gap:18px;margin-top:10px}.revs blockquote,.sold blockquote{break-inside:avoid;background:#fff;margin:0 0 18px;padding:20px;border-radius:var(--r);box-shadow:0 2px 10px rgba(0,43,94,.06)}blockquote p{margin:0 0 8px}cite{font-size:14px;color:var(--t);font-style:normal;font-weight:700}
.src,.muted{font-size:13px;color:var(--t)}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin-top:10px}.tm{text-align:center}.tm img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:var(--r);margin-bottom:12px}.tm h3{margin:0}.tm a{display:block;font-size:14px;text-decoration:none;word-break:break-all}
.bio{margin-top:40px;background:var(--bg);padding:28px;border-radius:var(--r)}
.ph2{background:var(--n);color:#fff;padding:52px 0 44px}.ph2 p{max-width:720px;opacity:.9}.ph2.big{padding:110px 0}.ph2 a:not(.btn){color:#fff}
.filter{display:flex;gap:10px;max-width:520px;margin-top:18px}.filter select{background:#fff}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.box{background:var(--bg);border-top:5px solid var(--b);padding:28px;border-radius:var(--r);position:sticky;top:100px}
.fm{display:grid;gap:12px}.fm label{font-size:14px;font-weight:700;display:grid;gap:4px}
.sold{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.sold>div{background:var(--bg);padding:18px;border-radius:var(--r)}.sold h3{font-size:17px;margin:0}.pr{font-weight:700;font-size:18px;margin:4px 0 0}
.sold blockquote{padding:12px;margin:10px 0 0;font-size:14px}
.ck{padding:0;list-style:none}.ck li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--l)}.ck li:before{content:"✓";position:absolute;left:4px;color:var(--b);font-weight:700}
.info{background:var(--bg);padding:24px;border-radius:var(--r);margin-bottom:18px}.map{width:100%;height:320px;border:0;border-radius:var(--r)}
.ctab{background:var(--b);color:#fff;padding:44px 0}.ctab .in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.ctab p{margin:0;opacity:.9}
.ft2{background:var(--n);color:#c9d6e8;padding:50px 0 20px;font-size:15px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.ft2 h4{color:#fff;margin:0 0 10px}.ft2 a{display:block;color:#fff;text-decoration:none;margin:4px 0}.soc{display:flex;gap:14px}.cp{text-align:center;font-size:13px;margin-top:30px;opacity:.7}
.fab{display:none}
@media(max-width:980px){#nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px 20px;border-bottom:1px solid var(--l)}.open #nav{display:flex}.mb{display:block}.call{display:none}.two{grid-template-columns:1fr}.box{position:static}.g4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding:48px 0 44px}.qs{flex-wrap:wrap}.qs select{flex:1 1 45%}.qs .btn{width:100%}.row .btn{flex:1 1 100%}.sec{padding:44px 0}.grid{grid-template-columns:1fr}.g4{grid-template-columns:1fr}.team{grid-template-columns:1fr 1fr;gap:14px}.tm a{font-size:12px}
.fab{display:block;position:fixed;right:16px;bottom:16px;background:var(--b);color:#fff;text-decoration:none;font-weight:700;padding:14px 20px;border-radius:40px;box-shadow:0 8px 20px rgba(0,43,94,.35);z-index:60}}
@media(max-width:600px){.grid.hs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:10px -20px 0;padding:0 20px 10px}.grid.hs .card{flex:0 0 82%;scroll-snap-align:start}.revs{columns:1}.revs blockquote:nth-child(n+4){display:none}}
.hero.vid{position:relative;overflow:hidden;background:var(--n)}.hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero.vid:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,31,77,.66) 0%,rgba(0,43,94,.78) 60%,rgba(11,31,77,.9) 100%)}.hero.vid .in{position:relative;z-index:2}
.hero h1,.hero .lead{text-shadow:0 2px 12px rgba(0,0,0,.35)}
.btn.ghost{background:#fff;color:var(--b)}.btn.ghost:hover{background:var(--l);color:var(--n)}
.revs blockquote.x{display:none}.revs.all blockquote.x{display:block}#rmore{margin-top:6px}
.gh{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 16px;font-size:15px}.gh b{letter-spacing:.08em}.gh{color:#e0a800}.gh span{color:var(--t)}
.rmah{display:flex;gap:16px;align-items:center;background:#1d2329;color:#fff;padding:14px 20px;border-radius:var(--r);margin:8px 0 18px;flex-wrap:wrap}.st{color:#ffc93c;font-weight:700;font-size:20px}
.rq h4{margin:0 0 6px;font-size:16px}.rmaw{margin:8px 0}.rmaw summary{cursor:pointer;font-weight:700;color:var(--b);padding:8px 0}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.gal figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}.gal img{width:100%;height:100%;object-fit:cover}.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 8px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(11,31,77,.8))}
.bimg{aspect-ratio:16/7;background:linear-gradient(135deg,var(--b),var(--n));display:flex;align-items:center;justify-content:center}.bimg img{width:38%;opacity:.9}.dt{font-size:13px;color:var(--t);margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em}.bp h3{font-size:18px}
.dt2{opacity:.8}.ph2 .ey a{color:#fff;text-decoration:none}.post{max-width:780px}.post h2{font-size:26px;margin-top:1.4em}.post h3{margin-top:1.2em}.post table{border-collapse:collapse;width:100%;margin:1em 0;font-size:15px}.post td,.post th{border:1px solid var(--l);padding:8px}.post img{border-radius:var(--r);margin:1em 0}
@media(max-width:600px){.gal{grid-template-columns:1fr 1fr;gap:8px}.hero.vid{padding:30px 0 34px}.hero.vid h1{font-size:31px}.hero.vid .lead{font-size:16px;margin:0}.qs{margin:16px 0 14px}.hero .row{gap:8px}.hero .row .btn{padding:12px}}
/* ---- v3 Blaze-inspired layer ---- */
.hero .btn.wh{background:transparent;color:#fff;border:1px solid #fff;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;border-radius:0}
.hero .btn.wh:hover{background:#fff;color:var(--n)}
.tabs{display:flex;justify-content:center;gap:2rem;margin:0 0 2rem}
.tabs button{background:none;border:0;font:500 .95rem 'DM Sans',sans-serif;color:#666;padding:.4rem 0;border-bottom:2px solid transparent;cursor:pointer}
.tabs button.on{color:var(--n);border-color:var(--n)}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}
.mgrid .mt:first-child{grid-column:span 2;grid-row:span 2}
.mt{position:relative;overflow:hidden;display:block;color:#fff;text-decoration:none}
.mt img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mt:after{content:"";position:absolute;inset:0;background:rgba(11,31,77,.28);transition:.4s}
.mt:hover img{transform:scale(1.06)}.mt:hover:after{background:rgba(11,31,77,.5)}
.mt span{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.mt b{text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.mt small{opacity:0;transform:translateY(6px);transition:.35s;font-size:.8rem;margin-top:.3rem}
.mt:hover small{opacity:1;transform:none}
.ctr{text-align:center;margin-top:2rem}
.btn.ol2{background:transparent;color:var(--n);border:1px solid var(--n);border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin:.25rem}
.btn.ol2:hover{background:var(--n);color:#fff}
.band{background:var(--n);color:#fff;padding:4.5rem 0;text-align:center}
.band h2{color:#fff;font-size:1.7rem;line-height:1.35;margin:0 0 2.5rem}.band h2 span{font:400 1.05rem 'DM Sans',sans-serif;opacity:.8}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:left;max-width:900px;margin:auto}
.kp div{border-left:2px solid rgba(255,255,255,.5);padding-left:1rem}
.kp small{display:block;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;opacity:.75}
.kp b{display:block;font-size:2rem;font-family:'Playfair Display',serif}.kp em{font-style:normal;font-size:.78rem;opacity:.7}
.yv{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.yv iframe,.yf,.yf img{position:absolute;inset:0;width:100%;height:100%;border:0}
.yf{padding:0;cursor:pointer;background:#000}.yf img{object-fit:cover;opacity:.85;transition:.4s}.yf:hover img{opacity:1;transform:scale(1.02)}
.yf i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:2px solid #fff;color:#fff;font-style:normal;font-size:1.8rem;display:flex;align-items:center;justify-content:center;background:rgba(11,31,77,.55)}
.card,.svc a,.tm{transition:transform .3s,box-shadow .3s}.card:hover,.svc a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,31,77,.14)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.rv.in2{opacity:1;transform:none}
@media(max-width:900px){.hd nav{background:var(--n)}.mgrid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.mgrid .mt:first-child{grid-column:span 2;grid-row:span 1;}.kp{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mgrid{grid-template-columns:1fr;grid-auto-rows:200px}.mgrid .mt:first-child{grid-column:auto}.band h2{font-size:1.35rem}}
.mgrid[hidden]{display:none!important}
/* ---- v4 brand + navigation layer ---- */
body{padding-bottom:0}
.hd{background:#fff!important;border-top:4px solid var(--b);border-bottom:1px solid var(--l);box-shadow:0 2px 14px rgba(11,31,77,.08)}
.hd .in{height:76px;gap:18px}.lg img{width:150px}
#nav{display:flex;gap:4px;margin-left:auto}
#nav a{color:var(--n);text-decoration:none;font-weight:700;font-size:15px;padding:8px 10px;border-radius:8px;transition:.2s}
#nav a:hover{background:var(--l);color:var(--b)}#nav a.on{color:var(--b);box-shadow:inset 0 -3px 0 var(--b);border-radius:0}
#nav .mnav{display:none}
.hd .call{background:#fff;color:var(--b);border:2px solid var(--b)}.hd .call:hover{background:var(--l)}
.hd .apb{background:var(--b);color:#fff;border:2px solid var(--b)}.hd .apb:hover{background:var(--n);border-color:var(--n)}
.btn{background:var(--b);color:#fff}.btn:hover{background:var(--n)}
.hero.vid:before{background:linear-gradient(180deg,rgba(26,65,140,.62),rgba(11,31,77,.88))!important}
.hero h1{color:#fff;font-size:clamp(34px,5.4vw,60px);text-shadow:0 2px 18px rgba(0,0,0,.25)}
.qs{display:flex;flex-wrap:wrap;gap:8px;background:#fff;padding:10px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.25);max-width:720px}
.qs select{flex:1 1 140px;min-height:52px;font-size:16px;border:1px solid var(--l);border-radius:10px;padding:0 12px;color:var(--n);background:var(--bg)}
.qs .btn{min-height:52px;padding:0 30px;font-size:16px;flex:0 0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.qt{background:var(--b);padding:26px 0;position:relative}
.qtg{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.qtg a{background:#fff;border-radius:14px;padding:20px 12px;text-align:center;text-decoration:none;color:var(--n);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .25s,box-shadow .25s,background .25s;border-bottom:4px solid transparent}
.qtg a svg{color:var(--b);width:38px;height:38px}
.qtg a b{font-size:16px}.qtg a small{color:var(--t);font-size:13px}
.qtg a:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(0,0,0,.22);border-bottom-color:var(--n)}
.aw{background:var(--n)!important;color:#fff!important}.aw b{color:#fff}
.sec h2{position:relative;padding-bottom:12px}.sec h2:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--b)}
.band h2:after,.ctab h2:after{display:none}
.sh a{color:var(--b);font-weight:700;text-decoration:none;border:2px solid var(--b);padding:6px 14px;border-radius:999px;font-size:14px;white-space:nowrap;transition:.2s}.sh a:hover{background:var(--b);color:#fff}
.sec.alt{background:var(--l)}
.band{background:linear-gradient(135deg,var(--b),var(--n))}
.tabs button{font-size:16px;font-weight:700;padding:10px 22px;border:2px solid var(--b);border-radius:999px;color:var(--b)}
.tabs button.on{background:var(--b);color:#fff}
.mt:after{background:linear-gradient(180deg,rgba(26,65,140,.1),rgba(11,31,77,.6))}
.svc a{border-top:4px solid var(--b)}.svc a:hover{background:var(--b);color:#fff}.svc a:hover h3,.svc a:hover p{color:#fff}
.card:hover{box-shadow:0 14px 30px rgba(26,65,140,.25)}.card .more{color:var(--b);font-weight:700}
.ph2{background:linear-gradient(135deg,var(--b),var(--n))}
.ph2.shop{background:linear-gradient(90deg,rgba(11,31,77,.92),rgba(26,65,140,.55)),url(img/office/shopfront.jpg) center/cover;padding:90px 0 80px}
.bc{font-size:14px;margin-bottom:14px;opacity:.95}.bc a{color:#fff}.bc span{opacity:.8;margin:0 4px}
.filter select{min-height:48px;font-size:16px;border:2px solid #fff;border-radius:10px;padding:0 12px}
.ctab{background:var(--b)!important}.ft2{background:var(--n)}
.yf i{background:var(--b);border-color:#fff}
.bbar{display:none}
.totop{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;background:var(--b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none;box-shadow:0 8px 20px rgba(11,31,77,.3);z-index:40}
.fab{display:none!important}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
@media(max-width:1180px){#nav a{font-size:14px;padding:8px 7px}.hd .call{display:none}}
@media(max-width:980px){.hd .in{height:66px}.lg img{width:128px}
 #nav{position:fixed;top:70px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;padding:16px 20px 120px;gap:6px;overflow:auto;display:none;margin:0}
 .open #nav{display:flex}#nav a{font-size:20px;padding:16px;border-bottom:1px solid var(--l);border-radius:0}#nav a.on{box-shadow:inset 4px 0 0 var(--b)}
 #nav .mnav{display:block;text-align:center;margin-top:10px;border-radius:12px;color:#fff;border:0}#nav .ol3{background:#fff;color:var(--b);border:2px solid var(--b)}
 .mb{display:block;font-size:30px;width:48px;height:48px;color:var(--b)!important}.hd .apb{margin-left:auto;padding:8px 12px}
 .qtg{grid-template-columns:repeat(3,1fr)}
 .bbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--n);box-shadow:0 -4px 18px rgba(0,0,0,.2);padding-bottom:env(safe-area-inset-bottom)}
 .bbar a{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:9px 0 8px;font-size:13px;font-weight:700;gap:2px}.bbar a+a{border-left:1px solid rgba(255,255,255,.15)}.bbar a:nth-child(2){background:var(--b)}
 .bbar svg{width:24px;height:24px}body{padding-bottom:66px}.totop{bottom:80px;right:14px;width:44px;height:44px}}
@media(max-width:560px){.qtg{grid-template-columns:1fr 1fr;gap:10px}.qtg a{padding:16px 8px}.qs .btn{flex:1 1 100%}.hd .apb{display:none}.mb{margin-left:auto}}
.hero .btn.wh{background:#fff;color:var(--b);border:2px solid #fff;border-radius:10px;letter-spacing:0;text-transform:none;font-size:15px;font-weight:700}
.hero .btn.wh:hover{background:var(--l)}
.ph2.shop{background:linear-gradient(90deg,rgba(11,31,77,.9) 0%,rgba(11,31,77,.6) 45%,rgba(26,65,140,.1) 100%),url(img/office/shopfront.jpg) center 40%/cover;padding:120px 0 100px}
/* listing detail */
.lst{padding-top:24px}.lgal{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.lgal .gi{flex:0 0 min(860px,92%);scroll-snap-align:start;border:0;padding:0;background:var(--bg);border-radius:var(--r);overflow:hidden;cursor:zoom-in}
.lgal .gi img{width:100%;aspect-ratio:3/2;object-fit:cover}.gc{color:var(--t);font-size:14px;margin:6px 0 0}
.lt{margin-top:24px;align-items:start}.lt h1{font-size:clamp(26px,4vw,38px);margin:.4em 0 .2em}.lp{font-size:22px;font-weight:700;color:var(--b);margin:0 0 10px}
.lf{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px}.lh{font-size:22px;margin-top:10px}.ld p{margin:0 0 1em}
.lst aside .box{margin-bottom:18px}.ag{display:flex;gap:12px;align-items:center;margin:10px 0}.ag img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.ag b,.ag small,.ag a{display:block}.ag small{color:var(--t)}
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,12,30,.94);display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}
.lb img{max-width:94vw;max-height:88vh;object-fit:contain}.lb button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;font-size:34px;width:52px;height:52px;border-radius:50%;cursor:pointer}
.lbx{top:16px;right:16px;font-size:22px!important}.lbp{left:12px}.lbn{right:12px}

/* standalone video feature */
.vfeat{background:linear-gradient(180deg,var(--l) 0%,#fff 100%);padding:32px 0 36px}
.vf-in{max-width:1200px;margin:0 auto;padding:0 20px}
.vf-frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--n);box-shadow:0 24px 60px rgba(11,31,77,.28),0 0 0 4px #fff,0 0 0 6px var(--b)}
.vf-v{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.vf-pp{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:rgba(26,65,140,.85);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);backdrop-filter:blur(4px)}
.vf-pp:hover{background:var(--b)}.vf-pp .i-play{display:none}.vf-pp.paused .i-play{display:inline}.vf-pp.paused .i-pause{display:none}
.hero.hb{background:var(--b);padding:60px 0 64px}
@media(max-width:600px){.vfeat{padding:0}.vf-in{padding:0}.vf-frame{border-radius:0;box-shadow:none;max-height:75vh}.vf-pp{width:42px;height:42px;right:12px;bottom:12px}.hero.hb{padding:44px 0 48px}}

.vfeat{background:none!important;padding:0!important}.vf-in{max-width:none!important;padding:0!important}.vf-frame{border-radius:0!important;box-shadow:none!important;background:none!important;max-height:none}.vf-v{background:none!important;object-fit:cover}.vf-pp{display:none!important}
@media(max-width:600px){.vf-frame{max-height:75vh}}
/* ---- v5: open homes, visible menu/selects, no iOS zoom ---- */
html,body{overflow-x:hidden;max-width:100%}
.mb{display:none;align-items:center;justify-content:center;gap:6px;background:var(--b)!important;color:#fff!important;border:0;border-radius:999px;padding:0 18px!important;min-height:44px;height:auto!important;width:auto!important;font:700 16px/1 'DM Sans',sans-serif!important;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);white-space:nowrap}
.mb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--b)}
@media(max-width:980px){.mb{display:inline-flex!important}.open #nav{max-width:100vw;box-sizing:border-box}}
.qs select,.filter select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230b1f4d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center!important;background-size:14px 9px!important;border:2px solid var(--b)!important;border-radius:10px;color:#0b1f4d!important;padding:0 42px 0 14px!important;min-height:48px;font-weight:500}
.qs select:focus,.filter select:focus{outline:3px solid rgba(0,80,200,.35);outline-offset:1px}
.ohl{margin:0 0 18px}.ohbtn{background:#fff!important;color:var(--b)!important;border:2px solid #fff}
.ohtabs{flex-wrap:wrap;gap:10px}
.ohc{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:0 2px 12px rgba(0,43,94,.08);overflow:hidden}.ohc .card{box-shadow:none;border-radius:0}
.ohb{padding:0 18px 18px}.oht{margin:0 0 12px;font-size:15px}.ohb .btn{width:100%;text-align:center;box-sizing:border-box}
.ohe{text-align:center;padding:40px 20px;background:var(--bg);border-radius:var(--r)}.ohe .row{justify-content:center}
input,select,textarea{font-size:16px!important}
/* Compact mobile menu: all options visible without scrolling (Nov 5) */
@media(max-width:980px){
 #nav{top:70px!important;bottom:auto!important;max-height:calc(100dvh - 70px);padding:6px 16px 14px!important;gap:0!important;overflow:auto;box-shadow:0 14px 30px rgba(11,31,77,.18);border-bottom:2px solid var(--b)}
 #nav a{font-size:17px!important;padding:11px 12px!important;line-height:1.2}
 #nav .mnav{display:inline-flex!important;align-items:center;justify-content:center;width:calc(50% - 5px);margin-top:10px!important;padding:12px 6px!important;font-size:15px!important;border-bottom:0!important}
 #nav .mnav+.mnav{margin-left:10px}
 #nav{flex-direction:row!important;flex-wrap:wrap;align-content:flex-start}
 #nav a:not(.mnav){flex:1 1 100%}
 .open .bbar{display:none}
}
@media(max-width:980px) and (max-height:620px){#nav a:not(.mnav){flex:1 1 50%;font-size:16px!important;padding:10px!important}}
/* Center Open Homes button (Nov 5) */
.ohl{display:flex!important;justify-content:center;width:100%;margin:0 auto 18px!important;text-align:center}
.ohl .ohbtn{margin:0 auto!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:min(100%,520px);box-sizing:border-box}
/* Calendly booking */
.book .calendly-inline-widget{width:100%;max-width:100%;overflow:hidden;border-radius:var(--r);background:#fff}
.book .calfb{margin-top:12px}
.lbk{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
@media(max-width:700px){.book .calendly-inline-widget{height:1000px!important;min-width:0!important}.book .in{overflow-x:hidden}}
@media(max-width:980px){#nav .mnav.mbook{width:100%;margin-left:0!important}}
.vf-v{pointer-events:none}.vf-v::-webkit-media-controls{display:none!important}.vf-v::-webkit-media-controls-start-playback-button{display:none!important}
/* Center home hero content so everything lines up (Nov 5) */
.hero.hb .in{text-align:center}
.hero.hb h1,.hero.hb .lead,.hero.hb .ey{margin-left:auto!important;margin-right:auto!important}
.hero.hb .qs{margin-left:auto!important;margin-right:auto!important}
.hero.hb .row{justify-content:center}
@media(max-width:600px){.hero.hb .row .btn{flex:1 1 100%;max-width:520px;text-align:center}}
@media(max-width:760px){.hero.hb .row{flex-direction:column;align-items:center;flex-wrap:nowrap}.hero.hb .row .btn{flex:0 0 auto!important;width:min(100%,520px)!important;max-width:520px;box-sizing:border-box;text-align:center;justify-content:center}}
/* Center "Property for sale" video section (Nov 5) */
.sec.yt .sh{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;margin-bottom:18px}
.sec.yt .yv{max-width:960px;margin:0 auto;border-radius:16px}