*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Segoe UI,sans-serif;color:#182434;line-height:1.65}a{text-decoration:none;color:inherit}:root{--navy:#071d3b;--gold:#c99b38;--cream:#f6f3eb;--muted:#647286} .container{width:min(1140px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 18px #071d3b18}.navwrap{min-height:78px;display:flex;align-items:center;justify-content:space-between}.logo{width:150px;height:66px;object-fit:contain}.nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px;color:var(--navy)}.nav a:hover{color:var(--gold)}.cta{background:var(--navy);color:#fff!important;padding:10px 16px;border-radius:7px}.menu{display:none;border:0;background:var(--navy);color:#fff;padding:8px 12px;border-radius:6px;font-size:20px}
.hero{height:590px;position:relative;background:var(--navy)}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04152ee8,#04152e88 48%,#04152e18)}.hero-content{position:absolute;inset:0;z-index:2;display:flex;align-items:center;color:#fff}.hero-copy{max-width:720px}.eyebrow,.label{color:#e1b85a;font-weight:800;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:12px 0}.hero h1 span{color:#f0c35a}.hero p{font-size:18px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:13px 20px;border-radius:7px;font-weight:800;border:2px solid transparent}.gold{background:var(--gold);color:#fff}.outline{border-color:#fff;color:#fff}.navy{background:var(--navy);color:#fff}
.quick{background:var(--navy);color:#fff}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr)}.quickgrid a,.quickgrid div{padding:17px;border-right:1px solid #ffffff20}.quickgrid strong{display:block;color:#e1b85a;font-size:12px;text-transform:uppercase}.quickgrid span{font-size:14px}
.section{padding:78px 0}.alt{background:var(--cream)}.dark{background:var(--navy);color:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.section h2,.title h1{color:var(--navy);font-size:clamp(34px,4vw,52px);line-height:1.1;margin:8px 0 18px}.dark h2{color:#fff}.section p{color:var(--muted)}.dark p{color:#d8e0eb}.photo{border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #071d3b20}.photo img{width:100%;height:380px;display:block;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:25px;box-shadow:0 10px 30px #071d3b0d}.card h3{color:var(--navy)}.icon{font-size:30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value{padding:24px;border:1px solid #ffffff22;border-radius:12px}.value h3{color:#e1b85a}.title{background:var(--navy);padding:70px 0;color:#fff}.title h1{color:#fff}.title p{max-width:720px;color:#d8e0eb}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.stat{background:var(--cream);padding:20px;border-radius:10px;text-align:center}.stat b{display:block;color:var(--navy);font-size:24px}.propertygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.property{border:1px solid #e2e7ee;border-radius:14px;overflow:hidden}.property img{width:100%;height:210px;object-fit:cover}.property .body{padding:20px}.notice{background:#fff6df;border-left:5px solid var(--gold);padding:17px;margin-bottom:28px}.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.contactlist{display:grid;gap:12px}.contactlist a,.contactlist div{border:1px solid #e2e7ee;padding:15px;border-radius:9px}.contactlist strong{display:block;color:var(--navy)}form{background:#f7f8fa;padding:28px;border-radius:14px}label{display:block;font-weight:700;color:var(--navy);margin-bottom:14px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #d5dce5;border-radius:8px;margin-top:5px;font:inherit}
footer{background:#061a35;color:#d8e1eb;padding:45px 0 0}.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding-bottom:30px}.footlogo{width:135px;height:85px;object-fit:contain}.copy{text-align:center;border-top:1px solid #ffffff18;padding:17px;color:#aeb9c8;font-size:13px}.wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;z-index:30}
@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:4%;right:4%;background:#fff;padding:18px;border-radius:10px;box-shadow:0 15px 40px #071d3b22;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu{display:block}.grid2,.contactgrid{grid-template-columns:1fr}.cards,.propertygrid,.values{grid-template-columns:repeat(2,1fr)}.stats,.quickgrid,.foot{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hero{height:520px}.hero h1{font-size:43px}.hero p{font-size:16px}.cards,.propertygrid,.values,.stats,.quickgrid,.foot{grid-template-columns:1fr}.section{padding:60px 0}.title{padding:55px 0}}

.office-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:30px}.office-showcase img{width:100%;height:320px;object-fit:cover;border-radius:14px;box-shadow:0 15px 40px #071d3b18}.office-stack{display:grid;gap:20px}.office-stack img{height:150px}.featured-property{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid #e2e7ee;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #071d3b0d;margin-top:25px}.property-placeholder{min-height:330px;background:linear-gradient(135deg,#071d3b,#173c69);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;position:relative}.property-placeholder:before{content:'PROPERTY PHOTO';position:absolute;top:18px;left:18px;background:#c99b38;color:#fff;padding:7px 10px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:1px}.property-placeholder .house{font-size:72px;margin-bottom:10px}.featured-property .body{padding:30px}.badge{display:inline-block;background:#f8e8bd;color:#765616;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:800;margin-bottom:10px}.property-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.property-meta div{background:#f7f8fa;padding:10px;border-radius:8px}.property-meta strong{display:block;color:var(--navy);font-size:12px}.property-meta span{font-size:14px;color:var(--muted)}
@media(max-width:900px){.office-showcase,.featured-property{grid-template-columns:1fr}.office-showcase img{height:260px}.office-stack img{height:220px}}

.section-head{margin-top:58px;margin-bottom:22px}.section-head h2{margin-bottom:8px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gallery-card{margin:0;background:#fff;border:1px solid #e2e7ee;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #071d3b0b}
.gallery-card img{width:100%;height:240px;display:block;object-fit:cover}
.gallery-card figcaption{padding:12px 14px;font-size:13px;font-weight:700;color:var(--navy)}
.property-feature-image{min-height:330px;overflow:hidden}.property-feature-image img{width:100%;height:100%;min-height:330px;display:block;object-fit:cover}
.gallery-section{margin-top:55px}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card img{height:210px}}
@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:250px}}

/* Organized property listings */
.property-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.listing-card{background:#fff;border:1px solid #e2e7ee;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #071d3b0d;display:flex;flex-direction:column}.listing-card>img{width:100%;height:260px;object-fit:cover}.listing-card .body{padding:22px;display:flex;flex-direction:column;flex:1}.listing-card h2{font-size:25px;margin:10px 0;color:var(--navy)}.listing-card p{color:var(--muted);line-height:1.7}.listing-card .btn{margin-top:auto;align-self:flex-start}.listing-mini{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.listing-mini span{background:#f7f8fa;border:1px solid #e2e7ee;border-radius:20px;padding:7px 10px;font-size:12px;color:var(--navy);font-weight:700}.listing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:#fff;border:1px solid #e2e7ee;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #071d3b0d}.listing-hero>img{width:100%;height:100%;min-height:500px;object-fit:cover}.listing-summary{padding:34px}.listing-summary h2{margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.detail-grid div{background:#f7f8fa;border-radius:9px;padding:12px}.detail-grid b{display:block;color:var(--navy);font-size:12px;text-transform:uppercase;margin-bottom:4px}.detail-grid span{color:var(--muted);font-size:14px;line-height:1.5}.listing-gallery .gallery-card img{height:280px}
@media(max-width:1000px){.property-list-grid{grid-template-columns:repeat(2,1fr)}.listing-hero{grid-template-columns:1fr}.listing-hero>img{min-height:360px;max-height:520px}.listing-summary{padding:26px}}
@media(max-width:700px){.property-list-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.listing-gallery .gallery-card img{height:240px}}
.online-listing{margin-top:1rem}.online-listing img{object-fit:cover;min-height:320px}.btn-row{display:flex;gap:.7rem;flex-wrap:wrap}.btn.outline{background:transparent;border:1px solid var(--navy);color:var(--navy)}.official-online-photo{margin:1rem 0 1.2rem}.official-online-photo img{width:100%;display:block;max-height:620px;object-fit:cover;border-radius:12px}.official-online-photo figcaption{padding:.65rem 0;font-size:.92rem}

/* Property database & reusable detail page */
.property-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;background:#fff;border:1px solid #e2e7ee;border-radius:16px;padding:18px;box-shadow:0 10px 30px #071d3b0d;margin:25px 0 14px}.property-filters label{margin-bottom:5px;font-size:13px}.property-filters input,.property-filters select{margin-top:0;background:#fff}.filter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 22px;color:var(--muted)}.filter-toolbar strong{color:var(--navy)}.filter-clear{background:#fff;border:1px solid #cfd7e2;color:var(--navy);padding:9px 14px;cursor:pointer}.filter-clear:hover{border-color:var(--gold);color:#765616}.property-id{font-size:11px;font-weight:800;letter-spacing:1.1px;color:#7a8798;margin:2px 0 4px}.status-available{background:#e5f6ea;color:#216b37}.status-pending{background:#fff1d2;color:#765616}.listing-card .status-available,.listing-card .status-pending{border:1px solid transparent}.detail-main-image{background:#f2f4f7;min-height:500px}.detail-main-image img{width:100%;height:100%;min-height:500px;display:block;object-fit:cover}.price-large{font-size:30px!important;font-weight:900;color:var(--navy)!important;margin:8px 0 16px!important}.outline-dark{background:#fff;color:var(--navy);border:2px solid var(--navy)}.detail-content-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:45px;margin-top:55px;align-items:start}.inspection-box{background:var(--cream);border:1px solid #eadfca;border-radius:15px;padding:26px;position:sticky;top:105px}.inspection-box h3{color:var(--navy);font-size:25px;margin:8px 0}.feature-list{display:grid;gap:10px;padding-left:22px;color:var(--muted)}.feature-list li::marker{color:var(--gold)}
@media(max-width:1000px){.property-filters{grid-template-columns:1fr 1fr}.detail-content-grid{grid-template-columns:1fr}.inspection-box{position:static}}
@media(max-width:600px){.property-filters{grid-template-columns:1fr}.filter-toolbar{align-items:flex-start;flex-direction:column}.detail-main-image,.detail-main-image img{min-height:300px}.price-large{font-size:25px!important}}

/* Online property system */
label{display:block;font-weight:600;margin:.7rem 0 .3rem}input,select,textarea{padding:.75rem;border:1px solid #ccd3da;border-radius:7px;font:inherit}form.card{background:#fff}.success{background:#e8f7ed;padding:12px;border-radius:8px}.alert{background:#fff0f0;padding:12px;border-radius:8px}.property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin-top:24px}.site-header{background:#0c1b2a;color:#fff;padding:15px 0}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header a{color:#fff;text-decoration:none}.site-header nav{display:flex;gap:15px;flex-wrap:wrap}.brand{font-weight:700}