/* ==========================================================
   RESIDO — HEADER + HERO V2
   Compact, premium, responsive, skyline always fitted.
   ========================================================== */

:root{
  --navy:#102d50;
  --blue:#0b67c9;
  --blue-dark:#0756b8;
  --text-muted:#71849d;
  --line:#e5ebf1;
  --white:#fff;
  --green:#0ca56c;
  --topbar-h:34px;
  --header-h:76px;
  --page-max:1400px;
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  color:var(--navy);
  background:#fff;
  font-family:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

button,input{font:inherit}
a{color:inherit;text-decoration:none}

/* ================= HEADER ================= */

.site-header{
  position:relative;
  z-index:50;
  background:#fff;
  border-bottom:1px solid rgba(16,45,80,.05);
}

.topbar{
  height:var(--topbar-h);
  background:#f3f5f7;
  border-bottom:1px solid #e8ecef;
}

.topbar-inner{
  width:min(calc(100% - 48px), var(--page-max));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
}

.topbar-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#62758a;
  font-size:12.5px;
  font-weight:650;
  line-height:1;
  transition:color .18s ease;
}

.topbar-item:hover{color:var(--blue)}

.topbar-item svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.main-header{
  position:relative;
  height:var(--header-h);
  background:rgba(255,255,255,.98);
}

.header-inner{
  width:min(calc(100% - 48px), var(--page-max));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:48px;
}

.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}













.desktop-nav{
  display:flex;
  align-items:center;
  gap:34px;
  margin-left:14px;
  margin-right:auto;
}

.nav-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:40px;
  color:#17334f;
  font-size:13.5px;
  font-weight:800;
  letter-spacing:.45px;
  white-space:nowrap;
  transition:color .18s ease;
}

.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:4px;
  height:2px;
  border-radius:999px;
  background:var(--blue);
  transition:right .2s ease;
}

.nav-link:hover,
.nav-link.active{
  color:var(--blue);
}

.nav-link:hover::after,
.nav-link.active::after{
  right:0;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}

.post-property{
  min-width:166px;
  height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:5px;
  color:#fff;
  background:linear-gradient(135deg,#0b67c9,#0756b8);
  box-shadow:0 8px 20px rgba(8,91,188,.14);
  font-size:14px;
  font-weight:760;
  white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease;
}

.post-property:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 23px rgba(8,91,188,.19);
}

.post-property svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.menu-toggle{
  width:42px;
  height:42px;
  border:0;
  padding:7px 4px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  background:transparent;
  cursor:pointer;
}

.menu-toggle span{
  display:block;
  height:3.5px;
  border-radius:999px;
  background:#2679c8;
  transition:transform .2s ease,width .2s ease,opacity .2s ease;
}

.menu-toggle span:nth-child(1){width:21px}
.menu-toggle span:nth-child(2){width:31px}
.menu-toggle span:nth-child(3){width:18px}

.mobile-menu{display:none}

/* ================= HERO ================= */

.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:605px;
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.50) 25%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#f1f4f6 0%,#eef2f5 45%,#edf2f5 100%);
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.30),rgba(255,255,255,0) 38%,rgba(255,255,255,.22)),
    radial-gradient(circle at 50% 38%,rgba(219,231,241,.20),transparent 47%);
}

.hero-content{
  position:relative;
  z-index:5;
  width:min(calc(100% - 44px), 1040px);
  margin:0 auto;
  padding-top:80px;
  text-align:center;
}

.eyebrow-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}

.eyebrow{
  color:#637d9c;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:20px;
  line-height:1.3;
}

.new-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:32px;
  padding:0 12px;
  border-radius:7px;
  color:#fff;
  background:linear-gradient(180deg,#13b17a,#07965f);
  box-shadow:0 7px 18px rgba(4,149,95,.13);
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:15px;
}

.hero h1{
  margin:0;
  color:#112e50;
  font-size:clamp(48px,4.1vw,68px);
  line-height:1.04;
  letter-spacing:-2.1px;
  font-weight:810;
}

.property-search{
  width:min(100%,980px);
  min-height:78px;
  margin:38px auto 0;
  padding:8px 9px 8px 22px;
  display:grid;
  grid-template-columns:auto 1px minmax(260px,1fr) 58px 142px;
  align-items:center;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(20,73,124,.04);
  border-radius:7px;
  box-shadow:0 14px 38px rgba(46,79,111,.08),0 2px 8px rgba(46,79,111,.035);
}

.search-type{
  display:flex;
  align-items:center;
  gap:23px;
  padding-right:22px;
}

.radio-option{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#173451;
  font-size:14.5px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
  user-select:none;
}

.radio-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.radio-ui{
  width:18px;
  height:18px;
  border-radius:50%;
  border:1.6px solid #bdcad7;
  background:#fff;
  box-shadow:inset 0 0 0 4px #fff;
}

.radio-option input:checked + .radio-ui{
  border-color:#0b73da;
  background:#0b73da;
}

.search-divider{
  align-self:stretch;
  width:1px;
  background:#e3e9ee;
}

.location-field{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 20px;
}

.location-field svg{
  flex:0 0 auto;
  width:23px;
  height:23px;
  fill:#3677ba;
  stroke:#3677ba;
  stroke-width:1.5;
}

.location-field input{
  width:100%;
  min-width:0;
  height:48px;
  border:0;
  outline:0;
  color:#193755;
  background:transparent;
  font-size:15px;
}

.location-field input::placeholder{
  color:#788ca3;
  opacity:1;
}

.filter-button{
  width:50px;
  height:50px;
  margin:auto;
  border:0;
  display:grid;
  place-items:center;
  color:#8a9fb4;
  background:transparent;
  cursor:pointer;
  border-radius:6px;
}

.filter-button:hover{background:#f4f7f9}

.filter-button svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.search-button{
  width:100%;
  height:60px;
  border:0;
  border-radius:6px;
  color:#fff;
  background:linear-gradient(135deg,#0b67c9,#0756b8);
  box-shadow:0 8px 20px rgba(7,86,184,.14);
  font-size:15px;
  font-weight:760;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}

.search-button:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 24px rgba(7,86,184,.20);
}

/* Skyline: the full image stays visible rather than oversized/cropped. */
.skyline-wrap{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:-12px;
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  pointer-events:none;
  user-select:none;
  opacity:.72;
}

.skyline-wrap img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  object-fit:contain;
  object-position:center bottom;
  filter:grayscale(18%) saturate(62%) contrast(88%) brightness(1.05);
}

/* gentle fade to merge skyline into the coded grey background */
.skyline-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:72px;
  background:linear-gradient(180deg,rgba(239,243,246,0),rgba(239,243,246,.73) 70%,#f0f3f5 100%);
}

/* ================= LAPTOP / TABLET ================= */

@media (max-width:1180px){
  .header-inner{
    width:min(calc(100% - 36px),1180px);
    gap:28px;
  }

  .topbar-inner{
    width:min(calc(100% - 36px),1180px);
  }

  .desktop-nav{gap:23px}

  .post-property{
    min-width:145px;
    padding:0 14px;
  }

  .hero{
    min-height:570px;
  }

  .hero-content{
    padding-top:70px;
  }

  .property-search{
    grid-template-columns:auto 1px minmax(220px,1fr) 54px 132px;
  }
}

@media (max-width:900px){
  :root{
    --topbar-h:32px;
    --header-h:68px;
  }

  .topbar-inner{
    width:calc(100% - 28px);
    justify-content:center;
    gap:18px;
  }

  .topbar-item{
    font-size:11.5px;
  }

  .header-inner{
    width:calc(100% - 28px);
    gap:16px;
  }

  .brand{gap:9px}

  

  

  .desktop-nav,
  .post-property{
    display:none;
  }

  .header-actions{
    margin-left:auto;
  }

  .mobile-menu{
    display:block;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    max-height:0;
    overflow:hidden;
    opacity:0;
    background:#fff;
    border-top:1px solid #edf0f3;
    box-shadow:0 18px 34px rgba(13,43,80,.09);
    transition:max-height .28s ease,opacity .22s ease;
  }

  .mobile-menu.open{
    max-height:430px;
    opacity:1;
  }

  .mobile-menu__inner{
    width:calc(100% - 28px);
    margin:0 auto;
    padding:10px 0 16px;
    display:grid;
  }

  .mobile-menu__inner a{
    min-height:46px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #edf1f4;
    color:#183654;
    font-size:13.5px;
    font-weight:800;
    letter-spacing:.4px;
  }

  .mobile-menu__inner .mobile-post{
    margin-top:12px;
    min-height:48px;
    justify-content:center;
    border:0;
    border-radius:6px;
    color:#fff;
    background:linear-gradient(135deg,#0b67c9,#0756b8);
  }

  .menu-toggle.is-open span:nth-child(1){
    width:29px;
    transform:translateY(8.5px) rotate(45deg);
  }

  .menu-toggle.is-open span:nth-child(2){opacity:0}

  .menu-toggle.is-open span:nth-child(3){
    width:29px;
    transform:translateY(-8.5px) rotate(-45deg);
  }

  .hero{
    min-height:615px;
  }

  .hero-content{
    width:calc(100% - 28px);
    padding-top:54px;
  }

  .eyebrow-row{
    margin-bottom:12px;
    gap:9px;
  }

  .eyebrow{
    font-size:17px;
  }

  .new-badge{
    height:29px;
    padding:0 10px;
    font-size:14px;
  }

  .hero h1{
    max-width:650px;
    margin:0 auto;
    font-size:clamp(42px,9vw,56px);
    letter-spacing:-1.6px;
  }

  .property-search{
    margin-top:31px;
    min-height:auto;
    padding:12px;
    grid-template-columns:1fr 50px;
    gap:8px;
    border-radius:8px;
  }

  .search-type{
    grid-column:1/-1;
    justify-content:flex-start;
    gap:23px;
    padding:2px 3px 10px;
    border-bottom:1px solid #e5e9ed;
  }

  .search-divider{display:none}

  .location-field{
    padding:0 9px;
    min-height:52px;
    border:1px solid #e3e8ed;
    border-radius:6px;
  }

  .filter-button{
    height:52px;
    width:50px;
    border:1px solid #e3e8ed;
    background:#fafbfc;
  }

  .search-button{
    grid-column:1/-1;
    height:54px;
  }

  /* Mobile shows the complete panorama inside the viewport. */
  .skyline-wrap{
    left:50%;
    right:auto;
    width:150%;
    max-width:980px;
    bottom:6px;
    transform:translateX(-50%);
    opacity:.70;
  }

  .skyline-wrap::after{
    height:64px;
  }
}

@media (max-width:560px){
  .topbar-inner{
    justify-content:space-between;
    gap:10px;
  }

  .topbar-item{
    font-size:10.5px;
    gap:5px;
  }

  .topbar-item svg{
    width:13px;
    height:13px;
  }

  .hero{
    min-height:555px;
  }

  .hero-content{
    padding-top:38px;
  }

  .eyebrow-row{
    flex-wrap:wrap;
    margin-bottom:10px;
  }

  .eyebrow{
    font-size:15px;
  }

  .new-badge{
    height:26px;
    font-size:12.5px;
  }

  .hero h1{
    font-size:39px;
    line-height:1.07;
    letter-spacing:-1.2px;
  }

  .property-search{
    margin-top:23px;
    padding:10px;
  }

  .radio-option{
    font-size:14px;
  }

  .location-field input{
    font-size:14px;
  }

  .skyline-wrap{
    width:165%;
    bottom:11px;
    opacity:.67;
  }
}

@media (max-width:390px){
  .topbar-item span{
    font-size:9.5px;
  }

  .hero{
    min-height:535px;
  }

  .hero h1{
    font-size:35px;
  }

  .skyline-wrap{
    width:175%;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}


/* ==========================================================
   V3 — DESKTOP TOPBAR REMOVED / MOBILE BLUE TOPBAR
   ========================================================== */

/* Desktop: no top contact strip at all. */
.topbar{
  display:none;
}

/* Keep the main desktop header compact. */
@media (min-width:901px){
  .site-header{
    min-height:var(--header-h);
  }
}

/* ==========================================================
   PROPERTY TYPE SECTION
   ========================================================== */

.property-types{
  position:relative;
  background:#ffffff;
  padding:72px 24px 82px;
}

.property-types__inner{
  width:min(100%, 1160px);
  margin:0 auto;
}

.section-heading{
  max-width:660px;
  margin:0 auto 46px;
  text-align:center;
}

.section-heading h2{
  margin:0;
  color:#102e50;
  font-size:31px;
  line-height:1.16;
  font-weight:810;
  letter-spacing:-.7px;
}

.section-heading p{
  margin:12px auto 0;
  max-width:620px;
  color:#61758f;
  font-size:14px;
  line-height:1.8;
}

.property-type-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:16px;
}

.property-type-card{
  min-width:0;
  min-height:182px;
  padding:24px 10px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#fff;
  border:1px solid #edf2f6;
  box-shadow:0 8px 25px rgba(18,55,87,.055);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.property-type-card:hover{
  transform:translateY(-4px);
  border-color:#dce9f4;
  box-shadow:0 14px 34px rgba(18,55,87,.10);
}







.property-type-card strong{
  display:block;
  color:#0d2948;
  font-size:15px;
  line-height:1.3;
  font-weight:790;
}

.property-type-card small{
  display:block;
  margin-top:4px;
  color:#42607d;
  font-size:12px;
  line-height:1.3;
  font-weight:620;
}

/* 3 columns on tablet */
@media (max-width:980px){
  .property-types{
    padding:62px 22px 70px;
  }

  .section-heading{
    margin-bottom:36px;
  }

  .property-type-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }

  .property-type-card{
    min-height:166px;
  }
}

/* Mobile only: slim blue contact bar */
@media (max-width:900px){
  .topbar{
    display:block;
    height:28px;
    background:#0a5db1;
    border-bottom:0;
  }

  .topbar-inner{
    height:28px;
  }

  .topbar-item{
    color:#fff;
    opacity:.96;
  }

  .topbar-item:hover{
    color:#fff;
    opacity:1;
  }

  .topbar-item svg{
    stroke:#fff;
  }
}

/* Two clean columns on phones */
@media (max-width:600px){
  .property-types{
    padding:48px 14px 54px;
  }

  .section-heading{
    margin-bottom:28px;
  }

  .section-heading h2{
    font-size:25px;
    letter-spacing:-.45px;
  }

  .section-heading p{
    margin-top:9px;
    font-size:12.5px;
    line-height:1.65;
  }

  .property-type-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .property-type-card{
    min-height:142px;
    padding:17px 7px 15px;
  }

  

  

  .property-type-card strong{
    font-size:13px;
  }

  .property-type-card small{
    margin-top:3px;
    font-size:10.5px;
  }
}

@media (max-width:390px){
  .topbar-item span{
    font-size:9px;
  }

  .property-types{
    padding-left:11px;
    padding-right:11px;
  }

  .property-type-grid{
    gap:8px;
  }
}


/* ==========================================================
   V4 — SKYLINE POSITION POLISH
   - Gives the skyline breathing room below the search bar.
   - Hides the excessive lower fog/blank area behind the next white section.
   - Keeps the existing layout/design intact.
   ========================================================== */

@media (min-width: 901px){
  /* Search sits just slightly lower, without changing its design. */
  .property-search{
    margin-top:44px;
  }

  /* Move the skyline downward so building tops are clearly visible
     below the search box and the unwanted lower fog is clipped away. */
  .skyline-wrap{
    bottom:-68px;
  }

  /* Keep only a very soft finishing blend instead of the large faded strip. */
  .skyline-wrap::after{
    height:30px;
    background:linear-gradient(
      180deg,
      rgba(239,243,246,0) 0%,
      rgba(239,243,246,.35) 58%,
      rgba(255,255,255,.96) 100%
    );
  }

  /* The white section below visually closes the hero cleanly. */
  .property-types{
    position:relative;
    z-index:3;
    margin-top:-1px;
  }
}

@media (max-width: 900px){
  /* Same clean crop on tablet/mobile, scaled for the smaller hero. */
  .skyline-wrap{
    bottom:-28px;
  }

  .skyline-wrap::after{
    height:26px;
    background:linear-gradient(
      180deg,
      rgba(239,243,246,0) 0%,
      rgba(239,243,246,.32) 60%,
      rgba(255,255,255,.96) 100%
    );
  }

  .property-types{
    position:relative;
    z-index:3;
    margin-top:-1px;
  }
}

@media (max-width: 560px){
  .skyline-wrap{
    bottom:-22px;
  }
}


/* ==========================================================
   V5 — LATEST PROPERTIES / REVIEWS / CTA / FOOTER
   ========================================================== */

.section-heading--left{
  max-width:none;
  margin:0 0 34px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  text-align:left;
}
.section-kicker{
  display:inline-block;
  margin-bottom:9px;
  color:#0b67c9;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.35px;
}


.section-link-button{
  flex:0 0 auto;
  min-height:46px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  border:1px solid #dce8f3;
  color:#163553;
  background:#fff;
  font-size:14px;
  font-weight:760;
  white-space:nowrap;
  transition:all .2s ease;
}
.section-link-button:hover{
  color:#0b67c9;
  border-color:#bfd7ee;
  box-shadow:0 10px 22px rgba(12,72,128,.08);
}

.latest-listings{
  background:#f8fbfe;
  padding:80px 24px;
}
.latest-listings__inner,
.reviews-section__inner,
.cta-section__inner,
.site-footer__inner{
  width:min(100%, 1160px);
  margin:0 auto;
}
.listing-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}
.listing-card{
  overflow:hidden;
  background:#fff;
  border:1px solid #ebf1f6;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(16,45,80,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.listing-card:hover{
  transform:translateY(-5px);
  border-color:#dce8f3;
  box-shadow:0 18px 40px rgba(16,45,80,.10);
}
.listing-card__media{
  position:relative;
  height:220px;
  background-size:cover;
  background-position:center;
}
.listing-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(11,53,92,.06) 0%, rgba(11,53,92,.22) 100%);
}
.listing-card__media--one{
  background:
    linear-gradient(180deg, rgba(6,53,101,.15), rgba(6,53,101,.35)),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.35), transparent 32%),
    linear-gradient(135deg, #8bb8e9 0%, #4779ad 100%);
}
.listing-card__media--two{
  background:
    linear-gradient(180deg, rgba(35,61,95,.12), rgba(35,61,95,.30)),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.28), transparent 28%),
    linear-gradient(135deg, #a9bcd5 0%, #6e8fb2 100%);
}
.listing-card__media--three{
  background:
    linear-gradient(180deg, rgba(19,58,93,.12), rgba(19,58,93,.30)),
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), transparent 30%),
    linear-gradient(135deg, #8ed5f7 0%, #5881a7 100%);
}
.listing-card__media--four{
  background:
    linear-gradient(180deg, rgba(12,60,98,.12), rgba(12,60,98,.30)),
    radial-gradient(circle at 70% 22%, rgba(255,255,255,.28), transparent 25%),
    linear-gradient(135deg, #b4d4f2 0%, #7297bb 100%);
}
.listing-badge{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  min-height:30px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  color:#fff;
  background:rgba(11,103,201,.92);
  font-size:12px;
  font-weight:800;
  letter-spacing:.3px;
}


.listing-card__body{ padding:19px 19px 20px; }
.listing-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.listing-price{
  color:#0e2d50;
  font-size:20px;
  font-weight:820;
  line-height:1.1;
}

.listing-card h3{
  margin:0;
  color:#112f50;
  font-size:18px;
  line-height:1.35;
  font-weight:780;
}
.listing-address{
  margin:7px 0 14px;
  color:#6a7f97;
  font-size:14px;
  line-height:1.5;
}


.listing-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#0b67c9;
  font-size:14px;
  font-weight:760;
}
.listing-link::after{
  content:"→";
  font-size:15px;
}














































@media (max-width: 1100px){
  .listing-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  
  
  
  
}
@media (max-width: 900px){
  .section-heading--left{
    flex-direction:column;
    align-items:flex-start;
  }
  
}
@media (max-width: 680px){
  .latest-listings,
  .reviews-section{ padding:56px 14px; }
  
  
  .listing-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .listing-card__media{ height:205px; }
  
  
  
  
  
  
  
  
}


/* =========================================================
   PREMIUM MULTI-PAGE SYSTEM
   Square, architectural, clean. Major components avoid rounded corners.
   ========================================================= */

:root {
  --ink:#0d2b4c;
  --ink-2:#183b5d;
  --blue:#0b64bd;
  --blue-deep:#083f7d;
  --soft:#f3f6f8;
  --soft-blue:#eef5fb;
  --border:#dde6ed;
}

body { background:#fff; }

/* Sharp design language */
.post-property,.property-search,.search-button,.filter-button,.new-badge,
.property-type-card,.listing-card,.section-link-button,.review-card,
.cta-section__inner,.cta-button,.newsletter-form input,.newsletter-form button,
.mobile-menu__inner .mobile-post {
  border-radius:2px !important;
}

.property-type-card { box-shadow:0 8px 20px rgba(14,48,80,.045); }


/* Premium stock imagery on homepage */
.listing-card__media--one { background-image:linear-gradient(180deg,rgba(8,40,70,.03),rgba(8,40,70,.24)); }
.listing-card__media--two { background-image:linear-gradient(180deg,rgba(8,40,70,.03),rgba(8,40,70,.24)); }
.listing-card__media--three { background-image:linear-gradient(180deg,rgba(8,40,70,.03),rgba(8,40,70,.24)); }
.listing-card__media--four { background-image:linear-gradient(180deg,rgba(8,40,70,.03),rgba(8,40,70,.24)); }
.listing-card__media { background-size:cover !important;background-position:center !important; }
.clickable-listing { cursor:pointer; }

.page-wrap { width:min(calc(100% - 48px),1160px); margin:0 auto; }
.page-kicker { display:inline-block;margin-bottom:12px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:1.6px; }

.breadcrumb { display:flex;align-items:center;gap:9px;margin-bottom:34px;color:#7890a5;font-size:12px;font-weight:650; }
.breadcrumb a { color:#456985; }
.breadcrumb--light,.breadcrumb--light a { color:#d0deeb; }

.page-hero { background:#f2f5f7;border-bottom:1px solid var(--border); }
.page-hero--compact { padding:55px 0 60px; }
.page-hero__row { display:flex;justify-content:space-between;align-items:flex-end;gap:40px; }
.page-hero h1 { margin:0;color:var(--ink);font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-2.3px; }
.page-hero p { max-width:680px;margin:15px 0 0;color:#647d93;font-size:15px;line-height:1.75; }
.page-hero__stat { min-width:170px;padding:22px 0 0;border-top:2px solid var(--blue); }
.page-hero__stat strong { display:block;color:var(--ink);font-size:34px; }
.page-hero__stat span { color:#71879b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px; }

/* Listings */
.listing-page-section { padding:42px 0 82px;background:#fff; }
.listings-toolbar { min-height:58px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#667d91;font-size:13px; }
.listings-toolbar strong { color:var(--ink); }
.toolbar-controls { display:flex;align-items:center;gap:10px; }
.toolbar-controls select,.view-switch { height:40px;border:1px solid var(--border);background:#fff;color:#294964;padding:0 12px;border-radius:0;font-size:12px;font-weight:750; }
.view-switch.is-active { border-color:var(--blue);color:var(--blue); }
.listings-layout { display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:start; }
.filter-panel { position:sticky;top:22px;border:1px solid var(--border);background:#f8fafb;padding:22px; }
.filter-panel__head { display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border); }
.filter-panel__head h2 { margin:0;font-size:18px;color:var(--ink); }
.filter-panel__head button { border:0;background:none;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:1px;cursor:pointer; }
.filter-panel label { display:block;margin-bottom:17px;color:#294963;font-size:12px;font-weight:760; }
.filter-panel input[type="search"],.filter-panel input[type="text"],.filter-panel select {
  width:100%;height:42px;margin-top:8px;padding:0 11px;border:1px solid #d9e3eb;border-radius:0;background:#fff;color:#264760;outline:none;
}
.filter-two { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.filter-checks { margin:5px 0 20px;display:grid;gap:10px; }
.filter-checks label { margin:0;display:flex;align-items:center;gap:8px;font-weight:650; }
.filter-submit { width:100%;height:46px;border:0;background:var(--blue);color:#fff;font-weight:800;cursor:pointer; }

.properties-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }

















/* Single property */
.property-title-band { padding:42px 0 32px;background:#fff; }
.property-title-row { display:flex;justify-content:space-between;gap:35px;align-items:flex-end; }
.property-labels { display:flex;gap:7px;margin-bottom:10px; }
.property-labels span { padding:7px 9px;background:#eaf3fb;color:var(--blue);font-size:9px;font-weight:850;letter-spacing:1px; }
.property-title-row h1 { margin:0;color:var(--ink);font-size:clamp(34px,4vw,54px);letter-spacing:-1.6px;line-height:1.08; }
.property-title-row p { margin:11px 0 0;color:#758a9c;font-size:13px; }
.property-price-block { padding-left:26px;border-left:2px solid var(--blue);white-space:nowrap; }
.property-price-block strong { display:block;color:var(--ink);font-size:30px; }
.property-price-block span { color:#73889a;font-size:12px; }
.property-gallery { padding:0 0 46px;background:#fff; }
.gallery-grid { display:grid;grid-template-columns:2fr 1fr;grid-template-rows:220px 220px;gap:8px; }
.gallery-main { grid-row:1/3;background-size:cover;background-position:center; }
.gallery-side { background-size:cover;background-position:center; }
.property-detail-section { padding:66px 0 78px;background:#f6f8fa;border-top:1px solid var(--border); }
.property-detail-grid { display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start; }
.property-facts { display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);background:#fff; }
.property-facts div { padding:20px 15px;border-right:1px solid var(--border); }
.property-facts div:last-child { border-right:0; }
.property-facts span { display:block;color:#8092a2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px; }
.property-facts strong { display:block;margin-top:6px;color:var(--ink);font-size:15px; }
.detail-block { margin-top:26px;padding:28px;border:1px solid var(--border);background:#fff; }
.detail-block__heading { display:flex;align-items:center;gap:13px;margin-bottom:19px; }
.detail-block__heading span { color:var(--blue);font-size:11px;font-weight:900; }
.detail-block__heading h2 { margin:0;color:var(--ink);font-size:23px; }
.detail-block p { color:#60778d;line-height:1.82;font-size:14px; }
.amenities-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid #edf1f4;border-left:1px solid #edf1f4; }
.amenities-grid span { padding:13px 14px;border-right:1px solid #edf1f4;border-bottom:1px solid #edf1f4;color:#294963;font-size:12px;font-weight:680; }
.property-map { min-height:250px;display:grid;place-items:center;background:linear-gradient(135deg,#e3ebf1,#f5f7f8);border:1px solid #dce5eb; }
.property-map div { text-align:center; }
.property-map strong,.property-map span { display:block; }
.property-map strong { color:var(--ink);font-size:19px; }
.property-map span { margin-top:7px;color:#73889a;font-size:12px; }
.property-sidebar { position:sticky;top:20px; }
.enquiry-card { padding:26px;border-top:3px solid var(--blue);background:#fff;box-shadow:0 12px 30px rgba(17,49,78,.08); }
.sidebar-kicker { color:var(--blue);font-size:9px;font-weight:900;letter-spacing:1.3px; }
.enquiry-card h2 { margin:8px 0 6px;color:var(--ink);font-size:25px; }
.enquiry-card p { margin:0 0 20px;color:#74899b;font-size:12px;line-height:1.6; }
.enquiry-card label,.contact-form label { display:block;margin-bottom:13px;color:#35536d;font-size:11px;font-weight:760; }
.enquiry-card input,.enquiry-card textarea,.contact-form input,.contact-form textarea,.contact-form select {
  width:100%;margin-top:7px;padding:11px;border:1px solid #d9e3ea;border-radius:0;background:#fff;color:#274760;outline:none;
}
.enquiry-card button,.contact-form button { width:100%;height:48px;border:0;background:var(--blue);color:#fff;font-weight:800;cursor:pointer; }






.similar-section { padding:72px 0;background:#fff; }







/* About */








.about-story h2,.values-section h2,.process-section h2,.contact-info h2,.contact-form-wrap h2 { margin:4px 0 18px;color:var(--ink);font-size:34px;line-height:1.2;letter-spacing:-.8px; }
.about-story p,.contact-info>p { color:#62798d;font-size:14px;line-height:1.85; }

















/* Contact */
.contact-section { padding:76px 0;background:#fff; }
.contact-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start; }
.contact-lines { margin:28px 0 30px;border-top:1px solid var(--border); }
.contact-lines div { display:grid;grid-template-columns:120px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--border); }
.contact-lines span { color:#8496a5;font-size:9px;font-weight:850;letter-spacing:1px; }
.contact-lines a,.contact-lines strong { color:var(--ink);font-size:13px;font-weight:760; }
.contact-map { height:240px;display:grid;place-items:center;background:linear-gradient(135deg,#e3ebf1,#f6f8f9);border:1px solid var(--border);text-align:center; }
.contact-map strong,.contact-map span { display:block; }
.contact-map strong { color:var(--ink);font-size:18px; }
.contact-map span { margin-top:7px;color:#7b8f9f;font-size:11px; }
.contact-form-wrap { padding:34px;border:1px solid var(--border);background:#f8fafb; }
.form-two { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.contact-form button { width:auto;min-width:170px;padding:0 26px; }
.contact-strip { background:var(--ink); }
.contact-strip .page-wrap { min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff; }
.contact-strip strong,.contact-strip span { display:block; }
.contact-strip strong { font-size:20px; }
.contact-strip span { margin-top:4px;color:#b8c9d8;font-size:12px; }
.contact-strip a { padding:13px 18px;border:1px solid #4d6680;color:#fff;font-weight:800;font-size:13px; }

/* Footer/CTA sharpen */




@media (max-width:980px) {
  .listings-layout { grid-template-columns:1fr; }
  .filter-panel { position:relative;top:0; }
  .properties-results { grid-template-columns:repeat(2,1fr); }
  
  .property-detail-grid { grid-template-columns:1fr; }
  .property-sidebar { position:relative;top:0; }
  
  
  
  
  .contact-grid { grid-template-columns:1fr;gap:35px; }
}

@media (max-width:720px) {
  .page-wrap { width:calc(100% - 28px); }
  .page-hero--compact { padding:38px 0 42px; }
  .page-hero__row,.property-title-row { display:block; }
  .page-hero__stat { margin-top:28px; }
  .property-price-block { margin-top:23px;padding:14px 0 0;border-left:0;border-top:2px solid var(--blue); }
  .listings-toolbar { align-items:flex-start;flex-direction:column; }
  .properties-results { grid-template-columns:1fr; }
  .listing-page-section { padding-top:26px; }
  .filter-panel { padding:18px; }
  .gallery-grid { grid-template-columns:1fr 1fr;grid-template-rows:245px 130px; }
  .gallery-main { grid-column:1/3;grid-row:1; }
  .gallery-side--one { grid-column:1;grid-row:2; }
  .gallery-side--two { grid-column:2;grid-row:2; }
  .property-facts { grid-template-columns:repeat(2,1fr); }
  .property-facts div { border-bottom:1px solid var(--border); }
  .detail-block { padding:20px; }
  .amenities-grid { grid-template-columns:1fr; }
  
  
  
  
  
  
  
  
  
  
  .contact-section { padding:56px 0; }
  .contact-form-wrap { padding:22px; }
  .form-two { grid-template-columns:1fr;gap:0; }
  .contact-strip .page-wrap { padding:20px 0;align-items:flex-start;flex-direction:column; }
}


/* =========================================================
   MANROPE TYPOGRAPHY SYSTEM
   ========================================================= */
body,
button,
input,
select,
textarea,
a,
nav,
.site-header,
.site-footer,
.property-type-card,
.listing-card,
.property-list-card,
.review-card,
.cta-section,
.filter-panel,
.contact-section,
.property-detail-section {
  font-family:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.brand-name,
.listing-price,
.property-price-block strong {
  font-family:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:800;
}

.nav-link,
.post-property,
.search-button,
.cta-button,
.section-link-button,
.filter-submit,
.newsletter-form button {
  font-family:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:700;
}


/* =========================================================
   MORESPACE PROPERTIES LTD. — CLIENT BRAND LAYER
   Preserve the accepted layout while applying the navy/gold identity.
   ========================================================= */
:root{
  --brand-navy:#080957;
  --brand-navy-2:#111769;
  --brand-gold:#d59a00;
  --brand-gold-light:#f4c52f;
  --blue:#080957;
  --blue-dark:#05063f;
  --navy:#080957;
  --green:#d59a00;
}

.client-brand{
  width:210px;
  height:64px;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.client-brand img{
  display:block;
  width:100%;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}
.desktop-nav{margin-left:28px;}
.nav-link:hover,.nav-link.active{color:var(--brand-navy);}
.nav-link::after{background:var(--brand-gold);}
.post-property,.search-button,.filter-submit,.newsletter-form button,.contact-form button,.enquiry-card button{
  background:linear-gradient(135deg,var(--brand-navy-2),var(--brand-navy));
}
.post-property{box-shadow:0 8px 22px rgba(8,9,87,.15);}
.menu-toggle span{background:var(--brand-navy);}
.new-badge{background:linear-gradient(180deg,var(--brand-gold-light),var(--brand-gold));color:#17163a;}
.section-kicker,.page-kicker,.listing-link,.property-list-card__footer a,.filter-panel__head button{color:var(--brand-gold);}
.radio-option input:checked + .radio-ui{border-color:var(--brand-gold);background:var(--brand-gold);}
.location-field svg{fill:var(--brand-gold);stroke:var(--brand-gold);}


.listing-badge{background:rgba(8,9,87,.94);}




.topbar{background:var(--brand-navy);}
.mobile-menu__inner .mobile-post{background:var(--brand-navy);}

.section-link-button:hover{color:var(--brand-navy);border-color:#d9bf70;}







/* MoreSpace homepage company section */































/* About page */



















/* Legal/404 */
.legal-page{padding:58px 0 80px;background:#fff;}
.legal-wrap{max-width:850px;}
.legal-wrap h1{margin:0 0 8px;color:#102e50;font-size:45px;}
.legal-updated{color:#8495a5;font-size:12px;margin-bottom:35px;}
.legal-wrap h2{margin:30px 0 8px;color:#193957;font-size:20px;}
.legal-wrap p{color:#647b8f;line-height:1.8;font-size:14px;}
.legal-wrap a{color:var(--brand-navy);font-weight:750;}
.notfound{min-height:65vh;display:grid;place-items:center;text-align:center;background:#f5f7f9;}
.notfound span{display:block;color:var(--brand-gold);font-size:80px;font-weight:800;}
.notfound h1{margin:0;color:#102e50;font-size:40px;}
.notfound p{color:#74899c;}
.notfound a{display:inline-flex;margin-top:12px;padding:13px 22px;background:var(--brand-navy);color:#fff;font-weight:750;}

@media(max-width:980px){
  .client-brand{width:185px;}
  
  
}
@media(max-width:900px){
  .client-brand{width:155px;height:54px;}
  .client-brand img{max-height:48px;}
}
@media(max-width:680px){
  
  
  
  
  
  
  
  
}


/* Dynamic listing/admin integration */
.dynamic-listing-media{
  background-size:cover!important;
  background-position:center!important;
}
.frontend-empty-listings{
  grid-column:1/-1;
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #dfe5ea;
  background:#f8fafb;
  text-align:center;
}
.frontend-empty-listings strong{color:#112f50;font-size:18px}
.frontend-empty-listings span{margin-top:7px;color:#778b9d;font-size:12px}


/* =========================================================
   CLIENT-APPROVED RESIDO BLUE THEME
   Keep MoreSpace's supplied logo artwork unchanged, while the
   website UI remains in the clean Resido blue / white / grey family.
   ========================================================= */
:root{
  --brand-navy:#0b67c9;
  --brand-navy-2:#0756b8;
  --brand-gold:#0b67c9;
  --brand-gold-light:#5fa2e6;

  --blue:#0b67c9;
  --blue-dark:#0756b8;
  --navy:#102d50;
  --green:#0b67c9;

  --morespace-primary:#0b67c9;
  --morespace-primary-dark:#0756b8;
  --morespace-heading:#102d50;
  --morespace-pale:#e4f2ff;
  --morespace-pale-2:#edf6ff;
  --morespace-grey:#f3f5f7;
}

/* Header / navigation */
.nav-link:hover,
.nav-link.active{
  color:var(--morespace-primary);
}
.nav-link::after{
  background:var(--morespace-primary);
}
.post-property,
.search-button,
.filter-submit,
.newsletter-form button,
.contact-form button,
.enquiry-card button{
  background:linear-gradient(135deg,var(--morespace-primary),var(--morespace-primary-dark));
  box-shadow:0 8px 22px rgba(11,103,201,.14);
}
.menu-toggle span{
  background:var(--morespace-primary);
}
.topbar{
  background:var(--morespace-primary);
}
.mobile-menu__inner .mobile-post{
  background:linear-gradient(135deg,var(--morespace-primary),var(--morespace-primary-dark));
}

/* Hero/search */
.new-badge{
  background:linear-gradient(180deg,#1981e5 0%,var(--morespace-primary) 100%);
  color:#fff;
  box-shadow:0 7px 18px rgba(11,103,201,.15);
}
.radio-option input:checked + .radio-ui{
  border-color:var(--morespace-primary);
  background:var(--morespace-primary);
}
.location-field svg{
  fill:var(--morespace-primary);
  stroke:var(--morespace-primary);
}
.filter-button{
  color:#8ba3bb;
}

/* Section accents */
.section-kicker,
.page-kicker,
.listing-link,
.property-list-card__footer a,
.filter-panel__head button,
.text-arrow-link,
.legal-wrap a{
  color:var(--morespace-primary);
}

.section-link-button:hover{
  color:var(--morespace-primary);
  border-color:#bfd7ee;
}

/* Property type cards */



/* Services / why us */



/* Listings */
.listing-badge{
  background:rgba(11,103,201,.94);
}

.property-labels span{
  background:var(--morespace-pale-2);
  color:var(--morespace-primary);
}
.property-price-block{
  border-left-color:var(--morespace-primary);
}
.detail-block__heading span{
  color:var(--morespace-primary);
}
.sidebar-kicker{
  color:var(--morespace-primary);
}
.enquiry-card{
  border-top-color:var(--morespace-primary);
}



/* Reviews */



/* CTA / larger blue bands */



/* About page — same blue family, no purple/gold treatment */



/* Contact / legal */
.contact-strip{
  background:#102d50;
}
.notfound span{
  color:var(--morespace-primary);
}
.notfound a{
  background:var(--morespace-primary);
}

/* Footer */




/* Preserve soft Resido blue details throughout */
.hero{
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.50) 25%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#f1f4f6 0%,#eef3f7 45%,#edf3f8 100%);
}


/* ==========================================================
   APPROVED MORESPACE FOOTER — CODED FROM FINAL VISUAL
   ========================================================== */



/* subtle building image on the right, exactly as a decorative layer */










































































/* Large desktop tightening */
@media (max-width:1280px){
  

  

  

  

  

  
}

/* Tablet */
@media (max-width:980px){
  

  

  

  

  

  

  

  
}

/* Mobile */
@media (max-width:680px){
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  
}


/* ==========================================================
   HOMEPAGE FINAL BOTTOM SECTIONS
   Approved compact layout — Property Types and Latest Properties
   are intentionally untouched.
   ========================================================== */

.home-services-compact,
.home-why-compact,
.home-cta-strip{
  width:100%;
  margin:0;
}

.home-wide-inner{
  width:min(calc(100% - 88px),1320px);
  margin:0 auto;
}

/* SERVICES — compact, open, no card boxes */
.home-services-compact{
  padding:48px 0 44px;
  background:#f7fbff;
  border-top:1px solid #edf3f8;
  border-bottom:1px solid #edf3f8;
}

.compact-section-heading{
  text-align:center;
  margin:0 auto 30px;
}

.compact-section-heading>span,
.compact-eyebrow{
  display:block;
  color:#0b67c9;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:1.7px;
}

.compact-section-heading h2{
  margin:6px 0 9px;
  color:#102d50;
  font-size:27px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.7px;
}

.compact-section-heading i,
.compact-why-copy i{
  display:block;
  width:42px;
  height:2px;
  margin:0 auto;
  background:#d8a400;
}















/* WHY MORESPACE — exactly the compact two-side structure */






















/* FULL-WIDTH CTA */












/* ==========================================================
   FINAL FOOTER — clean navy, no photo, compact like approved visual
   ========================================================== */



























































/* Tablet */
@media(max-width:980px){
  .home-wide-inner,
  .site-footer.site-footer--reference .premium-footer-inner{
    width:calc(100% - 44px);
  }

  

  

  

  

  

  

  

  

  
}

/* Mobile */
@media(max-width:680px){
  .home-wide-inner,
  .site-footer.site-footer--reference .premium-footer-inner{
    width:calc(100% - 28px);
  }

  .home-services-compact{
    padding:40px 0 34px;
  }

  .compact-section-heading h2{
    font-size:23px;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  
}

/* ==========================================================
   PROPERTY TYPES — IMAGE VERSION POLISH
   ========================================================== */
.property-types{
  padding:84px 24px 90px;
  background:#fff;
}

.property-types__inner{
  width:min(100%, 1280px);
  margin:0 auto;
}

.section-heading--property-types{
  max-width:760px;
  margin:0 auto 54px;
}

.section-heading--property-types h2{
  font-size:clamp(34px, 3vw, 52px);
  line-height:1.1;
  letter-spacing:-1px;
  font-weight:800;
  color:#0c2d55;
}

.section-heading--property-types p{
  max-width:720px;
  margin-top:14px;
  font-size:17px;
  line-height:1.7;
  color:#6a7f96;
}

.property-type-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:38px 24px;
  align-items:start;
}

.property-type-card{
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  text-decoration:none;
  transition:transform .22s ease;
}

.property-type-card:hover{
  transform:translateY(-6px);
  border:0;
  box-shadow:none;
}

.property-type-visual{
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%, #eef6ff 0%, #e8f2fd 65%, #e2eefb 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: inset 0 0 0 1px rgba(174, 202, 231, .18);
  overflow:hidden;
}

.property-type-visual img{
  width:82%;
  height:82%;
  object-fit:contain;
  object-position:center center;
  display:block;
  filter: drop-shadow(0 12px 12px rgba(21, 61, 103, 0.09));
}

.property-type-card strong{
  margin-top:20px;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
  color:#0d2d63;
}

.property-type-card small,
.property-icon{
  display:none !important;
}

@media (max-width:1200px){
  .property-types__inner{
    width:min(100%, 1160px);
  }
  .property-type-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:34px 20px;
  }
  .property-type-visual{
    width:180px;
    height:180px;
  }
}

@media (max-width:900px){
  .property-types{
    padding:68px 18px 72px;
  }
  .section-heading--property-types{
    margin-bottom:38px;
  }
  .section-heading--property-types h2{
    font-size:32px;
  }
  .section-heading--property-types p{
    font-size:15px;
  }
  .property-type-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:28px 14px;
  }
  .property-type-visual{
    width:160px;
    height:160px;
  }
  .property-type-card strong{
    margin-top:15px;
    font-size:16px;
  }
}

@media (max-width:600px){
  .property-types{
    padding:54px 14px 58px;
  }
  .section-heading--property-types{
    margin-bottom:30px;
  }
  .section-heading--property-types h2{
    font-size:28px;
    letter-spacing:-.6px;
  }
  .section-heading--property-types p{
    font-size:13.5px;
    line-height:1.6;
  }
  .property-type-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:24px 10px;
  }
  .property-type-visual{
    width:min(42vw, 150px);
    height:min(42vw, 150px);
  }
  .property-type-card strong{
    font-size:15px;
    margin-top:12px;
  }
}

/* ==========================================================
   PROPERTY TYPES — FINAL SIZE / SHADOW POLISH
   ========================================================== */
.property-types{
  padding:76px 24px 82px;
}

.section-heading--property-types{
  margin:0 auto 46px;
}

.section-heading--property-types h2{
  font-size:clamp(32px, 2.8vw, 48px);
}

.section-heading--property-types p{
  margin-top:12px;
  max-width:760px;
  font-size:16px;
  line-height:1.65;
}

.property-type-grid{
  gap:32px 22px;
}

.property-type-visual{
  width:178px;
  height:178px;
  background:radial-gradient(circle at 50% 35%, #edf6ff 0%, #e8f2fd 68%, #e3eef9 100%);
  box-shadow:inset 0 0 0 1px rgba(168, 195, 223, .18);
}

.property-type-visual img{
  width:74%;
  height:74%;
  object-fit:contain;
  filter:drop-shadow(0 6px 10px rgba(18, 48, 84, .11)) drop-shadow(0 14px 18px rgba(18, 48, 84, .08));
  transition:transform .22s ease, filter .22s ease;
}

.property-type-card:hover .property-type-visual img{
  transform:translateY(-3px) scale(1.02);
  filter:drop-shadow(0 8px 12px rgba(18, 48, 84, .13)) drop-shadow(0 18px 22px rgba(18, 48, 84, .10));
}

.property-type-card strong{
  margin-top:17px;
  font-size:17px;
  letter-spacing:-.2px;
}

@media (max-width:1200px){
  .property-type-grid{
    gap:28px 18px;
  }
  .property-type-visual{
    width:168px;
    height:168px;
  }
}

@media (max-width:900px){
  .property-types{
    padding:64px 18px 68px;
  }
  .section-heading--property-types{
    margin-bottom:34px;
  }
  .property-type-grid{
    gap:24px 14px;
  }
  .property-type-visual{
    width:148px;
    height:148px;
  }
  .property-type-card strong{
    margin-top:14px;
    font-size:16px;
  }
}

@media (max-width:600px){
  .property-types{
    padding:52px 14px 56px;
  }
  .section-heading--property-types{
    margin-bottom:26px;
  }
  .property-type-grid{
    gap:22px 10px;
  }
  .property-type-visual{
    width:min(39vw, 136px);
    height:min(39vw, 136px);
  }
  .property-type-visual img{
    width:72%;
    height:72%;
  }
  .property-type-card strong{
    margin-top:11px;
    font-size:15px;
  }
}

/* ==========================================================
   FINAL POLISH — BOXED PROPERTY TYPES + REFINED SERVICES
   ========================================================== */

/* PROPERTY TYPES: card boxes with image circles inside */
.property-types{
  padding:76px 24px 84px;
  background:#fff;
}

.property-types__inner{
  width:min(100%, 1240px);
  margin:0 auto;
}

.section-heading--property-types{
  max-width:760px;
  margin:0 auto 40px;
}

.section-heading--property-types h2{
  font-size:clamp(34px, 3vw, 50px);
  line-height:1.08;
  letter-spacing:-.9px;
  font-weight:800;
  color:#0d2d56;
}

.section-heading--property-types p{
  margin-top:12px;
  max-width:760px;
  color:#6a7f96;
  font-size:16px;
  line-height:1.7;
}

.property-type-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:18px;
}

.property-type-card{
  min-height:220px;
  padding:26px 14px 22px;
  border:1px solid #e7eef5;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15, 47, 82, .05);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.property-type-card:hover{
  transform:translateY(-6px);
  border-color:#d8e6f2;
  box-shadow:0 18px 36px rgba(15, 47, 82, .1);
}

.property-type-visual{
  width:112px;
  height:112px;
  margin-bottom:18px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%, #eef6ff 0%, #e8f2fd 70%, #e2eef8 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(174, 201, 227, .22);
}

.property-type-visual img{
  width:78%;
  height:78%;
  object-fit:contain;
  object-position:center;
  display:block;
  filter:drop-shadow(0 6px 8px rgba(16, 45, 80, .10)) drop-shadow(0 12px 16px rgba(16, 45, 80, .08));
  transition:transform .22s ease, filter .22s ease;
}

.property-type-card:hover .property-type-visual img{
  transform:translateY(-2px) scale(1.02);
  filter:drop-shadow(0 8px 10px rgba(16, 45, 80, .12)) drop-shadow(0 16px 18px rgba(16, 45, 80, .10));
}

.property-type-card strong{
  margin-top:0;
  color:#0d2d63;
  font-size:17px;
  line-height:1.28;
  font-weight:800;
  letter-spacing:-.15px;
}

.property-type-card small,
.property-icon{
  display:none !important;
}

/* SERVICES section */
.home-services-compact{
  padding:78px 0 84px;
  background:linear-gradient(180deg, #f8fbfe 0%, #f4f8fc 100%);
  border-top:1px solid #ecf2f7;
  border-bottom:1px solid #ecf2f7;
}

.compact-section-heading--services{
  max-width:860px;
  margin:0 auto 52px;
}

.compact-section-heading--services span{
  display:block;
  color:var(--blue);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:1.9px;
}

.compact-section-heading--services h2{
  margin:10px 0 12px;
  font-size:40px;
  line-height:1.08;
  letter-spacing:-1px;
  color:var(--navy);
}

.compact-section-heading--services p{
  max-width:760px;
  margin:0 auto 16px;
  color:#6a7f96;
  font-size:16px;
  line-height:1.75;
  font-weight:500;
}

.compact-section-heading--services i{
  width:56px;
  height:3px;
  background:#d6a132;
}

.services-reference-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}

.services-reference-card{
  position:relative;
  min-width:0;
  border:1px solid #dfe7ef;
  border-radius:14px;
  overflow:visible;
  background:#fff;
  box-shadow:0 12px 30px rgba(14, 45, 80, .06);
  transition:transform .22s ease, box-shadow .22s ease;
}

.services-reference-card:hover{
  transform:translateY(-8px);
  box-shadow:0 22px 44px rgba(14, 45, 80, .12);
}

.services-reference-card__top{
  min-height:122px;
  padding:42px 16px 18px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  text-align:center;
  border-radius:14px 14px 0 0;
}

.services-reference-card--navy .services-reference-card__top,
.services-reference-card--navy .services-reference-card__icon{
  background:var(--navy);
}

.services-reference-card--gold .services-reference-card__top,
.services-reference-card--gold .services-reference-card__icon{
  background:#c6962c;
}

.services-reference-card__icon{
  position:absolute;
  z-index:3;
  top:-34px;
  left:50%;
  width:78px;
  height:78px;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  border:4px solid #fff;
  box-shadow:0 10px 20px rgba(14, 45, 80, .12);
}

.services-reference-card__icon img{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
}

.services-reference-card__top h3{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:.98;
  font-weight:800;
  letter-spacing:-.4px;
}

.services-reference-card__content{
  min-height:232px;
  padding:18px 20px 20px 26px;
  background:linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);
  border-top:1px solid #e7edf3;
  border-radius:0 0 14px 14px;
}

.services-reference-card__content ul{
  margin:0;
  padding-left:18px;
}

.services-reference-card__content li{
  margin:0 0 10px;
  color:#203850;
  font-size:14px;
  line-height:1.38;
  font-weight:600;
}

.services-reference-card__content li:last-child{
  margin-bottom:0;
}

@media (max-width:1200px){
  .property-type-grid,
  .services-reference-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .compact-section-heading--services h2{
    font-size:36px;
  }
}

@media (max-width:900px){
  .property-types{
    padding:66px 18px 72px;
  }

  .section-heading--property-types{
    margin-bottom:32px;
  }

  .property-type-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
  }

  .property-type-card{
    min-height:205px;
    padding:22px 12px 20px;
  }

  .property-type-visual{
    width:104px;
    height:104px;
    margin-bottom:15px;
  }

  .property-type-card strong{
    font-size:16px;
  }

  .home-services-compact{
    padding:66px 0 72px;
  }

  .compact-section-heading--services{
    margin-bottom:44px;
  }

  .compact-section-heading--services h2{
    font-size:32px;
  }

  .compact-section-heading--services p{
    font-size:15px;
  }

  .services-reference-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:50px 18px;
  }
}

@media (max-width:600px){
  .property-types{
    padding:52px 14px 58px;
  }

  .section-heading--property-types h2{
    font-size:28px;
    letter-spacing:-.55px;
  }

  .section-heading--property-types p{
    font-size:13.5px;
    line-height:1.6;
  }

  .property-type-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }

  .property-type-card{
    min-height:174px;
    padding:18px 10px 16px;
    border-radius:14px;
  }

  .property-type-visual{
    width:88px;
    height:88px;
    margin-bottom:12px;
  }

  .property-type-card strong{
    font-size:14px;
  }

  .home-services-compact{
    padding:54px 0 58px;
  }

  .compact-section-heading--services{
    margin-bottom:38px;
  }

  .compact-section-heading--services span{
    font-size:10px;
  }

  .compact-section-heading--services h2{
    font-size:26px;
    letter-spacing:-.6px;
  }

  .compact-section-heading--services p{
    font-size:13.5px;
    line-height:1.65;
  }

  .services-reference-grid{
    grid-template-columns:1fr;
    gap:46px;
  }

  .services-reference-card{
    max-width:400px;
    margin:0 auto;
  }

  .services-reference-card__top{
    min-height:112px;
    padding:38px 14px 16px;
  }

  .services-reference-card__top h3{
    font-size:18px;
  }

  .services-reference-card__icon{
    width:72px;
    height:72px;
    top:-32px;
  }

  .services-reference-card__icon img{
    width:40px;
    height:40px;
  }

  .services-reference-card__content{
    min-height:auto;
    padding:18px 18px 18px 24px;
  }

  .services-reference-card__content li{
    font-size:13px;
    line-height:1.35;
  }
}

/* ==========================================================
   FINAL TUNE — PROPERTY TYPES / SERVICES / CTA-FOOTER
   ========================================================== */

/* property types: shorter cards, slightly smaller circles, larger images */
.property-type-grid{
  gap:18px;
}
.property-type-card{
  min-height:184px;
  padding:18px 12px 16px;
  border-radius:0;
}
.property-type-visual{
  width:98px;
  height:98px;
  margin-bottom:14px;
}
.property-type-visual img{
  width:84%;
  height:84%;
  filter:drop-shadow(0 7px 9px rgba(16,45,80,.12)) drop-shadow(0 12px 14px rgba(16,45,80,.08));
}
.property-type-card strong{
  font-size:16px;
}

/* services: square corners, reduced height, clean sizing */
.home-services-compact{
  padding:72px 0 78px;
}
.compact-section-heading--services{
  margin:0 auto 46px;
}
.services-reference-grid{
  gap:18px;
}
.services-reference-card,
.services-reference-card__top,
.services-reference-card__content{
  border-radius:0 !important;
}
.services-reference-card{
  box-shadow:0 10px 26px rgba(14,45,80,.06);
}
.services-reference-card__top{
  min-height:104px;
  padding:34px 14px 14px;
}
.services-reference-card__icon{
  top:-30px;
  width:70px;
  height:70px;
}
.services-reference-card__icon img{
  width:40px;
  height:40px;
}
.services-reference-card__top h3{
  font-size:18px;
  line-height:.98;
}
.services-reference-card__content{
  min-height:185px;
  padding:14px 18px 16px 24px;
}
.services-reference-card__content li{
  margin:0 0 8px;
  font-size:13px;
  line-height:1.32;
  font-weight:600;
}

/* exact CTA + footer look, but keep site font */
.msf{
  width:100%;
  color:#fff;
  font-family:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  overflow:hidden;
}
.msf-container{
  width:84.7%;
  max-width:1160px;
  margin:0 auto;
}
.msf-cta{
  height:99px;
  background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.015)), #06458c;
  border-top:1px solid rgba(255,255,255,.72);
}
.msf-cta__inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.msf-eyebrow{
  margin:0 0 7px;
  color:rgba(255,255,255,.82);
  font-size:10.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:2px;
}
.msf-cta h2{
  margin:0;
  color:#fff;
  font-size:27px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.3px;
}
.msf-cta__button{
  width:190px;
  height:45px;
  flex:0 0 190px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#062b5d;
  background:#fff;
  border:1px solid #d7dee7;
  border-radius:3px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  box-shadow:0 2px 6px rgba(0,15,45,.12);
}
.msf-cta__button:hover{transform:translateY(-1px)}
.msf-cta__button svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.msf-main{
  min-height:234px;
  background:#00224f;
}
.msf-grid{
  min-height:234px;
  display:grid;
  grid-template-columns:30.1% 20.2% 23.8% 25.9%;
}
.msf-brand{padding-top:20px;min-width:0}
.msf-logo{display:block;width:249px;height:64px;margin:0 0 9px}
.msf-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.msf-about{
  width:286px;
  max-width:calc(100% - 34px);
  margin:0 0 12px;
  color:#d7e2ef;
  font-size:12px;
  line-height:1.34;
  font-weight:500;
}
.msf-socials{display:flex;align-items:center;gap:10px}
.msf-socials a,.msf-contact-icon{
  width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:50%;background:#0877c6;color:#fff;
}
.msf-socials svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.7}
.msf-socials a:nth-child(2) svg{fill:none}

.msf-col{
  min-width:0;
  min-height:194px;
  margin-top:20px;
  border-left:1px solid rgba(73,139,199,.28);
}
.msf-quick{padding-left:66px}
.msf-services{padding-left:61px}
.msf-contact{padding-left:56px}
.msf-col h3{margin:5px 0 0;color:#fff;font-size:15.5px;line-height:1.25;font-weight:800}
.msf-rule{display:block;width:38px;height:3px;margin:15px 0 20px;background:#1593ea}
.msf-col ul{list-style:none;padding:0;margin:0}
.msf-quick ul,.msf-services ul{display:grid;gap:9px}
.msf-col a{color:#d7e2ef;font-size:12.2px;line-height:1.25;font-weight:500;white-space:nowrap}
.msf-contact-list{display:grid;gap:7px}
.msf-contact-list li{min-height:39px;display:flex;align-items:center;gap:12px}
.msf-contact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msf-phone{display:grid;gap:2px}
.msf-bottom{height:52px;background:#00204c;border-top:1px solid rgba(75,139,198,.34)}
.msf-bottom__inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.msf-bottom p,.msf-bottom a{margin:0;color:#dce5f0;font-size:10.5px;line-height:1;font-weight:500}
.msf-legal{display:flex;align-items:center;gap:12px}
.msf-legal span{width:1px;height:14px;background:rgba(220,229,240,.38)}

@media (max-width:1200px){
  .property-type-card{min-height:176px;padding:16px 10px 14px}
  .property-type-visual{width:92px;height:92px}
}
@media (max-width:900px){
  .property-type-card{min-height:168px}
  .property-type-visual{width:86px;height:86px}
  .services-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 16px}
  .services-reference-card__content{min-height:168px}
  .msf-container{width:calc(100% - 48px);max-width:none}
  .msf-cta{height:auto}
  .msf-cta__inner{min-height:110px}
  .msf-grid{grid-template-columns:1fr 1fr;min-height:0}
  .msf-main{height:auto}
  .msf-brand,.msf-col{min-height:220px}
  .msf-col{border-left:0;margin-top:0;padding-top:24px}
  .msf-quick,.msf-contact{border-left:1px solid rgba(73,139,199,.28)}
  .msf-services{padding-left:0}
}
@media (max-width:620px){
  .property-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .property-type-card{min-height:156px;padding:14px 8px 12px}
  .property-type-visual{width:76px;height:76px;margin-bottom:10px}
  .property-type-card strong{font-size:14px}

  .home-services-compact{padding:56px 0 60px}
  .compact-section-heading--services h2{font-size:26px}
  .services-reference-grid{grid-template-columns:1fr;gap:42px}
  .services-reference-card{max-width:400px;margin:0 auto}
  .services-reference-card__top{min-height:98px}
  .services-reference-card__content{min-height:auto;padding:14px 16px 16px 22px}

  .msf-container{width:calc(100% - 36px)}
  .msf-cta__inner{padding:24px 0;flex-direction:column;align-items:flex-start;gap:18px}
  .msf-cta h2{font-size:22px;line-height:1.2}
  .msf-eyebrow{font-size:9px;letter-spacing:1.6px}
  .msf-cta__button{width:100%;flex-basis:45px}
  .msf-grid{display:block;padding:25px 0 10px}
  .msf-brand,.msf-col{min-height:0;height:auto;margin:0;padding:0 0 25px;border:0;border-bottom:1px solid rgba(73,139,199,.28)}
  .msf-col{padding-top:24px}
  .msf-contact{border-bottom:0}
  .msf-about{width:100%;max-width:340px}
  .msf-bottom{height:auto}
  .msf-bottom__inner{padding:17px 0;flex-direction:column;align-items:flex-start;gap:13px}
  .msf-legal{flex-wrap:wrap}
}

/* ==========================================================
   USER-REQUESTED FINAL REFINEMENTS — 2026-09-24
   Only targeted changes: property images, service widths,
   Why MoreSpace replacement, and CTA/footer proportions.
   ========================================================== */

/* 1) Explore Property Types — keep desktop boxes/circles as-is,
      enlarge the property artwork only. */
.property-type-visual img{
  width:94%;
  height:94%;
  object-fit:contain;
  object-position:center;
}

/* 2) Our Services — narrower cards, centered, no rounded corners. */
.services-reference-grid{
  width:min(100%, 1100px);
  margin-left:auto;
  margin-right:auto;
  gap:16px;
}
.services-reference-card,
.services-reference-card__top,
.services-reference-card__content{
  border-radius:0 !important;
}

/* 3) Why MoreSpace — exact supplied structure, adapted to site font/theme. */
.why-ms{
  width:100%;
  background:
    radial-gradient(circle at 58% 28%, rgba(236,246,255,.60), transparent 25%),
    linear-gradient(90deg,#fff 0%,#fbfdff 48%,#fff 100%);
  color:#06275c;
  font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.why-ms__inner{
  width:84.5%;
  max-width:1160px;
  min-height:190px;
  margin:0 auto;
  display:grid;
  grid-template-columns:42.5% 57.5%;
  align-items:start;
  padding:29px 0 25px;
}
.why-ms__intro{padding-top:1px}
.why-ms__eyebrow{
  margin:0 0 5px;
  color:#174a85;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.25px;
}
.why-ms__title{
  margin:0;
  color:#06275c;
  font-size:28px;
  line-height:.98;
  font-weight:800;
  letter-spacing:-.8px;
}
.why-ms__accent{
  display:block;
  width:31px;
  height:2px;
  margin:10px 0 9px;
  background:#d3a600;
}
.why-ms__description{
  width:340px;
  max-width:91%;
  margin:0;
  color:#52657f;
  font-size:10.5px;
  line-height:1.46;
  font-weight:500;
}
.why-ms__features{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:33px;
  row-gap:13px;
  padding-top:0;
}
.why-ms__feature{
  min-width:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  column-gap:12px;
}
.why-ms__icon{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.why-ms__icon img{
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
}
.why-ms__feature h3{
  margin:0 0 3px;
  color:#08295d;
  font-size:11.5px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.12px;
}
.why-ms__feature p{
  margin:0;
  color:#60718a;
  font-size:9px;
  line-height:1.4;
  font-weight:500;
}

/* 4) Footer — lock the supplied reference proportions on desktop. */
.msf-cta{height:99px}
.msf-main{height:234px;min-height:234px}
.msf-grid{height:234px;min-height:234px}
.msf-bottom{height:52px}

/* Tablet/mobile refinements */
@media (max-width:900px){
  .services-reference-grid{
    width:min(100%, 720px);
  }

  .why-ms__inner{
    width:calc(100% - 48px);
    min-height:0;
    grid-template-columns:1fr;
    gap:27px;
    padding:34px 0;
  }
  .why-ms__description{
    width:410px;
    max-width:100%;
  }
  .why-ms__features{
    column-gap:20px;
    row-gap:18px;
  }

  .msf-main,.msf-grid{height:auto;min-height:0}
}

@media (max-width:620px){
  /* Property Types mobile: shorter boxes, slightly larger circle,
     and artwork fills more of the circle. */
  .property-type-card{
    min-height:136px;
    padding:11px 7px 10px;
  }
  .property-type-visual{
    width:82px;
    height:82px;
    margin-bottom:8px;
  }
  .property-type-visual img{
    width:96%;
    height:96%;
  }
  .property-type-card strong{
    font-size:13.5px;
    line-height:1.2;
  }

  .services-reference-grid{
    width:100%;
  }

  .why-ms__inner{
    width:calc(100% - 34px);
    gap:24px;
    padding:30px 0;
  }
  .why-ms__title{
    font-size:25px;
    line-height:1.05;
  }
  .why-ms__description{font-size:10.5px}
  .why-ms__features{
    grid-template-columns:1fr;
    row-gap:15px;
  }
  .why-ms__feature{
    grid-template-columns:50px 1fr;
    column-gap:11px;
  }
  .why-ms__icon,
  .why-ms__icon img{
    width:50px;
    height:50px;
  }
  .why-ms__feature h3{font-size:11.5px}
  .why-ms__feature p{font-size:9.2px}
}

/* ==========================================================
   VISUAL POLISH — 2026-09-24
   Requested only: larger Property Type artwork that can extend
   beyond the circle, and tighter Why/CTA/Footer proportions.
   ========================================================== */

/* Property artwork: Jumia-style visual treatment.
   Keep the existing cards and circles untouched; enlarge only
   the transparent artwork and let it breathe beyond the circle. */
.property-type-visual{
  overflow:visible !important;
}
.property-type-visual img{
  width:118% !important;
  height:118% !important;
  max-width:none !important;
  transform:translateY(-2px);
  filter:
    drop-shadow(0 7px 9px rgba(16,45,80,.13))
    drop-shadow(0 15px 18px rgba(16,45,80,.09));
}
.property-type-card:hover .property-type-visual img{
  transform:translateY(-5px) scale(1.025);
  filter:
    drop-shadow(0 9px 11px rgba(16,45,80,.15))
    drop-shadow(0 18px 22px rgba(16,45,80,.11));
}

/* Why MoreSpace: preserve supplied layout, improve proportion/readability. */
.why-ms__inner{
  min-height:218px;
  padding:31px 0 29px;
  align-items:center;
}
.why-ms__title{
  font-size:30px;
  line-height:1.02;
  letter-spacing:-.8px;
}
.why-ms__description{
  font-size:11px;
  line-height:1.5;
}
.why-ms__features{
  row-gap:16px;
}
.why-ms__feature{
  grid-template-columns:56px minmax(0,1fr);
  column-gap:13px;
}
.why-ms__icon,
.why-ms__icon img{
  width:56px;
  height:56px;
}
.why-ms__feature h3{
  font-size:12px;
  line-height:1.2;
}
.why-ms__feature p{
  font-size:9.5px;
  line-height:1.42;
}

/* CTA + footer: compact premium proportions matching the supplied reference. */
.msf-cta{
  height:92px;
}
.msf-eyebrow{
  margin-bottom:6px;
  font-size:9.5px;
  letter-spacing:1.8px;
}
.msf-cta h2{
  font-size:25px;
}
.msf-cta__button{
  width:180px;
  height:42px;
  flex-basis:180px;
  font-size:10.5px;
}

.msf-main{
  height:204px;
  min-height:204px;
}
.msf-grid{
  height:204px;
  min-height:204px;
}
.msf-brand{
  padding-top:16px;
}
.msf-logo{
  width:225px;
  height:54px;
  margin-bottom:7px;
}
.msf-about{
  width:276px;
  margin-bottom:9px;
  font-size:10.5px;
  line-height:1.36;
}
.msf-socials{
  gap:8px;
}
.msf-socials a,
.msf-contact-icon{
  width:33px;
  height:33px;
  flex-basis:33px;
}
.msf-socials svg,
.msf-contact-icon svg{
  width:15px;
  height:15px;
}
.msf-col{
  min-height:172px;
  margin-top:16px;
}
.msf-quick{padding-left:58px}
.msf-services{padding-left:54px}
.msf-contact{padding-left:50px}
.msf-col h3{
  margin-top:3px;
  font-size:13.5px;
}
.msf-rule{
  width:34px;
  height:2px;
  margin:11px 0 14px;
}
.msf-quick ul,
.msf-services ul{
  gap:7px;
}
.msf-col a{
  font-size:10.5px;
}
.msf-contact-list{
  gap:4px;
}
.msf-contact-list li{
  min-height:34px;
  gap:9px;
}
.msf-phone{
  gap:1px;
}
.msf-bottom{
  height:44px;
}
.msf-bottom p,
.msf-bottom a{
  font-size:9.5px;
}

@media (max-width:900px){
  .property-type-visual img{
    width:116% !important;
    height:116% !important;
  }

  .why-ms__inner{
    min-height:0;
    padding:32px 0;
    align-items:start;
  }

  .msf-main,
  .msf-grid{
    height:auto;
    min-height:0;
  }
}

@media (max-width:620px){
  /* Keep mobile cards compact, but make artwork visibly larger than circles. */
  .property-type-visual img{
    width:122% !important;
    height:122% !important;
    transform:translateY(-1px);
  }
  .property-type-card:hover .property-type-visual img{
    transform:translateY(-3px) scale(1.015);
  }

  .why-ms__inner{
    padding:28px 0;
  }
  .why-ms__title{
    font-size:25px;
  }
  .why-ms__feature{
    grid-template-columns:52px 1fr;
  }
  .why-ms__icon,
  .why-ms__icon img{
    width:52px;
    height:52px;
  }

  .msf-cta{
    height:auto;
  }
  .msf-cta__inner{
    min-height:0;
    padding:21px 0;
  }
  .msf-main,
  .msf-grid{
    height:auto;
    min-height:0;
  }
  .msf-bottom{
    height:auto;
  }
}

/* ==========================================================
   FINAL REQUESTED FIX — Listings / Why / Footer only
   Preserve all other homepage sections exactly as-is.
   ========================================================== */

/* Property cards: remove only the red-circled UI elements. */


/* Keep all four property cards visually uniform after removing chips. */
#latestListings .listing-grid{
  align-items:stretch;
}
#latestListings .listing-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
#latestListings .listing-card__media{
  flex:0 0 220px;
  height:220px;
}
#latestListings .listing-card__body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:19px 19px 20px;
}
#latestListings .listing-price-row{
  min-height:24px;
  margin-bottom:10px;
}
#latestListings .listing-card h3{
  min-height:49px;
}
#latestListings .listing-address{
  min-height:21px;
  margin:7px 0 16px;
}
#latestListings .listing-link{
  margin-top:auto;
}

/* WHY MORESPACE — exact supplied geometry, PURE WHITE background. */
.why-ms{
  width:100%;
  background:#fff !important;
  color:#06275c;
}
.why-ms__inner{
  width:84.5%;
  max-width:1160px;
  min-height:190px;
  margin:0 auto;
  display:grid;
  grid-template-columns:42.5% 57.5%;
  align-items:start;
  padding:29px 0 25px;
}
.why-ms__intro{
  padding-top:1px;
}
.why-ms__eyebrow{
  margin:0 0 5px;
  color:#174a85;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.25px;
}
.why-ms__title{
  margin:0;
  color:#06275c;
  font-size:28px;
  line-height:.98;
  font-weight:800;
  letter-spacing:-.8px;
}
.why-ms__accent{
  display:block;
  width:31px;
  height:2px;
  margin:10px 0 9px;
  background:#d3a600;
}
.why-ms__description{
  width:340px;
  max-width:91%;
  margin:0;
  color:#52657f;
  font-size:10.5px;
  line-height:1.46;
  font-weight:500;
}
.why-ms__features{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:33px;
  row-gap:13px;
  padding-top:0;
}
.why-ms__feature{
  min-width:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  column-gap:12px;
}
.why-ms__icon,
.why-ms__icon img{
  width:54px;
  height:54px;
}
.why-ms__icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.why-ms__icon img{
  display:block;
  object-fit:contain;
}
.why-ms__feature h3{
  margin:0 0 3px;
  color:#08295d;
  font-size:11.5px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.12px;
}
.why-ms__feature p{
  margin:0;
  color:#60718a;
  font-size:9px;
  line-height:1.4;
  font-weight:500;
}

/* CTA + FOOTER — restore the exact reference sizing/proportions. */
.msf-container{
  width:84.7%;
  max-width:1160px;
  margin:0 auto;
}
.msf-cta{
  height:99px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.015)),#06458c;
  border-top:1px solid rgba(255,255,255,.72);
}
.msf-cta__inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.msf-cta__copy{
  transform:translateY(-1px);
}
.msf-eyebrow{
  margin:0 0 7px;
  color:rgba(255,255,255,.80);
  font-size:10.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:2.2px;
}
.msf-cta h2{
  margin:0;
  color:#fff;
  font-size:27px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.3px;
}
.msf-cta__button{
  width:190px;
  height:45px;
  flex:0 0 190px;
  gap:11px;
  color:#062b5d;
  background:#fff;
  border:1px solid #d7dee7;
  border-radius:3px;
  font-size:11px;
  font-weight:800;
  box-shadow:0 2px 6px rgba(0,15,45,.12);
}
.msf-main{
  height:234px !important;
  min-height:234px !important;
  background:#00224f;
}
.msf-grid{
  height:234px !important;
  min-height:234px !important;
  display:grid;
  grid-template-columns:30.1% 20.2% 23.8% 25.9%;
}
.msf-brand{
  min-width:0;
  padding-top:20px;
}
.msf-logo{
  display:block;
  width:249px;
  height:64px;
  margin:0 0 9px;
}
.msf-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.msf-about{
  width:286px;
  max-width:calc(100% - 34px);
  margin:0 0 12px;
  color:#d7e2ef;
  font-size:12.2px;
  line-height:1.34;
  font-weight:500;
}
.msf-socials{
  display:flex;
  align-items:center;
  gap:10px;
}
.msf-socials a,
.msf-contact-icon{
  width:39px;
  height:39px;
  flex:0 0 39px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#0877c6;
}
.msf-socials svg,
.msf-contact-icon svg{
  width:17px;
  height:17px;
}
.msf-col{
  min-width:0;
  height:194px;
  min-height:194px;
  margin-top:20px;
  border-left:1px solid rgba(73,139,199,.28);
}
.msf-quick{padding-left:66px}
.msf-services{padding-left:61px}
.msf-contact{padding-left:56px}
.msf-col h3{
  margin:5px 0 0;
  color:#fff;
  font-size:15.5px;
  line-height:1.25;
  font-weight:800;
}
.msf-rule{
  width:38px;
  height:3px;
  margin:15px 0 20px;
  background:#1593ea;
}
.msf-quick ul,
.msf-services ul{
  gap:9px;
}
.msf-col a{
  color:#d7e2ef;
  font-size:12.4px;
  line-height:1.25;
  font-weight:500;
}
.msf-contact-list{
  gap:7px;
}
.msf-contact-list li{
  min-height:39px;
  gap:12px;
}
.msf-phone{
  gap:2px;
}
.msf-bottom{
  height:52px !important;
  background:#00204c;
  border-top:1px solid rgba(75,139,198,.34);
}
.msf-bottom p,
.msf-bottom a{
  color:#dce5f0;
  font-size:10.5px;
  line-height:1;
  font-weight:500;
}

@media (max-width:900px){
  #latestListings .listing-card__media{
    flex-basis:200px;
    height:200px;
  }
  #latestListings .listing-card h3{
    min-height:0;
  }

  .why-ms__inner{
    width:calc(100% - 48px);
    min-height:0;
    grid-template-columns:1fr;
    gap:27px;
    padding:34px 0;
  }
  .why-ms__description{
    width:410px;
    max-width:100%;
  }
  .why-ms__features{
    column-gap:20px;
    row-gap:18px;
  }

  .msf-container{
    width:calc(100% - 48px);
    max-width:none;
  }
  .msf-cta{
    height:auto !important;
  }
  .msf-cta__inner{
    min-height:110px;
  }
  .msf-main,
  .msf-grid{
    height:auto !important;
    min-height:0 !important;
  }
  .msf-grid{
    grid-template-columns:1fr 1fr;
  }
  .msf-brand,
  .msf-col{
    min-height:220px;
    height:auto;
  }
  .msf-col{
    border-left:0;
    margin-top:0;
    padding-top:24px;
  }
  .msf-quick,
  .msf-contact{
    border-left:1px solid rgba(73,139,199,.28);
  }
  .msf-services{
    padding-left:0;
  }
  .msf-bottom{
    height:52px !important;
  }
}

@media (max-width:620px){
  .why-ms__inner{
    width:calc(100% - 34px);
    gap:24px;
    padding:30px 0;
  }
  .why-ms__title{
    font-size:25px;
    line-height:1.05;
  }
  .why-ms__description{
    font-size:10.5px;
  }
  .why-ms__features{
    grid-template-columns:1fr;
    row-gap:15px;
  }
  .why-ms__feature{
    grid-template-columns:50px 1fr;
    column-gap:11px;
  }
  .why-ms__icon,
  .why-ms__icon img{
    width:50px;
    height:50px;
  }
  .why-ms__feature h3{font-size:11.5px}
  .why-ms__feature p{font-size:9.2px}

  .msf-container{
    width:calc(100% - 36px);
  }
  .msf-cta__inner{
    padding:24px 0;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
  .msf-cta h2{
    font-size:22px;
    line-height:1.2;
  }
  .msf-eyebrow{
    font-size:9px;
    letter-spacing:1.6px;
  }
  .msf-cta__button{
    width:100%;
    flex-basis:45px;
  }
  .msf-grid{
    display:block;
    padding:25px 0 10px;
  }
  .msf-brand,
  .msf-col{
    min-height:0;
    height:auto;
    margin:0;
    padding:0 0 25px;
    border:0;
    border-bottom:1px solid rgba(73,139,199,.28);
  }
  .msf-col{
    padding-top:24px;
  }
  .msf-contact{
    border-bottom:0;
  }
  .msf-about{
    width:100%;
    max-width:340px;
  }
  .msf-bottom{
    height:auto !important;
  }
  .msf-bottom__inner{
    padding:17px 0;
    flex-direction:column;
    align-items:flex-start;
    gap:13px;
  }
}

/* ==========================================================
   FINAL TYPOGRAPHY + WHY / CTA / FOOTER REFINEMENT — 2026-09-24
   Scoped to visual consistency; existing site structure is preserved.
   ========================================================== */
:root{
  --ms-blue:#0b67c9;
  --ms-blue-dark:#0756b8;
  --ms-navy:#102d50;
  --ms-footer:#00224f;
  --ms-footer-deep:#001d47;
  --ms-muted:#647a90;
  --ms-font:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
a,
nav,
h1,
h2,
h3,
h4,
h5,
h6{
  font-family:var(--ms-font) !important;
}

body{
  color:var(--ms-navy);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* WHY MORESPACE — same structure, improved scale and readability. */
.why-ms{
  background:#fff !important;
}
.why-ms__inner{
  width:84.7%;
  max-width:1160px;
  min-height:218px;
  padding:31px 0 29px;
  grid-template-columns:42.5% 57.5%;
  align-items:center;
}
.why-ms__eyebrow{
  margin-bottom:6px;
  color:#174a85;
  font-size:10px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:1.45px;
}
.why-ms__title{
  color:#06275c;
  font-size:30px;
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.9px;
}
.why-ms__accent{
  width:32px;
  height:2px;
  margin:11px 0 10px;
}
.why-ms__description{
  width:355px;
  max-width:92%;
  color:#52677f;
  font-size:11.3px;
  line-height:1.55;
  font-weight:500;
}
.why-ms__features{
  column-gap:34px;
  row-gap:18px;
}
.why-ms__feature{
  grid-template-columns:58px minmax(0,1fr);
  column-gap:13px;
}
.why-ms__icon,
.why-ms__icon img{
  width:58px;
  height:58px;
}
.why-ms__feature h3{
  margin-bottom:4px;
  color:#08295d;
  font-size:13px;
  line-height:1.22;
  font-weight:800;
}
.why-ms__feature p{
  color:#60758a;
  font-size:10.4px;
  line-height:1.48;
  font-weight:500;
}

/* CTA — compact band matching the reference proportion. */
.msf-container{
  width:84.7%;
  max-width:1160px;
}
.msf-cta{
  height:92px !important;
  background:#064b95;
  border-top:0;
}
.msf-cta__inner{
  min-height:92px;
}
.msf-eyebrow{
  margin-bottom:6px;
  color:rgba(255,255,255,.78);
  font-size:9.5px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:1.8px;
}
.msf-cta h2{
  font-size:25px;
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.45px;
}
.msf-cta__button{
  width:180px;
  height:42px;
  flex-basis:180px;
  border-radius:2px;
  font-size:10.8px;
  font-weight:800;
}

/* FOOTER — reduced height without making the text tiny. */
.msf-main{
  height:204px !important;
  min-height:204px !important;
  background:var(--ms-footer);
}
.msf-grid{
  height:204px !important;
  min-height:204px !important;
  grid-template-columns:30.1% 20.2% 23.8% 25.9%;
}
.msf-brand{
  padding-top:16px;
}
.msf-logo{
  width:235px;
  height:57px;
  margin-bottom:7px;
}
.msf-about{
  width:288px;
  max-width:calc(100% - 30px);
  margin-bottom:10px;
  color:#d9e3ee;
  font-size:11px;
  line-height:1.42;
  font-weight:500;
}
.msf-socials{
  gap:8px;
}
.msf-socials a,
.msf-contact-icon{
  width:34px;
  height:34px;
  flex-basis:34px;
  background:#0877c6;
}
.msf-socials svg,
.msf-contact-icon svg{
  width:15px;
  height:15px;
}
.msf-col{
  height:172px;
  min-height:172px;
  margin-top:16px;
  border-left-color:rgba(73,139,199,.28);
}
.msf-quick{padding-left:58px}
.msf-services{padding-left:54px}
.msf-contact{padding-left:50px}
.msf-col h3{
  margin-top:3px;
  color:#fff;
  font-size:14px;
  line-height:1.22;
  font-weight:800;
}
.msf-rule{
  width:34px;
  height:2px;
  margin:11px 0 14px;
  background:#1593ea;
}
.msf-quick ul,
.msf-services ul{
  gap:7px;
}
.msf-col a{
  color:#d8e3ef;
  font-size:11.2px;
  line-height:1.35;
  font-weight:500;
}
.msf-contact-list{
  gap:5px;
}
.msf-contact-list li{
  min-height:34px;
  gap:9px;
}
.msf-phone{
  gap:1px;
}
.msf-bottom{
  height:44px !important;
  background:var(--ms-footer-deep);
  border-top-color:rgba(75,139,198,.32);
}
.msf-bottom p,
.msf-bottom a{
  color:#dce5f0;
  font-size:9.8px;
  line-height:1.2;
  font-weight:500;
}

/* Tablet: preserve the existing two-column footer behavior. */
@media (max-width:900px){
  .why-ms__inner{
    width:calc(100% - 48px);
    min-height:0;
    grid-template-columns:1fr;
    gap:28px;
    padding:34px 0;
    align-items:start;
  }
  .why-ms__description{
    width:430px;
    max-width:100%;
    font-size:11.5px;
  }
  .why-ms__features{
    column-gap:24px;
    row-gap:18px;
  }

  .msf-container{
    width:calc(100% - 48px);
  }
  .msf-cta{
    height:auto !important;
  }
  .msf-cta__inner{
    min-height:104px;
  }
  .msf-main,
  .msf-grid{
    height:auto !important;
    min-height:0 !important;
  }
  .msf-grid{
    grid-template-columns:1fr 1fr;
  }
  .msf-brand,
  .msf-col{
    height:auto;
    min-height:205px;
  }
  .msf-col{
    margin-top:0;
    padding-top:24px;
  }
  .msf-quick,
  .msf-contact{
    border-left:1px solid rgba(73,139,199,.28);
  }
  .msf-services{
    padding-left:0;
  }
}

/* Mobile: clear hierarchy and no squeezed columns. */
@media (max-width:620px){
  .why-ms__inner{
    width:calc(100% - 34px);
    gap:24px;
    padding:29px 0 31px;
  }
  .why-ms__eyebrow{
    font-size:9.5px;
  }
  .why-ms__title{
    font-size:26px;
    line-height:1.06;
  }
  .why-ms__description{
    font-size:11px;
    line-height:1.55;
  }
  .why-ms__features{
    grid-template-columns:1fr;
    row-gap:16px;
  }
  .why-ms__feature{
    grid-template-columns:52px 1fr;
    column-gap:12px;
  }
  .why-ms__icon,
  .why-ms__icon img{
    width:52px;
    height:52px;
  }
  .why-ms__feature h3{
    font-size:12.5px;
  }
  .why-ms__feature p{
    font-size:10px;
  }

  .msf-container{
    width:calc(100% - 36px);
  }
  .msf-cta__inner{
    min-height:0;
    padding:22px 0;
    gap:17px;
  }
  .msf-cta h2{
    font-size:22px;
    line-height:1.2;
  }
  .msf-eyebrow{
    font-size:9px;
    letter-spacing:1.55px;
  }
  .msf-cta__button{
    width:100%;
    flex-basis:43px;
    height:43px;
    font-size:10.8px;
  }
  .msf-grid{
    display:block;
    padding:25px 0 10px;
  }
  .msf-brand,
  .msf-col{
    min-height:0;
    height:auto;
    margin:0;
    padding:0 0 25px;
    border:0;
    border-bottom:1px solid rgba(73,139,199,.28);
  }
  .msf-col{
    padding-top:24px;
  }
  .msf-contact{
    border-bottom:0;
  }
  .msf-logo{
    width:225px;
  }
  .msf-about{
    width:100%;
    max-width:340px;
    font-size:11px;
  }
  .msf-col h3{
    font-size:14px;
  }
  .msf-col a{
    font-size:11.2px;
  }
  .msf-bottom{
    height:auto !important;
  }
  .msf-bottom__inner{
    padding:17px 0;
    flex-direction:column;
    align-items:flex-start;
    gap:13px;
  }
}


/* ==========================================================
   MORESPACE FINAL SITE-WIDE UNIFORMITY PASS — 2026-09-24
   Shared typography, page proportions, CTA and footer across
   Home / About / Properties / Single Property / Contact / Legal.
   ========================================================== */

/* One typography system everywhere */
html,body,button,input,select,textarea,a,nav,label{
  font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body{
  color:#102d50;
  background:#fff;
  font-size:14px;
}
h1,h2,h3,h4,h5,h6{
  color:#102d50;
  font-family:inherit;
  font-weight:800;
}
p{font-family:inherit;}

/* Keep all internal pages on the same width/rhythm as the homepage/footer */
.page-wrap,
.msf-container{
  width:min(calc(100% - 48px),1160px);
  max-width:1160px;
  margin-left:auto;
  margin-right:auto;
}

/* Internal page hero typography: large enough to be premium, not oversized */
.page-hero--compact{
  padding:52px 0 56px;
  background:linear-gradient(180deg,#f4f7fa 0%,#eef4f8 100%);
}
.page-hero .breadcrumb{margin-bottom:26px;}
.page-hero h1{
  font-size:clamp(38px,4vw,52px);
  line-height:1.08;
  letter-spacing:-1.5px;
}
.page-hero p{
  max-width:700px;
  margin-top:13px;
  color:#60778d;
  font-size:14.5px;
  line-height:1.7;
}
.page-kicker,.section-kicker{
  font-size:10.5px;
  font-weight:850;
  letter-spacing:1.45px;
}
.breadcrumb{font-size:11.5px;}

/* ABOUT — same blue/white/grey identity as homepage */















/* PROPERTIES LISTING PAGE */
.listing-page-section{padding:40px 0 76px;}
.listings-layout{grid-template-columns:252px minmax(0,1fr);gap:28px;}
.filter-panel{
  padding:24px;
  background:#f7f9fb;
  border-color:#dce5ed;
}
.filter-panel__head h2{font-size:17px;}
.properties-results{gap:22px;}





.listing-address{font-size:12px;color:#74899c;}



/* SINGLE PROPERTY PAGE */
.property-title-band{padding:39px 0 31px;}
.property-title-band .breadcrumb{margin-bottom:27px;}
.property-title-row h1{
  max-width:760px;
  font-size:clamp(34px,3.5vw,48px);
  line-height:1.1;
  letter-spacing:-1.25px;
}
.property-title-row p{font-size:12.5px;}
.property-price-block strong{font-size:27px;}
.gallery-grid{grid-template-rows:225px 225px;gap:10px;}
.property-detail-section{padding:62px 0 72px;}
.property-detail-grid{grid-template-columns:minmax(0,1fr) 350px;gap:34px;}
.property-facts div{padding:18px 14px;}
.detail-block{padding:27px;}
.detail-block__heading h2{font-size:21px;}
.detail-block p{font-size:13.5px;line-height:1.8;}
.enquiry-card{padding:27px;}
.enquiry-card h2{font-size:23px;}
.similar-section{padding:68px 0 74px;}

/* CONTACT PAGE */
.contact-section{padding:68px 0 74px;}
.contact-grid{grid-template-columns:.92fr 1.08fr;gap:58px;}
.contact-info h2,.contact-form-wrap h2{
  font-size:32px;
  line-height:1.22;
  letter-spacing:-.65px;
}
.contact-info>p{font-size:14px;line-height:1.75;}
.contact-lines a,.contact-lines strong{font-size:13px;}
.contact-form-wrap{
  padding:32px;
  background:#f7f9fb;
  border-color:#dce5ed;
}
.contact-form label,.enquiry-card label{font-size:11.5px;}
.contact-form input,.contact-form textarea,.contact-form select,
.enquiry-card input,.enquiry-card textarea{
  min-height:44px;
  font-size:13px;
}
.contact-form textarea,.enquiry-card textarea{min-height:115px;}
.contact-strip{background:#102d50;}
.contact-strip .page-wrap{min-height:100px;}

/* Shared CTA — identical on every page */
.msf-cta{
  height:112px;
  background:#07539e;
  border-top:0;
}
.msf-cta__inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.msf-eyebrow{
  margin-bottom:8px;
  font-size:10px;
  line-height:1;
  letter-spacing:1.8px;
}
.msf-cta h2{
  font-size:27px;
  line-height:1.14;
  letter-spacing:-.45px;
}
.msf-cta__button{
  width:190px;
  height:46px;
  flex-basis:190px;
  font-size:11.5px;
}

/* Shared footer — intentionally taller with real vertical breathing room */
.msf-main{
  height:286px;
  min-height:286px;
  background:#00224f;
}
.msf-grid{
  height:286px;
  min-height:286px;
  grid-template-columns:31% 19% 23% 27%;
  align-items:start;
}
.msf-brand{
  padding-top:31px;
}
.msf-logo{
  width:252px;
  height:66px;
  margin-bottom:12px;
}
.msf-about{
  width:302px;
  max-width:calc(100% - 26px);
  margin-bottom:16px;
  color:#d8e4ef;
  font-size:12.5px;
  line-height:1.5;
}
.msf-socials{gap:10px;}
.msf-socials a,.msf-contact-icon{
  width:40px;
  height:40px;
  flex-basis:40px;
}
.msf-col{
  min-height:225px;
  margin-top:31px;
}
.msf-quick{padding-left:48px;}
.msf-services{padding-left:48px;}
.msf-contact{padding-left:48px;}
.msf-col h3{
  margin-top:2px;
  font-size:16px;
  line-height:1.3;
}
.msf-rule{
  width:36px;
  height:2px;
  margin:14px 0 21px;
}
.msf-quick ul,.msf-services ul{gap:12px;}
.msf-col a{
  font-size:12.5px;
  line-height:1.35;
}
.msf-contact-list{gap:8px;}
.msf-contact-list li{min-height:41px;gap:12px;}
.msf-bottom{
  height:58px;
  background:#001f49;
}
.msf-bottom p,.msf-bottom a{
  font-size:10.5px;
  line-height:1.2;
}

/* Legal pages use the same visual language */
.legal-page{padding:60px 0 76px;}
.legal-wrap h1{font-size:40px;letter-spacing:-1px;}
.legal-wrap h2{font-size:19px;}
.legal-wrap p{font-size:13.5px;line-height:1.8;}

@media (max-width:980px){
  
  
  .listings-layout{grid-template-columns:1fr;}
  .property-detail-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:38px;}

  .msf-cta{height:auto;}
  .msf-cta__inner{min-height:118px;}
  .msf-main{height:auto;min-height:0;}
  .msf-grid{height:auto;min-height:0;grid-template-columns:1fr 1fr;padding:8px 0 18px;}
  .msf-brand,.msf-col{min-height:228px;}
  .msf-brand{padding-top:28px;}
  .msf-col{margin-top:0;padding-top:30px;}
  .msf-quick,.msf-services,.msf-contact{padding-left:34px;}
}

@media (max-width:720px){
  .page-wrap,.msf-container{width:calc(100% - 30px);}
  .page-hero--compact{padding:37px 0 42px;}
  .page-hero h1{font-size:34px;letter-spacing:-1px;}
  
  
  
  
  
  
  
  
  

  
  .property-title-row h1{font-size:32px;}
  .gallery-grid{grid-template-rows:235px 122px;}
  .property-detail-section{padding:48px 0 55px;}
  .detail-block{padding:21px;}
  .contact-section{padding:52px 0 58px;}
  .contact-info h2,.contact-form-wrap h2{font-size:28px;}
  .contact-form-wrap{padding:22px;}

  .msf-cta__inner{padding:25px 0;min-height:0;flex-direction:column;align-items:flex-start;gap:18px;}
  .msf-cta h2{font-size:23px;line-height:1.2;}
  .msf-cta__button{width:100%;height:47px;flex-basis:47px;}
  .msf-grid{display:block;padding:28px 0 8px;}
  .msf-brand,.msf-col{min-height:0;height:auto;margin:0;padding:0 0 27px;border:0;border-bottom:1px solid rgba(73,139,199,.28);}
  .msf-col{padding-top:26px;}
  .msf-contact{border-bottom:0;}
  .msf-logo{width:235px;height:61px;}
  .msf-about{width:100%;max-width:365px;font-size:12.5px;}
  .msf-bottom{height:auto;}
  .msf-bottom__inner{padding:18px 0;flex-direction:column;align-items:flex-start;gap:12px;}
}

/* Why MoreSpace readability — same typography scale as the rest of the site */
.why-ms__inner{
  min-height:214px;
  padding-top:34px;
  padding-bottom:32px;
}
.why-ms__eyebrow{font-size:9.5px;}
.why-ms__title{font-size:29px;line-height:1.03;}
.why-ms__description{font-size:11.5px;line-height:1.55;}
.why-ms__feature h3{font-size:12.5px;line-height:1.2;}
.why-ms__feature p{font-size:10.25px;line-height:1.45;}
@media(max-width:900px){
  .why-ms__inner{min-height:0;padding-top:34px;padding-bottom:34px;}
}
@media(max-width:620px){
  .why-ms__title{font-size:25px;}
  .why-ms__description{font-size:11.5px;}
  .why-ms__feature h3{font-size:12.5px;}
  .why-ms__feature p{font-size:10.5px;}
}


/* === FINAL OVERRIDES: footer recovery + property grids === */
/* Desktop footer/CTA recovery: remove rigid heights that caused overlap */
.msf{
  margin-top:0;
}
.msf-cta{
  height:auto !important;
  min-height:112px;
  background:#07539e;
}
.msf-cta__inner{
  min-height:112px;
  height:auto !important;
  padding:28px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}
.msf-cta__copy{max-width:720px;}
.msf-main{
  height:auto !important;
  min-height:0 !important;
  background:#00224f;
}
.msf-grid{
  height:auto !important;
  min-height:0 !important;
  display:grid;
  grid-template-columns:1.18fr .78fr .82fr .92fr;
  gap:0;
  align-items:start;
  padding:34px 0 30px;
}
.msf-brand{
  padding-top:0 !important;
  padding-right:28px;
}
.msf-col{
  min-height:0 !important;
  margin-top:0 !important;
  padding-top:2px;
}
.msf-quick,.msf-services,.msf-contact{
  padding-left:48px;
}
.msf-about{
  width:100%;
  max-width:330px;
  margin-bottom:18px;
  font-size:13px;
  line-height:1.58;
}
.msf-socials{margin-top:6px;}
.msf-bottom{
  height:auto !important;
  min-height:56px;
  background:#001b43;
  border-top:1px solid rgba(75,139,198,.34);
}
.msf-bottom__inner{
  min-height:56px;
  padding:16px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.msf-bottom p,
.msf-bottom a{
  font-size:11px;
  line-height:1.3;
}
.msf-legal{
  display:flex;
  align-items:center;
  gap:14px;
  justify-content:flex-end;
}

/* Properties page: 3 equal desktop cards like homepage listings */
.properties-results{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px;
}












/* Single property related section: 4 cards on desktop */







@media (max-width:1180px){
  .properties-results{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
  
  .msf-grid{grid-template-columns:1fr 1fr;}
  .msf-brand{grid-column:1/-1;padding-right:0;}
  .msf-quick,.msf-services,.msf-contact{padding-left:34px;}
}
@media (max-width:720px){
  .properties-results{grid-template-columns:1fr !important;}
  
  .msf-cta__inner{padding:25px 0;gap:18px;}
  .msf-grid{display:block;padding:28px 0 10px;}
  .msf-brand,.msf-col{
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 0 27px !important;
    border:0;
    border-bottom:1px solid rgba(73,139,199,.28);
  }
  .msf-col{padding-top:24px !important;}
  .msf-contact{border-bottom:0;}
  .msf-quick,.msf-services,.msf-contact{padding-left:0;}
  .msf-bottom__inner{padding:18px 0;flex-direction:column;align-items:flex-start;gap:12px;}
  .msf-legal{justify-content:flex-start;flex-wrap:wrap;}
}


/* ==========================================================
   CLIENT-SUPPLIED DATA + READABILITY + CARD UNIFICATION
   2026-09-24 — final non-destructive override layer
   ========================================================== */

/* Readable, uniform text scale without changing the established layout. */
body{font-size:15.5px;line-height:1.65;}
.desktop-nav .nav-link{font-size:13px;}
.topbar-item{font-size:12.5px;}
.section-kicker,.page-kicker{font-size:11.5px;letter-spacing:1.45px;}
.breadcrumb{font-size:12.5px;}

/* ABOUT US V2 — uses only client-supplied company facts/content. */
.about-page-v2{background:#fff;}
.about-hero-v2{
  position:relative;
  overflow:hidden;
  padding:54px 0 68px;
  background:
    radial-gradient(circle at 86% 14%,rgba(255,255,255,.10),transparent 24%),
    linear-gradient(120deg,#062b61 0%,#0758ad 56%,#0b67c9 100%);
}
.about-hero-v2::after{
  content:"";
  position:absolute;
  width:460px;height:460px;
  right:-180px;bottom:-270px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018);
  pointer-events:none;
}
.about-hero-v2 .breadcrumb{margin-bottom:36px;position:relative;z-index:1;}
.about-hero-v2__grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.72fr);
  gap:68px;
  align-items:center;
}
.about-v2-kicker{
  display:block;
  margin-bottom:12px;
  color:#f4c443;
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:1.8px;
}
.about-hero-v2 h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(44px,4.6vw,64px);
  line-height:1.06;
  letter-spacing:-1.8px;
}
.about-hero-v2__copy>p{
  max-width:690px;
  margin:22px 0 0;
  color:#dceafa;
  font-size:17px;
  line-height:1.78;
  font-weight:500;
}
.about-hero-v2__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.about-v2-primary,.about-v2-secondary{
  min-height:48px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  font-size:13.5px;
  font-weight:800;
  text-decoration:none;
}
.about-v2-primary{background:#fff;color:#073566;box-shadow:0 8px 24px rgba(0,18,54,.18);}
.about-v2-secondary{border:1px solid rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.05);}
.about-hero-v2__panel{
  padding:27px 28px 25px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(4,32,72,.34);
  box-shadow:0 18px 50px rgba(0,19,53,.20);
  backdrop-filter:blur(7px);
}
.about-hero-v2__panel-head{padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.15);}
.about-hero-v2__panel-head span{display:block;margin-bottom:4px;color:#f1c24a;font-size:10.5px;font-weight:850;letter-spacing:1.45px;}
.about-hero-v2__panel-head strong{color:#fff;font-size:20px;line-height:1.3;}
.about-hero-v2__service-list{display:grid;gap:0;}
.about-hero-v2__service-list div{min-height:53px;display:grid;grid-template-columns:40px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);}
.about-hero-v2__service-list div:last-child{border-bottom:0;}
.about-hero-v2__service-list span{color:#f1c24a;font-size:11px;font-weight:850;}
.about-hero-v2__service-list strong{color:#fff;font-size:14.5px;font-weight:750;}

.about-story-v2{padding:82px 0 86px;background:#fff;}
.about-story-v2__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px;align-items:start;}
.about-story-v2__heading h2{
  max-width:470px;
  margin:8px 0 0;
  font-size:clamp(35px,3.1vw,46px);
  line-height:1.16;
  letter-spacing:-1.1px;
}
.about-story-v2__line{width:58px;height:3px;margin-top:24px;background:#d1a328;}
.about-story-v2__copy p{margin:0 0 18px;color:#587087;font-size:16.5px;line-height:1.82;}
.about-story-v2__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;}
.about-story-v2__tags span{padding:9px 12px;border:1px solid #dbe6ef;border-radius:4px;background:#f8fbfd;color:#173b60;font-size:12.5px;font-weight:750;}

.about-services-v2{padding:78px 0 86px;background:#f4f7fa;border-top:1px solid #eaf0f5;border-bottom:1px solid #eaf0f5;}
.about-v2-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px;}
.about-v2-section-head h2{max-width:690px;margin:7px 0 0;font-size:clamp(34px,3vw,44px);line-height:1.16;letter-spacing:-1px;}
.about-v2-section-head>p{max-width:340px;margin:0;color:#6a8095;font-size:14px;line-height:1.65;text-align:right;}
.about-services-v2__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;}
.about-service-v2{
  position:relative;
  min-height:445px;
  padding:29px 23px 25px;
  overflow:hidden;
  border:1px solid #dde7ef;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 30px rgba(16,45,80,.045);
}
.about-service-v2::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#0b67c9,#d3a52c);}
.about-service-v2__icon{width:74px;height:74px;display:grid;place-items:center;margin-bottom:16px;}
.about-service-v2__icon img{width:74px;height:74px;object-fit:contain;}
.about-service-v2__number{display:block;margin-bottom:5px;color:#c79525;font-size:11px;font-weight:900;letter-spacing:1.3px;}
.about-service-v2 h3{margin:0 0 17px;color:#102f50;font-size:19px;line-height:1.3;}
.about-service-v2 ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.about-service-v2 li{position:relative;padding-left:15px;color:#5b7186;font-size:14px;line-height:1.45;}
.about-service-v2 li::before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:#0b67c9;}

.about-trust-v2{padding:82px 0 88px;background:#fff;}
.about-trust-v2__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:52px;align-items:stretch;}
.about-why-v2 h2{max-width:720px;margin:7px 0 30px;font-size:clamp(33px,2.9vw,43px);line-height:1.17;letter-spacing:-.95px;}
.about-why-v2__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.about-why-v2__grid div{min-height:72px;padding:16px 17px;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;border:1px solid #e0e8ef;border-radius:7px;background:#fbfcfd;}
.about-why-v2__grid span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef6ff;color:#0b67c9;font-size:14px;font-weight:900;}
.about-why-v2__grid strong{color:#1b3d5e;font-size:14px;line-height:1.42;}
.about-vision-v2{position:relative;overflow:hidden;padding:38px 34px;border-radius:10px;background:linear-gradient(145deg,#082f63 0%,#064b95 100%);box-shadow:0 16px 42px rgba(7,48,94,.16);}
.about-vision-v2::after{content:"";position:absolute;width:260px;height:260px;right:-110px;bottom:-155px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.03);}
.about-vision-v2 h2{position:relative;z-index:1;margin:9px 0 32px;color:#fff;font-size:31px;line-height:1.25;letter-spacing:-.7px;}
.about-vision-v2__contact{position:relative;z-index:1;padding-top:22px;border-top:1px solid rgba(255,255,255,.17);display:grid;gap:7px;}
.about-vision-v2__contact span{color:#e9bf49;font-size:10px;font-weight:850;letter-spacing:1.35px;}
.about-vision-v2__contact a{color:#fff;font-size:13.5px;font-weight:700;}

/* PROPERTIES PAGE — exact homepage card component, three columns on desktop. */
.properties-results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch;
}
.properties-results .listing-card{height:100%;display:flex;flex-direction:column;}
.properties-results .listing-card__media{height:220px;flex:0 0 220px;}
.properties-results .listing-card__body{flex:1 1 auto;display:flex;flex-direction:column;}
.properties-results .listing-card h3{min-height:49px;}
.properties-results .listing-address{margin-bottom:16px;}
.properties-results .listing-link{margin-top:auto;}
.listings-toolbar strong{font-size:14px;}
.listings-toolbar span{font-size:13px;}
.filter-panel label{font-size:12.5px;}
.filter-panel input,.filter-panel select{font-size:13.5px;}

/* RELATED PROPERTIES — same card, four columns on desktop. */
.related-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;}
.related-listing-grid .listing-card{height:100%;display:flex;flex-direction:column;}
.related-listing-grid .listing-card__media{height:210px;flex:0 0 210px;}
.related-listing-grid .listing-card__body{flex:1 1 auto;display:flex;flex-direction:column;}
.related-listing-grid .listing-card h3{min-height:49px;}
.related-listing-grid .listing-link{margin-top:auto;}

/* Internal page readability. */
.page-hero p{font-size:16px;line-height:1.75;}
.property-title-row p{font-size:14px;}
.detail-block p{font-size:15px;line-height:1.82;}
.property-facts span{font-size:12px;}
.property-facts strong{font-size:15px;}
.contact-info>p{font-size:15.5px;line-height:1.8;}
.contact-lines a,.contact-lines strong{font-size:14px;}
.contact-form label,.enquiry-card label{font-size:12.5px;}
.contact-form input,.contact-form textarea,.contact-form select,.enquiry-card input,.enquiry-card textarea{font-size:14px;}

/* Footer stays readable at the approved proportions. */
.msf-about{font-size:13px;line-height:1.55;}
.msf-col h3{font-size:16px;}
.msf-col a{font-size:12.8px;}
.msf-bottom p,.msf-bottom a{font-size:11.2px;}

@media (max-width:1180px){
  .about-hero-v2__grid{grid-template-columns:1fr .72fr;gap:42px;}
  .about-services-v2__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-service-v2{min-height:0;}
  .properties-results{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .related-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .about-hero-v2__grid,.about-story-v2__grid,.about-trust-v2__grid{grid-template-columns:1fr;gap:34px;}
  .about-hero-v2__panel{max-width:620px;}
  .about-story-v2__grid{gap:30px;}
  .about-v2-section-head{align-items:start;flex-direction:column;gap:12px;}
  .about-v2-section-head>p{text-align:left;max-width:620px;}
}
@media (max-width:720px){
  body{font-size:15px;}
  .about-hero-v2{padding:39px 0 48px;}
  .about-hero-v2 .breadcrumb{margin-bottom:27px;}
  .about-hero-v2 h1{font-size:37px;line-height:1.08;letter-spacing:-1.1px;}
  .about-hero-v2__copy>p{font-size:15.5px;line-height:1.72;}
  .about-hero-v2__panel{padding:23px 21px;}
  .about-story-v2,.about-services-v2,.about-trust-v2{padding:56px 0 60px;}
  .about-story-v2__heading h2,.about-v2-section-head h2,.about-why-v2 h2{font-size:31px;}
  .about-story-v2__copy p{font-size:15.5px;}
  .about-services-v2__grid{grid-template-columns:1fr;gap:14px;}
  .about-service-v2{padding:26px 22px;}
  .about-service-v2 li{font-size:14.5px;}
  .about-why-v2__grid{grid-template-columns:1fr;}
  .about-vision-v2{padding:31px 24px;}
  .about-vision-v2 h2{font-size:27px;}
  .properties-results{grid-template-columns:1fr !important;}
  .properties-results .listing-card h3{min-height:0;}
  .related-listing-grid{grid-template-columns:1fr;}
  .related-listing-grid .listing-card h3{min-height:0;}
}

/* ==========================================================
   FINAL READABILITY + MOBILE WIDTH SAFETY — 2026-09-24
   Targeted typography and overflow corrections only.
   Existing layouts, cards, content, assets and functionality
   are preserved.
   ========================================================== */

/* Never allow a decorative/mobile element to create a page-wide
   horizontal scroll area. `clip` keeps sticky positioning intact. */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
@supports (overflow:clip){
  html,
  body{overflow-x:clip;}
}
body{font-size:16px;}
main,
.site-header,
.msf,
section{max-width:100%;}
.topbar-inner,
.header-inner,
.home-wide-inner,
.page-wrap,
.msf-container,
.why-ms__inner,
.property-types__inner,
.latest-listings__inner,
.listing-grid,
.properties-results,
.related-listing-grid,
.property-detail-grid,
.contact-grid{
  min-width:0;
}

/* ---------- Header: mobile contact details must be clearly readable ---------- */
@media (max-width:900px){
  .topbar{
    display:block;
    height:38px;
  }
  .topbar-inner{
    width:calc(100% - 20px);
    height:38px;
    justify-content:space-between;
    gap:8px;
  }
  .topbar-item{
    min-width:0;
    gap:6px;
    color:#fff;
    font-size:12.25px;
    line-height:1;
    font-weight:700;
    white-space:nowrap;
  }
  .topbar-item span{font-size:inherit !important;}
  .topbar-item svg{
    width:15px;
    height:15px;
    flex:0 0 15px;
  }
}
@media (max-width:360px){
  .topbar-inner{width:calc(100% - 14px);gap:6px;}
  .topbar-item{font-size:11.25px;gap:4px;}
  .topbar-item svg{width:14px;height:14px;flex-basis:14px;}
}

/* ---------- Homepage: readable supporting copy ---------- */
.section-heading p,
.section-heading--property-types p,
.compact-section-heading--services p{
  font-size:15.5px;
  line-height:1.72;
}
.property-type-card strong{font-size:16px;}
.services-reference-card__content li{
  font-size:14.5px;
  line-height:1.5;
}
.listing-card h3{
  font-size:19px;
  line-height:1.38;
}
.listing-address{
  font-size:14.5px;
  line-height:1.55;
}
.listing-link{font-size:14.5px;}
.listing-badge{font-size:12.5px;}

/* WHY MORESPACE — the previously undersized text is intentionally raised. */
.why-ms__inner{
  min-height:0;
  padding-top:46px;
  padding-bottom:46px;
}
.why-ms__eyebrow{
  font-size:11px;
  line-height:1.2;
  letter-spacing:1.35px;
}
.why-ms__title{
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.85px;
}
.why-ms__description{
  width:380px;
  max-width:96%;
  font-size:14px;
  line-height:1.7;
  font-weight:600;
}
.why-ms__features{
  row-gap:22px;
  column-gap:30px;
}
.why-ms__feature{
  grid-template-columns:58px minmax(0,1fr);
  column-gap:14px;
}
.why-ms__icon,
.why-ms__icon img{
  width:58px;
  height:58px;
}
.why-ms__feature h3{
  margin-bottom:5px;
  font-size:15px;
  line-height:1.25;
  font-weight:800;
}
.why-ms__feature p{
  font-size:13.25px;
  line-height:1.55;
  font-weight:550;
}

/* Shared CTA / footer readability without changing the approved structure. */
.msf-eyebrow{font-size:11px;}
.msf-cta h2{font-size:28px;}
.msf-cta__button{font-size:12.5px;}
.msf-about{
  font-size:14px;
  line-height:1.62;
}
.msf-col h3{font-size:17px;}
.msf-col a{
  font-size:13.5px;
  line-height:1.45;
}
.msf-bottom p,
.msf-bottom a{
  font-size:11.75px;
  line-height:1.35;
}

/* ---------- Internal pages: consistent readable scale ---------- */
.page-kicker,
.section-kicker{font-size:11.5px;}
.breadcrumb{font-size:13px;}
.page-hero p{
  font-size:16px;
  line-height:1.78;
}

/* Properties listing page */
.listings-toolbar{
  font-size:14.5px;
  line-height:1.5;
}
.listings-toolbar strong{font-size:15.5px;}
.listings-toolbar span{font-size:14.5px;}
.filter-panel__head h2{font-size:19px;}
.filter-panel label{font-size:14px;}
.filter-panel input,
.filter-panel select,
.toolbar-controls select{
  font-size:15px;
}
.properties-results .listing-card h3{font-size:19px;}
.properties-results .listing-address{font-size:14.5px;}

/* Single property page — all important information is comfortably legible. */
.property-labels span{font-size:11px;}
.property-title-row p{
  font-size:15.5px;
  line-height:1.6;
}
.property-price-block strong{font-size:30px;}
.property-price-block span{font-size:14px;}
.property-facts span{
  font-size:13px;
  line-height:1.35;
}
.property-facts strong{
  font-size:17px;
  line-height:1.4;
}
.detail-block__heading span{font-size:12.5px;}
.detail-block__heading h2{
  font-size:24px;
  line-height:1.3;
}
.detail-block p{
  font-size:16px;
  line-height:1.82;
}
.amenities-grid span{
  font-size:15px;
  line-height:1.5;
}
.property-map strong{font-size:20px;}
.property-map span{
  font-size:14.5px;
  line-height:1.55;
}
.sidebar-kicker{font-size:11px;}
.enquiry-card h2{font-size:25px;}
.enquiry-card p{
  font-size:15px;
  line-height:1.65;
}
.enquiry-card label,
.contact-form label{
  font-size:14px;
  line-height:1.5;
}
.enquiry-card input,
.enquiry-card textarea,
.contact-form input,
.contact-form textarea,
.contact-form select{
  font-size:15px;
}



.related-listing-grid .listing-card h3{font-size:18.5px;}
.related-listing-grid .listing-address{font-size:14px;}

/* About page */
.about-v2-section-head>p{
  font-size:15.5px;
  line-height:1.75;
}
.about-story-v2__tags span{font-size:13.5px;}
.about-service-v2__number{font-size:12px;}
.about-service-v2 li{
  font-size:15px;
  line-height:1.55;
}
.about-why-v2__grid strong{
  font-size:15px;
  line-height:1.5;
}
.about-vision-v2__contact span{font-size:11px;}
.about-vision-v2__contact a{font-size:14.5px;}

/* Contact + legal */
.contact-info>p{
  font-size:16px;
  line-height:1.82;
}
.contact-lines span{font-size:11px;}
.contact-lines a,
.contact-lines strong{font-size:15px;}
.legal-updated{font-size:13px;}
.legal-wrap p{
  font-size:15.5px;
  line-height:1.82;
}

@media (max-width:720px){
  body{font-size:16px;}

  .section-heading--property-types p,
  .compact-section-heading--services p{
    font-size:15px;
    line-height:1.68;
  }
  .property-type-card strong{font-size:15px;}
  .services-reference-card__content li{font-size:14.5px;}

  .why-ms__inner{
    width:calc(100% - 32px);
    padding-top:40px;
    padding-bottom:40px;
    gap:28px;
  }
  .why-ms__eyebrow{font-size:11.5px;}
  .why-ms__title{
    font-size:29px;
    line-height:1.08;
  }
  .why-ms__description{
    width:100%;
    max-width:100%;
    font-size:14.5px;
    line-height:1.7;
  }
  .why-ms__features{
    grid-template-columns:1fr;
    row-gap:20px;
  }
  .why-ms__feature{
    grid-template-columns:54px minmax(0,1fr);
    column-gap:13px;
  }
  .why-ms__icon,
  .why-ms__icon img{
    width:54px;
    height:54px;
  }
  .why-ms__feature h3{font-size:15.5px;}
  .why-ms__feature p{
    font-size:14px;
    line-height:1.58;
  }

  .page-hero p{font-size:15.5px;}
  .page-kicker,.section-kicker{font-size:11.25px;}
  .breadcrumb{font-size:12.5px;}

  .listing-card h3,
  .properties-results .listing-card h3,
  .related-listing-grid .listing-card h3{font-size:18.5px;}
  .listing-address,
  .properties-results .listing-address,
  .related-listing-grid .listing-address{font-size:14.5px;}
  .listing-link{font-size:14.5px;}

  .property-title-row p{font-size:15px;}
  .property-price-block span{font-size:13.5px;}
  .property-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .property-facts div{
    min-width:0;
    border-bottom:1px solid var(--border);
  }
  .property-facts span{font-size:12.5px;}
  .property-facts strong{font-size:16.5px;}
  .detail-block__heading h2{font-size:22px;}
  .detail-block p{font-size:15.5px;}
  .amenities-grid span{font-size:14.5px;}
  .enquiry-card p{font-size:14.5px;}
  .enquiry-card label,.contact-form label{font-size:13.5px;}
  .enquiry-card input,.enquiry-card textarea,
  .contact-form input,.contact-form textarea,.contact-form select{font-size:15px;}

  .about-v2-section-head>p{font-size:15px;}
  .about-service-v2 li{font-size:14.5px;}
  .about-why-v2__grid strong{font-size:14.5px;}
  .contact-info>p{font-size:15.5px;}
  .legal-wrap p{font-size:15px;}

  .msf-eyebrow{font-size:11px;}
  .msf-cta h2{font-size:25px;}
  .msf-about{font-size:14px;}
  .msf-col h3{font-size:16.5px;}
  .msf-col a{font-size:13.5px;}
  .msf-bottom p,.msf-bottom a{font-size:11.5px;}
}

/* Cross-browser finishing: preserve the approved design while avoiding mobile zoom/overflow. */
.about-hero-v2__panel{-webkit-backdrop-filter:blur(7px);}
img,svg,video{max-width:100%;}
img{height:auto;}
input,select,textarea,button{max-width:100%;}
@media (max-width:720px){
  input,select,textarea{font-size:16px !important;}
  button,a{touch-action:manipulation;}
}

/* Structured client-approved property details */
.listing-details-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:24px;
  border-top:1px solid var(--border);
  border-left:1px solid var(--border);
}
.listing-details-grid>div{
  min-height:72px;
  padding:15px 17px;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:#fff;
}
.listing-details-grid span{
  display:block;
  color:#8092a2;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.65px;
  text-transform:uppercase;
}
.listing-details-grid strong{
  display:block;
  margin-top:7px;
  color:var(--ink);
  font-size:14px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
@media (max-width:620px){
  .listing-details-grid{grid-template-columns:1fr;}
}

/* Contact office location map — TrendZone Apartments */
.contact-map{
  height:auto;
  display:block;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  text-align:left;
}
.contact-map iframe{
  display:block;
  width:100%;
  height:270px;
  border:0;
}
.contact-map__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:15px 17px;
  background:#fff;
}
.contact-map__meta strong{
  color:var(--ink);
  font-size:14px;
}
.contact-map__meta span{
  margin-top:4px;
  color:#7b8f9f;
  font-size:11px;
  line-height:1.5;
}
.contact-map__meta a{
  flex:0 0 auto;
  color:var(--morespace-primary,#0b67c9);
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
@media (max-width:620px){
  .contact-map iframe{height:240px;}
  .contact-map__meta{align-items:flex-start;flex-direction:column;gap:10px;}
}



/* ==========================================================================
   2026-09-25 SAFE POLISH: simple About page + single-property quick assist
   ========================================================================== */
.about-page-simple{background:#fff;}
.about-simple-head{padding:38px 0 34px;border-bottom:1px solid #e7edf3;background:#f7f9fb;}
.about-simple-head .breadcrumb{margin-bottom:24px;}
.about-simple-head h1{max-width:850px;margin:9px 0 9px;color:var(--ink);font-size:clamp(34px,4.3vw,56px);line-height:1.05;letter-spacing:-1.8px;}
.about-simple-head> .page-wrap > p{max-width:720px;margin:0;color:#61778b;font-size:16px;line-height:1.75;}
.about-simple-content{padding:72px 0 82px;}
.about-simple-story{padding-bottom:58px;border-bottom:1px solid #e5edf4;}
.about-simple-story__grid{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:72px;margin-top:18px;align-items:start;}
.about-simple-story h2{margin:0;color:var(--ink);font-size:clamp(29px,3.1vw,42px);line-height:1.16;letter-spacing:-1.1px;}
.about-simple-story__copy p{margin:0 0 17px;color:#536c82;font-size:16px;line-height:1.82;}
.about-simple-story__copy p:last-child{margin-bottom:0;}
.about-simple-support{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;padding-top:42px;}
.about-simple-vision,.about-simple-why{border:1px solid #dfe8f0;background:#fff;padding:32px;box-shadow:0 14px 34px rgba(17,49,78,.05);}
.about-simple-vision{border-top:3px solid #d1a328;}
.about-simple-why{border-top:3px solid var(--blue);}
.about-simple-vision h2,.about-simple-why h2{margin:10px 0 0;color:var(--ink);font-size:26px;line-height:1.35;letter-spacing:-.5px;}
.about-simple-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:24px;}
.about-simple-why__grid div{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:14px 0;border-top:1px solid #e9eff4;color:#2b4d6d;}
.about-simple-why__grid span{color:#c7961f;font-size:17px;font-weight:900;}
.about-simple-why__grid strong{font-size:13px;line-height:1.55;}

.property-sidebar{display:grid;gap:18px;align-content:start;}
.quick-assist-card{padding:26px;border-top:3px solid #25D366;background:#fff;box-shadow:0 12px 30px rgba(17,49,78,.08);}
.quick-assist-card h2{margin:8px 0 7px;color:var(--ink);font-size:24px;line-height:1.25;}
.quick-assist-card>p{margin:0 0 18px;color:#6b8195;font-size:13px;line-height:1.65;}
.whatsapp-enquiry-button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:#1fbd5c;color:#fff;font-size:14px;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.whatsapp-enquiry-button:hover{background:#19a94f;transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,189,92,.2);}
.whatsapp-enquiry-button img{display:block;flex:0 0 32px;}
.property-call-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding:13px 0 0;border-top:1px solid #e5edf3;color:#6a8093;font-size:12px;text-decoration:none;}
.property-call-link strong{color:var(--ink);font-size:14px;}

@media (max-width:900px){
  .about-simple-story__grid,.about-simple-support{grid-template-columns:1fr;gap:28px;}
  .about-simple-story__grid{margin-top:14px;}
}
@media (max-width:640px){
  .about-simple-head{padding:29px 0 27px;}
  .about-simple-head .breadcrumb{margin-bottom:19px;}
  .about-simple-content{padding:48px 0 56px;}
  .about-simple-story{padding-bottom:38px;}
  .about-simple-support{padding-top:30px;gap:16px;}
  .about-simple-vision,.about-simple-why{padding:23px 20px;}
  .about-simple-why__grid{grid-template-columns:1fr;}
  .quick-assist-card{padding:22px 20px;}
}


/* ==========================================================
   ABOUT PAGE — CLIENT FLYER ALIGNED MODERN PASS (2026-09-25)
   Header/footer and the rest of the website are intentionally untouched.
   ========================================================== */
.about-page-modern{background:#fff;}
.about-modern-head{padding:38px 0 36px;background:#f6f8fa;border-bottom:1px solid #e5ebf1;}
.about-modern-head .breadcrumb{margin-bottom:26px;}
.about-modern-head__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:70px;align-items:end;}
.about-modern-head h1{margin:8px 0 0;color:#102d50;font-size:clamp(38px,4.8vw,62px);line-height:1;letter-spacing:-2px;}
.about-modern-head__grid>p{margin:0 0 4px;color:#49647d;font-size:18px;line-height:1.65;font-weight:650;}

.about-modern-story{padding:76px 0 72px;background:#fff;}
.about-modern-story__grid{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);gap:82px;align-items:start;}
.about-modern-story__title h2{max-width:520px;margin:12px 0 0;color:#102d50;font-size:clamp(31px,3vw,43px);line-height:1.16;letter-spacing:-1.25px;}
.about-modern-accent{display:block;width:58px;height:3px;margin-top:24px;background:#b48828;}
.about-modern-story__copy{padding-top:3px;}
.about-modern-story__copy p{margin:0 0 18px;color:#526b80;font-size:16px;line-height:1.86;}
.about-modern-story__copy p:last-child{margin-bottom:0;}

.about-modern-services{padding:72px 0 78px;background:#f6f8fa;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2;}
.about-modern-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:64px;align-items:end;margin-bottom:34px;}
.about-modern-section-head h2{max-width:690px;margin:10px 0 0;color:#102d50;font-size:clamp(29px,3vw,41px);line-height:1.18;letter-spacing:-1px;}
.about-modern-section-head>p{margin:0;color:#6e8192;font-size:14px;line-height:1.75;}
.about-modern-services__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;}
.about-modern-service{position:relative;min-height:410px;padding:30px 25px 26px;overflow:hidden;color:#fff;border:1px solid transparent;}
.about-modern-service::after{content:"";position:absolute;right:-62px;bottom:-62px;width:170px;height:170px;border:1px solid rgba(255,255,255,.18);transform:rotate(28deg);pointer-events:none;}
.about-modern-service--navy{background:#002444;border-color:#002444;}
.about-modern-service--gold{background:#b48828;border-color:#b48828;}
.about-modern-service__icon{width:54px;height:54px;margin-bottom:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;}
.about-modern-service__icon img{width:34px;height:34px;object-fit:contain;}
.about-modern-service h3{margin:0 0 21px;font-size:20px;line-height:1.25;letter-spacing:-.35px;}
.about-modern-service ul{margin:0;padding:0;list-style:none;position:relative;z-index:1;}
.about-modern-service li{position:relative;margin:0;padding:9px 0 9px 18px;border-top:1px solid rgba(255,255,255,.16);font-size:12.5px;line-height:1.5;}
.about-modern-service li::before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:#fff;}

.about-modern-bottom{padding:76px 0 84px;background:#fff;}
.about-modern-bottom__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:stretch;}
.about-modern-why{padding:34px 36px;border:1px solid #dfe7ee;background:#fff;}
.about-modern-why h2{max-width:760px;margin:10px 0 26px;color:#102d50;font-size:clamp(27px,2.7vw,37px);line-height:1.2;letter-spacing:-.9px;}
.about-modern-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;border-top:1px solid #e8edf2;}
.about-modern-why__grid>div{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:15px 0;border-bottom:1px solid #e8edf2;color:#304e69;}
.about-modern-why__grid span{color:#b48828;font-size:17px;font-weight:900;line-height:1.45;}
.about-modern-why__grid strong{font-size:13px;line-height:1.55;}
.about-modern-vision{position:relative;padding:35px 34px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#001c34;color:#fff;}
.about-modern-vision::before{content:"";position:absolute;inset:0 0 auto auto;width:170px;height:170px;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);transform:translate(55px,-55px) rotate(20deg);}
.about-modern-vision__number{position:relative;z-index:1;margin-bottom:auto;color:#d4aa43;font-size:10px;font-weight:850;letter-spacing:1.9px;}
.about-modern-vision h2{position:relative;z-index:1;margin:76px 0 26px;font-size:clamp(25px,2.6vw,36px);line-height:1.25;letter-spacing:-.8px;}
.about-modern-vision a{position:relative;z-index:1;width:max-content;display:inline-flex;align-items:center;gap:9px;padding-top:16px;border-top:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:800;}

@media(max-width:1100px){
  .about-modern-services__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-modern-service{min-height:360px;}
}
@media(max-width:860px){
  .about-modern-head__grid,.about-modern-story__grid,.about-modern-section-head,.about-modern-bottom__grid{grid-template-columns:1fr;gap:28px;}
  .about-modern-head__grid>p{max-width:680px;}
  .about-modern-story{padding:58px 0 56px;}
  .about-modern-services{padding:56px 0 60px;}
  .about-modern-bottom{padding:56px 0 64px;}
  .about-modern-vision h2{margin-top:54px;}
}
@media(max-width:620px){
  .about-modern-head{padding:28px 0 27px;}
  .about-modern-head .breadcrumb{margin-bottom:20px;}
  .about-modern-head__grid{gap:17px;}
  .about-modern-head__grid>p{font-size:15px;}
  .about-modern-story{padding:46px 0 44px;}
  .about-modern-story__title h2{font-size:30px;}
  .about-modern-story__copy p{font-size:15px;line-height:1.78;}
  .about-modern-services{padding:44px 0 48px;}
  .about-modern-section-head{margin-bottom:24px;}
  .about-modern-section-head>p{font-size:13px;}
  .about-modern-services__grid{grid-template-columns:1fr;gap:12px;}
  .about-modern-service{min-height:0;padding:25px 22px 24px;}
  .about-modern-bottom{padding:46px 0 52px;}
  .about-modern-why,.about-modern-vision{padding:27px 22px;}
  .about-modern-why__grid{grid-template-columns:1fr;}
  .about-modern-vision h2{margin-top:46px;}
}


/* ============================================================
   SINGLE PROPERTY ENQUIRY + LIVE MAP REFINEMENT — 2026-09-25
   Non-destructive override layer.
   ============================================================ */
.detail-block__heading{gap:0;}
.property-enquiry-context{
  margin:0 0 20px;padding:14px 15px;border:1px solid #dce5eb;background:#f7f9fb;
}
.property-enquiry-context span,.property-enquiry-context strong,.property-enquiry-context a{display:block;}
.property-enquiry-context span{margin-bottom:4px;color:#7a8f9f;font-size:10px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;}
.property-enquiry-context strong{color:#102d50;font-size:14px;line-height:1.45;}
.property-enquiry-context a{margin-top:7px;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none;}
.property-enquiry-context a:hover{text-decoration:underline;}
.property-map--live{display:block;min-height:0;background:#fff;overflow:hidden;}
.property-map--live iframe{display:block;width:100%;height:330px;border:0;background:#eef2f5;}
.property-map__meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;text-align:left;background:#fff;border-top:1px solid #dce5eb;}
.property-map__meta div{min-width:0;text-align:left;}
.property-map__meta span{margin:0 0 3px;color:#7a8f9f;font-size:10px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;}
.property-map__meta strong{color:#102d50;font-size:15px;line-height:1.45;}
.property-map__meta a{flex:0 0 auto;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none;}
.property-map__meta a:hover{text-decoration:underline;}
@media(max-width:700px){
  .property-map--live iframe{height:275px;}
  .property-map__meta{align-items:flex-start;flex-direction:column;gap:10px;}
}

/* =========================================================
   SINGLE PROPERTY — INTERACTIVE PHOTO GALLERY
   Scoped upgrade: preserves the rest of the public website.
   ========================================================= */
.property-gallery{position:relative;padding:0 0 46px;background:#fff;}
.property-gallery .gallery-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(260px,.86fr) minmax(260px,.86fr);
  grid-template-rows:220px 220px;
  gap:10px;
  overflow:hidden;
  background:#eef2f5;
}
.property-gallery .gallery-item{
  position:relative;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#e8edf1;
  cursor:zoom-in;
  appearance:none;
}
.property-gallery .gallery-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(3,22,39,0);
  transition:background .2s ease;
  pointer-events:none;
}
.property-gallery .gallery-item:hover::after{background:rgba(3,22,39,.08);}
.property-gallery .gallery-item:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;}
.property-gallery .gallery-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .28s ease;
  user-select:none;
  -webkit-user-drag:none;
}
.property-gallery .gallery-item:hover img{transform:scale(1.025);}
.property-gallery .gallery-main{grid-column:1;grid-row:1 / span 2;}
.property-gallery .gallery-thumb--1{grid-column:2;grid-row:1;}
.property-gallery .gallery-thumb--2{grid-column:3;grid-row:1;}
.property-gallery .gallery-thumb--3{grid-column:2;grid-row:2;}
.property-gallery .gallery-thumb--4{grid-column:3;grid-row:2;}
.property-gallery .gallery-grid:has(.gallery-item:nth-of-type(2):last-of-type){grid-template-columns:2fr 1fr;}
.property-gallery .gallery-grid:has(.gallery-item:nth-of-type(2):last-of-type) .gallery-thumb--1{grid-column:2;grid-row:1 / span 2;}
.property-gallery .gallery-grid:has(.gallery-item:nth-of-type(3):last-of-type){grid-template-columns:2fr 1fr;}
.property-gallery .gallery-grid:has(.gallery-item:nth-of-type(3):last-of-type) .gallery-thumb--1{grid-column:2;grid-row:1;}
.property-gallery .gallery-grid:has(.gallery-item:nth-of-type(3):last-of-type) .gallery-thumb--2{grid-column:2;grid-row:2;}
.property-gallery .gallery-grid:has(.gallery-item:first-of-type:last-of-type){grid-template-columns:1fr;}
.property-gallery .gallery-grid:has(.gallery-item:first-of-type:last-of-type) .gallery-main{grid-column:1;grid-row:1 / span 2;}
.gallery-more{
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(3,22,39,.56);
  color:#fff;
  pointer-events:none;
}
.gallery-more strong{font-size:30px;line-height:1;font-weight:800;letter-spacing:-1px;}
.gallery-more small{font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;}
.gallery-view-all{
  position:absolute;
  z-index:4;
  right:14px;
  bottom:14px;
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:0;
  background:rgba(7,31,52,.86);
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.gallery-view-all:hover{background:rgba(7,31,52,.96);}

html.property-gallery-open,body.property-gallery-open{overflow:hidden;}
.property-lightbox{
  position:fixed;
  z-index:9999;
  inset:0;
  display:none;
  background:rgba(3,10,17,.97);
  color:#fff;
  overscroll-behavior:contain;
}
.property-lightbox.is-open{display:block;}
.property-lightbox__topbar{
  position:absolute;
  z-index:5;
  top:0;
  left:0;
  right:0;
  min-height:66px;
  padding:10px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,0));
  pointer-events:none;
}
.property-lightbox__counter{font-size:12px;font-weight:800;letter-spacing:.5px;pointer-events:auto;}
.property-lightbox__tools{display:flex;align-items:center;gap:7px;pointer-events:auto;}
.property-lightbox__tools button{
  min-width:40px;
  height:40px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:inherit;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}
.property-lightbox__tools [data-gallery-zoom-reset]{min-width:58px;font-size:10px;}
.property-lightbox__tools button:hover{background:rgba(255,255,255,.16);}
.property-lightbox__close{font-size:25px!important;line-height:1;}
.property-lightbox__stage{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  touch-action:none;
  cursor:zoom-in;
  user-select:none;
}
.property-lightbox__stage.is-zoomed{cursor:grab;}
.property-lightbox__stage.is-zoomed:active{cursor:grabbing;}
.property-lightbox__stage img{
  max-width:calc(100vw - 140px);
  max-height:calc(100vh - 112px);
  width:auto;
  height:auto;
  object-fit:contain;
  transform-origin:center center;
  will-change:transform;
  user-select:none;
  -webkit-user-drag:none;
}
.property-lightbox__nav{
  position:absolute;
  z-index:4;
  top:50%;
  width:48px;
  height:70px;
  margin-top:-35px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:0;
  background:rgba(0,0,0,.32);
  color:#fff;
  font:inherit;
  font-size:38px;
  line-height:1;
  cursor:pointer;
}
.property-lightbox__nav:hover{background:rgba(0,0,0,.58);}
.property-lightbox__nav--prev{left:18px;}
.property-lightbox__nav--next{right:18px;}
.property-lightbox__hint{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  padding:7px 10px;
  background:rgba(0,0,0,.42);
  color:#cbd4dc;
  font-size:10px;
  font-weight:650;
  white-space:nowrap;
  pointer-events:none;
}

@media(max-width:980px){
  .property-gallery .gallery-grid{
    grid-template-columns:1.65fr 1fr;
    grid-template-rows:190px 190px;
  }
  .property-gallery .gallery-main{grid-column:1;grid-row:1 / span 2;}
  .property-gallery .gallery-thumb--1{grid-column:2;grid-row:1;}
  .property-gallery .gallery-thumb--2{grid-column:2;grid-row:2;}
  .property-gallery .gallery-thumb--3,.property-gallery .gallery-thumb--4{display:none;}
  .property-gallery .gallery-thumb--2:has(.gallery-more){display:block;}
  .property-lightbox__stage img{max-width:calc(100vw - 100px);}
}

@media(max-width:720px){
  .property-gallery{padding-bottom:30px;}
  .property-gallery .gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:min(65vw,310px) 116px;
    gap:5px;
  }
  .property-gallery .gallery-main{grid-column:1 / span 2;grid-row:1;}
  .property-gallery .gallery-thumb--1{grid-column:1;grid-row:2;display:block;}
  .property-gallery .gallery-thumb--2{grid-column:2;grid-row:2;display:block;}
  .property-gallery .gallery-thumb--3,.property-gallery .gallery-thumb--4{display:none;}
  .gallery-view-all{right:9px;bottom:9px;min-height:35px;padding:0 11px;font-size:10px;}
  .gallery-more strong{font-size:25px;}
  .gallery-more small{font-size:8px;}
  .property-lightbox__topbar{min-height:58px;padding:8px 10px;}
  .property-lightbox__tools{gap:5px;}
  .property-lightbox__tools button{min-width:38px;height:38px;padding:0 8px;}
  .property-lightbox__tools [data-gallery-zoom-reset]{display:none;}
  .property-lightbox__nav{width:42px;height:58px;margin-top:-29px;font-size:32px;}
  .property-lightbox__nav--prev{left:5px;}
  .property-lightbox__nav--next{right:5px;}
  .property-lightbox__stage img{max-width:100vw;max-height:calc(100vh - 86px);}
  .property-lightbox__hint{bottom:8px;max-width:calc(100vw - 24px);white-space:normal;text-align:center;font-size:9px;}
}
.gallery-more--mobile{display:none;}
@media(max-width:980px){
  .gallery-more--mobile{display:flex;}
  .gallery-more--desktop{display:none;}
}


/* =========================================================
   MORESPACE 2026-09-26 FINAL BRAND OVERRIDE
   Requested theme: Navy #0B1E30, Gold #B38929, White #FFFFFF, Light Grey #EBEBEC
   Scoped overrides added at the end to avoid disturbing approved layouts.
   ========================================================= */
:root{
  --brand-navy:#0B1E30;
  --brand-navy-2:#0B1E30;
  --brand-gold:#B38929;
  --brand-gold-light:#B38929;
  --blue:#B38929;
  --blue-dark:#8F6E22;
  --navy:#0B1E30;
  --green:#B38929;
  --morespace-primary:#B38929;
  --morespace-primary-dark:#8F6E22;
  --morespace-heading:#0B1E30;
  --morespace-pale:#EBEBEC;
  --morespace-pale-2:#F4F4F4;
  --morespace-grey:#EBEBEC;
  --ms-navy:#0B1E30;
}

body{background:#FFFFFF;color:#0B1E30;}
.topbar{background:#0B1E30;}
.topbar-item{color:rgba(255,255,255,.84);}
.topbar-item:hover{color:#B38929;}
.site-header{border-bottom:1px solid rgba(11,30,48,.08);}
.nav-link:hover,.nav-link.active{color:#B38929;}
.nav-link::after{background:#B38929;}
.post-property,.search-button,.filter-submit,.newsletter-form button,.contact-form button,.enquiry-card button,.mobile-menu__inner .mobile-post{
  background:#0B1E30;
  color:#FFFFFF;
}
.section-kicker,.page-kicker,.listing-link,.property-list-card__footer a,.filter-panel__head button{color:#B38929;}
.section-link-button:hover{color:#0B1E30;border-color:#B38929;}

/* About page refresh without disturbing global structure */
.about-page-modern{background:#FFFFFF;}
.about-modern-head{
  padding:42px 0 40px;
  background:#FFFFFF;
  border-bottom:1px solid #E1E4E8;
}
.about-modern-head .breadcrumb{margin-bottom:24px;justify-content:center;display:flex;flex-wrap:wrap;gap:10px;color:#6E7882;}
.about-modern-head .breadcrumb a{color:#6E7882;}
.about-modern-head__grid--centered{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  max-width:860px;
  margin:0 auto;
}
.about-modern-head__grid--centered h1{
  margin:0;
  color:#0B1E30;
  font-size:clamp(38px,4.6vw,58px);
  line-height:1.03;
  letter-spacing:-1.6px;
}
.about-modern-head__grid--centered p{
  margin:0;
  max-width:760px;
  color:#536170;
  font-size:18px;
  line-height:1.75;
  font-weight:550;
}

.about-modern-story{
  padding:76px 0 72px;
  background:#FFFFFF;
}
.about-modern-story__intro{
  max-width:900px;
  margin:0 auto 34px;
  text-align:center;
}
.about-modern-story__intro h2{
  margin:12px 0 0;
  color:#0B1E30;
  font-size:clamp(32px,3.2vw,46px);
  line-height:1.1;
  letter-spacing:-1px;
}
.about-modern-story__intro .about-modern-accent{
  margin:20px auto 22px;
  width:62px;
  height:3px;
  background:#B38929;
}
.about-modern-story__intro p{
  margin:0 auto;
  max-width:820px;
  color:#536170;
  font-size:18px;
  line-height:1.85;
}
.about-modern-story__content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:28px;
  align-items:stretch;
}
.about-modern-story__copy{
  padding:34px 36px;
  border:1px solid #E1E4E8;
  background:#FFFFFF;
}
.about-modern-story__copy p{
  margin:0 0 18px;
  color:#536170;
  font-size:16px;
  line-height:1.85;
}
.about-modern-story__copy p:last-child{margin-bottom:0;}
.about-modern-mission-card{
  padding:34px 32px;
  background:#0B1E30;
  color:#FFFFFF;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  position:relative;
  overflow:hidden;
}
.about-modern-mission-card::before{
  content:"";
  position:absolute;
  right:-52px;
  bottom:-52px;
  width:160px;
  height:160px;
  border:1px solid rgba(255,255,255,.12);
  transform:rotate(24deg);
}
.about-modern-mission-card .section-kicker{color:#B38929;}
.about-modern-mission-card h3{
  position:relative;
  z-index:1;
  margin:12px 0 18px;
  color:#FFFFFF;
  font-size:clamp(24px,2.2vw,32px);
  line-height:1.28;
  letter-spacing:-.7px;
}
.about-modern-mission-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:15px;
  line-height:1.78;
}

.about-modern-services{
  padding:76px 0 80px;
  background:#EBEBEC;
  border-top:1px solid #E1E4E8;
  border-bottom:1px solid #E1E4E8;
}
.about-modern-section-head--centered{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  margin-bottom:34px;
}
.about-modern-section-head--centered h2{
  margin:0;
  color:#0B1E30;
  font-size:clamp(30px,3vw,42px);
  line-height:1.12;
  letter-spacing:-1px;
}
.about-modern-services__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;}
.about-modern-service{
  position:relative;
  min-height:0;
  padding:30px 24px 26px;
  overflow:hidden;
  border:0;
  box-shadow:none;
}
.about-modern-service::after{display:none;}
.about-modern-service--navy{background:#0B1E30;}
.about-modern-service--gold{background:#B38929;}
.about-modern-service__icon{
  width:58px;
  height:58px;
  margin-bottom:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
}
.about-modern-service__icon img{width:34px;height:34px;object-fit:contain;}
.about-modern-service h3{
  margin:0 0 18px;
  color:#FFFFFF;
  font-size:18px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:-.2px;
}
.about-modern-service ul{margin:0;padding:0;list-style:none;}
.about-modern-service li{
  position:relative;
  margin:0;
  padding:12px 0 12px 18px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:14px;
  line-height:1.58;
  color:rgba(255,255,255,.96);
}
.about-modern-service li::before{content:"";position:absolute;left:0;top:20px;width:5px;height:5px;border-radius:50%;background:#FFFFFF;}

.why-ms--about{padding:78px 0 84px;background:#FFFFFF !important;}
.why-ms--about .why-ms__inner{
  width:min(calc(100% - 48px), 1240px);
  max-width:1240px;
  margin:0 auto;
  min-height:auto;
  padding:0;
}
.why-ms--about .why-ms__eyebrow{color:#B38929;}
.why-ms--about .why-ms__title{color:#0B1E30;}
.why-ms--about .why-ms__description{color:#536170;}
.why-ms--about .why-ms__icon{
  background:#EBEBEC;
  border-radius:50%;
}
.why-ms--about .why-ms__feature{
  padding:16px 0;
  border-bottom:1px solid #E1E4E8;
}
.why-ms--about .why-ms__feature:last-child,
.why-ms--about .why-ms__feature:nth-last-child(2){border-bottom:0;}
.why-ms--about .why-ms__feature h3{color:#0B1E30;}
.why-ms--about .why-ms__feature p{color:#536170;}

.msf-cta{background:#0B1E30;}
.msf-cta__button{background:#B38929;color:#FFFFFF;}
.msf-eyebrow,.msf-rule{color:#B38929;}
.msf-main{background:#0B1E30;}
.msf-col h3,.msf-about,.msf-contact-list a,.msf-contact-list,.msf-legal a,.msf-bottom p{color:#FFFFFF;}
.msf-rule{background:#B38929;}
.msf-socials a{border-color:rgba(255,255,255,.18);}
.msf-socials a:hover{background:#B38929;border-color:#B38929;color:#FFFFFF;}

@media (max-width: 1100px){
  .about-modern-services__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-modern-story__content-grid{grid-template-columns:1fr;}
}
@media (max-width: 767px){
  .about-modern-head{padding:34px 0 32px;}
  .about-modern-head__grid--centered p{font-size:15px;line-height:1.72;}
  .about-modern-story{padding:52px 0 48px;}
  .about-modern-story__intro{margin-bottom:24px;}
  .about-modern-story__intro p{font-size:15px;line-height:1.76;}
  .about-modern-story__copy{padding:26px 22px;}
  .about-modern-mission-card{padding:28px 22px;}
  .about-modern-services{padding:52px 0 56px;}
  .about-modern-services__grid{grid-template-columns:1fr;gap:12px;}
  .about-modern-service{padding:25px 22px 22px;}
  .why-ms--about{padding:52px 0 56px;}
  .why-ms--about .why-ms__inner{width:min(calc(100% - 34px), 1240px);}
}

/* =========================================================
   MORESPACE FINAL UNIFORM THEME — 2026-09-26
   Brand palette only: Navy #0B1E30, Gold #B38929,
   White #FFFFFF, Light Grey #EBEBEC.
   This final cascade normalizes the public frontend without
   changing page structure, listing logic, gallery or admin logic.
   ========================================================= */
:root{
  --brand-navy:#0B1E30;
  --brand-navy-2:#0B1E30;
  --brand-gold:#B38929;
  --brand-gold-light:#B38929;
  --navy:#0B1E30;
  --blue:#B38929;
  --blue-dark:#8F6E22;
  --blue-deep:#0B1E30;
  --green:#B38929;
  --ink:#0B1E30;
  --ink-2:#263746;
  --soft:#EBEBEC;
  --soft-blue:#EBEBEC;
  --border:#D8DCDF;
  --morespace-primary:#B38929;
  --morespace-primary-dark:#8F6E22;
  --morespace-heading:#0B1E30;
  --morespace-pale:#EBEBEC;
  --morespace-pale-2:#F4F4F4;
  --morespace-grey:#EBEBEC;
  --ms-navy:#0B1E30;
}

/* Header and navigation */
.site-header,.main-header{background:#FFFFFF;}
.topbar{background:#0B1E30 !important;border-bottom-color:rgba(255,255,255,.08);}
.topbar-item{color:rgba(255,255,255,.88);}
.topbar-item:hover{color:#B38929;}
.nav-link{color:#0B1E30;}
.nav-link:hover,.nav-link.active{color:#B38929 !important;}
.nav-link::after{background:#B38929 !important;}
.menu-toggle span{background:#0B1E30 !important;}
.post-property,.mobile-menu__inner .mobile-post{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}
.post-property:hover,.mobile-menu__inner .mobile-post:hover{background:#B38929 !important;color:#0B1E30 !important;}

/* Core frontend headings, accents and links */
.section-kicker,.page-kicker,.why-ms__eyebrow,.compact-section-heading--services span{
  color:#B38929 !important;
}
.section-heading h2,.compact-section-heading--services h2,.why-ms__title,
.page-hero h1,.property-title-row h1,.contact-info h2,.contact-form-wrap h2,
.detail-block__heading h2,.filter-panel__head h2{
  color:#0B1E30 !important;
}
.compact-section-heading--services i,.why-ms__accent{background:#B38929 !important;}
.listing-link,.property-list-card__footer a,.filter-panel__head button,
.property-map__meta a,.contact-map__meta a{color:#B38929 !important;}

/* Standard page banners and surfaces */
.page-hero,.page-hero--compact{
  background:#EBEBEC !important;
  border-bottom-color:#D8DCDF !important;
}
.breadcrumb,.breadcrumb a{color:#66717B;}
.page-hero__stat strong{color:#0B1E30 !important;}
.property-types,.latest-listings,.contact-section{background:#FFFFFF;}
.home-services-compact,.listing-page-section,.property-detail-section{
  background:#EBEBEC !important;
  border-color:#D8DCDF !important;
}

/* Homepage property types */
.property-type-card{
  background:#FFFFFF !important;
  border-color:#D8DCDF !important;
  box-shadow:0 10px 26px rgba(11,30,48,.05) !important;
}
.property-type-card:hover{
  border-color:#B38929 !important;
  box-shadow:0 16px 34px rgba(11,30,48,.09) !important;
}
.property-type-card strong{color:#0B1E30 !important;}
.property-type-visual{
  background:#EBEBEC !important;
  box-shadow:inset 0 0 0 1px rgba(11,30,48,.08) !important;
}

/* Homepage and About service cards */
.services-reference-card{border-color:#D8DCDF !important;box-shadow:0 10px 28px rgba(11,30,48,.06) !important;}
.services-reference-card--navy .services-reference-card__top,
.services-reference-card--navy .services-reference-card__icon{background:#0B1E30 !important;}
.services-reference-card--gold .services-reference-card__top,
.services-reference-card--gold .services-reference-card__icon{background:#B38929 !important;}
.services-reference-card__content{background:#FFFFFF !important;border-top-color:#D8DCDF !important;}
.services-reference-card__content li{color:#263746 !important;}
.about-modern-service--navy{background:#0B1E30 !important;}
.about-modern-service--gold{background:#B38929 !important;}

/* Listing cards and listing controls */
.listing-card,.property-list-card,.filter-panel,.detail-block,.property-facts,
.contact-form-wrap,.enquiry-card{border-color:#D8DCDF !important;}
.listing-card,.property-list-card,.detail-block,.property-facts{background:#FFFFFF !important;}
.listing-badge{background:#0B1E30 !important;color:#FFFFFF !important;}
.listing-price,.property-price-block strong{color:#0B1E30 !important;}
.filter-panel,.contact-form-wrap{background:#FFFFFF !important;}
.filter-submit,.search-button,.contact-form button,.enquiry-card button{
  background:#B38929 !important;
  color:#0B1E30 !important;
  border-color:#B38929 !important;
  box-shadow:none !important;
}
.filter-submit:hover,.search-button:hover,.contact-form button:hover,.enquiry-card button:hover{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
}
.filter-button,.view-switch,.toolbar-controls select{
  border-color:#D8DCDF !important;
  background:#FFFFFF !important;
  color:#0B1E30 !important;
}
.view-switch.is-active,.filter-button:hover{border-color:#B38929 !important;color:#B38929 !important;background:#FFFFFF !important;}
input:focus,textarea:focus,select:focus{outline-color:#B38929;}

/* Contact / location */
.contact-map,.property-map{background:#EBEBEC !important;border-color:#D8DCDF !important;}
.contact-map__meta,.property-map__meta{background:#FFFFFF !important;border-top-color:#D8DCDF !important;}
.contact-map__meta strong,.property-map__meta strong{color:#0B1E30 !important;}
.contact-strip{background:#0B1E30 !important;}
.contact-strip a{border-color:#B38929 !important;color:#FFFFFF !important;}

/* About Us: grey page-heading band, left breadcrumb, centered title */
.about-modern-head{
  background:#EBEBEC !important;
  border-bottom:1px solid #D8DCDF !important;
  padding:38px 0 42px;
}
.about-modern-head .breadcrumb{
  display:flex;
  justify-content:flex-start !important;
  align-items:center;
  gap:9px;
  margin:0 0 26px !important;
  text-align:left;
}
.about-modern-head__grid--centered{
  max-width:900px;
  margin:0 auto;
  text-align:center;
  align-items:center;
}
.about-modern-head__grid--centered h1{color:#0B1E30 !important;}
.about-modern-head__grid--centered p{color:#536170;max-width:780px;}

/* About Us: Who We Are + Mission */
.about-modern-story{background:#FFFFFF !important;padding:72px 0 76px;}
.about-modern-story__intro{
  max-width:760px;
  margin:0 auto 34px;
  text-align:center;
}
.about-modern-story__intro h2{color:#0B1E30 !important;}
.about-modern-story__intro .about-modern-accent{background:#B38929 !important;margin:18px auto 0;}
.about-modern-story__content-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr) !important;
  gap:28px !important;
  align-items:stretch !important;
}
.about-modern-story__copy{
  min-height:340px;
  padding:38px 38px;
  border:1px solid #D8DCDF !important;
  background:#FFFFFF !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
}
.about-modern-story__copy::before{
  content:"";
  position:absolute;
  top:0;
  left:38px;
  width:56px;
  height:3px;
  background:#B38929;
}
.about-modern-story__copy p{
  max-width:700px;
  margin:0 0 19px;
  color:#536170 !important;
  font-size:16px;
  line-height:1.9;
}
.about-modern-story__copy p:last-child{margin-bottom:0;}
.about-modern-mission-card{
  min-height:340px;
  padding:38px 34px;
  background:#0B1E30 !important;
  color:#FFFFFF;
}
.about-modern-mission-card .section-kicker{color:#B38929 !important;}
.about-modern-mission-card h3{color:#FFFFFF !important;}
.about-modern-mission-card p{color:rgba(255,255,255,.84) !important;}

/* About Us: centered Why MoreSpace */
.why-ms--about{
  padding:76px 0 82px !important;
  background:#FFFFFF !important;
}
.why-ms--about .why-ms__inner{
  display:block !important;
  width:min(calc(100% - 48px),1240px) !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:0 !important;
  min-height:0 !important;
}
.why-ms--about .why-ms__intro{
  max-width:760px;
  margin:0 auto 42px;
  padding:0;
  text-align:center;
}
.why-ms--about .why-ms__eyebrow{margin:0 0 9px;color:#B38929 !important;}
.why-ms--about .why-ms__title{
  margin:0;
  color:#0B1E30 !important;
  font-size:clamp(30px,3vw,42px);
  line-height:1.12;
}
.why-ms--about .why-ms__accent{margin:17px auto 15px;background:#B38929 !important;}
.why-ms--about .why-ms__description{
  width:auto !important;
  max-width:700px !important;
  margin:0 auto;
  color:#536170 !important;
  font-size:15px;
  line-height:1.75;
}
.why-ms--about .why-ms__features{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:start;
}
.why-ms--about .why-ms__feature{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  min-height:180px;
  padding:24px 18px !important;
  border:1px solid #D8DCDF !important;
  background:#FFFFFF;
  text-align:center;
}
.why-ms--about .why-ms__icon{
  width:70px !important;
  height:70px !important;
  margin:0 auto 2px;
  border-radius:50%;
  background:#EBEBEC !important;
  overflow:hidden;
}
.why-ms--about .why-ms__icon img{width:70px !important;height:70px !important;}
.why-ms--about .why-ms__feature h3{
  margin:0 0 5px;
  color:#0B1E30 !important;
  font-size:15px;
  line-height:1.3;
}
.why-ms--about .why-ms__feature p{
  margin:0;
  color:#536170 !important;
  font-size:12.5px;
  line-height:1.62;
}

/* Homepage Why MoreSpace now uses the same palette */
.why-ms{background:#FFFFFF !important;}
.why-ms__eyebrow{color:#B38929 !important;}
.why-ms__title,.why-ms__feature h3{color:#0B1E30 !important;}
.why-ms__description,.why-ms__feature p{color:#536170 !important;}
.why-ms__icon{background:#EBEBEC !important;}

/* Footer: gold CTA, navy footer and navy lower footer */
.msf-cta{
  background:#B38929 !important;
  border-top:0 !important;
}
.msf-cta .msf-eyebrow{color:#0B1E30 !important;}
.msf-cta h2{color:#FFFFFF !important;}
.msf-cta__button{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
  border-color:#0B1E30 !important;
  box-shadow:none !important;
}
.msf-cta__button:hover{background:#FFFFFF !important;color:#0B1E30 !important;}
.msf-main{
  background:#0B1E30 !important;
  border-top:0 !important;
}
.msf-main,.msf-main h3,.msf-main p,.msf-main a,.msf-contact-list,.msf-contact-list a{color:#FFFFFF;}
.msf-rule{background:#B38929 !important;}
.msf-contact-icon{color:#B38929 !important;}
.msf-socials a{color:#FFFFFF;border-color:rgba(255,255,255,.22) !important;}
.msf-socials a:hover{background:#B38929 !important;border-color:#B38929 !important;color:#0B1E30 !important;}
.msf-bottom{
  background:#0B1E30 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
.msf-bottom p,.msf-bottom a{color:rgba(255,255,255,.82) !important;}
.msf-bottom a:hover{color:#B38929 !important;}

/* Gallery focus accent follows the site theme. */
.property-gallery .gallery-item:focus-visible{outline-color:#B38929 !important;}
.gallery-view-all{background:#0B1E30 !important;color:#FFFFFF !important;}

@media(max-width:1100px){
  .about-modern-story__content-grid{grid-template-columns:1fr !important;}
  .about-modern-story__copy,.about-modern-mission-card{min-height:0;}
  .why-ms--about .why-ms__features{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:767px){
  .about-modern-head{padding:28px 0 32px;}
  .about-modern-head .breadcrumb{margin-bottom:22px !important;}
  .about-modern-story{padding:50px 0 54px;}
  .about-modern-story__intro{margin-bottom:25px;}
  .about-modern-story__copy{padding:31px 23px;}
  .about-modern-story__copy::before{left:23px;}
  .about-modern-mission-card{padding:31px 23px;}
  .why-ms--about{padding:52px 0 58px !important;}
  .why-ms--about .why-ms__intro{margin-bottom:30px;}
  .why-ms--about .why-ms__features{gap:14px !important;}
}
@media(max-width:560px){
  .why-ms--about .why-ms__features{grid-template-columns:1fr !important;}
  .why-ms--about .why-ms__feature{min-height:0;}
}

/* Small final brand-normalization fixes for controls/icons with older hard-coded blue values. */
.new-badge{background:#B38929 !important;color:#0B1E30 !important;box-shadow:none !important;}
.radio-option input:checked + .radio-ui{border-color:#B38929 !important;background:#B38929 !important;}
.location-field svg{fill:#B38929 !important;stroke:#B38929 !important;}
.compact-eyebrow{color:#B38929 !important;}
.msf-socials a{background:transparent !important;color:#FFFFFF !important;}
.msf-contact-icon{background:#B38929 !important;color:#0B1E30 !important;}
.property-labels span{background:#EBEBEC !important;color:#B38929 !important;}
.property-price-block{border-left-color:#B38929 !important;}
.detail-block__heading span,.sidebar-kicker,.text-arrow-link,.legal-wrap a{color:#B38929 !important;}
.enquiry-card{border-top-color:#B38929 !important;}
.notfound span{color:#B38929 !important;}
.notfound a{background:#0B1E30 !important;color:#FFFFFF !important;}


/* =========================================================
   MORESPACE HEADER + BUTTON + FOOTER POLISH — 2026-09-26
   Non-destructive final cascade: keeps header height and page structure.
   ========================================================= */

/* Desktop header: align with site content margins while keeping the menu visually centered. */
@media (min-width:901px){
  .header-inner{
    width:min(84.7%,1160px) !important;
    max-width:1160px;
    height:100%;
    margin:0 auto;
    display:grid !important;
    grid-template-columns:minmax(190px,1fr) auto minmax(166px,1fr);
    align-items:center;
    column-gap:24px;
  }
  .client-brand{
    width:212px !important;
    height:64px !important;
    justify-self:start;
    margin:0;
  }
  .client-brand img{
    width:100% !important;
    max-height:58px !important;
    object-fit:contain;
    object-position:left center;
  }
  .desktop-nav{
    justify-self:center;
    margin:0 !important;
    gap:30px;
  }
  .header-actions{
    justify-self:end;
    margin:0 !important;
  }
}

/* Slightly tighter desktop/tablet header layout without changing header height. */
@media (min-width:901px) and (max-width:1100px){
  .header-inner{
    width:calc(100% - 40px) !important;
    grid-template-columns:minmax(170px,1fr) auto minmax(145px,1fr);
    column-gap:16px;
  }
  .client-brand{width:184px !important;}
  .desktop-nav{gap:20px;}
  .desktop-nav .nav-link{font-size:12px;letter-spacing:.25px;}
  .post-property{min-width:145px;padding:0 13px;}
}

/* Mobile/tablet logo remains prominent while the established header height stays untouched. */
@media (max-width:900px){
  .header-inner{
    width:calc(100% - 28px) !important;
    display:flex !important;
    align-items:center;
  }
  .client-brand{
    width:166px !important;
    height:54px !important;
    margin:0;
  }
  .client-brand img{
    width:100% !important;
    max-height:49px !important;
    object-fit:contain;
    object-position:left center;
  }
  .header-actions{margin-left:auto !important;}
}
@media (max-width:480px){
  .client-brand{width:154px !important;}
  .client-brand img{max-height:46px !important;}
}

/* List Property is the primary gold header CTA; gold-filled buttons use white text consistently. */
.post-property,
.mobile-menu__inner .mobile-post{
  background:#B38929 !important;
  color:#FFFFFF !important;
  border-color:#B38929 !important;
  box-shadow:none !important;
}
.post-property:hover,
.mobile-menu__inner .mobile-post:hover{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
}

.filter-submit,
.search-button,
.newsletter-form button,
.contact-form button,
.enquiry-card button{
  background:#B38929 !important;
  color:#FFFFFF !important;
  border-color:#B38929 !important;
  box-shadow:none !important;
}
.filter-submit:hover,
.search-button:hover,
.newsletter-form button:hover,
.contact-form button:hover,
.enquiry-card button:hover{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
  border-color:#0B1E30 !important;
}

/* Footer CTA remains gold with high-contrast white heading and navy action. */
.msf-cta{background:#B38929 !important;}
.msf-cta .msf-eyebrow{color:#0B1E30 !important;}
.msf-cta h2{color:#FFFFFF !important;}
.msf-cta__button{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
  border-color:#0B1E30 !important;
}
.msf-cta__button:hover{
  background:#FFFFFF !important;
  color:#0B1E30 !important;
  border-color:#FFFFFF !important;
}

/* Bottom credit replaces legal-link cluster while retaining the legal pages themselves. */
.msf-powered{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  color:rgba(255,255,255,.76);
  font-size:11px;
  line-height:1.3;
  white-space:nowrap;
}
.msf-powered a{
  color:#FFFFFF !important;
  font-weight:750;
  text-decoration:none;
  transition:color .18s ease;
}
.msf-powered a:hover{color:#B38929 !important;}

@media(max-width:680px){
  .msf-powered{justify-content:flex-start;white-space:normal;}
}

/* Gold interactive surfaces keep white foreground for consistent contrast. */
.msf-socials a:hover{color:#FFFFFF !important;}

/* =========================================================
   MORESPACE SMART PROPERTY SEARCH + TYPE ICONS — 2026-09-26
   Final scoped layer: no structural changes outside search/filter/types/footer icons.
   ========================================================= */

/* Homepage search: slightly narrower and aligned to the established layout. */
.property-search{
  width:min(100%,900px) !important;
  position:relative;
  z-index:20;
}
.search-button{
  background:#B38929 !important;
  color:#FFFFFF !important;
  border-color:#B38929 !important;
}
.search-button:hover{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
}
.filter-button{
  color:#0B1E30 !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.filter-button[aria-expanded="true"],
.filter-button:hover{
  background:#EBEBEC !important;
  color:#B38929 !important;
  border-color:#B38929 !important;
}
.location-field svg{fill:#B38929 !important;stroke:#B38929 !important;}
.radio-option input:checked + .radio-ui{background:#B38929 !important;border-color:#B38929 !important;}

/* Advanced search panel */
.advanced-search-panel{
  position:absolute;
  z-index:50;
  top:calc(100% + 12px);
  left:0;
  right:0;
  width:100%;
  padding:24px 26px 22px;
  background:#FFFFFF;
  border:1px solid #D8DCDF;
  box-shadow:0 24px 60px rgba(11,30,48,.14);
  text-align:left;
}
.advanced-search-panel[hidden]{display:none !important;}
.advanced-search-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:18px;
  margin-bottom:20px;
  border-bottom:1px solid #E2E4E6;
}
.advanced-search-panel__head > div{display:flex;flex-direction:column;gap:5px;}
.advanced-search-panel__head span{
  color:#B38929;
  font-size:10px;
  font-weight:850;
  letter-spacing:1.45px;
}
.advanced-search-panel__head strong{
  color:#0B1E30;
  font-size:18px;
  line-height:1.25;
}
.advanced-search-close{
  flex:0 0 auto;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #D8DCDF;
  background:#FFFFFF;
  color:#0B1E30;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.advanced-search-close:hover{border-color:#B38929;color:#B38929;}
.advanced-search-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.advanced-search-field{display:block;min-width:0;}
.advanced-search-field > span{
  display:block;
  margin:0 0 7px;
  color:#0B1E30;
  font-size:11.5px;
  line-height:1.3;
  font-weight:750;
}
.advanced-search-field input,
.advanced-search-field select{
  width:100%;
  height:46px;
  padding:0 12px;
  border:1px solid #D8DCDF;
  border-radius:4px;
  background:#FFFFFF;
  color:#263746;
  outline:0;
  font:inherit;
  font-size:13px;
}
.advanced-search-field input:focus,
.advanced-search-field select:focus{
  border-color:#B38929;
  box-shadow:0 0 0 3px rgba(179,137,41,.10);
}
.advanced-search-amenities{
  margin:22px 0 0;
  padding:18px 0 0;
  border:0;
  border-top:1px solid #E2E4E6;
}
.advanced-search-amenities legend{
  padding:0;
  color:#0B1E30;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
}
.advanced-search-amenities__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px 18px;
  margin-top:12px;
}
.advanced-search-amenities__grid label{
  display:flex;
  align-items:center;
  gap:8px;
  color:#354655;
  font-size:12px;
  cursor:pointer;
}
.advanced-search-amenities__grid input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#B38929;
}
.advanced-search-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #E2E4E6;
}
.advanced-search-actions > div{display:flex;align-items:center;gap:10px;}
.advanced-search-match{
  color:#67737E;
  font-size:11.5px;
  line-height:1.45;
}
.advanced-search-reset,
.advanced-search-apply{
  min-height:42px;
  padding:0 17px;
  border:1px solid #D8DCDF;
  border-radius:4px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.advanced-search-reset{background:#FFFFFF;color:#0B1E30;}
.advanced-search-reset:hover{border-color:#B38929;color:#B38929;}
.advanced-search-apply{background:#B38929;border-color:#B38929;color:#FFFFFF;}
.advanced-search-apply:hover{background:#0B1E30;border-color:#0B1E30;color:#FFFFFF;}
.hero.filters-open{min-height:820px;}

/* Property-type cards: clean vector icon system in the same navy/gold identity. */
.property-type-card{
  min-height:174px !important;
  padding:20px 12px 17px !important;
  justify-content:center;
}
.property-type-visual{
  position:relative;
  width:78px !important;
  height:78px !important;
  margin-bottom:15px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#EBEBEC !important;
  color:#0B1E30 !important;
  box-shadow:inset 0 0 0 1px rgba(11,30,48,.08) !important;
}
.property-type-visual::after{
  content:"";
  position:absolute;
  right:2px;
  bottom:5px;
  width:12px;
  height:12px;
  background:#B38929;
  border:3px solid #FFFFFF;
  border-radius:50%;
}
.property-type-visual svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s ease,color .2s ease;
}
.property-type-visual svg .property-type-icon-accent{stroke:#B38929;}
.property-type-card:hover .property-type-visual{
  background:#0B1E30 !important;
  color:#FFFFFF !important;
}
.property-type-card:hover .property-type-visual svg{transform:translateY(-1px);}
.property-type-card strong{
  color:#0B1E30 !important;
  font-size:15.5px !important;
  line-height:1.3;
}
.property-type-card small{
  display:block !important;
  margin-top:5px;
  color:#7B858D !important;
  font-size:10.5px !important;
  line-height:1.35;
  font-weight:600;
}
.property-type-card:hover small{color:#B38929 !important;}

/* Live listings filter controls for the same advanced-search fields. */
.filter-panel input[type="number"]{
  width:100%;
  height:46px;
  padding:0 12px;
  border:1px solid #D8DCDF;
  background:#FFFFFF;
  color:#263746;
  font:inherit;
}
.filter-panel input[type="number"]:focus{border-color:#B38929;outline:none;}
.filter-checks--purpose{margin-bottom:18px;}
.listing-amenities-filter{
  margin:0 0 20px;
  padding:16px 0 0;
  border:0;
  border-top:1px solid #E2E4E6;
}
.listing-amenities-filter legend{
  padding:0;
  color:#0B1E30;
  font-size:12.5px;
  font-weight:800;
}
.listing-amenities-filter__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
  margin-top:12px;
}
.listing-amenities-filter__grid label{margin:0 !important;font-size:11.5px !important;font-weight:650 !important;}
.listing-amenities-filter input,.filter-checks input{accent-color:#B38929;}

/* Footer contact icons were gold; keep all footer iconography white on navy. */
.msf-contact-icon{
  background:transparent !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.28) !important;
}
.msf-contact-icon svg{stroke:#FFFFFF !important;color:#FFFFFF !important;}
.msf-socials a{color:#FFFFFF !important;}
.msf-socials a:hover{background:#B38929 !important;border-color:#B38929 !important;color:#FFFFFF !important;}
.msf-address-row{align-items:center !important;}
.msf-address{
  display:block;
  max-width:205px;
  color:#FFFFFF !important;
  font-size:12.2px !important;
  line-height:1.35 !important;
  font-weight:600;
}

@media(max-width:980px){
  .advanced-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .advanced-search-amenities__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero.filters-open{min-height:980px;}
}

@media(max-width:680px){
  .property-search{width:100% !important;}
  .advanced-search-panel{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    grid-column:1/-1;
    width:100%;
    margin-top:4px;
    padding:20px 16px 17px;
    box-shadow:0 14px 34px rgba(11,30,48,.12);
  }
  .advanced-search-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .advanced-search-field:first-child{grid-column:1/-1;}
  .advanced-search-amenities__grid{grid-template-columns:1fr 1fr;}
  .advanced-search-actions{align-items:flex-start;flex-direction:column;}
  .advanced-search-actions > div{width:100%;}
  .advanced-search-reset,.advanced-search-apply{flex:1;}
  .hero.filters-open{min-height:auto;}
  .property-type-visual{width:68px !important;height:68px !important;}
  .property-type-visual svg{width:33px;height:33px;}
}

@media(max-width:420px){
  .advanced-search-grid{grid-template-columns:1fr;}
  .advanced-search-field:first-child{grid-column:auto;}
  .advanced-search-amenities__grid{grid-template-columns:1fr;}
}

/* =========================================================
   FINAL FRONTEND READABILITY + FLOATING CONTACT — 2026-09-26
   Conservative final-layer polish only. No structural changes.
   ========================================================= */

/* Slightly larger, easier-to-read type across the public website. */
body{font-size:16px;}
.topbar-item{font-size:13px;}
.desktop-nav .nav-link{font-size:14px !important;}
.post-property,.mobile-post,.search-button,.filter-submit,.contact-form button,.enquiry-card button,
.advanced-search-reset,.advanced-search-apply{font-size:13px !important;}
.section-kicker,.page-kicker,.why-ms__eyebrow,.compact-section-heading--services span{font-size:12px !important;}
.section-heading p,.compact-section-heading--services p{font-size:15px !important;line-height:1.7;}
.property-type-card strong{font-size:16px !important;}
.property-type-card small{font-size:11.5px !important;}
.services-reference-card__content li{font-size:13.5px !important;line-height:1.58;}
.why-ms__description{font-size:13px !important;line-height:1.62 !important;}
.why-ms__feature h3{font-size:14px !important;}
.why-ms__feature p{font-size:12px !important;line-height:1.55 !important;}
.listing-card h3,.property-list-card h3{font-size:17px !important;line-height:1.35;}
.listing-address,.properties-results .listing-address,.related-listing-grid .listing-address{font-size:14px !important;line-height:1.55;}
.listing-link,.property-list-card__footer a{font-size:13px !important;}
.filter-panel label,.filter-panel select,.filter-panel input,.toolbar-controls select{font-size:13px;}
.advanced-search-field > span{font-size:12.5px;}
.advanced-search-field input,.advanced-search-field select{font-size:13.5px;}
.advanced-search-amenities legend{font-size:13px;}
.advanced-search-amenities__grid label{font-size:12.5px;}
.advanced-search-match{font-size:12.5px;}
.detail-block p,.property-description p,.about-modern-story__copy p,.about-modern-mission-card p{font-size:15.5px !important;line-height:1.8 !important;}
.property-facts span,.listing-details-grid span{font-size:12.5px !important;}
.property-facts strong,.listing-details-grid strong{font-size:14px !important;}
.amenities-list span,.property-amenities span{font-size:13.5px !important;}
.contact-info p,.contact-form-wrap label,.contact-form-wrap input,.contact-form-wrap textarea{font-size:14px;}
.legal-wrap p{font-size:15px !important;line-height:1.8;}
.msf-about{font-size:13.5px !important;line-height:1.65 !important;}
.msf-col a,.msf-contact-list,.msf-contact-list a{font-size:13.5px !important;}
.msf-bottom p,.msf-bottom a{font-size:12.5px !important;}


@media(max-width:1100px){
  .desktop-nav .nav-link{font-size:13px !important;}
  .why-ms__description{font-size:12.5px !important;}
}
@media(max-width:680px){
  body{font-size:15px;}
  .section-heading p,.compact-section-heading--services p{font-size:14px !important;}
  .services-reference-card__content li{font-size:13px !important;}
  .why-ms__feature h3{font-size:13.5px !important;}
  .why-ms__feature p{font-size:11.75px !important;}
  .detail-block p,.property-description p,.about-modern-story__copy p,.about-modern-mission-card p{font-size:15px !important;}
  .msf-about,.msf-col a,.msf-contact-list,.msf-contact-list a{font-size:13px !important;}
}


/* =========================================================
   FINAL LIVE POLISH — 2026-09-26
   Safe overrides only: responsive header toggle + advanced-search overlay.
   ========================================================= */

/* The hamburger belongs to tablet/mobile only. Keep desktop header clean. */
@media (min-width:901px){
  .menu-toggle{display:none !important;}
}
@media (max-width:900px){
  .menu-toggle{display:flex !important;}
}

/* Advanced search floats above the hero/content and never changes hero height. */
.hero.filters-open{min-height:inherit !important;overflow:visible !important;z-index:40 !important;}
.advanced-search-panel{
  position:fixed !important;
  z-index:1000 !important;
  top:var(--advanced-top,160px) !important;
  left:var(--advanced-left,50%) !important;
  right:auto !important;
  width:var(--advanced-width,min(900px,calc(100vw - 36px))) !important;
  max-width:calc(100vw - 28px) !important;
  max-height:none !important;
  overflow:visible !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-10px) scale(.995);
  transform-origin:top center;
  transition:opacity .2s ease,transform .22s ease,visibility .22s ease;
  box-shadow:0 24px 65px rgba(11,30,48,.20) !important;
}
.advanced-search-panel[hidden]{display:block !important;visibility:hidden !important;pointer-events:none !important;}
.advanced-search-panel.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

/* Match the current MoreSpace search language and live inventory. */
.advanced-search-panel__head span,
.advanced-search-amenities legend{color:#B38929;}
.advanced-search-panel__head strong,
.advanced-search-field > span{color:#0B1E30;}
.advanced-search-apply{background:#B38929 !important;border-color:#B38929 !important;color:#FFFFFF !important;}
.advanced-search-apply:hover{background:#0B1E30 !important;border-color:#0B1E30 !important;color:#FFFFFF !important;}
.advanced-search-reset{background:#FFFFFF !important;color:#0B1E30 !important;}

@media (max-width:680px){
  .advanced-search-panel{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    left:0 !important;
    right:auto !important;
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
    overflow:visible !important;
    padding:18px 16px 16px !important;
  }
}


/* =========================================================
   FINAL PROPERTY-TYPE ICON + LOGO POLISH — 2026-09-26
   Non-destructive styling pass to keep the site intact.
   ========================================================= */

/* Make the header logo more visible without increasing header height. */
@media (min-width:901px){
  .header-inner{
    grid-template-columns:minmax(214px,1fr) auto minmax(166px,1fr) !important;
    column-gap:26px !important;
  }
  .client-brand{
    width:232px !important;
    height:64px !important;
  }
  .client-brand img{
    width:100% !important;
    max-height:60px !important;
  }
  .desktop-nav{
    gap:28px !important;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .header-inner{
    grid-template-columns:minmax(186px,1fr) auto minmax(145px,1fr) !important;
    column-gap:15px !important;
  }
  .client-brand{width:198px !important;}
  .client-brand img{max-height:56px !important;}
}
@media (max-width:900px){
  .client-brand{
    width:178px !important;
    height:54px !important;
  }
  .client-brand img{max-height:50px !important;}
}
@media (max-width:480px){
  .client-brand{width:165px !important;}
  .client-brand img{max-height:47px !important;}
}

/* Property-type cards refined to look more premium and closer to the clean reference style. */
.property-type-grid{
  gap:20px !important;
}
.property-type-card{
  min-height:194px !important;
  padding:22px 14px 18px !important;
  border:1px solid #E3E7EB !important;
  border-radius:8px !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease !important;
}
.property-type-card:hover{
  transform:translateY(-4px) !important;
  border-color:#D7C08A !important;
  box-shadow:0 12px 28px rgba(11,30,48,.08) !important;
}
.property-type-visual{
  width:88px !important;
  height:88px !important;
  margin-bottom:16px !important;
  background:linear-gradient(180deg,#F5F5F6 0%, #EBEBEC 100%) !important;
  color:#B38929 !important;
  box-shadow:inset 0 0 0 1px rgba(179,137,41,.10) !important;
}
.property-type-visual::after{
  display:none !important;
}
.property-type-visual svg{
  width:40px !important;
  height:40px !important;
  stroke:currentColor !important;
  stroke-width:1.6 !important;
}
.property-type-visual svg .property-type-icon-accent{
  stroke:#0B1E30 !important;
}
.property-type-card:hover .property-type-visual{
  background:#B38929 !important;
  color:#FFFFFF !important;
  box-shadow:inset 0 0 0 1px rgba(179,137,41,.8) !important;
}
.property-type-card:hover .property-type-visual svg .property-type-icon-accent{
  stroke:#FFFFFF !important;
}
.property-type-card strong{
  color:#0B1E30 !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.28 !important;
  letter-spacing:-.15px !important;
}
.property-type-card small{
  display:block !important;
  margin-top:6px !important;
  color:#5F6C78 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
.property-type-card:hover small{
  color:#B38929 !important;
}

@media (max-width:900px){
  .property-type-grid{gap:16px !important;}
  .property-type-card{
    min-height:180px !important;
    padding:20px 12px 17px !important;
  }
  .property-type-visual{
    width:80px !important;
    height:80px !important;
  }
  .property-type-visual svg{
    width:36px !important;
    height:36px !important;
  }
}
@media (max-width:640px){
  .property-type-card{
    min-height:170px !important;
    padding:18px 10px 15px !important;
  }
  .property-type-visual{
    width:74px !important;
    height:74px !important;
  }
  .property-type-card strong{font-size:15px !important;}
  .property-type-card small{font-size:11.25px !important;}
}

/* =========================================================
   PROPERTY TYPE ICONS + SHARED LOGO POLISH — 2026-09-26
   Final scoped visual layer only; no header/footer height changes.
   ========================================================= */

/* Header: zoom the existing MoreSpace logo inside the current header height. */
@media (min-width:1101px){
  .client-brand{
    width:148px !important;
    height:var(--header-h) !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
  }
  .client-brand img{
    width:auto !important;
    height:72px !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .client-brand{
    width:132px !important;
    height:var(--header-h) !important;
    overflow:visible !important;
  }
  .client-brand img{
    width:auto !important;
    height:66px !important;
    max-height:none !important;
  }
}
@media (max-width:900px){
  .client-brand{
    width:116px !important;
    height:var(--header-h) !important;
    overflow:visible !important;
  }
  .client-brand img{
    width:auto !important;
    height:64px !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
}
@media (max-width:480px){
  .client-brand{width:104px !important;}
  .client-brand img{height:58px !important;}
}

/* Footer: use exactly the same logo asset as the header but preserve footer geometry. */
.msf-logo{
  width:180px !important;
  height:64px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
}
.msf-logo img{
  width:auto !important;
  height:68px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media(max-width:900px){
  .msf-logo{width:168px !important;height:61px !important;}
  .msf-logo img{height:64px !important;}
}
@media(max-width:560px){
  .msf-logo{width:154px !important;height:58px !important;}
  .msf-logo img{height:59px !important;}
}

/* Explore Property Types: solid, high-contrast icon system; card contains circle + title only. */
.property-type-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.property-type-card,
.property-type-card:last-child{
  grid-column:auto !important;
  min-height:178px !important;
  padding:22px 12px 20px !important;
  border:1px solid #E2E5E8 !important;
  border-radius:6px !important;
  background:#FFFFFF !important;
  box-shadow:0 7px 20px rgba(11,30,48,.035) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.property-type-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(179,137,41,.62) !important;
  box-shadow:0 13px 26px rgba(11,30,48,.08) !important;
}
.property-type-visual{
  position:relative !important;
  width:88px !important;
  height:88px !important;
  flex:0 0 88px !important;
  margin:0 0 17px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:#EBEBEC !important;
  color:#B38929 !important;
  box-shadow:inset 0 0 0 1px rgba(11,30,48,.06) !important;
  transition:background-color .22s ease,box-shadow .22s ease !important;
}
.property-type-visual::after{display:none !important;}
.property-type-visual svg{display:none !important;}
.property-type-visual img{
  display:block !important;
  width:47px !important;
  height:47px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  transition:filter .22s ease,transform .22s ease !important;
}
.property-type-card:hover .property-type-visual{
  background:#B38929 !important;
  box-shadow:inset 0 0 0 1px #B38929 !important;
}
.property-type-card:hover .property-type-visual img{
  filter:brightness(0) invert(1) !important;
  transform:scale(1.04) !important;
}
.property-type-card strong{
  margin:0 !important;
  color:#0B1E30 !important;
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  letter-spacing:-.18px !important;
}
.property-type-card small{display:none !important;}
.property-type-card:last-child{
  grid-column:auto !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
}

@media(max-width:1100px){
  .property-type-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .property-type-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}
  .property-type-card,.property-type-card:last-child{min-height:164px !important;padding:19px 10px 17px !important;}
  .property-type-visual{width:78px !important;height:78px !important;flex-basis:78px !important;margin-bottom:14px !important;}
  .property-type-visual img{width:41px !important;height:41px !important;}
}
@media(max-width:560px){
  .property-type-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  .property-type-card,.property-type-card:last-child{min-height:154px !important;padding:17px 8px 15px !important;}
  .property-type-visual{width:72px !important;height:72px !important;flex-basis:72px !important;}
  .property-type-visual img{width:38px !important;height:38px !important;}
  .property-type-card strong{font-size:14.5px !important;}
}



/* =========================================================
   FOOTER LOGO FINAL + FLOATING CONTACT REMOVED — 2026-09-26
   Footer geometry is preserved; only the visible logo is enlarged.
   ========================================================= */
.msf-logo{
  width:224px !important;
  height:64px !important;
  margin:0 0 9px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.msf-logo img{
  width:auto !important;
  height:76px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  transform:translateY(-5px) !important;
}
@media(max-width:900px){
  .msf-logo{width:208px !important;height:62px !important;}
  .msf-logo img{height:70px !important;transform:translateY(-4px) !important;}
}
@media(max-width:560px){
  .msf-logo{width:190px !important;height:58px !important;}
  .msf-logo img{height:64px !important;transform:translateY(-3px) !important;}
}


/* ============================================================
   ENQUIRY UX REFINEMENT — 2026-09-26
   Targeted override only; existing layout remains unchanged.
   ============================================================ */
.property-call-link{
  justify-content:center;
  flex-wrap:wrap;
  text-align:center;
  gap:7px 12px;
}
.property-call-link span,.property-call-link strong{display:inline-block;}
.enquiry-card form{margin-top:16px;}
.form-hp{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.form-status-open{overflow:hidden;}
.form-status-popup{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:22px;
}
.form-status-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,20,35,.64);
  backdrop-filter:blur(3px);
}
.form-status-popup__card{
  position:relative;
  z-index:1;
  width:min(440px,100%);
  padding:32px 30px 28px;
  background:#fff;
  border:1px solid #dbe4eb;
  box-shadow:0 24px 70px rgba(3,22,39,.24);
  text-align:center;
}
.form-status-popup__icon{
  width:48px;
  height:48px;
  margin:0 auto 15px;
  display:grid;
  place-items:center;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:24px;
  font-weight:850;
  line-height:1;
}
.form-status-popup--success .form-status-popup__icon{color:#16884a;}
.form-status-popup--warning .form-status-popup__icon{color:#b47a0b;}
.form-status-popup--error .form-status-popup__icon{color:#b23a3a;}
.form-status-popup__card h2{
  margin:0 0 10px;
  color:#102d50;
  font-size:24px;
  line-height:1.25;
}
.form-status-popup__card p{
  margin:0 auto;
  max-width:360px;
  color:#60778d;
  font-size:13px;
  line-height:1.7;
}
.form-status-popup__card button{
  min-width:118px;
  height:44px;
  margin-top:22px;
  padding:0 22px;
  border:0;
  background:#0B1E30;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.form-status-popup__card button:hover{background:#B38929;}
@media(max-width:520px){
  .form-status-popup{padding:16px;}
  .form-status-popup__card{padding:27px 20px 24px;}
  .form-status-popup__card h2{font-size:21px;}
}

/* =========================================================
   LIVE LISTING STATES + STRUCTURED AMENITY ROWS
   ========================================================= */
.listing-card__media{position:relative;overflow:hidden;}
.listing-sold-stamp,.property-sold-stamp{
  position:absolute;z-index:7;display:inline-flex;align-items:center;justify-content:center;
  color:#e51d20;background:rgba(255,255,255,.92);border:4px solid #e51d20;
  font-family:Manrope,sans-serif;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 3px 12px rgba(0,0,0,.12);transform:rotate(-8deg);pointer-events:none;
}
.listing-sold-stamp{right:14px;bottom:16px;min-width:92px;height:43px;padding:0 13px;border-radius:6px;font-size:20px;}
.property-sold-stamp{right:30px;bottom:28px;min-width:150px;height:68px;padding:0 22px;border-width:6px;border-radius:9px;font-size:34px;}
.property-sold-label{background:#e51d20!important;border-color:#e51d20!important;color:#fff!important;}
.amenities-grid{display:grid!important;grid-template-columns:1fr!important;border:0!important;gap:0!important;}
.amenities-grid .amenity-display-row{
  display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:24px;
  padding:15px 0;border-bottom:1px solid #e9edf0;color:#294963;
}
.amenities-grid .amenity-display-row:first-child{border-top:1px solid #e9edf0;}
.amenities-grid .amenity-display-row strong{font-size:14px;line-height:1.5;color:#092a47;}
.amenities-grid .amenity-display-row span{padding:0;border:0;color:#607486;font-size:14px;font-weight:500;line-height:1.6;}
@media(max-width:680px){
  .listing-sold-stamp{right:11px;bottom:12px;min-width:78px;height:37px;border-width:3px;font-size:17px;}
  .property-sold-stamp{right:18px;bottom:18px;min-width:112px;height:52px;border-width:5px;font-size:25px;}
  .amenities-grid .amenity-display-row{grid-template-columns:1fr;gap:4px;padding:14px 0;}
}