/* Authentic Light weight from the supplied Vietnamese font family. */
@font-face{font-family:BeVietnam;src:url('fonts/be-vietnam-light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Playfair;src:url('fonts/playfair-italic.woff2') format('woff2');font-style:italic;font-weight:400 900;font-display:swap}
body{font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
main p:not(.eyebrow):not(.price):not(.area):not(.hero-project):not(.signature-motto),.consultation-grid>div>p:not(.eyebrow),.hero--immersive .hero-intro,.residence-intro,.residence-developer,.location-intro{font-weight:300}
.consultation-benefits,.location-benefits p,.destination-list li>span,figcaption,.note,.privacy-note,.field label,.residence-highlights li,.residence-metrics dt,.residence-details dt,.hero-facts dt{font-weight:300}
strong,b,.residence-developer strong{font-weight:500}
.button,.hero--immersive .button,.location-actions .button,.eyebrow,.header nav>a,.text-link,summary,.address,.connection h3,.consultation-address,.location-region-link,.residence-view,.location-address{font-weight:400}
input,select,textarea{font-weight:300}
.hero-fact-price dt,.hero--immersive .hero-project{font-weight:400}
.signature-strip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:38px 24px 46px;background:linear-gradient(110deg,#f6f7f1,#fffdf8 50%,#f0f5ef);border-bottom:1px solid #d4c6ad66;text-align:center;overflow:hidden}
.signature-ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#ad8450}
.signature-ornament span{height:1px;width:72px;background:linear-gradient(90deg,transparent,#bca37b)}
.signature-ornament span:last-child{transform:rotate(180deg)}
.signature-ornament i{font:normal 10px/1 var(--sans)}
.signature-strip .signature-motto{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;margin:0;font:400 clamp(32px,3.5vw,54px)/1.35 var(--serif);letter-spacing:-.025em;color:var(--green);text-wrap:balance}
.signature-motto>span:first-child{font-weight:400}
.signature-motto em{font-family:var(--serif);font-style:italic;font-weight:400;color:#8b673c}
.signature-divider{width:1px;height:40px;background:#c4a77d88;transform:rotate(18deg)}
@media(max-width:767px){.signature-strip{padding:30px 20px 36px;gap:18px}.signature-strip .signature-motto{flex-direction:column;gap:3px;font-size:clamp(32px,8.5vw,42px);line-height:1.3}.signature-divider{display:none}.signature-ornament span{width:52px}.signature-ornament i{font-size:8px}}
.hero-intro-mobile{display:none}
/* Targeted mobile composition: put imagery and decisions ahead of long copy. */
@media(max-width:767px){
 .header-inner{height:72px}.header nav{top:72px}.brand{width:148px}
 .hero--immersive .hero-visual img{height:clamp(260px,72vw,300px);aspect-ratio:auto;object-fit:cover;object-position:center top}
 .hero--immersive .hero-copy{padding:24px 24px 30px}
 .hero--immersive .hero-project,.hero--immersive .fine-rule{display:none}
 .hero--immersive .eyebrow{margin-bottom:12px}
 .hero--immersive h1{font-size:clamp(32px,8.5vw,40px);line-height:1.22}
 .hero--immersive .hero-intro{margin-top:14px}
 .hero-intro-full{display:none}.hero-intro-mobile{display:inline}
 .hero--immersive .hero-actions{margin-top:18px;gap:4px}
 .hero--immersive .button-outline{border:0;min-height:44px;background:transparent}
 .hero-facts{margin-top:20px;row-gap:0}
 .hero-facts>div:nth-child(2),.hero-facts>div:nth-child(3){display:none}
 .hero-facts>div:nth-child(4){border-top:0;padding-top:0}
 .hero-facts>div:nth-child(4)::before{top:12px}
 .signature-strip{padding:22px 20px 26px;gap:12px}
 .signature-strip .signature-motto{font-size:30px;line-height:1.25}
 .residence{padding:40px 24px 32px;display:grid;grid-template-columns:minmax(0,1fr)}
 .residence-copy{display:contents}.residence-copy::before{display:none}
 .residence-copy>.eyebrow{order:1}.residence-copy>h2{order:2}
 .residence-intro{order:3;margin-bottom:24px}
 .residence .residence-visual{order:4;margin-inline:-24px;width:calc(100% + 48px);aspect-ratio:1.2}
 .residence-metrics{order:5}.residence-developer{order:6}
 .residence-highlights{order:7}.residence-details{order:8;margin-top:0}
 .location-top{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0;padding:40px 24px 32px}
 .location-copy{display:contents}
 .location-copy>.eyebrow{grid-row:1}.location-copy>h2{grid-row:2}
 .location-address{grid-row:3;margin-bottom:22px}
 .location-map{grid-row:4;margin-bottom:24px}
 .location-intro{grid-row:5}.location-benefits{grid-row:6}.location-actions{grid-row:7}
}