@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/media/fonts/noto-serif-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/media/fonts/noto-serif-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/media/fonts/noto-serif-700-normal.woff2) format('woff2');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/fonts/be-vietnam-pro-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/media/fonts/be-vietnam-pro-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/media/fonts/be-vietnam-pro-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/media/fonts/be-vietnam-pro-700.woff2) format('woff2');
}

:root{--ink:#092b35;--deep:#073b48;--sea:#0d7280;--teal:#19a7ad;--sand:#e3c89a;--paper:#f7f7f2;--white:#fff;--muted:#557078;--line:#d7e2e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Be Vietnam Pro',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Be Vietnam Pro','Be Vietnam Pro',sans-serif;line-height:1.15}h1{font-size:clamp(2.8rem,6.8vw,6rem);letter-spacing:0}h2{font-size:clamp(2.1rem,4.7vw,4rem);letter-spacing:0}h3{font-size:1.45rem;letter-spacing:0}p{max-width:65ch}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.eyebrow{font-size:.78rem;letter-spacing:0;text-transform:uppercase;font-weight:700;color:var(--sea)}.light{color:#bce1df}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:3px;border:1px solid transparent;min-height:48px;padding:11px 23px;font-weight:700;font-size:.89rem;line-height:1.4;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--sand);color:var(--ink)}.btn-outline{border-color:rgba(255,255,255,.7);color:#fff}.btn-dark{background:var(--deep);color:#fff}.btn-line{border-color:var(--sea);color:var(--deep)}.site-header{position:absolute;z-index:30;top:0;left:0;right:0;color:#fff;border-bottom:1px solid #ffffff44}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;line-height:1.1}.brand-mark{border:1px solid var(--sand);width:40px;height:40px;display:grid;place-items:center;font:700 1.3rem 'Be Vietnam Pro';color:var(--sand)}.brand-name{font:700 .9rem/1.2 'Be Vietnam Pro';letter-spacing:0}.brand-sub{display:block;font-size:.56rem;font-weight:500;letter-spacing:0;color:#d2e4e3}.nav{display:flex;gap:30px;align-items:center;font-size:.84rem;font-weight:600}.nav a:hover,.foot a:hover{text-decoration:underline}.nav-cta{border:1px solid #ffffff88;padding:10px 14px}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.hero{min-height:730px;height:min(880px,100svh);position:relative;background:#0a4350;color:white;display:flex;align-items:end;overflow:hidden}.hero:before,.campaign-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,31,41,.80) 0%,rgba(2,33,42,.35) 65%),linear-gradient(0deg,rgba(1,31,41,.78),transparent 50%);z-index:1}.hero-image,.campaign-image{position:absolute;inset:0;background-image:url('https://hiepphuocpremia.dkra.vn/wp-content/uploads/2026/08/tong-quan-4-update-2_v2.webp');background-size:cover;background-position:center 44%;filter:saturate(.82)}.hero-content{z-index:2;position:relative;padding:150px 0 86px}.hero h1{max-width:850px;margin:18px 0}.hero .intro{font-size:1.06rem;color:#e4efee;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-facts{display:flex;gap:0;border-top:1px solid #ffffff66;margin-top:66px;padding-top:24px;max-width:760px}.hero-facts div{flex:1;padding-right:20px}.hero-facts div+div{padding-left:25px;border-left:1px solid #ffffff55}.hero-facts strong{display:block;font:700 clamp(1.4rem,2.3vw,2rem) 'Be Vietnam Pro'}.hero-facts small{font-size:.79rem;color:#d3e6e5}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:34px}.section-head h2{margin:8px 0 0;max-width:700px}.section-head p{color:var(--muted);max-width:390px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:580px}.split-copy{background:var(--deep);color:#fff;padding:clamp(36px,6vw,92px);display:flex;flex-direction:column;justify-content:center}.split-copy p{color:#d0e5e4}.split-image{min-height:400px;position:relative;overflow:hidden}.split-image img{position:absolute;inset:0}.img-label{position:absolute;bottom:20px;left:20px;background:#082d39d9;color:#fff;padding:8px 11px;font-size:.7rem;z-index:2}.metric-row{display:flex;gap:22px;margin:24px 0 34px}.metric-row div{border-top:1px solid #ffffff55;padding-top:12px;flex:1}.metric-row strong{display:block;font:700 1.75rem 'Be Vietnam Pro';color:var(--sand)}.metric-row span{font-size:.79rem}.zone-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.zone-tabs button{background:transparent;border:1px solid #9fb7b7;color:var(--deep);padding:12px 18px;font-weight:700}.zone-tabs button[aria-selected=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.zone-panel{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;min-height:480px;border:1px solid var(--line)}.zone-visual{position:relative;min-height:350px;background:#164d5b;overflow:hidden}.zone-visual img{filter:saturate(.86)}.zone-detail{padding:clamp(28px,5vw,65px);display:flex;flex-direction:column;justify-content:center}.zone-detail h3{font-size:clamp(2rem,3.7vw,3.2rem)}.zone-detail p{color:var(--muted)}.zone-detail ul{list-style:none;padding:0;margin:0 0 25px}.zone-detail li{border-top:1px solid var(--line);padding:10px 0;font-size:.86rem}.zone-detail li:last-child{border-bottom:1px solid var(--line)}.zone-note{font-size:.72rem;color:var(--muted);margin-top:15px}.proof{background:#e9f1ee}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.proof-card{background:#fff;padding:29px;min-height:230px}.proof-card .number{color:var(--sea);font:700 2.6rem 'Be Vietnam Pro'}.proof-card h3{margin:20px 0 9px}.proof-card p{font-size:.86rem;color:var(--muted);margin:0}.amenities{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.amenity{background:#fff;border:1px solid var(--line)}.amenity-image{height:230px;overflow:hidden}.amenity-image img{transition:transform .4s}.amenity:hover img{transform:scale(1.04)}.amenity-copy{padding:22px}.amenity h3{font-size:1.2rem;margin:0 0 7px}.amenity p{font-size:.8rem;color:var(--muted);margin:0}.editorial{background:var(--deep);color:#fff}.editorial .section-head p{color:#c1dcda}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#67939a}.journey article{background:var(--deep);padding:35px 28px;min-height:250px}.journey span{font:700 2.5rem 'Be Vietnam Pro';color:var(--sand)}.journey h3{margin:20px 0 10px}.journey p{color:#c6dcda;font-size:.85rem}.cta-band{background:#d5e5e3;padding:62px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{max-width:600px;font-size:clamp(1.8rem,3.6vw,3rem);margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.foot{background:#062d38;color:#e7efec;padding:52px 0 24px}.foot-inner{display:flex;justify-content:space-between;gap:40px}.foot p{font-size:.8rem;color:#c6dbd9}.foot-links{display:flex;flex-wrap:wrap;gap:20px;font-size:.8rem}.foot-bottom{border-top:1px solid #ffffff33;margin-top:45px;padding-top:18px;font-size:.7rem;color:#bad2d0}.page-top{background:var(--deep);color:#fff;padding:155px 0 80px}.page-top h1{font-size:clamp(2.7rem,6vw,5rem);margin:14px 0}.page-top p{color:#d0e3e0}.campaign-hero{position:relative;background:var(--deep);color:#fff;min-height:700px;display:flex;align-items:center}.campaign-image{background-image:url('https://hiepphuocpremia.dkra.vn/wp-content/uploads/2026/03/4-3.webp');background-position:center}.campaign-hero .wrap{position:relative;z-index:2;padding-top:140px;padding-bottom:65px}.campaign-hero h1{max-width:710px}.campaign-hero p{max-width:580px;color:#e5f0ee}.price{font:700 clamp(2.7rem,5vw,4.6rem) 'Be Vietnam Pro';color:var(--sand);letter-spacing:0;margin:18px 0}.price small{display:block;color:#fff;font:500 .78rem 'Be Vietnam Pro';letter-spacing:0}.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.policy-card{background:#fff;border:1px solid var(--line);padding:25px}.policy-card strong{display:block;color:var(--sea);font:700 2.3rem 'Be Vietnam Pro'}.policy-card p{font-size:.84rem;color:var(--muted);margin:9px 0 0}.contact-box{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:1px solid var(--line)}.contact-copy{background:var(--deep);color:#fff;padding:45px}.contact-copy p{color:#c6dfdd}.contact-form{padding:45px}.field{display:grid;gap:6px;margin-bottom:17px}.field label{font-size:.85rem;font-weight:600}.field input,.field select{border:1px solid #9bb6b8;background:#fff;border-radius:2px;padding:12px 13px;min-height:48px;width:100%;color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--teal);outline-offset:1px}.check{display:flex;gap:10px;align-items:start;font-size:.75rem;color:var(--muted);margin-bottom:20px}.check input{margin-top:4px}.form-status{font-size:.83rem;margin:12px 0 0;color:var(--muted)}.disclaimer{font-size:.72rem;color:var(--muted);margin-top:19px}.sticky-contact{display:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{gap:14px}.nav a:not(.nav-cta){display:none}.section{padding:75px 0}.split{grid-template-columns:1fr}.split-image{order:-1}.amenities,.policy-grid{grid-template-columns:repeat(2,1fr)}.proof-grid{gap:8px}}@media(max-width:650px){.wrap{width:min(100% - 36px,1180px)}.header-inner{min-height:70px}.brand-name{font-size:.76rem}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#073b48;padding:22px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a:not(.nav-cta){display:block}.mobile-toggle{display:block}.hero{min-height:730px;height:auto}.hero-content{padding:135px 0 34px}.hero h1{font-size:3.15rem}.hero-facts{margin-top:48px;gap:10px}.hero-facts div{padding:0!important;border:0!important}.hero-facts strong{font-size:1.22rem}.hero-facts small{font-size:.68rem}.section-head{display:block}.section-head p{margin-top:20px}.zone-panel,.contact-box{grid-template-columns:1fr}.zone-visual{min-height:260px}.zone-detail{padding:28px}.proof-grid,.journey{grid-template-columns:1fr}.amenities,.policy-grid{grid-template-columns:1fr 1fr;gap:8px}.amenity-image{height:135px}.amenity-copy{padding:14px}.amenity h3{font-size:.96rem}.amenity p{font-size:.72rem}.split-copy{padding:38px 20px}.metric-row{gap:10px}.metric-row strong{font-size:1.35rem}.cta-inner,.foot-inner{display:block}.cta-actions{margin-top:24px}.foot-links{margin-top:25px}.contact-copy,.contact-form{padding:28px}.campaign-hero{min-height:670px}.campaign-hero .wrap{padding-top:130px}.sticky-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;padding:10px 16px;gap:8px;box-shadow:0 -5px 20px #092b3529}.sticky-contact .btn{flex:1;padding:9px 8px;font-size:.78rem}.foot{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

.hero-image{background-image:url('/media/hero-update-poster.webp')}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}.hero:before{z-index:1;pointer-events:none}.btn-film{background:transparent;color:#fff;border:0;padding-left:6px;text-align:left}.btn-film small{font-size:.7rem;font-weight:500;color:#cbdcda}.film-dialog{border:0;padding:0;width:min(1100px,94vw);max-width:none;background:#052d37;color:#fff;box-shadow:0 22px 90px #001a27a8}.film-dialog::backdrop{background:#001b26de}.film-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;font-size:.8rem;font-weight:700;letter-spacing:0}.film-dialog-head button{border:0;background:transparent;color:#fff;font-size:1.4rem;padding:4px 8px}.film-dialog video{display:block;width:100%;max-height:78vh;background:#000}@media(max-width:650px){.hero-video{object-position:53% center}.btn-film{padding-left:0;justify-content:start}.hero:before{background:linear-gradient(90deg,rgba(1,31,41,.85),rgba(2,33,42,.39)),linear-gradient(0deg,rgba(1,31,41,.82),transparent 65%)}}@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

.campaign-image{background-image:url('/media/the-vigos.webp')}
/* Hiep Phuoc Premia brand system: official blue/gold and supplied logo proportions. */
:root{--ink:#123956;--deep:#005589;--sea:#007dc5;--teal:#00cfff;--sand:#f8af01;--paper:#f7fafc;--white:#fff;--muted:#476781;--line:#d1e3eb}
body{color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:'Noto Serif',serif;letter-spacing:0;line-height:1.12}
h1{font-size:clamp(2.8rem,6.4vw,5.4rem)}h2{font-size:clamp(2.05rem,4.2vw,3.65rem)}h3{letter-spacing:0}
p{text-align:left;text-justify:auto}p.disclaimer,p.zone-note,.form-status,.foot-bottom{text-align:left}
.eyebrow{color:var(--sea)}.eyebrow.light{color:#ffe59a}
.site-header{background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid #d7e3e9;box-shadow:0 2px 18px #002e4c14}
.brand{display:block;flex:0 0 auto}.brand-logo{width:195px;height:auto;object-fit:contain;display:block}
.nav a{color:var(--deep)}.nav-cta{border-color:var(--sea);color:var(--sea)!important}.nav-cta:hover{background:#eaf5fb;text-decoration:none!important}
.mobile-toggle{color:var(--deep)}
.btn-primary{background:var(--sand);color:#153649}.btn-outline{border-color:#fff;color:#fff}.btn-dark{background:var(--sea);color:#fff}.btn-line{border-color:var(--sea);color:var(--sea)}
.hero:before{background:linear-gradient(90deg,rgba(0,38,71,.83) 0%,rgba(0,49,88,.38) 65%),linear-gradient(0deg,rgba(0,30,55,.73),transparent 50%)}
.split-copy{background:var(--deep)}.metric-row strong{color:#ffe59a}.zone-tabs button[aria-selected=true]{background:var(--sea);border-color:var(--sea)}.zone-detail h3{color:var(--deep)}
.proof{background:#eaf4fa}.proof-card .number{color:var(--sea)}.editorial{background:var(--deep)}.journey article{background:var(--deep)}.journey span{color:#ffe59a}
.cta-band{background:#e2f2fb}.contact-copy{background:var(--deep)}.policy-card strong{color:var(--sea)}
.foot{background:#fff;color:var(--deep);border-top:3px solid var(--sand)}.foot p{color:var(--muted)}.footer-logo{width:135px;height:auto;object-fit:contain}.foot-bottom{border-top:1px solid var(--line);color:var(--muted)}
.inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:13px 25px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:.87rem}.inline-cta span{font-weight:700;margin-right:auto}.inline-cta a{color:var(--sea);font-weight:700}.inline-cta a:hover{text-decoration:underline}.section-action{margin-top:25px;text-align:right}
.page-top,.campaign-hero{background:var(--deep)}.film-dialog{background:#003d67}.film-dialog-head{background:var(--deep)}
@media(max-width:650px){.brand-logo{width:155px}.nav{background:#fff;box-shadow:0 8px 18px #00385e24}.nav a:not(.nav-cta){color:var(--deep)}.hero:before{background:linear-gradient(90deg,rgba(0,39,70,.88),rgba(0,45,82,.44)),linear-gradient(0deg,rgba(0,27,52,.84),transparent 65%)}.inline-cta{align-items:start;gap:10px 20px}.inline-cta span{flex:0 0 100%}.section-action{text-align:left}.footer-logo{width:125px}}
/* Compact video hero, responsive fact summary and expandable amenity grid. */
.site-header{background:rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffffaa}
.hero:before{background:linear-gradient(90deg,rgba(0,30,56,.63),rgba(0,42,73,.08) 72%),linear-gradient(0deg,rgba(0,30,55,.66),transparent 45%)}
.hero-content{padding-bottom:clamp(48px,8vh,88px)}.hero h1{max-width:590px;margin:14px 0 24px;font-size:clamp(2.9rem,5.8vw,5.25rem);text-shadow:0 3px 24px #00223b88}.hero-actions{margin-top:0}.hero .eyebrow{font-size:.8rem;text-shadow:0 2px 8px #002c4a}
.hero .btn-film{background:#002d4a6b;border:1px solid #ffffffb0;border-radius:3px;padding:11px 18px}.hero .btn-film:hover{background:#003e65bd}
.factbar{background:#fff;border-bottom:1px solid var(--line);padding:27px 0 18px}.factbar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.factbar-grid>div{border-left:2px solid var(--sand);padding-left:16px}.factbar strong{display:block;font:700 clamp(1.5rem,2.3vw,2.1rem)/1.15 'Noto Serif',serif;color:var(--deep);white-space:nowrap}.factbar span{display:block;margin-top:6px;color:var(--muted);font-size:.78rem}.factbar p{font-size:.73rem;color:var(--muted);margin:21px 0 0;text-align:left}
.connectivity{margin-top:35px;border-top:1px solid #c7dce8;padding-top:28px}.connectivity h3{font-size:1.8rem;margin-bottom:18px}.connectivity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.connectivity-grid>div{background:#fff;border:1px solid var(--line);padding:19px 21px}.connectivity-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:0;color:var(--sea);font-weight:700;margin-bottom:8px}.connectivity-grid strong{font-size:.88rem;line-height:1.5;font-weight:600}
.more-amenities{margin-top:15px}[hidden]{display:none!important}.amenities-control{display:flex;justify-content:center;margin-top:23px}.show-more{color:var(--sea);background:transparent;border:1px solid var(--sea);padding:10px 20px;min-height:46px;border-radius:3px;font-weight:700;font-size:.88rem}.show-more:hover{background:#e6f4fb}.show-more span{margin-left:10px}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.eyebrow,.btn,.nav a{text-wrap:nowrap}
@media(max-width:900px){.factbar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 15px}.connectivity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{background:rgba(255,255,255,.82)}.nav.open{background:rgba(255,255,255,.97)}.hero{height:650px;min-height:0}.hero-content{padding:130px 0 48px}.hero h1{font-size:3.05rem;max-width:350px}.hero:before{background:linear-gradient(90deg,rgba(0,30,56,.32),rgba(0,42,73,.02)),linear-gradient(0deg,rgba(0,27,50,.75),transparent 57%)}.hero .hero-actions{gap:10px}.hero .btn{font-size:.8rem;padding:10px 14px}.factbar{padding:22px 0 17px}.factbar strong{font-size:1.4rem}.factbar span{font-size:.7rem}.factbar-grid>div{padding-left:11px}.connectivity-grid{grid-template-columns:1fr}.connectivity h3{font-size:1.55rem}.connectivity-grid>div{padding:14px 17px}.amenities-control{margin-top:19px}}

.site-header{background:rgba(231,246,252,.77)}.hero h1{max-width:830px;font-size:clamp(2.45rem,5vw,4.65rem);line-height:1.12}.hero h1 span{display:block;text-wrap:balance}@media(max-width:650px){.site-header{background:rgba(235,248,252,.84)}.hero h1{max-width:360px;font-size:clamp(2.25rem,9vw,3rem);line-height:1.13}.hero h1 span+span{margin-top:.08em}}
/* Project evidence: site plan, product sheets, location map and real photographs. */
.site-header .wrap{width:min(1380px,calc(100% - 48px))}.nav{gap:clamp(12px,1.5vw,25px);font-size:.79rem}.nav-cta{white-space:nowrap}
.masterplan-section{background:#edf6fa}.masterplan-frame,.location-map{display:block;position:relative;background:#fff;border:1px solid var(--line);overflow:hidden}.masterplan-frame img{height:auto;object-fit:contain}.masterplan-frame span,.location-map span{position:absolute;right:18px;bottom:18px;background:#005589;color:#fff;padding:9px 15px;font-weight:700;font-size:.82rem}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid var(--line);overflow:hidden}.product-card a{display:block;overflow:hidden}.product-card img{height:auto;aspect-ratio:2500/1591;object-fit:contain;transition:transform .3s}.product-card a:hover img{transform:scale(1.025)}.product-card>div{padding:20px 22px 24px}.product-card h3{font-size:1.35rem;margin:0 0 7px}.product-card p{font-size:.86rem;color:var(--muted);margin:0}
.location-section{background:#eaf4fa}.location-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:23px;align-items:stretch}.location-map img{height:100%;min-height:470px;object-fit:contain}.location-list{display:flex;flex-direction:column;gap:0}.location-list>div{padding:15px 0;border-bottom:1px solid #c5d9e6}.location-list>div:first-child{padding-top:0}.location-list span{display:block;color:var(--sea);font-size:.72rem;font-weight:700;letter-spacing:0;margin-bottom:6px}.location-list strong{display:block;font-size:.98rem;line-height:1.5;font-weight:600}.location-list .btn{align-self:start;margin-top:auto}
.actual-section{background:#eaf4fa}.actual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actual-grid figure{margin:0;background:#fff}.actual-grid img{aspect-ratio:16/9;height:auto}.actual-grid figcaption{padding:12px 16px;font-size:.78rem;color:var(--muted)}
.policy-section{background:var(--deep);color:#fff}.policy-section .section-head{margin-bottom:25px}.policy-section .policy-card{min-height:155px}.policy-section .policy-card strong{font-size:clamp(1.45rem,2vw,2rem);line-height:1.2;white-space:normal}.policy-lead{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ffffff65;padding:27px 32px;margin-bottom:18px}.policy-lead span{display:block;font-weight:700;letter-spacing:0;font-size:.78rem;color:#ffe19b}.policy-lead strong{display:block;font:700 clamp(2.1rem,4vw,3.4rem)/1.2 'Noto Serif',serif;margin:8px 0}.policy-lead p{margin:0;color:#d7e8f2;font-size:.84rem}.policy-note{margin:17px 0 0;font-size:.78rem;color:#d4e3ee;text-align:left}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:11px;font-size:.73rem}.brand-logo{width:165px}}
@media(max-width:900px){.mobile-toggle{display:block}.nav{display:none;position:absolute;top:82px;right:0;left:0;background:#eaf5fb;box-shadow:0 8px 18px #00385e24;padding:18px 24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a:not(.nav-cta){display:block;color:var(--deep)}.nav a{font-size:.9rem}.location-layout{grid-template-columns:1fr}.location-map img{min-height:0;height:auto}.location-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.location-list .btn{margin-top:16px}}
@media(max-width:650px){.site-header .wrap{width:calc(100% - 36px)}.nav{top:70px}.product-grid,.actual-grid,.location-list{grid-template-columns:1fr}.product-card img{width:100%}.masterplan-frame span,.location-map span{position:static;display:block;text-align:center}.policy-lead{display:block;padding:22px}.policy-lead .btn{margin-top:20px}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-card{padding:15px;min-height:145px!important}.policy-section .policy-card strong{font-size:1.35rem}.policy-card p{font-size:.75rem}}
/* Film-led entrance and scroll-direction navigation. */
.site-header{position:fixed;top:0;left:0;right:0;background:rgba(235,247,252,.25);border-bottom:1px solid #ffffff55;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .38s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s;will-change:transform}
.site-header.is-scrolled{background:rgba(236,247,251,.94);box-shadow:0 8px 30px #0035551a;border-bottom-color:#ffffffa8}.site-header.is-hidden{transform:translateY(-105%)}
.hero{height:100svh;min-height:670px}.hero:before{background:linear-gradient(0deg,rgba(0,27,50,.76) 0%,rgba(0,35,58,.15) 29%,transparent 62%),linear-gradient(90deg,rgba(0,28,48,.22),transparent 45%)}.hero-content{padding:0 0 clamp(34px,6vh,70px)}.hero h1{margin:0;max-width:940px;font-size:clamp(2.55rem,5vw,4.9rem);line-height:1.12;letter-spacing:0;text-shadow:0 3px 26px #001c32b0;text-wrap:balance}
/* Gently overlapping section surfaces connect the long-form story. */
.cinematic-strip{position:relative;height:clamp(300px,44vw,580px);overflow:hidden;background:#063958}.cinematic-strip img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.cinematic-strip:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#001e38a0)}.cinematic-strip span{position:absolute;z-index:1;bottom:65px;left:max(24px,calc((100vw - 1180px)/2));color:#fff;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}
.masterplan-section,.products-section,.location-section,#tien-ich,.render-section,.actual-section,.policy-section{position:relative;margin-top:-33px;border-radius:42px 42px 0 0;overflow:hidden}
.masterplan-section{z-index:1}.products-section{z-index:2}.location-section{z-index:3}#tien-ich{z-index:4;background:var(--paper)}.render-section{z-index:5;background:#edf6fa}.actual-section{z-index:6}.policy-section{z-index:7}
.masterplan-frame,.location-map,.product-card,.amenity,.actual-grid figure{border-radius:10px;box-shadow:0 8px 26px #0b4a7010}.product-card,.amenity{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.product-card:hover,.amenity:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0b4a7025}
.render-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:205px;gap:12px}.render-grid figure{margin:0;position:relative;overflow:hidden;border-radius:10px;background:#0d405f}.render-grid .wide{grid-column:span 2;grid-row:span 2}.render-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.render-grid figure:hover img{transform:scale(1.045)}.render-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 18px 15px;background:linear-gradient(transparent,#001b2caa);color:#fff;font-size:.82rem;font-weight:600;pointer-events:none}
.actual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.actual-grid figure{overflow:hidden}.actual-grid img{transition:transform .5s}.actual-grid figure:hover img{transform:scale(1.035)}.actual-grid figcaption{font-size:.78rem;padding:14px 16px;line-height:1.45}
.zoomable{cursor:zoom-in}.zoomable:focus-visible{outline:3px solid var(--sand);outline-offset:3px}.image-viewer{position:fixed;width:min(96vw,1500px);height:min(94vh,1000px);max-width:none;max-height:none;margin:auto;padding:24px 65px 42px;border:0;border-radius:12px;background:#061b2bf5;color:#fff;box-shadow:0 25px 100px #00182ccc;overflow:hidden}.image-viewer::backdrop{background:#00121ce0;backdrop-filter:blur(8px)}.image-viewer figure{height:100%;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.image-viewer img{width:100%;height:calc(100% - 35px);object-fit:contain}.image-viewer figcaption{font-size:.8rem;color:#d6e9f3;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-viewer button{position:absolute;z-index:2;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;border-radius:50%;width:46px;height:46px;font-size:2rem;line-height:1}.image-viewer button:hover{background:#ffffff45}.image-viewer .viewer-close{right:16px;top:14px}.image-viewer .viewer-prev,.image-viewer .viewer-next{top:50%;transform:translateY(-50%)}.image-viewer .viewer-prev{left:10px}.image-viewer .viewer-next{right:10px}.viewer-count{position:absolute;right:18px;bottom:11px;font-size:.75rem;color:#d7e7ef}.viewer-open{overflow:hidden}
.reveal{transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.render-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}.actual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header{background:rgba(235,247,252,.28)}.site-header.is-scrolled{background:rgba(235,247,252,.96)}.nav.open{background:rgba(235,247,252,.98)}.hero{height:100svh;min-height:600px}.hero-content{padding:0 0 72px}.hero h1{font-size:clamp(2.1rem,9vw,3rem);max-width:390px}.hero:before{background:linear-gradient(0deg,rgba(0,27,50,.82),transparent 48%)}.cinematic-strip{height:320px}.cinematic-strip span{bottom:52px}.masterplan-section,.products-section,.location-section,#tien-ich,.render-section,.actual-section,.policy-section{border-radius:28px 28px 0 0;margin-top:-23px}.render-grid{grid-auto-rows:150px;gap:7px}.render-grid .wide{grid-column:span 2;grid-row:span 2}.render-grid figcaption{font-size:.72rem;padding:26px 9px 9px}.actual-grid{grid-template-columns:1fr 1fr;gap:7px}.actual-grid img{aspect-ratio:1.16}.actual-grid figcaption{font-size:.7rem;padding:9px}.image-viewer{width:100vw;height:100dvh;border-radius:0;padding:50px 8px 64px}.image-viewer .viewer-prev,.image-viewer .viewer-next{width:38px;height:38px;top:auto;bottom:7px;transform:none}.image-viewer .viewer-prev{left:20px}.image-viewer .viewer-next{right:20px}.image-viewer .viewer-close{right:14px;top:8px}.image-viewer figcaption{white-space:normal;font-size:.76rem}.sticky-contact{display:none}.contact-visible .sticky-contact{display:flex}}
@media(prefers-reduced-motion:reduce){.site-header,.product-card,.amenity,.render-grid img,.actual-grid img{transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* A continuous homepage: clear video, project introduction and connected surfaces. */
.concept-home .hero:before{background:linear-gradient(to top,var(--paper) 0,rgba(247,250,252,.28) 5%,transparent 13%)}
.concept-home .factbar{position:relative;background:var(--paper);border:0;padding:52px 0 70px}
.concept-home .factbar h1{color:var(--deep);font-size:clamp(2.3rem,4.4vw,4.1rem);line-height:1.15;max-width:960px;margin:0 0 42px;text-wrap:balance}
.concept-home .factbar h1:before{content:'';display:block;width:64px;height:3px;background:var(--sand);margin-bottom:25px}
.concept-home .factbar p{max-width:none}
.concept-home .split{width:min(1180px,calc(100% - 48px));margin:0 auto 70px;border-radius:16px;overflow:hidden;min-height:540px}
.concept-home .split-copy{padding:clamp(30px,4.6vw,64px)}
.concept-home .cinematic-strip:before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:60px;background:linear-gradient(var(--paper),transparent);pointer-events:none}
.concept-home .cinematic-strip:after{inset:auto 0 0;height:120px;background:linear-gradient(transparent,#edf6fa);pointer-events:none}
.concept-home .cinematic-strip span{bottom:145px;text-shadow:0 2px 12px #001e38}
.concept-home .masterplan-section,.concept-home .products-section,.concept-home .location-section,.concept-home #tien-ich,.concept-home .render-section,.concept-home .actual-section,.concept-home .policy-section{margin-top:0;border-radius:0;overflow:visible;z-index:auto;scroll-margin-top:90px}
.concept-home .section{padding:88px 0}
.concept-home .masterplan-section{background:#edf6fa;padding-top:45px;padding-bottom:76px}
.concept-home .products-section{background:linear-gradient(#edf6fa,var(--paper));padding-top:50px}
.concept-home .location-section{background:var(--paper);padding-top:50px}
.concept-home #tien-ich{background:linear-gradient(var(--paper),#edf6fa)}
.concept-home .render-section{background:#edf6fa;padding-top:50px}
.concept-home .actual-section{background:#edf6fa;padding-top:50px}
.concept-home .products-section>.wrap:before,.concept-home .location-section>.wrap:before,.concept-home .render-section>.wrap:before,.concept-home .actual-section>.wrap:before{content:'';display:block;height:1px;background:linear-gradient(90deg,var(--line),transparent 85%);margin-bottom:48px}
.concept-home .policy-section{background:linear-gradient(to bottom,#edf6fa,var(--deep) 110px);padding-top:170px;padding-bottom:80px}
.concept-home .cta-band{background:linear-gradient(to bottom,var(--deep),#e2f2fb 110px);padding:155px 0 78px}
.concept-home .foot{background:linear-gradient(#e2f2fb,#fff 110px);border-top:0;padding-top:80px}
@media(max-width:900px){.concept-home .split-image{order:0;min-height:380px}.concept-home .section{padding-bottom:68px}}
@media(max-width:650px){
.concept-home .factbar{padding:32px 0 45px}
.concept-home .factbar h1{font-size:clamp(2.05rem,8.5vw,2.8rem);margin-bottom:32px;max-width:100%}
.concept-home .factbar h1:before{width:44px;margin-bottom:20px}
.concept-home .split{width:calc(100% - 36px);margin-bottom:45px;border-radius:12px}
.concept-home .split-copy{padding:32px 24px}.concept-home .split-image{min-height:280px}
.concept-home .cinematic-strip:before{height:36px}.concept-home .cinematic-strip:after{height:80px}.concept-home .cinematic-strip span{bottom:100px;font-size:.68rem;left:18px}
.concept-home .section{padding:60px 0}.concept-home .masterplan-section{padding-top:28px}
.concept-home .products-section,.concept-home .location-section,.concept-home .render-section,.concept-home .actual-section{padding-top:24px}
.concept-home .products-section>.wrap:before,.concept-home .location-section>.wrap:before,.concept-home .render-section>.wrap:before,.concept-home .actual-section>.wrap:before{margin-bottom:34px}
.concept-home .policy-section{background:linear-gradient(to bottom,#edf6fa,var(--deep) 75px);padding-top:115px}
.concept-home .cta-band{background:linear-gradient(to bottom,var(--deep),#e2f2fb 75px);padding:110px 0 55px}
.concept-home .foot{padding-top:55px}
}

/* Brand-led editorial rhythm, inspired by continuous landscape compositions. */
.concept-home .factbar{padding:70px 0 85px;background:linear-gradient(var(--paper),#edf6fa)}
.concept-home .factbar h1{max-width:1000px;margin:0 auto 58px;text-align:center;font-size:clamp(2.8rem,5.3vw,4.7rem);font-weight:400;line-height:1.18}
.concept-home .factbar h1:before{margin:0 auto 28px;width:46px;height:2px}
.concept-home .factbar-grid{gap:0;max-width:1050px;margin:auto}
.concept-home .factbar-grid>div{border:0;padding:0 24px;text-align:center}
.concept-home .factbar-grid>div+div{border-left:1px solid #a9c8da66}
.concept-home .factbar strong{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:400}
.concept-home .factbar span{font-size:.85rem;margin-top:10px}
.concept-home .factbar p{text-align:center;margin-top:36px;font-size:.78rem}
.concept-home .split{position:relative;width:100%;margin:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:0;background:#edf6fa;min-height:640px}
.concept-home .split-copy{position:relative;z-index:2;background:transparent;color:var(--ink);padding:55px 28px 80px max(24px,calc((100vw - 1180px)/2));align-items:flex-start}
.concept-home .split-copy p{color:var(--muted)}
.concept-home .split-copy .eyebrow{color:var(--sea)}
.concept-home .split-copy h2{font-weight:400;max-width:460px}
.concept-home .metric-row{width:100%;gap:18px}.concept-home .metric-row div{border-color:#adcbdc}
.concept-home .metric-row strong{color:var(--deep);font-weight:500}
.concept-home .split-copy .btn-outline{border-color:var(--sea);color:var(--sea);background:transparent}
.concept-home .split-image{min-height:640px}
.concept-home .split-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf6fa,transparent 18%),linear-gradient(0deg,#edf6fa,transparent 20%,transparent 85%,#edf6fa);pointer-events:none}
.concept-home .split-image .img-label{bottom:60px;left:40px;background:transparent;font-size:.75rem;text-shadow:0 1px 8px #00213a}
.concept-home .split-image img,.concept-home .cinematic-strip img{transform:translateY(var(--scene-shift,0px)) scale(1.09);will-change:transform}
.concept-home .cinematic-strip{height:clamp(400px,53vw,720px);background:#edf6fa}
.concept-home .cinematic-strip:before{height:100px;background:linear-gradient(#edf6fa,transparent)}
.concept-home .cinematic-strip:after{height:150px}
.concept-home .cinematic-strip span{bottom:170px;text-transform:none;letter-spacing:0;font-weight:500}
.concept-home .section-head{margin-bottom:45px;gap:60px}
.concept-home .section-head h2{font-weight:400;line-height:1.2}
.concept-home .eyebrow{font-size:.76rem;letter-spacing:0}
.concept-home .products-section>.wrap:before,.concept-home .location-section>.wrap:before,.concept-home .render-section>.wrap:before,.concept-home .actual-section>.wrap:before{display:none}
.concept-home .products-section,.concept-home .location-section,.concept-home .render-section,.concept-home .actual-section{padding-top:80px}
.concept-home .masterplan-frame,.concept-home .location-map{border:0;box-shadow:none;border-radius:0;background:transparent}
.concept-home .product-grid{gap:28px}
.concept-home .product-card,.concept-home .amenity,.concept-home .actual-grid figure{background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.concept-home .product-card:hover,.concept-home .amenity:hover{transform:none;box-shadow:none}
.concept-home .product-card>div{padding:24px 0 8px;border-bottom:1px solid var(--line)}
.concept-home .product-card h3{font-size:1.5rem;font-weight:400}
.concept-home .amenities{gap:26px}
.concept-home .amenity-image{height:260px;border-radius:2px}
.concept-home .amenity-copy{padding:20px 0 22px;border-bottom:1px solid var(--line)}
.concept-home .amenity h3{font-weight:400;font-size:1.4rem}
.concept-home .amenity p{font-size:.86rem}
.concept-home .render-grid{gap:18px;grid-auto-rows:225px}
.concept-home .render-grid figure{border-radius:2px}
.concept-home .actual-grid{gap:28px}
.concept-home .actual-grid figcaption{padding:15px 0 0;background:transparent}
.concept-home .policy-lead{border:0;border-bottom:1px solid #ffffff40;padding:0 0 32px;margin-bottom:32px}
.concept-home .policy-grid{gap:0}
.concept-home .policy-card{background:transparent;border:0;min-height:130px;padding:10px 28px}
.concept-home .policy-card:first-child{padding-left:0}
.concept-home .policy-card+.policy-card{border-left:1px solid #ffffff40}
.concept-home .policy-card strong{color:#ffe3a1;font-weight:400}
.concept-home .policy-card p{color:#d8eaf3;font-size:.9rem}
.concept-home .nav-cta{border:0;border-left:1px solid #00558940;padding:5px 0 5px 18px}
.concept-home .reveal{transform:translateY(24px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.concept-home .reveal.visible{transform:none}
@media(max-width:1050px){.concept-home .amenity-image{height:210px}}
@media(max-width:900px){
.concept-home .split{grid-template-columns:1fr}.concept-home .split-copy{padding:40px 24px;max-width:720px;margin:auto}
.concept-home .split-image{min-height:440px}.concept-home .split-image:after{background:linear-gradient(0deg,#edf6fa,transparent 20%,transparent 82%,#edf6fa)}
.concept-home .split-image img,.concept-home .cinematic-strip img{transform:none;will-change:auto}
.concept-home .factbar-grid{row-gap:30px}.concept-home .factbar-grid>div:nth-child(3){border-left:0}
.concept-home .render-grid{grid-auto-rows:190px}
.concept-home .policy-grid{gap:25px 0}.concept-home .policy-card:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:650px){
.concept-home .factbar{padding:42px 0 50px}.concept-home .factbar h1{font-size:clamp(2.15rem,8.8vw,3rem);margin-bottom:38px}
.concept-home .factbar-grid>div{padding:0 8px}.concept-home .factbar strong{font-size:1.7rem}.concept-home .factbar span{font-size:.75rem}
.concept-home .factbar p{font-size:.75rem;line-height:1.8;margin-top:28px}
.concept-home .split-copy{padding:32px 18px}.concept-home .split-image{min-height:330px}
.concept-home .split-image .img-label{left:18px;bottom:50px}
.concept-home .cinematic-strip{height:380px}.concept-home .cinematic-strip:before{height:65px}.concept-home .cinematic-strip:after{height:85px}.concept-home .cinematic-strip span{bottom:100px}
.concept-home .section-head{margin-bottom:30px}.concept-home .section-head h2{font-size:2.3rem}
.concept-home .products-section,.concept-home .location-section,.concept-home .render-section,.concept-home .actual-section{padding-top:55px}
.concept-home .product-grid{gap:28px}.concept-home .amenities{gap:22px 14px}
.concept-home .amenity-image{height:155px}.concept-home .amenity-copy{padding:15px 0}.concept-home .amenity h3{font-size:1.1rem}.concept-home .amenity p{font-size:.78rem}
.concept-home .render-grid{gap:8px;grid-auto-rows:155px}.concept-home .actual-grid{gap:24px 14px}
.concept-home .actual-grid figcaption{font-size:.75rem}
.concept-home .policy-card{padding:0 18px;min-height:100px!important}.concept-home .policy-card p{font-size:.8rem}
.concept-home .nav-cta{border-left:0;padding:10px 0}
}
@media(prefers-reduced-motion:reduce){.concept-home .split-image img,.concept-home .cinematic-strip img{transform:none;will-change:auto}.concept-home .reveal{transition:none!important;transition-delay:0ms!important}}

/* An immersive amenity collection anchors the brand journey. */
.concept-home #tien-ich{background:linear-gradient(to bottom,var(--paper),#007dc5 150px,#007dc5 calc(100% - 150px),#edf6fa);padding:205px 0 185px;color:#fff;overflow:hidden}
.concept-home #tien-ich .section-head{display:block;text-align:center;max-width:790px;margin:0 auto 58px}
.concept-home #tien-ich .section-head h2{max-width:none;font-size:clamp(2.8rem,5.5vw,4.8rem)}
.concept-home #tien-ich .section-head h2 span{display:block;color:#ffe19b;font-size:1.32em;line-height:1.1;margin-bottom:7px}
.concept-home #tien-ich .eyebrow{color:#dbf4ff;margin-bottom:22px}
.concept-home #tien-ich .section-head p{color:#e6f5ff;text-align:center;max-width:640px;margin:25px auto 0;font-size:1rem;line-height:1.8}
.amenity-track{position:relative;display:flex;gap:24px;width:100vw;margin-left:calc(50% - 50vw);padding:0 max(18px,calc((100vw - 1040px)/2));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:max(18px,calc((100vw - 1040px)/2))}
.amenity-track::-webkit-scrollbar{display:none}
.concept-home .amenity-track .amenity{flex:0 0 min(1040px,82vw);scroll-snap-align:center;opacity:.58;transform:scale(.955);transform-origin:center;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s;min-width:0}
.concept-home .amenity-track .amenity.is-active{opacity:1;transform:scale(1)}
.concept-home .amenity-track .amenity-image{height:clamp(330px,43vw,570px);border-radius:10px;overflow:hidden}
.concept-home .amenity-track .amenity-image img{object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.concept-home .amenity-track .amenity:hover img{transform:scale(1.025)}
.concept-home .amenity-track .amenity-copy{padding:28px 0 0;border:0;text-align:center}
.concept-home .amenity-track h3{font-size:2.1rem;color:#fff;margin-bottom:9px}
.concept-home .amenity-track p{color:#e3f3ff;text-align:center;max-width:none;font-size:.94rem}
.amenity-navigation{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:30px}
.amenity-navigation button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff88;border-radius:50%;background:transparent;color:#fff;font-size:1.8rem;line-height:1;transition:background .2s}
.amenity-navigation button:hover{background:#ffffff22}.amenity-navigation button:disabled{opacity:.3;cursor:default}
.amenity-status{font-size:.78rem;letter-spacing:0;min-width:65px;text-align:center;font-variant-numeric:tabular-nums}
.concept-home #tien-ich .show-more{border-color:#ffffff77;color:#fff;border-radius:30px;padding:11px 24px;background:transparent;font-size:.82rem}
.concept-home #tien-ich .show-more:hover{background:#ffffff18}
.amenity-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.amenity-thumb{padding:0;border:1px solid transparent;background:transparent;color:#fff;text-align:left;border-radius:5px;overflow:hidden;transition:opacity .2s,border-color .2s}
.amenity-thumb img{height:120px;object-fit:cover}.amenity-thumb span{display:block;padding:10px 8px;font-size:.85rem}
.amenity-thumb:hover,.amenity-thumb[aria-pressed=true]{border-color:#ffe19b}
.amenity-track:focus-visible,.amenity-navigation button:focus-visible,.amenity-thumb:focus-visible{outline:3px solid #ffe19b;outline-offset:3px}
.concept-home .actual-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 24px}
.concept-home .actual-grid figure{grid-column:span 3}
.concept-home .actual-grid figure:first-child{grid-column:span 8}.concept-home .actual-grid figure:nth-child(2){grid-column:span 4}
.concept-home .actual-grid img{height:210px;aspect-ratio:auto;object-fit:cover}
.concept-home .actual-grid figure:nth-child(-n+2) img{height:380px}
.concept-home .actual-section .section-head h2{max-width:850px}
.concept-home .masterplan-frame.reveal,.concept-home .location-map.reveal{transition-duration:1.1s}
.concept-home .btn{border-radius:25px;padding-inline:25px}
@media(max-width:900px){.amenity-track{gap:16px}.amenity-index{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-home .actual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-home .actual-grid figure,.concept-home .actual-grid figure:first-child,.concept-home .actual-grid figure:nth-child(2){grid-column:span 1}.concept-home .actual-grid img,.concept-home .actual-grid figure:nth-child(-n+2) img{height:240px}}
@media(max-width:650px){
.concept-home #tien-ich{background:linear-gradient(to bottom,var(--paper),#007dc5 90px,#007dc5 calc(100% - 90px),#edf6fa);padding:130px 0 120px}
.concept-home #tien-ich .section-head{margin-bottom:35px}.concept-home #tien-ich .section-head h2{font-size:2.25rem}.concept-home #tien-ich .section-head p{font-size:.9rem;text-align:left}.concept-home #tien-ich .eyebrow{margin-bottom:18px}
.amenity-track{padding-inline:9vw;scroll-padding-inline:9vw;gap:10px}.concept-home .amenity-track .amenity{flex-basis:82vw}
.concept-home .amenity-track .amenity-image{height:270px;border-radius:6px}.concept-home .amenity-track .amenity-copy{padding-top:20px}.concept-home .amenity-track h3{font-size:1.75rem}.concept-home .amenity-track p{font-size:.85rem}
.amenity-navigation{margin-top:24px;gap:20px}.amenity-navigation button{width:44px;height:44px}
.amenity-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.amenity-thumb img{height:95px}.amenity-thumb span{font-size:.78rem}
.concept-home .actual-grid{gap:24px 14px}.concept-home .actual-grid img,.concept-home .actual-grid figure:nth-child(-n+2) img{height:auto;aspect-ratio:1.16}
}
@media(prefers-reduced-motion:reduce){.concept-home .amenity-track .amenity{transform:none;transition:none}.concept-home .amenity-track img{transition:none}.amenity-track{scroll-behavior:auto}}

/* Quiet navigation and a linked landscape across the brand chapters. */
.concept-home .header-inner{min-height:88px}
.concept-home .mobile-toggle{display:flex;align-items:center;gap:15px;padding:12px 0 12px 18px;color:var(--deep);font-size:.76rem;letter-spacing:0;position:relative;z-index:2}
.menu-icon{display:flex;flex-direction:column;justify-content:center;gap:7px;width:30px;height:25px}
.menu-icon i{display:block;height:1px;width:30px;background:currentColor;transition:transform .3s}
.mobile-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(4px) rotate(45deg)}
.mobile-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}
.concept-home .nav{display:none;position:absolute;left:auto;right:max(24px,calc((100vw - 1380px)/2));top:100%;width:min(360px,calc(100vw - 36px));padding:30px 32px;background:rgba(235,247,252,.97);backdrop-filter:blur(22px);box-shadow:0 18px 50px #003d6a24;border:1px solid #ffffffbb;border-radius:0 0 8px 8px;flex-direction:column;align-items:stretch;gap:0}
.concept-home .nav.open{display:flex;animation:menu-entrance .3s ease-out}
.concept-home .nav a,.concept-home .nav a:not(.nav-cta){display:block;font-size:.95rem;font-weight:500;line-height:1.5;padding:13px 0;color:var(--deep);border-bottom:1px solid #00558914}
.concept-home .nav a[aria-current=location]{color:var(--sea);box-shadow:inset 2px 0 var(--sand);padding-left:14px}
.concept-home .nav .nav-cta{border:0;padding-top:22px;color:var(--sea)!important}
@keyframes menu-entrance{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.concept-home .factbar{padding-bottom:330px;overflow:hidden}
.concept-home .factbar>.wrap{position:relative;z-index:1}
.concept-home .factbar h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:1120px}
.concept-home .factbar h1 span{display:block}
.concept-home .factbar h1 em{display:block;font-size:1.03em;font-weight:400;line-height:1.25;color:var(--sea);margin-top:8px}
.intro-landscape{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 26px);height:290px;width:100vw;background:linear-gradient(to bottom,#edf6fa,transparent 35%,transparent 65%,#edf6fa),url('/media/riverfront.webp') center 55%/cover no-repeat;pointer-events:none}
.concept-home .collection-title{max-width:none;font-size:clamp(2.9rem,5vw,4.6rem)}
.collection-title span{display:block;text-transform:uppercase;font-size:.72em;letter-spacing:0;line-height:1.3}
.collection-title em{display:block;font-weight:400;font-size:1em;line-height:1.25;margin-top:6px}
.concept-home .products-section .section-head,.concept-home .render-section .section-head{justify-content:center;text-align:center;margin-bottom:58px}
.concept-home .products-section{padding-bottom:100px}
.concept-home .product-grid{align-items:start;gap:30px}
.concept-home .product-card:nth-child(2){margin-top:65px}
.concept-home .product-card>a{position:relative;aspect-ratio:1.486;overflow:hidden;border-radius:8px;background:#cfedf6}
.concept-home .product-card>a img{position:absolute;max-width:none;width:162.34%;height:auto;aspect-ratio:auto;left:-53.96%;top:-37.07%;object-fit:initial;transform:none}
.concept-home .product-card>a:hover img{transform:scale(1.025)}
.product-view-label{position:absolute;bottom:13px;right:13px;border-radius:18px;background:#fffffff0;color:var(--deep);font-size:.72rem;padding:7px 12px;box-shadow:0 4px 18px #00334c15}
.concept-home .product-card>div{border:0;padding-top:24px}.concept-home .product-card h3{font-size:1.6rem;line-height:1.25}
.concept-home .products-section .section-action{text-align:center;margin-top:42px}
.concept-home #tien-ich{background:linear-gradient(to bottom,var(--paper),#007dc5 150px);padding-bottom:85px}
.concept-home .render-section{background:#007dc5;color:#fff;padding-top:65px;padding-bottom:110px}
.concept-home .render-section .eyebrow{color:#daf3ff}.concept-home .render-section .collection-title span{color:#ffe19b}
.concept-home .render-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:18px}
.concept-home .render-grid .wide{grid-column:span 2;grid-row:span 2}
.concept-home .render-grid figure{border-radius:8px}
.concept-home .actual-section{background:linear-gradient(to bottom,#007dc5,#edf6fa 160px);padding-top:210px}
.concept-home .actual-section .section-head{justify-content:center;text-align:center;margin-bottom:50px}
.concept-home .actual-section .section-head h2{max-width:850px}
@media(max-width:1050px){.concept-home .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.concept-home .product-card h3{font-size:1.35rem}}
@media(max-width:900px){.concept-home .render-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.concept-home .product-card:nth-child(2){margin-top:35px}}
@media(max-width:650px){
.concept-home .header-inner{min-height:72px}.concept-home .mobile-toggle{font-size:.68rem;gap:10px}.menu-icon,.menu-icon i{width:25px}
.concept-home .nav{right:18px;padding:20px 25px;top:100%}
.concept-home .factbar{padding-bottom:230px}.concept-home .factbar h1{font-size:clamp(2.05rem,8.5vw,3rem)}.intro-landscape{height:200px;top:calc(100% + 20px);background-position:center,60% 50%}
.concept-home .products-section .section-head,.concept-home .render-section .section-head{margin-bottom:35px}
.concept-home .collection-title{font-size:2.6rem}
.concept-home .product-grid{grid-template-columns:1fr;gap:34px}.concept-home .product-card:nth-child(2){margin-top:0}.concept-home .product-card h3{font-size:1.55rem}.concept-home .product-card>div{padding:20px 0 0}
.concept-home .products-section{padding-bottom:65px}.concept-home .products-section .section-action{margin-top:28px}
.concept-home #tien-ich{background:linear-gradient(to bottom,var(--paper),#007dc5 90px);padding-bottom:55px}
.concept-home .render-section{padding-top:40px;padding-bottom:70px}.concept-home .render-grid{grid-auto-rows:155px;gap:8px}
.concept-home .actual-section{background:linear-gradient(to bottom,#007dc5,#edf6fa 95px);padding-top:135px}
}
@media(prefers-reduced-motion:reduce){.concept-home .nav.open{animation:none}.menu-icon i{transition:none}}

/* Positioning, discreet conversion links and independent image collections. */
.concept-home #project-positioning{font-size:clamp(2.75rem,4.8vw,4.7rem);font-weight:400;line-height:1.3;letter-spacing:0;margin-bottom:58px;max-width:1120px}
.concept-home #project-positioning span{font:inherit;font-size:1em;line-height:1.3;letter-spacing:0;color:var(--deep);margin:0;display:block;text-wrap:balance}
.concept-home #project-positioning em{font-family:'Noto Serif',serif;font-size:1.06em;line-height:1.32;letter-spacing:0;font-weight:400;margin-top:14px;color:var(--sea)}
.overview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 25px}
.quiet-link{font-size:.88rem;font-weight:600;color:var(--sea);text-underline-offset:5px}
.quiet-link:hover{text-decoration:underline}
.concept-home .products-section .section-action{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 30px}
.soft-cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px 30px;padding-top:26px;margin-top:52px;border-top:1px solid #ffffff40;color:#fff;font-size:.86rem}
.soft-cta span{margin-right:auto;color:#d9f1ff;font-weight:400}.soft-cta a{font-weight:600;text-underline-offset:5px}.soft-cta a:hover{text-decoration:underline}
.concept-home .nav-contact{padding-top:18px;margin-top:8px;border-top:1px solid #00558922;display:grid;gap:10px}
.concept-home .nav-contact .nav-register{border:1px solid #007dc550;border-radius:24px;padding:10px 18px;text-align:center;font-weight:600;color:var(--sea)}
.concept-home .nav-contact .nav-hotline{border:0;text-align:center;font-size:.85rem;padding:9px 0}
.concept-home .nav{max-height:calc(100dvh - 110px);overflow-y:auto}
.footer-logo{margin-bottom:24px}.foot-inner>div:first-child>p{margin:0;line-height:1.85;max-width:420px}
.footer-navigation{display:grid;align-content:start;gap:30px;max-width:560px;padding-top:10px}
.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);padding-top:22px;font-size:.85rem;color:var(--sea)}
.footer-social a{font-weight:600;text-underline-offset:5px}.footer-social a:hover{text-decoration:underline}
.image-viewer.no-caption img{height:100%}.image-viewer button:disabled{opacity:.3;cursor:default}
@media(max-width:650px){
.concept-home #project-positioning{font-size:clamp(2rem,8.2vw,2.75rem);line-height:1.33;margin-bottom:38px}
.concept-home #project-positioning span{font-size:1em;line-height:1.33}.concept-home #project-positioning em{font-size:1.08em;line-height:1.35;margin-top:12px}
.overview-actions{gap:16px 20px}.quiet-link{font-size:.84rem}
.soft-cta{margin-top:34px;padding-top:23px;gap:14px 24px;font-size:.82rem}.soft-cta span{flex:0 0 100%}
.footer-logo{margin-bottom:22px}.footer-navigation{margin-top:30px;padding-top:0;gap:24px}.footer-navigation .foot-links{margin-top:0}.footer-social{gap:24px;padding-top:20px}
}

/* Real activity brings people into the project's visual story. */
.concept-home .life-section{background:#007dc5;color:#fff;padding:45px 0 80px}
.concept-home .life-section .section-head{align-items:end;margin-bottom:45px}
.concept-home .life-section .eyebrow{color:#e0f4ff}
.concept-home .life-section h2{color:#ffe19b;font-size:clamp(2.7rem,4.8vw,4.2rem)}
.concept-home .life-section .section-head p{color:#e1f3ff;font-size:.95rem;max-width:400px}
.activity-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:35px 24px}
.activity-album{grid-column:span 4;min-width:0}
.activity-ohana{grid-column:span 8}
.activity-photo{display:block;position:relative;overflow:hidden;border-radius:8px;background:#00639c}
.activity-photo img{height:260px;object-fit:cover;transition:transform .85s cubic-bezier(.22,1,.36,1)}
.activity-ohana>.activity-photo img,.activity-weekend>.activity-photo img{height:420px}
.activity-photo:hover img{transform:scale(1.025)}
.activity-view{position:absolute;right:15px;bottom:15px;padding:9px 15px;background:#003f68bf;border:1px solid #ffffff65;border-radius:22px;color:#fff;font-size:.75rem;backdrop-filter:blur(8px)}
.activity-copy{padding:21px 0 0}.activity-copy h3{font-weight:400;font-size:1.7rem;margin-bottom:9px;color:#fff}
.activity-copy p{font-size:.86rem;color:#dcedf7;margin:0;line-height:1.7}
.school-milestone{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;margin-top:85px;padding-top:60px;border-top:1px solid #ffffff33}
.school-copy h3{font-weight:400;font-size:clamp(2rem,3.3vw,3rem);line-height:1.25;margin:20px 0;color:#ffe19b}
.school-copy p{font-size:.95rem;color:#e1f3ff;margin:0}
.school-photos .activity-photo img{height:auto;aspect-ratio:3/2}
@media(max-width:900px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.activity-album{grid-column:span 1}.activity-ohana{grid-column:span 2}.activity-ohana>.activity-photo img{height:400px}.activity-weekend>.activity-photo img{height:260px}.school-milestone{gap:30px;grid-template-columns:1fr 1.2fr}}
@media(max-width:650px){
.concept-home .life-section{padding:30px 0 55px}.concept-home .life-section .section-head{display:block;margin-bottom:30px}.concept-home .life-section h2{font-size:2.5rem}.concept-home .life-section .section-head p{font-size:.9rem;margin-top:22px}
.activity-grid{gap:28px 14px}.activity-ohana>.activity-photo img{height:auto;aspect-ratio:3/2}.activity-photo img,.activity-weekend>.activity-photo img{height:170px}
.activity-copy{padding-top:16px}.activity-copy h3{font-size:1.3rem;line-height:1.25}.activity-copy p{font-size:.8rem;line-height:1.7;text-align:left}
.activity-view{right:8px;bottom:8px;padding:6px 10px;font-size:.68rem}
.school-milestone{grid-template-columns:1fr;margin-top:50px;padding-top:38px;gap:26px}.school-copy h3{font-size:2rem;margin:16px 0}.school-copy p{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){.activity-photo img{transition:none}.activity-photo:hover img{transform:none}}

/* Balanced typography, richer event albums and the closing news chapter. */
h1,h2,h3,h4{text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none}
p,figcaption{text-wrap:pretty;word-break:normal;overflow-wrap:normal;hyphens:none}
.section-head>div,.split-copy,.cta-inner>div,.product-card>div,.activity-copy,.school-copy{min-width:0}
.concept-home #tong-quan h2{font-size:clamp(2.1rem,3.7vw,3.8rem);line-height:1.24;max-width:13em;letter-spacing:0}
.concept-home .section-head h2{line-height:1.25;letter-spacing:0}
.concept-home .product-card h3,.concept-home .activity-copy h3{line-height:1.4}
.concept-home .section-head p,.concept-home .split-copy p{line-height:1.85}
.album-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.album-previews .activity-photo img{height:130px!important;aspect-ratio:1.8;object-fit:cover}
.activity-ohana .album-previews .activity-photo img{height:190px!important}
.school-photos .album-previews .activity-photo img{height:150px!important}
.activity-photo[hidden]{display:none!important}
.concept-home .news-section{padding:80px 0 95px;background:linear-gradient(to bottom,#edf6fa,var(--paper) 180px)}
.news-section .section-head{align-items:center;margin-bottom:40px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.news-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px}
.news-card>a{display:block}
.news-image{overflow:hidden;border-radius:8px;background:#d9eaf3}
.news-image img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .7s ease}
.news-card:hover .news-image img{transform:scale(1.025)}
.news-copy{padding-top:22px}
.news-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.875rem;color:var(--muted);margin-bottom:15px}
.news-meta>span{color:var(--sea)}
.news-copy h3{font-size:clamp(1.5rem,2vw,1.85rem);font-weight:400;line-height:1.4;margin:0 0 24px;color:var(--deep)}
.news-read{font-size:.9rem;color:var(--sea);border-bottom:1px solid #007dc540;padding-bottom:5px}
.news-card>a:focus-visible{outline:2px solid var(--sea);outline-offset:8px}
.news-source{font-size:.875rem;color:var(--muted);margin-top:30px;text-align:left}.news-source a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.news-grid{gap:20px}.news-copy h3{font-size:1.5rem}.concept-home #tong-quan h2{font-size:clamp(2rem,4.8vw,3.1rem)}}
@media(max-width:650px){
 .concept-home #tong-quan h2{font-size:clamp(1.85rem,7.4vw,2.5rem);line-height:1.3;max-width:none}
 .concept-home .section-head h2{font-size:clamp(2rem,8vw,2.6rem)}
 .concept-home #project-positioning{font-size:clamp(1.9rem,7.7vw,2.65rem)}
 .album-previews{gap:7px;margin-top:7px}.album-previews .activity-photo img{height:90px!important}
 .activity-ohana .album-previews .activity-photo img,.school-photos .album-previews .activity-photo img{height:115px!important}
 .activity-copy h3{font-size:1.25rem!important}.activity-view{font-size:.75rem}
 .concept-home .news-section{padding:55px 0 65px}.news-section .section-head{align-items:start;gap:20px;flex-direction:column}
 .news-grid{grid-template-columns:1fr;gap:35px}.news-copy h3{font-size:1.7rem}.news-image img{aspect-ratio:1.6}
 .concept-home .metric-row{gap:18px;flex-wrap:wrap}.concept-home .metric-row>div{min-width:100px;flex:1}
}
@media(max-width:380px){.activity-grid{grid-template-columns:1fr}.activity-album,.activity-ohana{grid-column:1}.activity-photo img,.activity-weekend>.activity-photo img{height:auto;aspect-ratio:1.5}.activity-copy h3{font-size:1.5rem!important}.album-previews .activity-photo img{height:100px!important}}
@media(prefers-reduced-motion:reduce){.news-image img{transition:none}}

@media(max-width:650px){.activity-grid{grid-template-columns:1fr;gap:35px}.activity-album,.activity-ohana{grid-column:1}.activity-photo img,.activity-weekend>.activity-photo img{height:auto;aspect-ratio:1.65}.activity-copy h3{font-size:1.55rem!important}.album-previews .activity-photo img{height:auto!important;aspect-ratio:1.6}.activity-ohana .album-previews .activity-photo img,.school-photos .album-previews .activity-photo img{height:auto!important;aspect-ratio:1.6}.concept-home .render-section .collection-title em{font-size:clamp(1.9rem,7.6vw,2.6rem)}}

/* One lead story, then four evenly sized event albums. */
.urban-connections{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:7px;color:var(--deep);font-size:.95rem;line-height:1.7;text-wrap:pretty}
.urban-connections li{padding-left:14px;border-left:2px solid #007dc535}
.concept-home .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;align-items:start}
.concept-home .activity-album,.concept-home .activity-ohana{grid-column:span 1}
.concept-home .activity-weekend{grid-column:1/-1}
.album-media{display:grid;gap:12px;min-width:0}
.album-media>.activity-photo{aspect-ratio:1.65}
.concept-home .album-media>.activity-photo img{height:100%;aspect-ratio:auto}
.concept-home .album-media .album-previews{margin:0;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.concept-home .album-media .album-previews .activity-photo{aspect-ratio:1.75}
.concept-home .album-media .album-previews .activity-photo img{height:100%!important;aspect-ratio:auto}
.activity-weekend .album-media{grid-template-columns:1.65fr 1fr;height:clamp(340px,34vw,470px)}
.activity-weekend .album-media>.activity-photo{aspect-ratio:auto}
.concept-home .activity-weekend .album-previews{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
.concept-home .activity-weekend .album-previews .activity-photo{aspect-ratio:auto;min-height:0}
.concept-home .activity-copy{padding-top:22px}
.concept-home .activity-copy h3{margin-bottom:8px;line-height:1.35}
.concept-home .activity-copy p{max-width:55ch;text-wrap:pretty}
@media(max-width:900px){.activity-weekend .album-media{height:350px;grid-template-columns:1.4fr 1fr}.concept-home .activity-grid{gap:35px 22px}}
@media(max-width:650px){
 .concept-home .activity-grid{grid-template-columns:1fr;gap:38px}.concept-home .activity-album,.concept-home .activity-ohana,.concept-home .activity-weekend{grid-column:1}
 .activity-weekend .album-media{grid-template-columns:1fr;height:auto}
 .activity-weekend .album-media>.activity-photo{aspect-ratio:1.65}
 .concept-home .activity-weekend .album-previews{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .concept-home .activity-weekend .album-previews .activity-photo{aspect-ratio:1.75}
 .album-media,.concept-home .album-media .album-previews{gap:8px}
 .concept-home .activity-copy{padding-top:18px}.urban-connections{font-size:.95rem;gap:8px}
}

/* Consistent connection lists and spacious, compact activity collections. */
.connection-details{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px;font-size:.95rem;line-height:1.75;color:var(--deep);text-wrap:pretty}
.connection-details li{padding-left:15px;border-left:2px solid #007dc535;font-weight:400}
.concept-home .location-list>div{padding-block:24px}
.concept-home .life-section{padding:50px 0 100px}
.concept-home .life-section>.wrap{width:min(1080px,calc(100% - 64px))}
.concept-home .life-section .section-head{margin-bottom:60px}
.concept-home .activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 38px;align-items:start}
.concept-home .activity-grid>.activity-album{grid-column:auto;margin:0;padding:0;min-width:0}
.concept-home .activity-grid .album-media{display:block;height:auto}
.concept-home .activity-grid .album-media>.activity-photo{aspect-ratio:1.6;border-radius:7px}
.concept-home .activity-grid .album-media>.activity-photo img{height:100%;aspect-ratio:auto;object-fit:cover}
.concept-home .activity-grid .activity-copy{padding-top:20px}
.concept-home .activity-grid .activity-copy h3{font-size:1.5rem!important;line-height:1.4;margin-bottom:8px}
.concept-home .activity-grid .activity-copy p{font-size:.9rem;line-height:1.8;text-align:left;color:#e1f3ff}
.concept-home .activity-grid .activity-view{right:11px;bottom:11px;font-size:.75rem;padding:7px 12px}
.concept-home .school-milestone{max-width:960px;margin:80px auto 0;padding-top:48px;grid-template-columns:1fr 1fr;gap:55px}
.concept-home .school-copy h3{font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.35}
.concept-home .school-photos>.activity-photo{aspect-ratio:1.6}
.concept-home .school-photos>.activity-photo img{height:100%;aspect-ratio:auto}
@media(max-width:900px){.concept-home .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.concept-home .school-milestone{gap:32px}}
@media(max-width:650px){
 .concept-home .life-section{padding:35px 0 65px}.concept-home .life-section>.wrap{width:calc(100% - 48px)}
 .concept-home .life-section .section-head{margin-bottom:40px}
 .concept-home .activity-grid{grid-template-columns:1fr;gap:44px;max-width:420px;margin-inline:auto}
 .concept-home .activity-grid .album-media>.activity-photo{aspect-ratio:1.75}
 .concept-home .activity-grid .activity-copy{padding-top:17px}
 .concept-home .school-milestone{grid-template-columns:1fr;gap:25px;margin-top:55px;padding-top:35px}
 .connection-details{font-size:.95rem;gap:10px}
}

/* Slim header and a map-balanced, naturally scrollable connection panel. */
.concept-home .header-inner{min-height:53px;gap:18px;padding-block:3px}
.concept-home .brand-logo{width:124px;height:auto}
.concept-home .mobile-toggle{min-height:44px;padding:6px 0 6px 16px;font-size:.75rem;gap:12px}
.concept-home .nav{max-height:calc(100dvh - 75px)}
.concept-home #vi-tri .section-head{align-items:end;gap:50px;margin-bottom:42px}
.concept-home #vi-tri .location-intro{font-size:1rem;line-height:1.85;max-width:440px;color:var(--muted);margin:0;text-align:left;text-wrap:pretty}
.concept-home .location-layout{--location-height:clamp(340px,30vw,440px);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:start}
.concept-home .location-map{height:var(--location-height);display:block;overflow:hidden;min-width:0}
.concept-home .location-map img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.location-panel{height:var(--location-height);display:flex;flex-direction:column;gap:18px;min-width:0}
.concept-home .location-list{display:block;flex:1;min-height:0;overflow-y:auto;padding:0 15px 0 0;scrollbar-width:thin;scrollbar-color:#007dc56b #0055890b;scroll-behavior:smooth;scroll-padding-block:18px}
.concept-home .location-list::-webkit-scrollbar{width:5px}.concept-home .location-list::-webkit-scrollbar-thumb{background:#007dc56b;border-radius:5px}
.concept-home .location-list>div{padding:20px 0 23px 18px;border-left:2px solid #007dc51b;border-bottom:1px solid var(--line);transition:border-color .4s,background .4s}
.concept-home .location-list>div:first-child{padding-top:14px}
.concept-home .location-list>div.is-current{border-left-color:var(--sea);background:linear-gradient(90deg,#007dc506,transparent)}
.concept-home .location-list>div>span{font-size:.85rem;line-height:1.5;letter-spacing:0;margin-bottom:12px}
.concept-home .location-list .connection-details{font-size:.95rem;gap:8px;margin:0}
.concept-home .location-list .connection-details li{border:0;padding:0}
.location-panel>.btn{align-self:start;min-height:42px;padding:9px 18px;font-size:.85rem}
.location-list:focus-visible{outline:2px solid var(--sea);outline-offset:5px}
@media(max-width:900px){
 .concept-home .location-layout{grid-template-columns:1fr;gap:32px}
 .concept-home .location-map{height:auto}.concept-home .location-map img{height:auto;min-height:0}
 .location-panel{height:auto;gap:25px}
 .concept-home .location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;overflow:visible;padding:0}
 .concept-home .location-list>div,.concept-home .location-list>div:first-child{padding:12px 0 18px 16px}
 .concept-home #vi-tri .section-head{display:block}.concept-home #vi-tri .location-intro{max-width:65ch;margin-top:24px}
}
@media(max-width:650px){
 .concept-home .header-inner{min-height:44px;padding-block:0;gap:14px}.concept-home .brand-logo{width:105px}
 .concept-home .mobile-toggle{font-size:.7rem;padding-block:0;gap:10px}.concept-home .menu-icon,.concept-home .menu-icon i{width:23px}
 .concept-home .nav{max-height:calc(100dvh - 60px)}
 .concept-home #vi-tri .section-head{margin-bottom:30px}.concept-home #vi-tri .location-intro{font-size:1rem;line-height:1.85;margin-top:22px}
 .concept-home .location-list{grid-template-columns:1fr;gap:16px}
}
@media(prefers-reduced-motion:reduce){.concept-home .location-list{scroll-behavior:auto}.concept-home .location-list>div{transition:none}}

.concept-home #vi-tri .section-head>div{flex:1;min-width:0}
.concept-home #vi-tri h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.3;max-width:19em}
.concept-home #vi-tri h2 span{display:block;text-wrap:balance}
.image-viewer img{transition:none!important;animation:none!important;touch-action:pan-y}
.viewer-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:.85rem;color:#d6e9f3;pointer-events:none}
.image-viewer .viewer-prev,.image-viewer .viewer-next{min-width:44px;min-height:44px}
@media(max-width:650px){.concept-home #vi-tri h2{font-size:clamp(1.8rem,7.2vw,2.5rem)}.viewer-status{bottom:44px;font-size:.8rem}}


/* Full project narrative and the supplied six-step regional connection chart. */
.concept-home #tong-quan{align-items:stretch}
.concept-home #tong-quan h2{font-size:clamp(2.1rem,3.3vw,3.5rem);line-height:1.3;max-width:15em;margin-bottom:28px}
.concept-home #tong-quan .split-copy p{font-size:1rem;line-height:1.85;margin-bottom:20px;text-align:left;text-wrap:pretty}
.concept-home #tong-quan .split-copy{padding:60px clamp(32px,4.5vw,72px)}
.concept-home #vi-tri .section-head{display:block;text-align:center;margin-bottom:45px}
.concept-home #vi-tri .section-head h2{font-size:clamp(2.1rem,3.5vw,3.5rem);max-width:1000px;margin:14px auto 0;line-height:1.3}
.concept-home #vi-tri .location-intro{max-width:940px;margin:28px auto 0}
.concept-home #vi-tri .location-intro p{font-size:1rem;max-width:none;line-height:1.85;margin:0 0 18px;text-align:left;text-wrap:pretty}
.travel-connections{margin-top:70px;padding-top:45px;border-top:1px solid var(--line)}
.travel-connections>h3{font-family:'Noto Serif',serif;text-align:center;font-size:clamp(1.7rem,2.5vw,2.3rem);font-weight:400;letter-spacing:0;color:var(--sea);margin:0 0 36px}
.travel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.travel-stop{min-width:0;text-align:center}
.travel-time{width:94px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 25px;border:2px solid var(--sand);outline:1px solid #f8af0130;outline-offset:3px;border-radius:50%;background:linear-gradient(150deg,#28a4d4,var(--sea));color:#fff}
.travel-time strong{font:400 2.7rem/1 'Noto Serif',serif}.travel-time span{font-size:1rem;line-height:1.3}.travel-adjacent strong{font-size:1.45rem}
.travel-stop ul{position:relative;list-style:none;padding:23px 0 0;margin:0;border-top:1px solid #f8af0190;display:grid;gap:10px}
.travel-stop ul:before{content:'';position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--sand)}
.travel-stop li{font-size:.875rem;line-height:1.7;color:var(--deep);text-wrap:pretty}
.concept-home #tien-ich .section-head{display:block;text-align:center;margin-bottom:50px}
.concept-home #tien-ich .section-head h2{max-width:1000px;margin:18px auto 0;font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.3}
.concept-home #tien-ich .section-head h2 span{display:block}
.concept-home #tien-ich .section-head p{max-width:900px;margin:28px auto 0;font-size:1rem;line-height:1.85;text-align:left;text-wrap:pretty}
@media(max-width:1050px){.travel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}}
@media(max-width:650px){
 .concept-home #tong-quan .split-copy{padding:40px 24px}.concept-home #tong-quan h2{font-size:clamp(1.9rem,7.7vw,2.6rem)}
 .concept-home #vi-tri .section-head h2{font-size:clamp(1.9rem,7.3vw,2.5rem)}
 .concept-home #vi-tri .location-intro{margin-top:23px}
 .travel-connections{margin-top:48px;padding-top:32px}.travel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
 .travel-time{width:86px;height:86px}.travel-time strong{font-size:2.4rem}.travel-adjacent strong{font-size:1.35rem}
 .concept-home #tien-ich .section-head h2{font-size:clamp(1.7rem,6.7vw,2.4rem)}.concept-home #tien-ich .section-head p{margin-top:23px}
}
.concept-home #tien-ich .section-head{max-width:1000px}
.concept-home #tien-ich .section-head h2 span{font-size:1em;line-height:1.3;margin-bottom:0}
.concept-home #tien-ich .section-head h2 span+span{font-size:.72em;margin-top:9px;color:#fff}
@media(min-width:901px){.concept-home #tong-quan{grid-template-columns:minmax(0,1.15fr) minmax(0,1.05fr)}.concept-home #tong-quan .split-copy{padding:55px 48px 65px max(24px,calc((100vw - 1180px)/2))}}

/* Refined section titles and travel connections */
.concept-home .stacked-heading>span{display:block;text-wrap:pretty}
.concept-home #tong-quan .stacked-heading{font-size:clamp(2rem,3.1vw,3rem);line-height:1.25;letter-spacing:0}
.concept-home #tong-quan .stacked-heading span+span{margin-top:9px}
.concept-home #tien-ich .stacked-heading>span{font-size:1em;line-height:1.35;margin:0}
.concept-home #tien-ich .stacked-heading>span+span{font-size:.85em;margin-top:10px;color:#fff}
.concept-home .render-section .collection-title{margin-top:14px}
.concept-home #chinh-sach .stacked-heading{max-width:1000px;line-height:1.28;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:0}
.concept-home #chinh-sach .stacked-heading span+span{margin-top:8px}
.amenities-overview{margin:0 0 55px;overflow:hidden}
.amenities-overview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;cursor:zoom-in}
.travel-connections{margin-top:65px;padding-top:45px;border-top:1px solid var(--line)}
.travel-connections>h3{color:var(--deep);font-size:clamp(1.8rem,2.7vw,2.5rem);margin-bottom:38px;letter-spacing:0}
.travel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 44px}
.travel-stop{text-align:left;padding:0 0 24px;border-bottom:1px solid var(--line)}
.travel-time{width:auto;height:auto;min-height:55px;display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:9px;margin:0 0 18px;border:0;border-radius:0;outline:0;background:none;color:var(--deep)}
.travel-time strong{font:400 3rem/1.1 'Noto Serif',serif;letter-spacing:0}
.travel-time span{font-size:1rem;color:var(--muted)}
.travel-adjacent strong{font-size:2rem;letter-spacing:0}
.travel-stop ul{padding:16px 0 0;border-top:1px solid var(--sand);gap:9px}
.travel-stop ul:before{display:none}
.travel-stop li{font-size:1rem;line-height:1.65;color:var(--ink);text-wrap:pretty}
@media(max-width:900px){.travel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.travel-time strong{font-size:2.6rem}.travel-adjacent strong{font-size:1.8rem}}
@media(max-width:650px){.travel-connections{margin-top:45px;padding-top:30px}.travel-grid{gap:28px 22px}.travel-connections>h3{margin-bottom:28px}.travel-time{min-height:45px;margin-bottom:12px;gap:6px}.travel-time strong{font-size:2.4rem}.travel-adjacent strong{font-size:1.65rem}.travel-time span{font-size:.875rem}.travel-stop li{font-size:.875rem;line-height:1.7}.travel-stop ul{gap:10px}.amenities-overview{margin-bottom:32px}.concept-home #tong-quan .stacked-heading{font-size:clamp(1.85rem,7vw,2.5rem)}.concept-home #tien-ich .stacked-heading{font-size:clamp(1.65rem,6.4vw,2.4rem)}}
@media(max-width:360px){.travel-grid{grid-template-columns:1fr}.travel-stop li{font-size:1rem}}

/* Compact connection timeline and an interactive amenity panorama. */
.concept-home #tong-quan .stacked-heading [data-fit-line]{font-size:clamp(1.2rem,2vw,1.7rem);white-space:nowrap;letter-spacing:0;line-height:1.35}
.travel-connections{margin-top:48px;padding-top:30px}
.travel-connections>h3{font-size:clamp(1.6rem,2.3vw,2rem);margin-bottom:30px}
.travel-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.travel-stop{position:relative;border:0;padding:0 17px 0 0}
.travel-stop+.travel-stop{padding-left:17px;border-left:1px solid var(--line)}
.travel-time{position:relative;min-height:43px;margin-bottom:14px;gap:5px}
.travel-time strong{font-size:2.25rem}.travel-adjacent strong{font-size:1.4rem}.travel-time span{font-size:.875rem}
.travel-stop ul{border:0;padding:18px 0 0;gap:8px}
.travel-stop ul:before{display:block;left:0;top:0;width:30px;height:2px;background:var(--sand);border-radius:0}
.travel-stop li{font-size:.875rem;line-height:1.65}
.amenities-overview{position:relative;width:min(1440px,calc(100vw - 64px));margin:0 0 65px;left:50%;transform:translateX(-50%);overflow:hidden;border-radius:3px;box-shadow:0 25px 60px #00375135;background:#005589}
@media(max-width:1100px){.travel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 0}.travel-stop:nth-child(4){border-left:0;padding-left:0}}
@media(max-width:650px){.travel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.travel-stop{padding-right:15px}.travel-stop+.travel-stop{padding-left:15px}.travel-stop:nth-child(odd){border-left:0;padding-left:0}.travel-stop:nth-child(even){border-left:1px solid var(--line);padding-left:15px}.travel-time strong{font-size:2rem}.travel-adjacent strong{font-size:1.3rem}.travel-time{min-height:36px;margin-bottom:7px}.travel-stop ul{padding-top:14px}.travel-connections>h3{margin-bottom:27px}.amenities-overview{width:calc(100vw - 24px);margin-bottom:40px}}

/* A single full panorama with soft edges into the amenity section. */
.concept-home .amenities-overview{width:min(1320px,calc(100vw - 64px));border-radius:28px;background:transparent;box-shadow:0 18px 45px #00558920;isolation:isolate;margin-bottom:65px}
.concept-home .amenities-overview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:inherit;transform:none;transition:none}
.concept-home .amenities-overview:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 16px 2px #007dc535;background:linear-gradient(to top,#007dc5a0,transparent 6%)}
@media(max-width:650px){.concept-home .amenities-overview{width:calc(100vw - 28px);border-radius:16px;margin-bottom:40px}.concept-home .amenities-overview:after{box-shadow:inset 0 0 8px #007dc530;background:linear-gradient(to top,#007dc570,transparent 5%)}}

.concept-home [data-static-image]{cursor:default}
.concept-home .hero-video{filter:none;opacity:1;transform:none}

/* Official development and financing partners, ahead of news. */
.concept-home .development-section{padding:75px 0 65px;background:linear-gradient(to bottom,#eaf4fa,#fff 28%,#fff 84%,var(--paper));scroll-margin-top:65px}
.development-section .section-head{display:block;text-align:center;margin-bottom:38px}
.development-section .section-head h2{max-width:none;margin:0;font-size:clamp(2.1rem,3.8vw,3.2rem)}
.development-logos{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:960px;margin:auto}
.development-logo{position:relative;aspect-ratio:1280/853;overflow:hidden}
.development-logo img{width:200%;max-width:none;height:auto;object-fit:contain;cursor:default}
.development-dkra img{margin-left:-100%}
.funding-partners{max-width:950px;margin:30px auto 0;padding-top:28px;border-top:1px solid var(--line)}
.funding-partners h3{text-align:center;color:var(--muted);font-family:'Be Vietnam Pro',sans-serif;font-size:1rem;font-weight:500;letter-spacing:0;margin:0 0 22px}
.bank-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;align-items:center;max-width:820px;margin:auto}
.bank-logo{position:relative;aspect-ratio:3.1;overflow:hidden;width:100%;max-width:210px;margin:auto}
.bank-logo img{position:absolute;top:50%;width:100%;height:auto;transform:translateY(-50%);object-fit:contain;cursor:default}
@media(max-width:650px){.concept-home .development-section{padding:55px 0 45px}.development-section .section-head{margin-bottom:25px}.development-logos{grid-template-columns:1fr;max-width:350px;gap:15px}.funding-partners{margin-top:25px;padding-top:23px}.bank-logos{gap:20px}.funding-partners h3{margin-bottom:20px}}

/* Stable Vietnamese text across device widths and font loading states. */
body{font-family:'Be Vietnam Pro',Arial,sans-serif}
p,li,figcaption,.field label,.check{word-spacing:normal;letter-spacing:0;hyphens:none;word-break:normal;overflow-wrap:break-word}
h1,h2,h3{word-spacing:normal;letter-spacing:0;hyphens:none;word-break:normal;overflow-wrap:break-word}
.eyebrow{letter-spacing:0;line-height:1.6;text-wrap:wrap}
.nav a,.btn{white-space:normal;text-wrap:wrap}
.concept-home .split-copy p,.concept-home .location-intro p,.concept-home #tien-ich .section-head p,.activity-copy p{text-align:left}
/* The Vigos extends the blue and gold, landscape-led home page. */
.vigos-page .vigos-hero{position:relative;min-height:680px;min-height:88svh;display:flex;align-items:end;overflow:hidden;color:#fff;background:var(--deep)}
.vigos-hero>img{position:absolute;inset:0;object-position:center;}
.vigos-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#002e55d9,transparent 90%),linear-gradient(0deg,#003c68cc,transparent 75%)}
.vigos-hero .wrap{position:relative;z-index:1;padding:140px 0 70px}
.vigos-hero h1{font-size:clamp(4rem,8vw,7.5rem);font-weight:400;margin:16px 0 18px;line-height:1.1}
.vigos-hero .vigos-tagline{font:400 clamp(1.75rem,3vw,3rem)/1.3 'Noto Serif',serif;max-width:730px;margin-bottom:24px}
.vigos-hero .hero-actions{margin-top:28px}
.vigos-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:38px 0 42px;border-bottom:1px solid var(--line)}
.vigos-facts>div{padding-left:18px;border-left:2px solid var(--sand)}
.vigos-facts strong{display:block;font:400 clamp(1.5rem,2.6vw,2.2rem)/1.3 'Noto Serif',serif;color:var(--deep)}
.vigos-facts span{display:block;font-size:.875rem;margin-top:8px;color:var(--muted)}
.vigos-page .vigos-overview{margin-top:80px;border-radius:20px;overflow:hidden;min-height:560px}
.vigos-page .vigos-overview .split-copy{padding:50px;min-width:0}
.vigos-page .vigos-overview h2{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:400;line-height:1.3;margin:20px 0}
.vigos-page .vigos-overview p{font-size:1rem;line-height:1.85}
.vigos-page .vigos-overview .split-image img{transform:none;object-fit:cover}
.vigos-page .vigos-section{padding:85px 0}
.vigos-page .vigos-title{display:block;text-align:center;margin-bottom:42px}
.vigos-page .vigos-title h2{max-width:950px;margin:14px auto 0;line-height:1.25;font-weight:400;font-size:clamp(2rem,4vw,3.5rem)}
.vigos-page .vigos-title p{max-width:740px;margin:24px auto 0;font-size:1rem;line-height:1.85}
.vigos-product{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.vigos-product>img{height:auto;border-radius:18px;object-fit:contain}
.vigos-specs{margin:0}.vigos-specs>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.vigos-specs dt{color:var(--muted);font-size:.875rem}.vigos-specs dd{margin:0;font-size:1rem;line-height:1.75}
.vigos-page .vigos-amenities{background:linear-gradient(#edf6fa,#007dc5 150px);color:#fff;padding:160px 0 85px;margin-top:30px}
.vigos-page .vigos-amenities .eyebrow{color:#dff4ff}.vigos-page .vigos-amenities h2{color:#ffe19b}
.vigos-page .vigos-amenities .section-head p{color:#e8f6ff}
.vigos-amenity-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}
.vigos-amenity-grid article{min-width:0}.vigos-amenity-grid img{height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.vigos-amenity-grid h3{font-size:1.8rem;font-weight:400;margin:22px 0 10px;color:#ffe19b}.vigos-amenity-grid p{font-size:1rem;color:#e1f3ff;max-width:none}
.vigos-page .vigos-life{background:linear-gradient(#007dc5,#edf6fa 140px);padding-top:180px}
.vigos-photo-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
.vigos-photo-grid figure{margin:0;min-width:0}.vigos-photo-grid img{height:290px;border-radius:16px;object-fit:cover}.vigos-photo-grid figcaption{font-size:.875rem;margin-top:16px;color:var(--muted)}
.vigos-page .vigos-location{background:#e7f2f9}
.vigos-location-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}
.vigos-location-grid>img{height:auto;border-radius:18px;object-fit:contain}
.vigos-location-copy h3{font-size:1.5rem;font-weight:400;margin:0 0 12px}.vigos-location-copy p{font-size:1rem;margin-bottom:28px}
.vigos-page .policy-section{padding:90px 0}.vigos-page .policy-section .section-head{display:block;max-width:950px;margin:0 auto 45px;text-align:center}.vigos-page .policy-section .section-head h2{max-width:none;line-height:1.3;font-weight:400}
.vigos-page .policy-card p{font-size:1rem}.vigos-page .policy-note{font-size:.875rem;max-width:none}
.vigos-page .contact-copy h2{font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.3}.vigos-page .contact-copy p,.vigos-page .form-status{font-size:1rem}.vigos-page .check{font-size:.875rem}
@media(max-width:900px){.vigos-product,.vigos-location-grid{grid-template-columns:1fr;gap:32px}.vigos-page .vigos-overview .split-copy{padding:36px}.vigos-specs>div{grid-template-columns:150px 1fr}.vigos-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vigos-photo-grid img{height:230px}}
@media(max-width:650px){.vigos-page .vigos-hero{min-height:660px;min-height:85svh}.vigos-hero .wrap{padding-bottom:45px}.vigos-hero h1{font-size:clamp(3rem,15vw,4.75rem)}.vigos-hero .vigos-tagline{font-size:1.9rem}.vigos-hero>img{object-position:60% center}.vigos-facts{grid-template-columns:1fr 1fr;gap:28px 16px;padding:30px 0}.vigos-facts strong{font-size:1.6rem}.vigos-page .vigos-overview{margin-top:48px;border-radius:16px}.vigos-page .vigos-overview .split-copy{padding:32px 24px}.vigos-page .vigos-overview .split-image{min-height:290px}.vigos-page .vigos-section{padding:55px 0}.vigos-page .vigos-title{margin-bottom:30px}.vigos-specs>div{grid-template-columns:1fr;gap:7px;padding:16px 0}.vigos-amenity-grid{grid-template-columns:1fr;gap:34px}.vigos-page .vigos-amenities{padding:125px 0 55px}.vigos-photo-grid{grid-template-columns:1fr;gap:28px}.vigos-photo-grid img{height:auto;aspect-ratio:3/2}.vigos-page .vigos-life{padding-top:125px}.vigos-page .policy-section{padding:55px 0}.vigos-page .policy-grid{grid-template-columns:1fr}.vigos-page .policy-card{padding:20px 0;border-left:0;border-top:1px solid #ffffff44}.vigos-page .policy-card strong{font-size:1.9rem}.vigos-page .contact-box{border-radius:16px;overflow:hidden}}

.vigos-page .policy-section{background:var(--deep);color:#fff}
.vigos-page .policy-card strong{font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.35}

/* Complete Vietnamese glyphs; no device-dependent serif substitution. */
html{font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-kerning:normal;font-variant-ligatures:common-ligatures;font-feature-settings:normal}
h1,h2,h3,em{font-family:'Noto Serif',serif;line-height:1.35;letter-spacing:0;word-spacing:normal}
main [id]{scroll-margin-top:72px}
.section-head>*,.split>*,.contact-box>*,.metric-row>*,.foot-inner>*,.policy-grid>*,.factbar-grid>*,.travel-grid>*{min-width:0}
.field input,.field select{font-size:1rem;min-width:0;max-width:100%}
.check input{flex:0 0 auto}.check span{min-width:0}
.nav-contact a,.footer-navigation a{overflow-wrap:anywhere}
.metric-row{flex-wrap:wrap}.metric-row>div{min-width:90px}
.policy-lead{gap:24px;flex-wrap:wrap}.policy-lead strong{max-width:100%;line-height:1.4}
.concept-home .policy-card strong{font-size:clamp(1.35rem,2.4vw,2.2rem);line-height:1.5;white-space:normal}
.concept-home .factbar strong{white-space:normal;line-height:1.4}
.concept-home .split-copy,.vigos-page .vigos-overview .split-copy{overflow:visible}
.concept-home .nav{max-height:calc(100dvh - 64px);overscroll-behavior:contain}
.image-viewer{max-width:100vw;max-height:100dvh}.image-viewer figcaption{white-space:normal;overflow-wrap:break-word;line-height:1.6}
.contact-form .btn{max-width:100%;white-space:normal}
@media(max-width:1100px){.concept-home #tong-quan{grid-template-columns:1fr}.concept-home #tong-quan .split-copy{padding:45px max(24px,calc((100vw - 760px)/2))}.concept-home #tong-quan .split-image{min-height:420px}.concept-home #tong-quan .split-image img{object-fit:cover}}
@media(max-width:900px){.contact-box{grid-template-columns:1fr}.contact-copy,.contact-form{padding:36px}.foot-inner{flex-wrap:wrap}.vigos-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.vigos-page .vigos-overview{grid-template-columns:1fr}.vigos-hero .wrap{padding-top:120px}}
@media(max-width:650px){.concept-home .section-head h2,.concept-home .collection-title,.concept-home .life-section h2{font-size:clamp(1.75rem,7.5vw,2.4rem);line-height:1.4}.concept-home #project-positioning{font-size:clamp(1.8rem,7.5vw,2.5rem)}.concept-home #chinh-sach .stacked-heading{font-size:clamp(1.65rem,7vw,2.2rem)}.concept-home #tong-quan .split-copy{padding:35px 20px}.concept-home #tong-quan .split-image{min-height:300px}.contact-copy,.contact-form{padding:28px 20px}.policy-lead strong{font-size:clamp(1.7rem,8vw,2.5rem)}.concept-home .metric-row{gap:15px}.concept-home .metric-row strong{font-size:1.4rem}.concept-home .policy-card{padding:0 14px}.concept-home .nav{max-height:calc(100dvh - 52px)}.concept-home .amenity-track h3{font-size:1.6rem;line-height:1.4}.vigos-page .vigos-title h2{font-size:clamp(1.75rem,7vw,2.4rem)}.vigos-page .vigos-overview h2{font-size:clamp(1.75rem,7vw,2.4rem)}.vigos-hero .vigos-tagline{font-size:clamp(1.6rem,7vw,1.9rem)}.field label,.form-status{line-height:1.75}.foot-links,.footer-social{gap:16px 20px}.image-viewer{padding-bottom:78px}.sticky-contact{padding-bottom:max(10px,env(safe-area-inset-bottom))}.foot{padding-bottom:105px}}
@media(max-width:380px){.travel-grid{grid-template-columns:1fr}.travel-stop,.travel-stop+.travel-stop,.travel-stop:nth-child(even){border-left:0;padding-left:0}.travel-stop{padding-bottom:12px}.activity-grid{grid-template-columns:1fr}.activity-album{grid-column:auto!important}.concept-home .activity-photo img{height:auto;aspect-ratio:3/2}.vigos-facts strong{font-size:1.35rem}.vigos-facts>div{padding-left:12px}.hero-actions{flex-direction:column;align-items:flex-start}}
@media(max-height:500px) and (orientation:landscape){.concept-home .hero{height:100svh;min-height:360px}.concept-home .nav{max-height:calc(100dvh - 56px)}.vigos-page .vigos-hero{min-height:500px}.image-viewer figure{max-height:calc(100dvh - 100px)}}

/* Independent subpage layout: no home overview IDs or split selectors. */
.vigos-page .vigos-hero{min-height:620px;min-height:min(780px,90svh);padding-top:60px;display:grid;align-items:end}
.vigos-page .vigos-hero .wrap{width:min(1180px,calc(100% - 48px));padding:90px 0 65px}
.vigos-page .vigos-hero h1{font-size:clamp(3.75rem,7.2vw,6.5rem);line-height:1.2;margin:12px 0 20px}
.vigos-page .vigos-hero .vigos-tagline{line-height:1.45;font-size:clamp(1.75rem,3vw,2.7rem);margin-bottom:0}
.vigos-page .vigos-facts{gap:24px;padding:35px 0;align-items:start}
.vigos-page .vigos-facts strong{font-size:clamp(1.45rem,2.25vw,2rem);line-height:1.45}
.vigos-page .vigos-overview{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:center;margin:65px 0 0;padding:0;min-height:0;background:transparent;border-radius:0;overflow:visible}
.vigos-overview-copy{min-width:0;padding:0;color:var(--ink)}
.vigos-overview-copy .eyebrow{color:var(--sea)}
.vigos-page .vigos-overview h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.4;margin:18px 0 25px;max-width:none}
.vigos-overview-copy p{color:var(--muted);line-height:1.85;margin:0 0 18px;max-width:none}
.vigos-overview-image{min-width:0;border-radius:20px;overflow:hidden;align-self:stretch;min-height:430px}
.vigos-overview-image img{position:static;width:100%;height:100%;min-height:430px;object-fit:cover}
.vigos-summary{margin-top:45px;border-top:1px solid var(--line);padding-top:30px}
.vigos-summary dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px}
.vigos-summary dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:17px 0}
.vigos-summary dt{font-size:.875rem;color:var(--muted)}.vigos-summary dd{margin:0;font-size:1rem}
.vigos-plan-section{background:#e9f3fa;margin-top:70px}
.vigos-page .vigos-plan{position:relative;display:block;overflow:hidden;border-radius:18px;background:#fff}
.vigos-plan img{display:block;width:100%;height:auto;object-fit:contain}
.vigos-plan svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vigos-plan-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.vigos-plan-index article{border-top:2px solid var(--sand);padding-top:20px;min-width:0}
.vigos-plan-index h3{font-size:1.6rem;font-weight:400;margin:12px 0}.vigos-plan-index p{font-size:1rem;color:var(--muted)}
.vigos-source-note{font-size:.875rem;line-height:1.75;color:var(--muted);max-width:none;margin-top:25px}
.vigos-page .vigos-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:45px}
.vigos-product>img{position:sticky;top:75px}
.vigos-page .vigos-specs>div{grid-template-columns:155px minmax(0,1fr);gap:22px;padding:16px 0}
.vigos-full-amenities{border-top:1px solid #ffffff40;padding-top:35px;margin-top:45px}
.vigos-full-amenities>h3{font-size:1.8rem;font-weight:400;color:#ffe19b;line-height:1.45}
.vigos-full-amenities>p{color:#e4f5ff;max-width:none;font-size:1rem}
.vigos-amenity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 40px;margin-top:30px}
.vigos-amenity-list h4{font-size:1rem;line-height:1.6;color:#ffe19b;margin:0 0 16px}
.vigos-amenity-list ul{padding-left:20px;margin:0}.vigos-amenity-list li{font-size:1rem;line-height:1.75;margin-bottom:8px}
.vigos-connection-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px;margin-top:50px}
.vigos-connection-groups>div{min-width:0;border-top:1px solid var(--line);padding-top:22px}
.vigos-connection-groups>div>span{font-size:1.25rem;color:var(--deep);font-weight:600}
.vigos-page .connection-details{font-size:1rem;margin-top:18px;line-height:1.85}
@media(max-width:1000px){.vigos-page .vigos-overview{gap:32px}.vigos-summary dl>div{grid-template-columns:1fr;gap:7px}.vigos-page .vigos-product{grid-template-columns:1fr;gap:30px}.vigos-product>img{position:static;max-width:900px}.vigos-amenity-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.vigos-page .vigos-overview{grid-template-columns:1fr;gap:28px;margin-top:45px}.vigos-overview-image{min-height:0}.vigos-overview-image img{height:auto;min-height:0;aspect-ratio:16/10}.vigos-plan-index{grid-template-columns:1fr;gap:20px}.vigos-summary dl{gap:0 28px}.vigos-page .vigos-hero{min-height:600px}.vigos-page .vigos-hero .wrap{padding:90px 0 50px}}
@media(max-width:650px){.vigos-page .vigos-hero .wrap{width:calc(100% - 36px);padding:90px 0 45px}.vigos-page .vigos-hero{min-height:560px}.vigos-page .vigos-hero h1{font-size:clamp(3rem,14vw,4.25rem)}.vigos-page .vigos-hero .vigos-tagline{font-size:1.8rem}.vigos-page .vigos-facts{gap:25px 14px}.vigos-page .vigos-facts strong{font-size:clamp(1.25rem,5.5vw,1.6rem)}.vigos-page .vigos-overview h2{font-size:clamp(1.8rem,7vw,2.3rem)}.vigos-summary dl,.vigos-connection-groups,.vigos-amenity-list{grid-template-columns:1fr}.vigos-summary{margin-top:30px;padding-top:15px}.vigos-summary dl>div{padding:15px 0}.vigos-page .vigos-specs>div{grid-template-columns:1fr;gap:7px}.vigos-plan-section{margin-top:45px}.vigos-page .vigos-plan{border-radius:10px}.vigos-page .vigos-plan span{font-size:.75rem;padding:7px 10px;right:8px;bottom:8px}.vigos-full-amenities>h3{font-size:1.6rem}.vigos-connection-groups{margin-top:35px;gap:24px}.vigos-plan-index h3{font-size:1.4rem}}

/* Only framed photography fills its container; diagrams keep intrinsic height. */
.split-image img,.cinematic-strip img,.amenity-image img,.vigos-hero>img{width:100%;height:100%;object-fit:cover}

/* Soft shoreline transitions connect the overview, activity scene and plan. */
.concept-home .cinematic-strip.project-panorama{position:relative;height:auto;min-height:0;aspect-ratio:1800/1013;background:#edf6fa;margin-top:clamp(-28px,-2vw,-12px);isolation:isolate}
.concept-home .cinematic-strip.project-panorama picture{display:block;width:100%}
.concept-home .cinematic-strip.project-panorama img{display:block;width:100%;height:auto;aspect-ratio:1800/1013;object-fit:contain;object-position:center;transform:none;will-change:auto;filter:none}
.concept-home .cinematic-strip.project-panorama:before,.concept-home .cinematic-strip.project-panorama:after{display:block;content:'';position:absolute;left:0;right:0;height:clamp(28px,6vw,105px);pointer-events:none;z-index:1}
.concept-home .cinematic-strip.project-panorama:before{inset:0 0 auto;background:linear-gradient(to bottom,#edf6fa 0%,rgba(237,246,250,.72) 20%,rgba(237,246,250,.22) 58%,transparent 100%)}
.concept-home .cinematic-strip.project-panorama:after{inset:auto 0 0;background:linear-gradient(to top,#edf6fa 0%,rgba(237,246,250,.72) 20%,rgba(237,246,250,.22) 58%,transparent 100%)}
@media(max-width:600px){.concept-home .cinematic-strip.project-panorama{margin-top:-12px}.concept-home .cinematic-strip.project-panorama:before,.concept-home .cinematic-strip.project-panorama:after{height:28px}}