/* ── Section ─────────────────────────────────────────────── */
.mps{padding:110px 0;background:var(--warm-deep,#EAD9B8);position:relative;overflow:hidden}
.mps--alt{background:var(--warm-alt,#F2E6CC)}
.mps-hc{position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='62'%3E%3Cpolygon points='36,3 69,21 69,57 36,75 3,57 3,21' fill='none' stroke='%23B8892A' stroke-width='0.9'/%3E%3C/svg%3E");
  background-size:72px 62px;opacity:.22; }
.mps-inner{max-width:1280px;margin:0 auto;padding:0 52px; position:relative;z-index:1;margin-top: 60px;}


.mps-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:0;border:1px solid rgba(184,137,42,.28);border-bottom:none;background:rgba(255,250,242,.6); margin-bottom: 60px;}
.mps-tab{display:flex;align-items:center;gap:10px;padding:13px 14px;background:transparent;border:none;border-right:1px solid rgba(184,137,42,.2);cursor:pointer;transition:all .28s;position:relative}
.mps-tab:last-child{border-right:none}
.mps-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:#B8892A;transform:scaleX(0);transition:transform .28s ease}
.mps-tab.active{background:rgba(184,137,42,.1)}
.mps-tab.active::after{transform:scaleX(1)}
.mps-tab-ico{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#B8892A;background:rgba(184,137,42,.12);border:1px solid rgba(184,137,42,.2);transition:all .28s}
.mps-tab.active .mps-tab-ico{background:#B8892A;color:#fff;border-color:#B8892A}
.mps-tab-txt{display:flex;flex-direction:column;text-align:left;min-width:0}
.mps-tab-label{font-family:'Cinzel',serif; letter-spacing:1.5px;color:#3E2C18;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .28s}
.mps-tab.active .mps-tab-label{color:#B8892A}
.mps-tab-sub{font-size:1rem;letter-spacing:1.5px;color:#8A6840;text-transform:uppercase;margin-top:2px}
.mps-tab:hover:not(.active){background:rgba(184,137,42,.06)}
.mps-tab:hover:not(.active) .mps-tab-label{color:#B8892A}

 
.mps-card{position:relative;overflow:hidden;border:1px solid rgba(184,137,42,.28);box-shadow:0 16px 64px rgba(62,44,24,.16);cursor:pointer;background:var(--warm-card,#FFFAF2)}

/* Single-image card (masterplan): always show */
.mps-card .mps-prev{width:100%;height:460px;object-fit:cover;display:block;transition:opacity .3s ease,transform .65s ease}

/* Multi-image card (floor plans): only active tab shows */
.mps-card .mps-prev[data-tab]{display:none;height:420px}
.mps-card .mps-prev[data-tab].active{display:block}

.mps-card:hover .mps-prev{transform:scale(1.035)}

/* corner accents */
.mps-c{position:absolute;width:24px;height:24px;z-index:3;pointer-events:none}
.mps-tl{top:-1px;left:-1px;border-top:2.5px solid #B8892A;border-left:2.5px solid #B8892A}
.mps-br{bottom:-1px;right:-1px;border-bottom:2.5px solid #B8892A;border-right:2.5px solid #B8892A}

/* hover overlay */
.mps-ov{position:absolute;inset:0;background:rgba(44,26,8,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .4s;z-index:2}
.mps-card:hover .mps-ov{opacity:1}
.mps-ov-ring{width:70px;height:70px;border-radius:50%;border:1.5px solid rgba(240,216,152,.65);display:flex;align-items:center;justify-content:center;font-size:1.45rem;color:#F0D898;background:rgba(184,137,42,.18);backdrop-filter:blur(4px)}
.mps-ov-lbl{font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:4px;color:#F0D898;text-transform:uppercase}

/* bottom strip */
.mps-strip{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(44,26,8,.85),transparent);padding:32px 20px 14px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:2}
.mps-strip-l{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:2.5px;color:rgba(240,216,152,.82);text-transform:uppercase}
.mps-strip-r{font-family:'Cinzel',serif;font-size:.52rem;letter-spacing:2px;color:rgba(240,216,152,.55);border:1px solid rgba(240,216,152,.28);padding:4px 10px;text-transform:uppercase;animation:blink 2.5s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:.55}50%{opacity:1}}

/* crossfade helper */
.mps-prev.fading{opacity:0}

/* spec bar */
.mps-specbar{display:flex;align-items:center;background:var(--warm-card,#FFFAF2);border:1px solid rgba(184,137,42,.2);border-top:none}
.mps-sp{flex:1;padding:15px 10px;text-align:center}
.mps-sp-v{font-family:'Cinzel',serif;font-size:.95rem;color:#B8892A;font-weight:600;line-height:1}
.mps-sp-k{font-size:.52rem;letter-spacing:2px;color:#8A6840;text-transform:uppercase;margin-top:4px}
.mps-sp-div{width:1px;height:38px;background:rgba(184,137,42,.18);flex-shrink:0}

/* ── Right text col ───────────────────────────────────────── */
.mps-txtcol{display:flex;flex-direction:column;padding-top:6px}
.mps-eyebrow{font-family:'Cinzel',serif;font-size:.57rem;letter-spacing:6px;color:#B8892A;text-transform:uppercase;margin-bottom:12px}
.mps-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:300;line-height:1.15;color:#2C1A08}
.mps-h2 em{font-style:italic;color:#B8892A}
.mps-goldbar{width:52px;height:2px;background:linear-gradient(to right,#8A6418,#F0D898);margin:20px 0 22px}
.mps-p{font-size:.84rem;color:#5C4228;line-height:1.92;font-weight:300}
.mps-feats{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.mps-feat{display:flex;gap:16px;align-items:flex-start;padding:15px 17px;background:rgba(255,250,242,.72);border:1px solid rgba(184,137,42,.16);border-left:3px solid #B8892A;transition:all .3s}
.mps-feat:hover{background:rgba(234,217,184,.5);transform:translateX(4px)}
.mps-feat-ico{width:36px;height:36px;flex-shrink:0;background:rgba(234,217,184,.8);border:1px solid rgba(184,137,42,.2);display:flex;align-items:center;justify-content:center;color:#B8892A;font-size:.85rem}
.mps-feat h6{font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:1.5px;color:#3E2C18;margin:0 0 3px}
.mps-feat p{font-size:.75rem;color:#8A6840;font-weight:300;line-height:1.55;margin:0}
.mps-cta{margin-top:26px;background:#B8892A;border:1.5px solid #B8892A;color:#fff;padding:14px 36px;font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .4s;display:inline-flex;align-items:center;gap:9px;align-self:flex-start}
.mps-cta:hover{background:#8A6418;border-color:#8A6418;transform:translateY(-2px);box-shadow:0 10px 36px rgba(184,137,42,.38)}

/* ── Shared Lightbox ─────────────────────────────────────── */
.mpl{position:fixed;inset:0;z-index:9950;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease}
.mpl.open{opacity:1;pointer-events:all}
.mpl-bg{position:absolute;inset:0;background:rgba(16,8,2,.97);backdrop-filter:blur(12px)}
.mpl-shell{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%}
.mpl-bar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:50px;flex-shrink:0;border-bottom:1px solid rgba(240,216,152,.1);background:rgba(24,12,3,.55)}
.mpl-bar-title{font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:4px;color:rgba(240,216,152,.65);text-transform:uppercase}
.mpl-actions{display:flex;align-items:center;gap:3px}
.mpl-btn{width:37px;height:37px;background:transparent;border:1px solid rgba(240,216,152,.13);color:rgba(240,216,152,.55);font-size:.82rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .22s}
.mpl-btn:hover{background:rgba(184,137,42,.28);border-color:rgba(240,216,152,.45);color:#F0D898}
.mpl-pct{font-family:'Cinzel',serif;font-size:.56rem;letter-spacing:2px;color:rgba(240,216,152,.42);min-width:42px;text-align:center}
.mpl-sep{width:1px;height:24px;background:rgba(240,216,152,.1);margin:0 6px}
.mpl-close{border-color:rgba(240,216,152,.22)}
.mpl-stage{flex:1;overflow:hidden;position:relative;touch-action:none;background:#0A0502}
.mpl-stage.grab{cursor:grab}
.mpl-stage.grabbing{cursor:grabbing}
.mpl-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:transform}
.mpl-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}
.mpl-hints{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:rgba(16,8,2,.72);border:1px solid rgba(240,216,152,.13);padding:9px 18px;pointer-events:none;animation:hFade 5.5s 1.2s both}
@keyframes hFade{0%{opacity:1}80%{opacity:1}100%{opacity:0;visibility:hidden}}
.mpl-hint{font-family:'Cinzel',serif;font-size:.5rem;letter-spacing:2px;color:rgba(240,216,152,.5);text-transform:uppercase;white-space:nowrap}
.mpl-hint i{color:rgba(240,216,152,.35);margin-right:4px}
.mpl-hint-dot{width:3px;height:3px;border-radius:50%;background:rgba(240,216,152,.2);flex-shrink:0}
.mpl-foot{height:70px;flex-shrink:0;border-top:1px solid rgba(240,216,152,.1);background:rgba(16,8,2,.5);display:flex;align-items:center;gap:18px;padding:0 18px}
.mpl-minimap{position:relative;width:96px;height:54px;border:1px solid rgba(240,216,152,.22);overflow:hidden;flex-shrink:0}
.mpl-minimap img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5}
.mpl-vp{position:absolute;border:1.5px solid #F0D898;background:rgba(240,216,152,.14);pointer-events:none;transition:all .1s linear}
.mpl-foot-tip{font-family:'Cinzel',serif;font-size:.5rem;letter-spacing:2px;color:rgba(240,216,152,.3);text-transform:uppercase}

/* ── Responsive ─────────────────────────────────────────── */
@media(max-width:1100px){
  /* .mps-tab-txt{display:none} */
  .mps-tab{justify-content:center;padding:14px 10px}
  .mps-tab-ico{width:32px;height:32px}
}
@media(max-width:991px){
  .mps-inner{grid-template-columns:1fr;gap:36px;padding:0 28px}
  .mps-card .mps-prev,.mps-card .mps-prev[data-tab].active{height:340px}
  .mps-tab-txt{display:flex; text-align: center;}
  .mps-tab-sub {
    font-size: 0.5rem;
    letter-spacing: 1.5px;
    color: #8A6840;
    text-transform: uppercase;
    margin-top: 2px;
}
}
@media(max-width:640px){
  /* .mps-tab-txt{display:none} */
  .mps-tab{justify-content:center; flex-direction: column;padding: 12px 5px;}
}
@media(max-width:576px){
  .mps{padding:72px 0}
  .mps-inner{padding:0 10px}
  .mps-card .mps-prev,.mps-card .mps-prev[data-tab].active{height:250px}
  .mpl-hints{flex-direction:column;gap:5px;padding:8px 14px}
  .mpl-hint-dot{display:none}
  .mpl-minimap{display:none}
}