.mc-project-archive, .mc-timeline, body.post-type-archive-mc_residence { --mc-archive-blue: #00022E; color: var(--mc-archive-blue); background: var(--mc-color-paper); }
.mc-archive-mobile-title { display: none; }
body.post-type-archive-mc_residence .mc-contact-panel .elementor-button { min-height: 76px; background: #00022E; }
body.post-type-archive-mc_residence .mc-contact-panel .elementor-form-fields-wrapper { row-gap: 20px; }
body.post-type-archive-mc_residence .mc-header { color: #00022E; }
body.post-type-archive-mc_residence .mc-header-logo img { filter: brightness(0); }
body .mc-archive-intro.e-con { padding: clamp(140px, 9.5vw, 210px) 1.85vw 4vw; display: grid; grid-template-columns: 1.9fr 1fr; align-items: end; gap: 8vw; color: #00022E; }
body .mc-archive-intro .elementor-widget-heading { font-size: clamp(54px, 5.55vw, 130px); line-height: .98; text-transform: uppercase; }
body .mc-archive-intro .elementor-widget-text-editor { font-size: clamp(14px, .97vw, 22px); line-height: 1.5; padding-bottom: .35vw; color: #00022E; }
.mc-timeline { position: relative; --mc-timeline-columns: 4; }
.mc-timeline [hidden], .mc-project-archive [hidden] { display: none !important; }
.mc-timeline-viewport { overflow-x: auto; scroll-snap-type: x mandatory; }
.mc-timeline.is-enhanced .mc-timeline-viewport { overflow: hidden; scroll-snap-type: none; }
.mc-timeline-track { display: flex; }
.mc-timeline-card { flex: 0 0 calc(100% / var(--mc-timeline-columns)); min-width: 0; height: 56.25vw; max-height: 1250px; border-right: 1px solid #00022E66; scroll-snap-align: start; background: var(--mc-color-paper); transition: background-color .35s; }
.mc-timeline-card:last-child { border-right: 0; }
.mc-timeline-card > a { display: flex; height: 100%; width: 100%; align-items: flex-end; justify-content: center; color: inherit; padding: 0 1.2vw 4.2vw; text-decoration: none; }
.mc-timeline-content { width: 100%; text-align: center; transition: transform .55s cubic-bezier(.22,.61,.36,1); }
.mc-timeline-year { display: block; font: 400 8.35vw/1 var(--mc-font-display); letter-spacing: -.07em; margin-bottom: 6vw; }
.mc-timeline-card h2 { font: 400 3.65vw/.95 var(--mc-font-display); letter-spacing: -.02em; text-transform: uppercase; min-height: 1.9em; margin: 0 0 6vw; color: inherit; overflow-wrap: anywhere; }
.mc-timeline-link { display: grid; place-items: center; width: 5.2vw; aspect-ratio: 1; border-radius: 50%; background: var(--mc-archive-blue); color: var(--mc-color-paper); margin-inline: auto; transition: color .35s, background-color .35s; }
.mc-timeline-link svg { width: 100%; height: 100%; }
.mc-timeline-card:focus-within { background: var(--mc-archive-blue); color: #fff; }
.mc-timeline-card:focus-within .mc-timeline-content { transform: translateY(-7.5vw); }
.mc-timeline-card:focus-within .mc-timeline-link { background: var(--mc-color-paper); color: var(--mc-archive-blue); }
@media (hover: hover) {
  .mc-timeline-card:hover { background: var(--mc-archive-blue); color: #fff; }
  .mc-timeline-card:hover .mc-timeline-content { transform: translateY(-7.5vw); }
  .mc-timeline-card:hover .mc-timeline-link { background: var(--mc-color-paper); color: var(--mc-archive-blue); }
}
.mc-timeline-controls { position: absolute; right: 1.85vw; top: 1.85vw; z-index: 2; display: flex; gap: 1vw; }
.mc-timeline-controls button { width: clamp(44px, 5.2vw, 120px); padding: 0; aspect-ratio: 1; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--mc-color-paper); color: var(--mc-archive-blue); cursor: pointer; }
.mc-timeline-controls button:disabled { opacity: .25; cursor: default; }
.mc-timeline-controls svg { width: 100%; height: 100%; }
.mc-timeline-controls button:focus-visible, .mc-timeline-card a:focus-visible, .mc-project-archive :is(a,select,button):focus-visible { outline: 2px solid #AD9B72; outline-offset: -5px; }
.mc-project-archive { padding: 4.5vw 1.85vw 4vw; }
.mc-project-archive > h2 { font: 400 clamp(42px, 5.55vw, 130px)/1 var(--mc-font-display); text-transform: uppercase; letter-spacing: -.02em; color: #00022E; margin: 0 0 3vw; }
.mc-project-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5vw; margin-bottom: 3vw; }
.mc-project-filters label { position: relative; }
.mc-project-filters label > svg { position: absolute; right: .65em; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; pointer-events: none; }
.mc-project-filters select { appearance: none; background-image: none; }
.mc-project-filters select, .mc-filter-submit { font: 400 clamp(11px, .8vw, 18px)/1.3 var(--mc-font-body); text-transform: uppercase; padding: .8em 2.4em .8em 1em; min-height: 44px; border: 1px solid #00022E33; border-radius: 0; background-color: #F4F1E8; color: #00022E; cursor: pointer; width: auto; }
.mc-filter-submit { padding-right: 1em; }
.mc-filter-reset { font-size: 13px; color: inherit; text-decoration: underline !important; }
.mc-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.2vw 2.1vw; }
.mc-project-list-card a { display: block; color: inherit; }
.mc-project-list-image { aspect-ratio: 1.53; position: relative; overflow: hidden; background: var(--mc-color-gold); }
.mc-project-list-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .65s cubic-bezier(.22,.61,.36,1); }
.mc-project-list-card a:hover img { transform: scale(1.035); }
.mc-project-badge { position: absolute; right: 1.5vw; top: 1.5vw; padding: .7em 1em; background: #F4F1E8; color: #00022E; font-size: clamp(10px, .73vw, 16px); line-height: 1.3; text-transform: uppercase; }
.mc-project-list-year { display: block; font-size: clamp(12px, .87vw, 18px); margin: .75vw 0; }
.mc-project-list-card h3 { font: 500 clamp(20px, 2.1vw, 42px)/1.15 var(--mc-font-body); letter-spacing: -.03em; color: inherit; margin: 0 0 .85vw; text-transform: none; }
.mc-project-details { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .5em 1em; font-size: clamp(11px, .9vw, 18px); line-height: 1.4; }
.mc-project-details span { display: inline-flex; align-items: flex-start; gap: .55em; }
.mc-project-details svg { width: 1.3em; height: 1.3em; flex: 0 0 1.3em; }
.mc-project-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--mc-color-paper); font: 700 2.7vw/1 var(--mc-font-body); letter-spacing: -.04em; }
.mc-project-placeholder small { font-size: 14px; font-weight: 400; letter-spacing: .15em; text-transform: uppercase; margin-top: 1em; }
.mc-project-empty { padding: 3rem 0; }
@media (min-width: 2222px) {
  .mc-timeline-year { font-size: 185px; margin-bottom: 133px; }
  .mc-timeline-card h2 { font-size: 81px; margin-bottom: 133px; }
}
@media (max-width: 1024px) {
  .mc-timeline { --mc-timeline-columns: 2; }
  .mc-timeline-card { height: 78vw; }
  .mc-timeline-year { font-size: 15vw; margin-bottom: 9vw; }
  .mc-timeline-card h2 { font-size: 6.6vw; margin-bottom: 9vw; }
  .mc-timeline-link { width: 9vw; }
  .mc-timeline-card > a { padding-bottom: 6vw; }
  .mc-project-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 20px; }
  .mc-project-archive { padding: 50px 22px; }
  .mc-project-placeholder { font-size: 5vw; }
  body .mc-archive-intro.e-con { padding: 145px 22px 45px; gap: 40px; grid-template-columns: 1.5fr 1fr; }
  body .mc-archive-intro .elementor-widget-heading { font-size: 7vw; }
}
@media (max-width: 767px) {
  body.post-type-archive-mc_residence .mc-header.e-con { padding: 12px 5vw; flex-wrap: nowrap; background: var(--mc-color-gold); }
  body.post-type-archive-mc_residence .mc-header .mc-header-logo { width: 58vw; max-width: 235px; }
  body.post-type-archive-mc_residence .mc-menu-project-nav { display: none; }
  body.post-type-archive-mc_residence .mc-menu-trigger { width: 19vw; max-width: 80px; }
  .mc-archive-desktop-title, .mc-archive-desktop-word { display: none; }
  .mc-archive-mobile-title { display: inline; }
  body .mc-archive-intro.e-con { grid-template-columns: minmax(0,1fr); gap: 8vw; padding: calc(68px + 15vw) 5vw 8vw; text-align: center; }
  body .mc-archive-intro .elementor-widget-heading { font-size: 13vw; line-height: 1.04; color: #00022E; }
  body .mc-archive-intro .elementor-widget-text-editor { font-size: clamp(14px,3.6vw,20px); max-width: none; padding: 0; }
  .mc-timeline { --mc-timeline-columns: 1; padding: 0 5vw; }
  .mc-timeline-viewport { border-inline: 1px solid #00022E66; }
  .mc-timeline-card { height: 115vw; max-height: none; border-right: 0; }
  .mc-timeline-card > a { padding: 8vw 4vw; align-items: center; }
  .mc-timeline-year { font-size: 24vw; margin-bottom: 16vw; }
  .mc-timeline-card h2 { font-size: 12vw; margin-bottom: 12vw; }
  .mc-timeline-link { width: 13vw; min-width: 44px; }
  .mc-timeline-controls { position: static; justify-content: center; margin-bottom: 8vw; gap: 8vw; }
  .mc-timeline-controls button { width: clamp(44px,12vw,70px); }
  .mc-timeline-card:focus-within .mc-timeline-content { transform: translateY(-5vw); }
  .mc-project-archive { padding: 16vw 5vw 14vw; }
  .mc-project-grid { grid-template-columns: minmax(0,1fr); gap: 12vw; }
  .mc-project-archive > h2 { font-size: 13vw; line-height: 1.04; max-width: 80%; margin: 0 auto 8vw; text-align: center; color: #00022E; }
  .mc-project-filters { flex-direction: column; gap: 14px; margin-bottom: 14vw; }
  .mc-project-filters label { width: 60vw; max-width: 320px; }
  .mc-project-filters select { width: 100%; font-size: clamp(12px,3.3vw,18px); }
  .mc-project-list-image { aspect-ratio: 1; }
  .mc-project-list-year { margin: 12px 0 8px; }
  .mc-project-list-card h3 { font-size: clamp(26px,8vw,48px); line-height: 1.25; margin-bottom: 4vw; text-wrap: balance; }
  .mc-project-details { flex-direction: column; gap: 12px; font-size: clamp(14px,3.6vw,20px); }
  .mc-project-badge { top: 4vw; right: 4vw; font-size: clamp(12px,3.3vw,18px); }
  .mc-project-placeholder { font-size: 9vw; }
  body.post-type-archive-mc_residence .mc-brochure.e-con { padding: 16vw 5vw; gap: 24vw; }
  body.post-type-archive-mc_residence .mc-brochure .elementor-widget-heading { font-size: 12vw; text-align: center; }
  body.post-type-archive-mc_residence .mc-contact.e-con { padding: 10vw 5vw; }
  body.post-type-archive-mc_residence .mc-contact-panel.e-con { padding: 10vw 7vw 13vw; background: #EAE5D8; gap: 9vw; }
  body.post-type-archive-mc_residence .mc-contact-panel .elementor-widget-heading { font-size: 11vw; text-align: center; }
  body.post-type-archive-mc_residence .mc-contact-panel .mc-contact-copy { font-size: 16px; text-align: center; line-height: 1.5; }
  body.post-type-archive-mc_residence .mc-contact-panel .elementor-field-type-acceptance { font-size: 14px; font-style: italic; }
  body.post-type-archive-mc_residence .elementor .mc-contact-panel .elementor-form .elementor-button { min-height: 60px; background: #00022E; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .mc-timeline-card, .mc-timeline-content, .mc-timeline-link, .mc-project-list-image img { transition: none; }
  .mc-timeline-card:is(:hover,:focus-within) .mc-timeline-content { transform: none; }
}
