/* V292 source: /landing-masterplan-v274.css?v=5.8.274 */
/* Original image fits the viewport; controls never overlay the artwork. */
body.np-dedicated-landing-shell #mat-bang.np274-masterplan{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#063f37;color:#faf8f2;font-family:inherit}
#mat-bang.np274-masterplan[hidden]{display:none!important}
.np274-masterplan *{box-sizing:border-box}
.np274-head{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;padding:24px clamp(16px,3.5vw,64px) 22px}
.np274-heading{flex:1;min-width:0}
.np274-heading>span{display:block;color:#f3cf73;font-size:11px;line-height:1.4;letter-spacing:.14em;font-weight:750}
body.np-dedicated-landing-shell #mat-bang.np274-masterplan h2{margin:8px 0 0!important;font-size:clamp(27px,2.5vw,42px)!important;line-height:1.18!important;color:#faf8f2!important;text-wrap:balance}
.np274-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;max-width:100%}
body.np-dedicated-landing-shell #mat-bang .np274-actions a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid #dcc279;border-radius:7px;color:#f5dfa0!important;-webkit-text-fill-color:currentColor;text-decoration:none;font:inherit;font-size:13px;line-height:1.35;font-weight:750;text-align:center;overflow-wrap:anywhere}
body.np-dedicated-landing-shell #mat-bang .np274-actions .np274-consult{background:#cf292f;border-color:#e45a60;color:#fff!important}
body.np-dedicated-landing-shell #mat-bang .np274-consult:hover{background:#b51e27}
.np274-tour:hover{background:#145348}
.np274-frame{width:100%;min-width:0;margin:0;background:#064137}
.np274-image-link{display:block;width:100%;cursor:zoom-in}
body.np-dedicated-landing-shell #mat-bang .np274-image-link img{display:block;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;filter:none;opacity:1}
.np274-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px clamp(16px,3.5vw,64px)}
.np274-foot p{margin:0;color:#e7f0ed;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.np274-foot p:empty{display:none}
body.np-dedicated-landing-shell #mat-bang .np274-zoom{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;color:#f3cf73!important;font-size:13px;text-decoration:none;line-height:1.4}
.np274-zoom>span{font-size:22px}
.np274-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 clamp(16px,3.5vw,64px) 18px}
.np274-features>div{display:grid;gap:5px;padding:14px;border:1px solid #a98d4f88;border-radius:7px;min-width:0;overflow-wrap:anywhere}
.np274-features i{color:#f3cf73;font-style:normal}.np274-features b{color:#faf8f2}.np274-features span{font-size:13px;color:#e7f0ed}
@media(max-width:1100px){.np274-head{align-items:flex-start;flex-direction:column;gap:16px}.np274-actions{flex-wrap:wrap}.np274-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.np274-head{padding:20px 16px 16px;gap:14px}.np274-actions{width:100%;gap:9px}.np274-actions a{flex:1;min-width:0}body.np-dedicated-landing-shell #mat-bang .np274-actions a{font-size:12px;padding:11px 9px;gap:6px}.np274-foot{padding:12px 16px;gap:8px;flex-wrap:wrap}.np274-foot p{font-size:13px;flex:1 1 100%}.np274-zoom{margin-left:auto}.np274-features{padding:0 12px 14px}}


/* V292 source: /landing-spacing-v279.css?v=5.8.279 */
/* Compact the masterplan-to-amenities transition without changing images or forms. */
body.np-dedicated-landing-shell #tien-ich.np260-amenities {
  padding-top: 18px !important;
  padding-bottom: 10px !important;
}
body.np-dedicated-landing-shell #tien-ich .np260-head {
  margin-bottom: 14px !important;
}
body.np-dedicated-landing-shell #tien-ich .np268-heading-row {
  gap: 8px 18px !important;
  margin-bottom: 6px !important;
}
body.np-dedicated-landing-shell #tien-ich .np268-heading-row h2 {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 6px 0 !important;
}
@media(max-width:600px) {
  body.np-dedicated-landing-shell #tien-ich.np260-amenities {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
  }
  body.np-dedicated-landing-shell #tien-ich .np260-head {
    margin-bottom: 10px !important;
  }
  body.np-dedicated-landing-shell #tien-ich .np268-heading-row {
    gap: 6px 10px !important;
  }
}