/* WordPress integration only — preserves the source V5 layout */
html{scroll-behavior:smooth}body.admin-bar .nav{top:32px}body.admin-bar .mobile-menu{top:32px}
@media(max-width:782px){body.admin-bar .nav{top:46px}body.admin-bar .mobile-menu{top:46px}}
.mcs-custom-added{padding:60px 0;background:#f7f4ef;color:#1a2834}
.mcs-custom-added .wrap{max-width:1280px}

/* MCS V5 1.0.5: single updateable signed-brand artwork, approved placement preserved */
.brands-panel .brand-img-wrap .mcs-signed-brands-artwork{display:block!important;opacity:1!important;visibility:visible!important;position:relative!important;width:100%;height:auto;object-fit:contain}
.mcs-editable-bg{background-size:cover;background-position:center}

/* MCS location card arrangement (customizable, other sections unaffected). */
#location .location-grid.mcs-location-custom{grid-template-columns:minmax(0,var(--mcs-location-image-col)) minmax(0,var(--mcs-location-copy-col));align-items:stretch}
#location .location-grid.mcs-location-reversed{grid-template-columns:minmax(0,var(--mcs-location-copy-col)) minmax(0,var(--mcs-location-image-col))}
#location .location-grid.mcs-location-reversed>.image-card{order:2}
#location .location-grid.mcs-location-reversed>.location-box{order:1}
#location .location-grid.mcs-location-custom>.image-card.tall{min-height:var(--mcs-location-minheight);height:auto}
#location .location-grid.mcs-location-matched>.image-card.tall{height:100%;min-height:var(--mcs-location-minheight)}
#location .location-grid.mcs-location-custom>.image-card.tall>img{height:100%;width:100%;object-fit:cover}
#location .location-grid.mcs-location-custom>.location-box{min-width:0}
@media(max-width:1100px){#location .location-grid.mcs-location-custom,#location .location-grid.mcs-location-reversed{grid-template-columns:minmax(0,1fr)}#location .location-grid.mcs-location-custom>.image-card,#location .location-grid.mcs-location-custom>.location-box{order:initial}#location .location-grid.mcs-location-custom>.image-card.tall{height:auto;min-height:360px;aspect-ratio:4/3}}
@media(max-width:760px){#location .location-grid.mcs-location-custom>.image-card.tall{min-height:280px}}

/* Optional admin-managed announcement */
.mcs-extra-announcement{background:#f7f4ef;color:#121d27}.mcs-extra-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.mcs-extra-grid>div{max-width:650px}.mcs-extra-grid p{line-height:1.75}.mcs-extra-image{width:100%;max-height:540px;object-fit:cover;border-radius:24px}@media(max-width:850px){.mcs-extra-grid{grid-template-columns:1fr;gap:22px}}

/* Keep navigation reachable on short mobile screens across all V5 pages. */
.mobile-menu{overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:760px){.editorial-grid>*,.update-feature>*,.form-grid>*,.photo-strip>*{min-width:0;}}

@media(max-width:760px){body #location .location-grid.mcs-location-custom>.image-card.tall{width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:4/3;}}

@media(max-width:620px){body .service-grid{grid-template-columns:minmax(0,1fr);}body .service-grid>*{min-width:0;overflow-wrap:anywhere;}}

/* V5 eyebrow editor: no visible change until an explicit override is saved. */
[data-mcs-line-color="yes"]::before{background:var(--mcs-eyebrow-line,currentColor)}
[data-mcs-line-hidden="yes"]::before{display:none}

/* Mobile-only decorative watermark; preserve footer content and desktop rules. */
@media (max-width: 767px) {
  .footer::before {
    font-size: clamp(160px, 44vw, 240px);
    bottom: 0;
    right: 12px;
    color: rgba(255,255,255,.055);
  }
}

/* MCS 1.0.24 — scoped homepage location artwork correction.
   Desktop uses artwork's intrinsic 4:3 ratio; the white copy card retains
   its independent natural height. Existing stacked/mobile layout is unchanged. */
@media (min-width: 1101px) {
  body #location .location-grid.mcs-location-custom > .image-card.tall[data-mcs-card="index_image_card_index_i001"] {
    align-self: start !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  body #location .location-grid.mcs-location-custom > .image-card.tall[data-mcs-card="index_image_card_index_i001"] > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
}
/* Hide entire redundant overlay containers, not just their text. Applies
   to desktop and mobile; artwork-embedded lettering remains untouched. */
body [data-mcs-overlay="index_location_caption"],
body [data-mcs-overlay="index_night_caption"] {
  display: none !important;
}

/* MCS 1.0.25: homepage artwork plus restrained navy extension only.
   Keep the image intrinsic; only the extension fills the desktop grid row. */
body #location .location-grid.mcs-location-custom > .image-card.tall.mcs-location-artwork[data-mcs-card="index_image_card_index_i001"] {
  display: flex;
  flex-direction: column;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  background: #081521;
}
body #location .location-grid.mcs-location-custom > .image-card.tall.mcs-location-artwork[data-mcs-card="index_image_card_index_i001"] > img {
  position: static !important;
  display: block !important;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
body #location .mcs-location-extension {
  flex: 1 0 auto;
  display: grid;
  place-items: center;
  padding: 32px 24px;
  background: linear-gradient(155deg, #142b40 0%, #0b1c2c 55%, #081521 100%);
}
body #location .mcs-location-extension p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
  margin: 0;
  color: #D5AE80;
  font-family: Manrope, sans-serif;
  font-size: clamp(12px, 1.05vw, 16px);
  font-weight: 800;
  line-height: 1.6;
  letter-spacing: .08em;
  text-align: center;
  text-shadow: none;
}
body #location .location-box[data-mcs-card="index_location_box_index_t007"] > h2 {
  margin-bottom: 16px !important;
}
@media (max-width: 1100px) {
  body #location .mcs-location-extension { flex-grow: 0; padding: 22px 18px; }
}
@media (max-width: 767px) {
  body #location .mcs-location-extension { padding: 18px 14px; }
  body #location .mcs-location-extension p { font-size: 11px; letter-spacing: .055em; gap: 6px 8px; }
}

/* v1.0.32: existing Explore Project map anchor clears the fixed header. */
#mcs-location-map{scroll-margin-top:112px}
body.admin-bar #mcs-location-map{scroll-margin-top:144px}
@media(max-width:782px){body.admin-bar #mcs-location-map{scroll-margin-top:158px}}

/* v1.0.33: Contact-only shared map panel; original aerial section stays unchanged. */
#mcs-contact-map{padding:0 0 72px;scroll-margin-top:112px}
body.admin-bar #mcs-contact-map{scroll-margin-top:144px}
#mcs-contact-map .mcs-location-map{margin-top:0}
#mcs-contact-map .mcs-map-shell,#mcs-contact-map .mcs-map-frame{border-radius:18px}
@media(max-width:782px){body.admin-bar #mcs-contact-map{scroll-margin-top:158px}}
@media(max-width:767px){#mcs-contact-map{padding-bottom:48px}#mcs-contact-map .mcs-map-frame{height:380px}}

/* v1.0.34 — mobile photographic content images only.
   Explicit allowlist; no heroes, Home imagery, logos, galleries or maps.
   Keep natural image dimensions instead of filling a fixed portrait frame. */
@media (max-width: 767px) {
body section[data-mcs-section="about_sections_about_t002"] > .wrap,
body section[data-mcs-section="about_sections_about_t013"] > .wrap,
body section[data-mcs-section="project_sections_architecture"] > .wrap,
body section[data-mcs-section="project_sections_location"] > .wrap,
body section[data-mcs-section="contact_sections_contact_t006"] > .wrap,
body section[data-mcs-section="investment_sections_investment_t002"] > .wrap,
body section[data-mcs-section="construction_sections_construction_t014"] > .wrap,
body section[data-mcs-section="construction_sections_construction_t002"] > .wrap {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto;
    margin-right: auto;
  }
body .image-card[data-mcs-card="about_image_card_about_i001"],
body .image-card[data-mcs-card="about_image_card_about_i002"],
body .image-card[data-mcs-card="project_image_card_project_i001"],
body .image-card[data-mcs-card="project_image_card_project_i002"],
body .image-card[data-mcs-card="contact_image_card_contact_i001"],
body .image-card[data-mcs-card="investment_image_card_investment_i001"],
body .image-card[data-mcs-card="construction_image_card_construction_i002"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    align-self: start;
  }
body .image-card[data-mcs-card="about_image_card_about_i001"] > img,
body .image-card[data-mcs-card="about_image_card_about_i002"] > img,
body .image-card[data-mcs-card="project_image_card_project_i001"] > img,
body .image-card[data-mcs-card="project_image_card_project_i002"] > img,
body .image-card[data-mcs-card="contact_image_card_contact_i001"] > img,
body .image-card[data-mcs-card="investment_image_card_investment_i001"] > img,
body .image-card[data-mcs-card="construction_image_card_construction_i002"] > img,
body .update-feature[data-mcs-card="construction_update_feature"] > img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain;
    transform: none !important;
  }
  /* Override the observed saved mobile cover!important only on this image. */
  body .image-card[data-mcs-card="about_image_card_about_i002"] > img {
    object-fit: contain !important;
  }
  body .update-feature[data-mcs-card="construction_update_feature"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
}

/* v1.0.34 consolidated: Home band visibility and Explore signed partners only. */
@media (max-width: 767px) {
  body #location [data-mcs-card="index_image_card_index_i001"] > .mcs-location-extension {
    display: none !important;
  }
  body #location [data-mcs-card="index_image_card_index_i001"] {
    align-self: start !important;
  }
}
/* Keep the original 2048 x 871 background/editor slot and linked card.
   Give the complete artwork its own proportional area, with copy below it. */
body #experiences .exp-card[data-mcs-card="project_exp_card_project_t006"] {
  display: block;
  min-height: 0 !important;
  height: auto !important;
  align-self: start;
}
body #experiences .exp-card[data-mcs-card="project_exp_card_project_t006"]::before {
  display: none;
}
body #experiences .exp-card[data-mcs-card="project_exp_card_project_t006"] > .bg[data-mcs-media="project_experience_brands"] {
  position: relative !important;
  inset: auto !important;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 2048 / 871;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat;
  transform: none !important;
}
body #experiences .exp-card[data-mcs-card="project_exp_card_project_t006"] > .exp-content {
  position: relative;
  inset: auto;
  width: auto;
  padding: 24px;
  background: #081521;
  color: #fff;
}
