body .mc-developer-page.e-con { width: 100%; max-width: none; padding: 0; gap: 0; color: #00022e; background: var(--mc-color-paper); }
body .mc-developer-page .e-con { max-width: none; }
body .mc-developer-page .elementor-widget { margin-bottom: 0; min-width: 0; }
.mc-developer-page .elementor-widget-heading { text-transform: uppercase; }
body .mc-developer-hero.e-con { min-height: 56.25vw; padding: 26vw 2vw 2vw; gap: 3vw; justify-content: flex-end; position: relative; isolation: isolate; color: var(--mc-color-paper); background-position: center; background-size: cover; }
.mc-developer-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#00022e1a 25%,#00022e22 45%,#00022eab); pointer-events: none; }
.mc-developer-hero .mc-developer-title { width: 85%; font-size: 5.6vw; line-height: 1; }
.mc-developer-hero .mc-developer-numbers { width: 44%; margin-left: auto; }
.mc-developer-numbers .mc-statistics { min-height: 0; padding: 0; }
.mc-developer-numbers .mc-statistics h2 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; }
.mc-developer-numbers .mc-statistics dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 2vw; }
.mc-developer-numbers .mc-statistics dl > div { padding: 0; border: 0; gap: 1vw; display: flex; flex-direction: column-reverse; align-items: flex-start; }
.mc-developer-numbers .mc-statistics dd { font-size: 5vw; white-space: nowrap; }
.mc-developer-numbers .mc-statistics dt { font-size: clamp(10px,.95vw,18px); text-align: left; max-width: none; }
body .mc-developer-about.e-con { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4vw; padding: 4vw 2vw 8vw; align-items: start; }
body .mc-developer-about-copy.e-con { padding: 0; gap: 7vw; }
.mc-developer-about .elementor-widget-heading, .mc-developer-project-intro .elementor-widget-heading { font-size: 5.6vw; line-height: 1; }
.mc-developer-project-intro .elementor-widget-heading { font-size: 5.2vw; }
body .mc-developer-story.e-con { display: grid; grid-template-columns: 28% 1fr; padding: 0; gap: 3vw; }
.mc-developer-story .elementor-widget-text-editor { font-size: clamp(14px,.95vw,19px); line-height: 1.5; }
.mc-developer-story .mc-developer-label { font-size: clamp(10px,.9vw,16px); text-transform: uppercase; }
.mc-developer-page .mc-developer-interior img { display: block; width: 100%; height: 48vw; object-fit: cover; border-radius: 0 0 0 50%; }
body .mc-developer-projects.e-con { padding: 0 2vw 8vw; gap: 7vw; }
body .mc-developer-project-intro.e-con { display: grid; grid-template-columns: 2fr 1fr; gap: 6vw; align-items: center; padding: 0; }
.mc-developer-project-intro .elementor-widget-text-editor { font-size: clamp(14px,1vw,19px); line-height: 1.5; }
.mc-project-rows { margin: 0; padding: 0; list-style: none; color: #00022e; }
.mc-project-rows > li { margin: 0; padding: 0; border-top: 1px solid #00022e66; }
.mc-project-rows > li:last-child { border-bottom: 1px solid #00022e66; }
.mc-project-rows .mc-project-row { position: relative; display: grid; grid-template-columns: 12% 20% 31% 22% 15%; align-items: center; min-height: 10.5vw; padding: 1.2vw 1vw; color: inherit; background: transparent; text-decoration: none; transition: background-color .2s, color .2s; }
.mc-project-row-year, .mc-project-row-title { font: 500 clamp(20px,2.95vw,58px)/1.25 var(--mc-font-body); padding-right: 1vw; }
.mc-project-row-title { font-size: clamp(20px,2.8vw,54px); }
.mc-project-row-photo { position: relative; height: 100%; min-height: 1px; pointer-events: none; }
.mc-project-rows .mc-project-row-photo img { position: absolute; left: 0; top: 50%; width: 88%; height: 19.5vw; max-height: 400px; object-fit: cover; opacity: 0; transform: translateY(-45%); transition: opacity .2s, transform .25s; }
.mc-project-row-address, .mc-project-row-units { display: flex; align-items: center; gap: .6vw; padding-right: 1vw; font: 400 clamp(10px,.95vw,18px)/1.45 var(--mc-font-body); text-transform: uppercase; }
.mc-project-row-units { justify-content: flex-end; padding-right: 0; }
.mc-project-row svg { width: clamp(16px,1.35vw,26px); height: clamp(16px,1.35vw,26px); flex-shrink: 0; }
.mc-project-rows .mc-project-row:focus-visible { z-index: 2; outline: 2px solid var(--mc-color-gold); outline-offset: 3px; background: #00022e; color: #fff; }
.mc-project-row:focus-visible .mc-project-row-photo img { opacity: 1; transform: translateY(-50%); }
@media (hover:hover) {
 .mc-project-rows .mc-project-row:hover { z-index: 1; background: #00022e; color: #fff; }
 .mc-project-row:hover .mc-project-row-photo img { opacity: 1; transform: translateY(-50%); }
}
@media (max-width:1024px) and (min-width:768px) {
 .mc-project-rows .mc-project-row { grid-template-columns: 10% 17% 29% 26% 18%; min-height: 125px; }
 .mc-project-row-year, .mc-project-row-title { font-size: 23px; }
}
@media (max-width:767px) {
 body:has(.mc-developer-page) .mc-header.e-con { padding: 28px 5vw; gap: 16px; flex-wrap: nowrap; }
 body:has(.mc-developer-page) .mc-header .mc-header-logo { width: 58vw; max-width: 235px; }
 body:has(.mc-developer-page) .mc-menu-project-nav { display: none; }
 body:has(.mc-developer-page) .mc-menu-trigger { width: 19vw; max-width: 80px; }
 body .mc-developer-hero.e-con { min-height: max(720px,100svh); padding: 140px 0 0; gap: 30vw; flex-wrap: nowrap; }
 .mc-developer-hero::before { background: linear-gradient(180deg,#00022e1a 10%,#00022e55 45%,#00022ec2); }
 .mc-developer-hero .mc-developer-title { width: 90%; margin-inline: auto; text-align: center; font-size: 13vw; line-height: 1.04; }
 .mc-developer-title br, .mc-developer-desktop-word { display: none; }
 .mc-developer-hero .mc-developer-numbers { width: 100%; }
 .mc-developer-numbers .mc-statistics { padding: 0 5vw 9vw; background: #00022e4d; }
 .mc-developer-numbers .mc-statistics dl { grid-template-columns: 1fr; gap: 0; }
 .mc-developer-numbers .mc-statistics dl > div { flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 12px; padding: 3vw 0; border-top: 1px solid #eae5d880; }
 .mc-developer-numbers .mc-statistics dl > div:nth-child(2) { order: 1; }
 .mc-developer-numbers .mc-statistics dd { font-size: 13vw; line-height: 1; }
 .mc-developer-numbers .mc-statistics dt { font-size: clamp(10px,3vw,18px); text-align: right; max-width: 55%; }
 body .mc-developer-about.e-con { grid-template-columns: minmax(0,1fr); padding: 15vw 5vw 24vw; gap: 9vw; text-align: center; }
 body .mc-developer-about-copy.e-con { display: contents; }
 .mc-developer-about .elementor-widget-heading, .mc-developer-project-intro .elementor-widget-heading { font-size: 12vw; line-height: 1.04; }
 .mc-developer-about .elementor-widget-heading { grid-row: 1; }
 .mc-developer-page .mc-developer-interior { grid-row: 2; }
 body .mc-developer-story.e-con { grid-row: 3; grid-template-columns: minmax(0,1fr); padding-top: 4vw; }
 .mc-developer-story .elementor-widget-text-editor { font-size: clamp(14px,3.6vw,20px); line-height: 1.5; }
 .mc-developer-story .mc-developer-label { display: none; }
 .mc-developer-page .mc-developer-interior img { height: 88vw; max-height: none; }
 body .mc-developer-projects.e-con { padding: 0 5vw 24vw; gap: 8vw; }
 body .mc-developer-project-intro.e-con { grid-template-columns: minmax(0,1fr); gap: 8vw; text-align: center; }
 .mc-developer-project-intro .elementor-widget-text-editor { font-size: clamp(14px,3.6vw,20px); }
 .mc-project-rows .mc-project-row { grid-template-columns: 38% minmax(0,1fr); gap: 4vw; padding: 4vw 0; min-height: 22vw; }
 .mc-project-row-year, .mc-project-row-title { font-size: clamp(20px,5.6vw,36px); padding-right: 0; }
 .mc-project-row-photo, .mc-project-row-address, .mc-project-row-units { display: none; }
 body .mc-developer-page .mc-contact.e-con { padding: 10vw 5vw; }
 body .mc-developer-page .mc-contact-panel.e-con { padding: 10vw 7vw 13vw; background: #EAE5D8; gap: 9vw; }
 .mc-developer-page .mc-contact-panel .elementor-widget-heading { font-size: 11vw; text-align: center; }
 .mc-developer-page .mc-contact-panel .mc-contact-copy { font-size: 16px; text-align: center; line-height: 1.5; }
 .mc-developer-page .mc-contact-panel .elementor-field-type-acceptance { font-size: 14px; font-style: italic; }
 body:has(.mc-developer-page) .mc-developer-page .mc-contact-panel .elementor-form .elementor-button { min-height: 60px; background: #00022e; font-size: 14px; }
}
@media (prefers-reduced-motion:reduce) {
 .mc-project-rows .mc-project-row, .mc-project-rows .mc-project-row-photo img { transition: none; }
}
