:root{--navy:#112e65;--navy-deep:#0a204a;--blue:#244d91;--blue-mid:#4774b5;--sky:#dce9f5;--ice:#eff5fa;--paper:#f8fafc;--ink:#142b4c;--muted:#708098;--gold:#e1b653;--line:#d7e1eb;--white:#fff;--max:1200px;font-family:"Be Vietnam Pro",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--paper);font-size:14px;line-height:1.7;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,p{margin:0}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:112px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--blue-mid);margin-bottom:16px}.eyebrow-light{color:#bfd5f1}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;box-shadow:0 0 0 5px #ffffff1a}em{font-family:Georgia,serif;font-weight:400;color:var(--blue-mid)}
.site-header{position:fixed;z-index:20;inset:0 0 auto;padding:16px 0;transition:background .25s,padding .25s,box-shadow .25s;color:#fff}.site-header.is-scrolled{padding:10px 0;background:rgba(10,32,74,.96);backdrop-filter:blur(14px);box-shadow:0 8px 30px #07193530}.header-inner{width:min(1320px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:44px;height:44px;border:1px solid #ffffff8c;border-radius:50%;display:grid;place-items:center;font:800 16px Manrope,sans-serif;letter-spacing:-.08em;color:var(--gold)}.brand-copy{display:grid;line-height:1.15;letter-spacing:.17em}.brand-copy strong{font-size:11px;font-weight:700}.brand-copy small{font-size:8px;letter-spacing:.3em;margin-top:5px;color:#d6dfec}.main-nav{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,28px);flex:1}.main-nav a{font-size:11px;font-weight:500;white-space:nowrap;color:#ffffffdb;transition:color .2s}.main-nav a:hover{color:#f1cb73}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:0 24px;font-size:10px;font-weight:800;letter-spacing:.09em;transition:transform .2s,background .2s,color .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button span{font-size:16px;line-height:1}.button-small{min-height:40px;padding:0 16px;gap:12px}.header-cta{border:1px solid #ffffff7c;color:#fff}.header-cta:hover{background:#fff;color:var(--navy)}.menu-toggle{display:none}
.hero{height:min(850px,100svh);min-height:680px;position:relative;overflow:hidden;background:var(--navy-deep);color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,64,.94) 0%,rgba(10,34,77,.78) 36%,rgba(15,46,93,.14) 76%),linear-gradient(0deg,rgba(8,28,65,.78),transparent 40%)}.hero-content{position:relative;z-index:1;padding-top:196px}.hero h1{font:800 clamp(64px,8vw,112px)/.92 Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 16px}.hero h1 span{font-size:.57em;letter-spacing:.13em;font-weight:600}.hero-place{font-size:11px;letter-spacing:.32em;color:#d1dff1;font-weight:700;margin:23px 0 14px}.hero-desc{font-size:14px;line-height:1.9;color:#e2eaf4;max-width:420px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button-gold{background:var(--gold);color:var(--navy-deep)}.button-gold:hover{background:#f0cb70}.text-link{font-size:11px;color:#fff;border-bottom:1px solid #ffffff70;padding-bottom:5px}.text-link span{padding-left:8px;color:var(--gold)}.hero-index{position:absolute;right:36px;top:48%;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:9px;letter-spacing:.15em;color:#dce7f4}.hero-index i{height:42px;width:1px;background:#ffffff8c}.hero-stats{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:24px max(calc((100vw - var(--max))/2),32px);background:rgba(9,31,73,.74);backdrop-filter:blur(8px);border-top:1px solid #ffffff27}.hero-stats>div{min-height:62px;border-right:1px solid #ffffff38;display:flex;align-items:center;gap:13px;padding:0 24px}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:nth-child(3){border:0}.hero-stats strong{font:700 28px Manrope,sans-serif;color:#fff}.hero-stats span{font-size:9px;font-weight:700;letter-spacing:.14em;color:#bfd1e8;max-width:82px;line-height:1.5}.hero-stats .stat-note{display:block;border:0;border-left:1px solid #ffffff38;font:italic 12px/1.6 Georgia,serif;color:#d8e3f1;padding-top:5px}
.overview{background:#f6f9fc}.section-head{margin-bottom:48px}.section-head h2,.contact-section h2{font:800 clamp(32px,4vw,54px)/1.18 Manrope,sans-serif;letter-spacing:-.055em;color:var(--navy)}.split-head{display:grid;grid-template-columns:1fr .62fr;align-items:end;gap:60px}.section-intro{max-width:445px;color:#65758a;font-size:13px;line-height:1.9}.overview-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:82px;align-items:center}.overview-photo{height:490px;position:relative;overflow:hidden;background:#ccdae8}.overview-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.overview-photo::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#0a204a86)}.photo-label{position:absolute;z-index:1;bottom:20px;left:24px;color:#fff;font-size:8px;letter-spacing:.2em}.photo-stamp{position:absolute;top:24px;right:24px;z-index:1;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;display:grid;align-content:center;justify-items:center;color:white;font:700 18px Manrope;line-height:1}.photo-stamp small{font:700 6px "Be Vietnam Pro";letter-spacing:.18em;margin-top:5px}.overview-copy h3{font:700 32px/1.35 Manrope,sans-serif;color:var(--navy);letter-spacing:-.04em}.overview-copy h3 em{color:#6b8ebd}.body-copy{margin-top:16px;color:#697b90;line-height:1.9;font-size:12px}.facts{border-top:1px solid var(--line);margin:28px 0 26px}.facts div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.facts span{color:#7f8c9e}.facts strong{color:var(--navy);text-align:right}.arrow-link{font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--blue)}.arrow-link span{margin-left:12px;font-size:15px}
.blue-band{background:var(--navy);color:white;padding:96px 0;overflow:hidden}.location-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.blue-band h2{font:800 clamp(34px,4vw,54px)/1.16 Manrope;letter-spacing:-.05em}.blue-band h2 em{color:#afc7e7}.band-copy{max-width:390px;color:#d0dced;font-size:12px;line-height:1.9;margin:20px 0 28px}.button-outline{border:1px solid #ffffff7d;color:white}.button-outline:hover{background:#fff;color:var(--navy)}.map-panel{height:380px;position:relative;overflow:hidden;background:#193f80}.map-grid{position:absolute;inset:-25%;background:linear-gradient(22deg,transparent 46%,#ffffff25 46.3%,#ffffff25 47%,transparent 47.4%),linear-gradient(160deg,transparent 38%,#ffffff25 38.4%,#ffffff25 39.1%,transparent 39.5%),linear-gradient(90deg,transparent 30%,#ffffff1c 30.3%,#ffffff1c 31%,transparent 31.3%),linear-gradient(0deg,transparent 57%,#ffffff1b 57.4%,#ffffff1b 58%,transparent 58.4%);transform:rotate(-9deg) scale(1.1)}.map-panel::before,.map-panel::after{content:"";position:absolute;width:130%;height:17px;left:-15%;top:54%;background:#7495c3;transform:rotate(-24deg);box-shadow:0 0 0 5px #ffffff24}.map-panel::after{top:24%;transform:rotate(35deg);height:9px;background:#93aed2}.map-road{position:absolute;border:1px solid #ffffff42;border-radius:50%;width:220px;height:120px;transform:rotate(-32deg)}.road-a{left:12%;top:17%}.road-b{right:8%;bottom:15%;width:170px}.map-pin{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50% 50% 50% 0;rotate:-45deg;background:var(--gold);display:grid;place-items:center;box-shadow:0 10px 35px #061a3c7a}.map-pin b,.map-pin span{rotate:45deg}.map-pin b{font:800 21px Manrope;color:var(--navy)}.map-pin span{position:absolute;top:83px;left:-8px;width:110px;rotate:45deg;text-align:center;color:white;font-size:8px;letter-spacing:.16em}.map-caption{position:absolute;left:24px;bottom:22px;color:#e1eaf7;font-size:8px;letter-spacing:.2em;line-height:1.8}.map-compass{position:absolute;right:24px;top:22px;font-size:10px;color:white;line-height:1.4;text-align:center}
.amenities{background:#fff}.centered{text-align:center}.centered .section-intro{margin:14px auto 0}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.amenity-card{position:relative;padding:31px 25px 36px;border-right:1px solid var(--line);min-height:250px;transition:background .2s}.amenity-card:last-child{border:0}.amenity-card:hover{background:var(--ice)}.amenity-number{font:700 10px Manrope;color:#99a9bd}.amenity-icon{font:300 34px Georgia;color:var(--blue-mid);margin:24px 0 17px}.amenity-card h3{font:700 16px/1.5 Manrope;color:var(--navy)}.amenity-card p{font-size:11px;line-height:1.8;color:#77869a;margin-top:9px}.amenity-line{position:absolute;bottom:0;left:25px;width:33px;height:2px;background:var(--gold)}
.plan-section{background:var(--ice)}.plan-layout{display:grid;grid-template-columns:245px 1fr;gap:38px}.tower-tabs{display:flex;flex-direction:column;gap:9px}.tower-tab{height:50px;border:1px solid #d7e1eb;background:#fff;color:var(--navy);text-align:left;padding:0 16px;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.tower-tab span{color:var(--blue-mid);font-size:14px}.tower-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.tower-tab.is-active span{color:var(--gold)}.plan-meta{margin-top:16px;background:#fff;padding:20px;display:grid;grid-template-columns:1fr;gap:5px}.plan-meta span{font-size:8px;color:#8694a6;letter-spacing:.14em;margin-top:8px}.plan-meta b{font-size:11px;color:var(--navy)}.plan-drawing{background:#fff;padding:23px 28px 18px;min-width:0}.plan-topline{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--navy)}.plan-topline span:last-child{font-size:7px;color:#91a0b1}.floor-plan{height:300px;margin:26px 0 18px;position:relative;display:grid;grid-template-columns:1fr 76px 1fr;grid-template-rows:1fr 55px;border:1px solid #b3c0ce;background:#f3f6f8;transform:skewY(-1deg)}.plan-wing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.plan-wing i{border:1px solid #a9b7c6;background:#e7eef5;position:relative}.plan-wing i:nth-child(2),.plan-wing i:nth-child(3){background:#d7e5f2}.plan-wing i::after{content:"";position:absolute;inset:20%;border:1px solid #b9c7d3}.plan-core{display:grid;place-items:center;background:#d7dfe7;border-inline:1px solid #a9b7c6;text-align:center;color:#647991;font-size:8px;letter-spacing:.1em}.plan-bottom{grid-column:1/4;border-top:1px solid #a9b7c6;display:flex}.plan-bottom i{flex:1;border-right:1px solid #a9b7c6;background:#eaf0f6}.plan-bottom i:nth-child(even){background:#dce7f0}.plan-legend{display:flex;justify-content:space-between;color:#79889b;font-size:7px;letter-spacing:.12em}.plan-legend i{display:inline-block;width:8px;height:8px;background:#d7e5f2;margin-right:6px}.plan-legend .legend-gray{background:#d7dfe7}
.homes{background:#f9fbfd}.home-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 30px}.home-tab{padding:14px 21px;border:1px solid var(--line);background:white;color:#74839a;font-size:9px;font-weight:800;letter-spacing:.09em;cursor:pointer}.home-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.home-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:42px 48px;background:#fff;border:1px solid #e4ebf2}.home-plan{height:330px;max-width:500px;width:100%;margin:auto;border:2px solid #7288a2;background:#f7f8f8;display:grid;grid-template-columns:1fr .62fr;grid-template-rows:1fr .42fr;position:relative}.home-plan::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:10px solid transparent;pointer-events:none}.room{border:1px solid #97a9bc;display:grid;place-items:center;font-size:8px;letter-spacing:.08em;color:#6f8297;background:#edf3f8}.room-living{grid-row:1;grid-column:1}.room-kitchen{grid-row:2;grid-column:1;background:#e2ebf3}.room-bedroom{grid-row:1/3;grid-column:2;background:#e8f0f6}.room-bath{position:absolute;bottom:0;right:0;width:28%;height:25%;background:#d6e2ec}.room-balcony{position:absolute;top:0;left:23%;width:34px;height:13px;writing-mode:vertical-rl;font-size:6px;background:#d5e7f0}.home-copy h3{font:800 26px/1.3 Manrope;color:var(--navy)}.home-copy>p:not(.eyebrow){font-size:12px;color:#738298;line-height:1.9;margin-top:14px}.home-details{display:flex;gap:42px;margin:23px 0 24px;border-top:1px solid var(--line);padding-top:18px}.home-details div{display:grid;gap:6px}.home-details span{font-size:8px;letter-spacing:.12em;color:#8997a9}.home-details strong{font-size:11px;color:var(--navy)}.button-blue{background:var(--navy);color:white}.button-blue:hover{background:var(--blue)}
.quote-band{background:#e7eff7;padding:62px 0}.quote-inner{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:25px}.quote-mark{font:100px/.7 Georgia;color:#9db5d2}.quote-inner p{font:500 clamp(24px,3vw,38px)/1.45 Manrope;color:var(--navy);letter-spacing:-.04em}.quote-inner p em{color:#6889b3}.quote-note{text-align:right;font-size:8px;letter-spacing:.2em;line-height:1.9;color:#6d8099}
.news{background:white}.news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{border:1px solid #e0e8f0;padding-bottom:22px}.news-art{height:225px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;background:linear-gradient(145deg,#102b60,#4975ad)}.news-art::before,.news-art::after{content:"";position:absolute;border:1px solid #ffffff45;transform:rotate(35deg);width:150%;height:60%;top:30%;left:-20%}.news-art::after{transform:rotate(-30deg);top:4%;left:3%;height:90%;border-color:#ffffff2b}.news-art span,.news-art b{position:relative;z-index:1}.news-art span{font:800 45px Manrope;letter-spacing:-.1em;color:#e5c269}.news-art b{font-size:9px;letter-spacing:.24em;text-align:center;line-height:1.8;margin-top:4px}.news-art-two{background:linear-gradient(135deg,#c5d8e9,#5779a4)}.news-art-two .sun-mark{font-size:45px;color:#fff3cc}.news-art-three{background:linear-gradient(135deg,#e9f0f7,#afc3da);color:var(--navy)}.news-art-three span{color:var(--blue)}.news-card>p,.news-card h3,.news-card>a{margin-left:20px;margin-right:20px}.news-date{font-size:8px;letter-spacing:.16em;color:#8a9ab0;margin-top:19px}.news-card h3{font:700 14px/1.65 Manrope;color:var(--navy);margin-top:8px;min-height:48px}.news-card>a{display:inline-block;margin-top:15px;font-size:8px;letter-spacing:.13em;font-weight:800;color:var(--blue)}.news-card>a span{padding-left:8px;font-size:13px}
.contact-section{background:var(--navy-deep);padding:94px 0;color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr .8fr;gap:120px;align-items:start}.contact-section h2{color:#fff}.contact-section h2 em{color:#a9c5e7}.contact-section>div>div>p:not(.eyebrow){max-width:410px;font-size:12px;color:#ccdaeb;line-height:1.9;margin-top:18px}.contact-tag{display:flex;align-items:center;gap:12px;margin-top:44px}.contact-tag>span{width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;color:var(--gold);font:700 17px Manrope}.contact-tag small{font-size:8px;letter-spacing:.2em;line-height:1.7;color:#d0dced}.contact-form{padding:30px;background:#fff;color:var(--navy)}.contact-form label{display:block;font-size:9px;font-weight:700;color:#5f7189;margin-bottom:6px}.contact-form input,.contact-form select{width:100%;height:44px;border:1px solid #d8e1ea;background:#f9fbfd;padding:0 12px;margin-bottom:17px;color:var(--navy);outline:none;font-size:11px}.contact-form input:focus,.contact-form select:focus{border-color:var(--blue-mid)}.contact-form .button{width:100%;margin-top:2px}.form-status{font-size:10px;color:#43724e;margin-top:10px;min-height:16px}
.site-footer{background:#071a3b;color:#d7e0ee;padding:26px 0 16px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #ffffff24}.footer-main>p{text-align:center;font-size:9px;letter-spacing:.15em;line-height:1.8}.footer-main>p small{font-size:8px;letter-spacing:.04em;color:#97a9c2}.brand-footer .brand-mark{width:38px;height:38px}.to-top{border:1px solid #ffffff50;width:36px;height:36px;display:grid;place-items:center}.footer-bottom{display:flex;justify-content:space-between;padding-top:13px;font-size:7px;letter-spacing:.14em;color:#8294ae}
@media(max-width:1040px){.header-inner{gap:18px}.main-nav{gap:13px}.main-nav a{font-size:10px}.header-cta{font-size:9px;padding:0 11px}.overview-grid{gap:42px}.location-grid{gap:40px}.contact-grid{gap:60px}}
@media(max-width:800px){.wrap{width:min(calc(100% - 40px),var(--max))}.section{padding:78px 0}.header-inner{width:calc(100% - 32px);justify-content:space-between}.brand-mark{width:38px;height:38px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;order:3}.menu-toggle span{display:block;width:21px;height:1px;background:#fff}.header-cta{margin-left:auto}.main-nav{display:none;position:absolute;top:100%;left:16px;right:16px;padding:17px;background:rgba(10,32,74,.98);box-shadow:0 15px 30px #07193540;align-items:stretch;flex-direction:column;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 8px;border-bottom:1px solid #ffffff20;font-size:11px}.main-nav a:last-child{border:0}.hero{min-height:730px;height:100svh;max-height:900px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(8,27,64,.91),rgba(10,34,77,.55) 70%,rgba(15,46,93,.18)),linear-gradient(0deg,rgba(8,28,65,.85),transparent 56%)}.hero-content{padding-top:170px}.hero h1{font-size:clamp(58px,13vw,88px)}.hero-desc{max-width:380px}.hero-index{display:none}.hero-stats{grid-template-columns:repeat(3,1fr);padding:16px 20px}.hero-stats>div{padding:0 10px;gap:7px}.hero-stats>div:first-child{padding-left:0}.hero-stats strong{font-size:22px}.hero-stats span{font-size:7px}.hero-stats .stat-note{display:none}.split-head{grid-template-columns:1fr;gap:18px}.overview-grid,.location-grid,.home-feature,.contact-grid{grid-template-columns:1fr;gap:36px}.overview-photo{height:380px}.overview-copy h3{font-size:29px}.blue-band{padding:75px 0}.map-panel{height:310px}.amenity-grid{grid-template-columns:repeat(2,1fr)}.amenity-card:nth-child(2){border-right:0}.amenity-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.plan-layout{grid-template-columns:1fr;gap:18px}.tower-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tower-tab{padding:0 10px;font-size:9px}.plan-meta{grid-column:1/-1;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:5px 12px}.plan-meta span{margin:0}.plan-meta b{font-size:9px}.floor-plan{height:260px}.home-tabs{flex-wrap:wrap}.home-tab{padding:12px 13px;font-size:8px}.home-feature{padding:28px 23px}.home-plan{height:280px}.quote-inner{grid-template-columns:48px 1fr;gap:15px}.quote-mark{font-size:76px}.quote-note{display:none}.news-cards{grid-template-columns:1fr 1fr}.news-card:last-child{display:none}.contact-grid{gap:28px}.contact-section{padding:76px 0}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.header-cta{min-height:36px;font-size:8px;gap:7px;padding:0 10px}.brand{gap:7px}.brand-copy strong{font-size:9px}.brand-copy small{font-size:7px}.hero{min-height:700px}.hero-image{object-position:60% center}.hero-content{padding-top:155px}.hero h1{font-size:58px}.hero-place{font-size:9px;letter-spacing:.23em}.hero-desc{font-size:12px;max-width:310px}.hero-actions{gap:15px;flex-wrap:wrap}.button{min-height:48px;padding:0 17px;font-size:9px;gap:14px}.hero-stats{padding:12px 10px}.hero-stats>div{display:block;text-align:center;min-height:54px}.hero-stats>div:first-child{padding:0}.hero-stats strong{display:block;font-size:19px;line-height:1.2}.hero-stats span{display:block;max-width:none;font-size:6px}.section{padding:65px 0}.section-head{margin-bottom:32px}.section-head h2,.contact-section h2{font-size:32px}.overview-photo{height:290px}.facts div{font-size:10px}.map-panel{height:250px}.amenity-grid{grid-template-columns:1fr 1fr;margin-top:32px}.amenity-card{padding:24px 16px 30px;min-height:220px}.amenity-card h3{font-size:14px}.amenity-card p{font-size:10px}.amenity-line{left:16px}.plan-drawing{padding:18px 14px}.plan-topline{font-size:8px}.floor-plan{height:210px;margin:22px 0 15px;grid-template-columns:1fr 55px 1fr;grid-template-rows:1fr 40px}.plan-legend{font-size:6px;gap:5px}.plan-meta{grid-template-columns:1fr auto;gap:6px 10px;padding:14px}.home-tab{flex:1 1 30%;padding:10px 6px;font-size:7px}.home-feature{padding:20px 15px;gap:27px}.home-plan{height:220px}.home-copy h3{font-size:21px}.home-details{gap:22px}.quote-band{padding:44px 0}.quote-inner{grid-template-columns:32px 1fr}.quote-mark{font-size:55px}.quote-inner p{font-size:22px}.news-cards{grid-template-columns:1fr}.news-card:last-child{display:block}.news-art{height:190px}.news-card h3{min-height:0}.contact-form{padding:22px 18px}.footer-main{gap:12px}.footer-main>p{font-size:7px}.footer-main>p small{font-size:7px}.footer-bottom{font-size:6px;gap:10px}}

/* Figma-aligned project details and extended sections */
html{scroll-padding-top:108px}
.site-header{padding:0}
.site-header.is-scrolled{padding:0}
.announcement-bar{background:rgba(5,22,54,.94);padding:6px 0;color:#d8e3f1;font-size:8px;letter-spacing:.09em}
.announcement-bar .header-inner{min-height:18px}
.announcement-bar span:last-child{color:#b8c9df}
.site-header>.header-inner{padding:9px 0}
.site-header.is-scrolled .announcement-bar{height:0;padding:0;opacity:0;overflow:hidden}
.value-band .section-head{margin-bottom:35px}
.value-band h2{color:#fff}
.value-band .section-intro{color:#d1dced}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff3c;border-bottom:1px solid #ffffff3c}
.value-grid article{padding:25px 26px 26px 0;border-right:1px solid #ffffff35;min-height:158px}
.value-grid article+article{padding-left:25px}
.value-grid article:last-child{border-right:0}
.value-grid article>span{font:700 10px Manrope;color:var(--gold)}
.value-grid h3{font:700 12px Manrope;letter-spacing:.1em;color:#fff;margin:18px 0 9px}
.value-grid p{font-size:11px;line-height:1.8;color:#ced9e9;max-width:330px}
.location-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.location-content .map-panel{height:100%;min-height:400px}
.connectivity{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.connectivity article{padding:23px 20px;background:#fff;border:1px solid #e2e9f0}
.connectivity article .eyebrow{margin:0 0 7px;font-size:9px}
.connectivity h3{font:700 14px Manrope;color:var(--navy);margin-bottom:14px}
.connectivity ul{padding:0;margin:0;list-style:none}
.connectivity li{position:relative;padding:8px 0 8px 13px;border-top:1px solid #e9eef3;font-size:10px;line-height:1.55;color:#6b7b90}
.connectivity li::before{content:"";position:absolute;left:0;top:15px;width:4px;height:4px;border-radius:50%;background:var(--gold)}
.map-note,.legal-note,.plan-disclaimer,.home-plan-note{font-size:9px;line-height:1.7;color:#8290a1;margin-top:13px}
.tower-tabs{gap:8px}
.floor-tabs{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}
.floor-tab{border:0;background:#eaf0f6;color:#647890;text-align:left;padding:10px 14px;font-size:9px;font-weight:700;letter-spacing:.08em;cursor:pointer}
.floor-tab.is-active{background:#d9e6f2;color:var(--navy)}
.plan-meta{margin-top:9px}
.plan-core span{white-space:pre-line}
.plan-disclaimer{margin:12px 0 0}
.home-plan-note{margin:12px 0 18px}
.price-callout{margin:0 0 18px;padding:18px 20px;background:#e9f1f8;border-left:3px solid var(--gold)}
.price-callout>span{display:block;color:#71849d;font-size:8px;font-weight:800;letter-spacing:.13em}
.price-callout>strong{display:block;margin-top:5px;color:var(--navy);font:800 23px Manrope}
.price-callout>strong small{font:600 11px "Be Vietnam Pro"}
.price-callout p{font-size:9px;color:#78879a;margin-top:3px}
.price-callout>a{display:inline-block;margin-top:7px;color:#456a99;font-size:8px;font-weight:700}
.partners-strip{margin-top:68px;padding-top:24px;border-top:1px solid var(--line)}
.partners-strip .eyebrow{margin-bottom:15px}
.partners-strip>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}
.partners-strip article{padding:16px 22px;border-right:1px solid var(--line);display:grid;gap:4px}
.partners-strip article:last-child{border:0}
.partners-strip article>span{font-size:8px;letter-spacing:.13em;color:#7d8ea3}
.partners-strip article>strong{font:800 18px Manrope;letter-spacing:.02em;color:var(--navy)}
.partners-strip article>small{font-size:9px;color:#718096}
.policy-section{background:#f2f6fa}
.income-banner{margin:-14px 0 25px;padding:20px 24px;background:#e4edf6;border:1px solid #d2deeb}
.income-banner .eyebrow{margin:0 0 12px}
.income-banner>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.income-banner article{display:grid;gap:2px;border-right:1px solid #cbd8e5;padding-right:16px}
.income-banner article:last-child{border:0}
.income-banner strong{font:800 17px Manrope;color:var(--navy)}
.income-banner span{font-size:9px;line-height:1.55;color:#687a91}
.income-banner>a{display:inline-block;margin-top:10px;color:#416996;font-size:8px;font-weight:700}
.policy-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start}
.eligibility-card,.loan-card{padding:28px;background:#fff;border:1px solid #e0e8f0}
.eligibility-card h3,.loan-card h3{font:700 20px/1.4 Manrope;color:var(--navy);margin-bottom:20px}
.eligibility-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.eligibility-list article{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;padding:11px 0;border-top:1px solid #e6edf3}
.eligibility-list b{font:700 9px Manrope;color:#6888b2;padding-top:2px}
.eligibility-list span{font-size:9px;line-height:1.65;color:#68788c}
.policy-note{font-size:9px;line-height:1.7;color:#78879a;margin-top:18px;padding-top:14px;border-top:1px solid #e2e9f0}
.loan-card{background:var(--navy);color:white}
.loan-card h3{color:white;margin-bottom:18px}
.loan-stat{padding:16px 0;border-top:1px solid #ffffff35;display:grid;gap:4px}
.loan-stat strong{font:800 29px Manrope;color:#f0ca72}
.loan-stat span{font-size:8px;letter-spacing:.12em;color:#d2deec}
.loan-card>p:not(.eyebrow){font-size:9px;line-height:1.75;color:#d0dced;margin:10px 0 18px}
.legal-note{margin-top:15px}
.progress-section{background:#fff}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:68px 0 30px}
.timeline::before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:#cbd8e5}
.timeline article{position:relative;padding:32px 20px 0 0}
.timeline article>span{font:700 10px Manrope;letter-spacing:.07em;color:#5579a8}
.timeline article>i{position:absolute;top:2px;left:0;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #7395bd;z-index:1}
.timeline article.timeline-current>i{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px #e1b6532b}
.timeline article h3{font:700 12px/1.55 Manrope;color:var(--navy);margin-top:9px;max-width:175px}
.gallery-section{background:#eff4f8}
.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(2,190px);gap:14px}
.gallery-grid figure{position:relative;margin:0;overflow:hidden;background:#cbd9e8}
.gallery-grid .gallery-main{grid-row:1/3}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery-grid figure:hover img{transform:scale(1.04)}
.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 13px;background:linear-gradient(transparent,#081b3cba);color:#fff;font-size:8px;font-weight:700;letter-spacing:.15em}
.gallery-grid figcaption span{float:right;color:#e7c36f}
.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
.faq-layout h2{font:800 clamp(28px,3.2vw,42px)/1.23 Manrope;letter-spacing:-.05em;color:var(--navy);margin-bottom:16px}
.faq-layout .section-intro{margin-bottom:25px}
.faq-list details{border-bottom:1px solid #dce5ee}
.faq-list details:first-child{border-top:1px solid #dce5ee}
.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:17px 34px 17px 0;font:700 12px Manrope;color:var(--navy)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:0;top:13px;color:#6184b2;font:400 21px Manrope}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{padding:0 32px 18px 0;color:#748399;font-size:10px;line-height:1.8}
.contact-details{display:grid;gap:5px;margin-top:28px}
.contact-details span{font-size:8px;font-weight:700;letter-spacing:.14em;color:#aac0dc;margin-top:8px}
.contact-details a{font:700 20px Manrope;color:#f1cb73}
.contact-details strong{font-size:11px;color:white}
.form-intro{font-size:10px;line-height:1.7;color:#6d7d91;margin:-5px 0 17px}
.footer-phone{font-size:8px;letter-spacing:.08em;color:#d9e4f1}

@media(max-width:800px){
  .announcement-bar .header-inner{min-height:16px}
  .announcement-bar span:last-child{display:none}
  .value-grid{grid-template-columns:1fr}
  .value-grid article,.value-grid article+article{padding:20px 0;border-right:0;border-bottom:1px solid #ffffff35;min-height:0}
  .value-grid article:last-child{border-bottom:0}
  .partners-strip{margin-top:48px}
  .partners-strip>div{grid-template-columns:1fr}
  .partners-strip article,.partners-strip article:last-child{border-right:0;border-bottom:1px solid var(--line)}
  .partners-strip article:last-child{border-bottom:0}
  .location-content,.policy-layout,.faq-layout{grid-template-columns:1fr;gap:24px}
  .location-content .map-panel{min-height:300px}
  .connectivity{grid-template-columns:1fr 1fr}
  .eligibility-list{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr;margin:20px 0 24px;padding-left:17px}
  .timeline::before{left:6px;right:auto;top:4px;bottom:0;width:1px;height:auto}
  .timeline article{padding:0 0 22px 20px}
  .timeline article>i{top:3px;left:-17px}
  .gallery-grid{grid-template-rows:repeat(2,145px)}
  .faq-layout{gap:25px}
}
@media(max-width:480px){
  .announcement-bar{font-size:6px;letter-spacing:.05em}
  .announcement-bar .header-inner{width:calc(100% - 32px)}
  .location-content .map-panel{min-height:235px}
  .connectivity{grid-template-columns:1fr}
  .connectivity article{padding:18px}
  .eligibility-card,.loan-card{padding:20px 16px}
  .income-banner{padding:17px 15px}
  .income-banner>div{grid-template-columns:1fr;gap:10px}
  .income-banner article,.income-banner article:last-child{border-right:0;border-bottom:1px solid #cbd8e5;padding:0 0 9px}
  .income-banner article:last-child{border-bottom:0}
  .eligibility-list{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 125px}
  .gallery-grid .gallery-main{grid-row:1/2;grid-column:1/3}
  .gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(3){grid-row:2}
  .footer-main{flex-wrap:wrap}
  .footer-phone{width:100%;text-align:center}
}

/* Registration and document portal */
[hidden]{display:none!important}.documents-section{background:#f3f6fb}.documents-section .button{margin-top:20px}.documents-dialog{width:min(800px,calc(100% - 32px));max-height:85svh;overflow:auto;border:0;border-radius:12px;padding:28px;color:var(--navy);box-shadow:0 24px 80px #071a3b55}.documents-dialog::backdrop{background:#071a3bb8}.documents-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.documents-heading h2{font-size:28px}.documents-heading button{border:1px solid #d7e0ed;border-radius:50%;width:40px;height:40px;background:white;cursor:pointer;flex-shrink:0}.documents-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.documents-filters label{font-size:12px;display:grid;gap:6px}.documents-filters input,.documents-filters select{width:100%;min-width:0;height:44px;padding:10px;border:1px solid #cbd6e5;background:white;color:var(--navy)}#documents-status{font-size:13px;margin:16px 0}.public-documents{display:grid;gap:14px}.public-document{padding:20px;border:1px solid #dce4ef;border-radius:8px}.public-document h3{font-size:17px;margin:8px 0}.public-document>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#526582}.document-links{display:flex;gap:24px;margin-top:16px;font-size:13px;font-weight:700;color:var(--blue)}.document-links a{text-decoration:underline}.contact-form textarea{width:100%;padding:12px;border:1px solid #d8e1ea;background:#f9fbfd;color:var(--navy);font:inherit;resize:vertical;margin-bottom:14px}.registration-notice{font-size:11px;line-height:1.7;color:#526582;margin:0 0 18px}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status[data-state=error]{color:#ae2626}.button:disabled{opacity:.6;cursor:wait}body:has(dialog[open]){overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d5ab57;outline-offset:3px}@media(max-width:600px){.documents-dialog{padding:20px}.documents-filters{grid-template-columns:1fr}.public-document{padding:16px}}