/* Shared Monterra presentation. Project-specific content stays in each HTML file. */
.project-standard .project-facilities .fac-partial { margin-top:28px; padding:20px; background:#fff; border:1px solid #dfe3e8; border-radius:4px; }
.project-standard .project-facilities .fac-partial-title { margin:0 0 14px; font:600 .95rem/1.5 Inter,sans-serif; color:#1a3a5c; }
.project-standard .project-facilities .fac-partial-items { gap:8px; }
.project-standard .project-facilities .fac-partial-tag { padding:7px 12px; border:1px solid #dfe3e8; border-radius:4px; background:#f2f4f7; color:#0a0a0f; font:400 .8rem/1.5 Inter,sans-serif; }
.project-standard .project-facilities { max-width:1600px; margin:auto; padding:48px 4vw; border-top:1px solid #e5e7eb; background:#fff; color:#0a0a0f; scroll-margin-top:100px; }
.project-facilities-title { margin:0; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.15; letter-spacing:-.04em; }
.project-facilities-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:start; gap:32px; margin-top:24px; }
.project-standard .project-facilities-plan { margin:0; padding:0; width:100%; border:1px solid #dfe3e8; border-radius:4px; background:#fff; cursor:zoom-in; }
.project-standard .project-facilities-plan img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; padding:0; }
.project-facilities-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:0; padding:0 0 0 26px; }
.project-facilities-list li { padding:9px 0 9px 3px; color:#0a0a0f; border-bottom:1px solid #e5e7eb; font-size:.8rem; line-height:1.5; overflow-wrap:anywhere; }
.project-facilities-list li::marker { color:#1a3a5c; font-family:Rubik,sans-serif; font-weight:500; }
@media(max-width:860px) {
  .project-standard .project-facilities { padding:36px 5vw; }
  .project-facilities-grid { grid-template-columns:1fr; gap:24px; }
  .project-facilities-list { gap:0 24px; }
}
body.project-standard { background:#fff; color:#0a0a0f; }
.project-standard .project-kicker { margin:0 0 18px; color:#1a3a5c; font:700 .7rem/1.5 Inter,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.project-standard .project-facts { margin-top:24px; padding:22px; border:1px solid #dfe3e8; background:#fff; scroll-margin-top:100px; }
.project-standard .project-facts dl { margin:0; }
.project-standard .project-facts dl>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:13px 0; border-bottom:1px solid #e5e7eb; }
.project-standard .project-facts dl>div:last-child { border:0; padding-bottom:0; }
.project-standard .project-facts dt { flex:0 1 42%; min-width:0; color:#6b7280; font-size:.65rem; line-height:1.6; letter-spacing:.06em; text-transform:uppercase; }
.project-standard .project-facts dd { flex:1 1 58%; min-width:0; margin:0; color:#0a0a0f; font-size:.95rem; line-height:1.5; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.project-standard .project-starting { margin-top:22px; }
.project-standard .project-starting>span { display:block; color:#6b7280; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.project-standard .project-starting strong { display:block; margin-top:5px; color:#1a3a5c; font-size:clamp(2rem,4vw,3rem); line-height:1.1; overflow-wrap:anywhere; }
.project-standard .project-starting small { font-size:.85rem; }
.project-standard .project-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.project-standard .project-actions a,.project-standard .project-unit-cta { display:flex; justify-content:center; align-items:center; min-height:46px; padding:12px 20px; border:1px solid #1a3a5c; border-radius:4px; background:#1a3a5c; color:#fff; font:600 .85rem/1.4 Inter,sans-serif; text-decoration:none; text-align:center; }
.project-standard .project-actions a:last-child { background:#fff; color:#1a3a5c; }
.project-standard .project-units { max-width:1600px; margin:auto; padding:48px 4vw; border-top:1px solid #e5e7eb; scroll-margin-top:100px; }
.project-standard .project-unit-tabs { display:flex; flex-wrap:wrap; gap:4px; width:fit-content; max-width:100%; padding:2px; margin:20px 0 40px; border-radius:4px; background:#f2f4f7; }
.project-standard .project-unit-tabs button { max-width:100%; min-height:36px; padding:7px 14px; border:0; border-radius:3px; background:transparent; color:#6b7280; font:500 13px/1.4 Inter,sans-serif; cursor:pointer; }
.project-standard .project-unit-tabs [aria-selected="true"] { background:#203d61; color:#fff; font-weight:700; }
.project-standard .project-unit-panel { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:40px; align-items:start; }
.project-standard .project-unit-panel[hidden] { display:none!important; }
.project-standard .project-plan.unit-layout { position:relative; display:block; width:100%; max-width:100%; height:auto; aspect-ratio:auto; margin:0; padding:0; overflow:hidden; border:1px solid #d6d5d1; border-radius:4px; background:#f0ece3; cursor:zoom-in; }
.project-standard .project-plan.unit-layout img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; padding:12px; background:transparent; }
.project-standard .project-plan-badge { position:absolute; top:12px; left:12px; padding:5px 11px; border-radius:2px; background:#203d61; color:#fff; font-size:11px; font-weight:700; letter-spacing:1px; pointer-events:none; }
.project-standard .project-unit-title { margin:0 0 4px; color:#203d61; font-size:42px; font-weight:400; line-height:1.15; letter-spacing:-.02em; overflow-wrap:anywhere; }
.project-standard .project-unit-title em { color:#0a0a0f; font-style:italic; }
.project-standard .project-unit-subtitle { margin:0 0 24px; color:#6b7280; font-size:14px; line-height:1.5; }
.project-standard .project-unit-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:18px 0; text-align:center; }
.project-standard .project-unit-specs>div { padding:12px 6px; border-radius:5px; background:#f2f4f7; }
.project-standard .project-unit-specs strong { display:block; font-size:1.1rem; overflow-wrap:anywhere; }
.project-standard .project-unit-specs div>span { display:block; margin-top:4px; font-size:.65rem; color:#6b7280; text-transform:uppercase; }
.project-standard .project-unit-price { margin:16px 0; padding:12px 16px; background:#203d61; border-radius:5px; }
.project-standard .project-unit-price>span { display:block; font-size:.65rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#c9d4e2; }
.project-standard .project-unit-price>strong { display:block; font-size:1.3rem; font-weight:800; line-height:1.2; color:#fff; margin-top:2px; }
.project-standard .project-unit-price small { font-size:.8em; }
.project-standard .project-unit-features { margin:0 0 16px; padding:0; list-style:none; }
.project-standard .project-unit-features li { position:relative; padding:7px 0 7px 22px; border-bottom:1px solid #eef0f3; font-size:.8rem; line-height:1.4; color:#6b7280; }
.project-standard .project-unit-features li::before { content:'✓'; position:absolute; left:0; color:#203d61; }
.project-standard .project-unit-cta { min-height:44px; padding:10px 16px; font-size:.8rem; }
.project-standard .project-unit-details { min-width:0; }
.project-standard :is(.facilities,.location,.why-razi,.cta-section,.section,.gt-section,.mtiara-section) { padding-top:48px!important; padding-bottom:48px!important; border-top:1px solid #e5e7eb; }
.project-standard :is(.section-title,.mtiara-heading,.gt-heading) { font-family:Inter,sans-serif!important; font-size:clamp(1.7rem,3vw,2.5rem)!important; line-height:1.15!important; letter-spacing:-.04em!important; }
.project-standard :is(.section-title,.mtiara-heading,.gt-heading) em { font-style:normal!important; }
.project-standard :focus-visible { outline:3px solid #4777aa; outline-offset:3px; }
@media(max-width:860px) {
  .project-standard .project-facts { padding:18px; }
  .project-standard .project-facts dl>div { gap:12px; }
  .project-standard .project-facts dd { font-size:.85rem; }
  .project-standard .project-units { padding:36px 5vw; }
  .project-standard .project-unit-panel { grid-template-columns:1fr; gap:40px; }
  .project-standard .project-unit-tabs button { min-height:44px; padding:7px 12px; }
  .project-standard :is(.facilities,.location,.why-razi,.cta-section,.section,.gt-section,.mtiara-section) { padding-top:36px!important; padding-bottom:36px!important; }
}
