:root{--navy:#103d2f;--blue:#215c43;--gold:#e6ae39;--ink:#203c30;--muted:#63766a}body{background:#f3f6f1;color:var(--ink);font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0}a{transition:color .15s,background .15s}a:hover{color:#ba811a}.portal-wrap{width:min(1200px,92%);margin:auto}.masthead{padding:0;background:linear-gradient(115deg,#103b2b,#256246);border:0;color:#fff;display:block}.mast-inner{max-width:1280px;width:92%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:126px}.brand-lockup{display:flex;gap:12px;align-items:center;color:#f1ce78;white-space:nowrap}.brand-symbol{font-size:67px;line-height:1;border:2px solid #d8b868;width:65px;height:65px;display:grid;place-items:center;padding-bottom:11px}.brand-lockup strong{font:700 26px Georgia,serif;letter-spacing:.2px}.brand-lockup small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:8px}.header-promise{display:flex;flex-direction:column;gap:8px;font-size:11px}.header-promise span{font-size:11px;color:#cfdfd2}.header-contact{display:flex;align-items:flex-end;flex-direction:column;font-size:11px;gap:5px}.header-contact>a:first-child{color:#f4d080;font-size:22px}.header-contact .zalo-small{color:#fff;border-bottom:1px solid #7eaa8c;padding-bottom:2px}.nav-band{background:#0b2c20;border-bottom:3px solid var(--gold)}.main-nav{max-width:1200px;width:92%;margin:auto;display:flex;justify-content:space-between;gap:0;font-size:11px;font-weight:bold}.main-nav a{padding:18px 20px;border-right:1px solid #ffffff12;text-align:center;white-space:nowrap}.main-nav a:hover{background:#20553b;color:#f3c868}.showcase{position:relative;height:485px;background:var(--navy);overflow:hidden;color:#fff}.showcase>img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,#082c20ed,#103f2c88 44%,#082c2005 80%)}.showcase-inner{position:absolute;top:50%;left:max(4%,calc((100% - 1200px)/2));transform:translateY(-50%);max-width:620px}.hero-kicker{font-size:11px;letter-spacing:2.4px;color:#f4d080;font-weight:bold}.showcase h1{font-size:23px;line-height:1.3;letter-spacing:3px;margin:20px 0 16px;font-weight:400}.showcase h1 strong{font-size:clamp(34px,4vw,57px);letter-spacing:-.5px;display:inline-block}.showcase p{font-size:16px;line-height:1.8;color:#e3eee4;margin-bottom:25px}.button{background:var(--gold);border-color:var(--gold);color:#173b2b;border-radius:0;font-size:12px;padding:13px 21px;gap:22px}.button:hover{background:#f4c969;color:#103d2f}.showcase .button{box-shadow:0 4px 15px #0002}.render-note{position:absolute;bottom:16px;right:4%;font-size:9px;color:#fff;background:#10372a80;padding:4px 9px}.slide-control{position:absolute;left:max(4%,calc((100% - 1200px)/2));bottom:24px;display:flex;gap:8px}.slide-control button{background:#103d2f66;color:#fff;border:1px solid #ffffff70;font-size:11px;cursor:pointer;width:35px;height:30px}.slide-control button[aria-pressed=true]{background:var(--gold);color:#103d2f;border-color:var(--gold)}.featured-strip{background:var(--navy);border-top:3px solid var(--gold)}.featured-inner{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px;padding:24px 0}.featured-inner>a{display:flex;align-items:center;gap:15px;color:#fff;font-size:12px;font-weight:bold}.featured-inner img{width:130px;height:84px;object-fit:cover;border:1px solid #7e9c88}.featured-inner small{display:block;font-size:10px;color:#c2d8c8;font-weight:400;margin-top:7px}.all-projects{border-left:1px solid #ffffff30;padding-left:24px}.all-projects b{font-size:45px;font-weight:400;color:#edc25f}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding:42px 0 48px}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--gold);margin-bottom:20px;padding-bottom:14px}.overline{font-size:10px;font-weight:bold;letter-spacing:1.6px;color:#ac7921}.catalog h2{font-size:20px;margin:6px 0 0}.catalog-search span{font-size:10px;display:block;margin-bottom:4px;color:#697891}.catalog-search input{padding:9px 12px;border:1px solid #ccd8cd;background:#fff;font-size:12px;width:190px}.listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.listing-card{background:white;border:1px solid #d9e2d6;min-width:0}.listing-image{display:block;height:235px;position:relative;overflow:hidden}.listing-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#092d21e8)}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.listing-image:hover img{transform:scale(1.035)}.listing-image h3{position:absolute;bottom:0;left:0;right:0;padding:18px 17px;margin:0;color:#fff;font-size:17px;z-index:1;text-transform:uppercase;line-height:1.4}.card-label{position:absolute;left:0;top:16px;background:var(--gold);color:#163d2c;padding:6px 12px;font-size:9px;font-weight:bold}.listing-body{padding:15px 17px}.location{font-size:11px;color:#4d7b60}.listing-body p{font-size:12px;line-height:1.8;color:#647567;margin:9px 0 0}.listing-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:9px;align-items:stretch;border-top:1px solid #e1e8dd;font-weight:bold}.listing-bottom>span{padding:13px 8px;display:flex;align-items:center;justify-content:center;color:#627466;background:#f1f5ee}.listing-bottom>a{padding:13px 8px;text-align:center;background:var(--gold);color:#123c29;font-size:11px;display:grid;place-items:center}.inquiry-card{position:relative;background:#fff;border:1px solid #d9e2d6;border-top:3px solid var(--blue);padding:24px;overflow:hidden}.inquiry-num{position:absolute;top:16px;right:16px;font-size:36px;color:#e0e9dc;line-height:1}.inquiry-card .overline{font-size:9px}.inquiry-card h3{font-size:19px;max-width:85%;margin:15px 0 10px;line-height:1.35}.inquiry-card p{font-size:12px;color:#617565;margin-bottom:18px}.inquiry-card>a{font-size:10px;font-weight:bold;color:#276346;border-bottom:1px solid #d1a64b;padding-bottom:5px}.portal-sidebar h2{font-size:12px;background:var(--navy);color:#e7bd61;margin:0;padding:12px 15px;border-top:3px solid var(--gold);text-align:center}.consultant-card{background:#fff;border:1px solid #dce5d8}.consultant-card>img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:50% 34%}.consultant-card>div{padding:20px}.consultant-card h3{font-size:23px;line-height:1.25;margin:0 0 12px}.consultant-card p{font-size:12px;color:#647567}.sidebar-phone{display:block;font-size:24px;font-weight:bold;color:#215b3f;margin:14px 0}.sidebar-zalo{display:block;background:#ecf4e8;border:1px solid #c5d8c2;text-align:center;padding:9px;font-size:10px;font-weight:bold;color:#2c694b}.guide-card{margin-top:24px;background:#fff;border:1px solid #dce5d8}.guide-card details{border-bottom:1px solid #dce6d8;padding:16px}.guide-card summary{font-size:12px;font-weight:bold;line-height:1.5}.guide-card summary span{color:#b0832d;margin-right:5px}.guide-card details p{font-size:12px;color:#68796a;margin:12px 0 0}.sidebar-note{margin-top:22px;padding:22px;background:#e8efe2;border-left:3px solid var(--gold)}.sidebar-note b{font-size:12px}.sidebar-note p{font-size:12px;color:#647668;margin:10px 0}.sidebar-note a{font-size:10px;font-weight:bold;color:#215b3f}.about-band{background:#fff;border-top:1px solid #dce5d7;padding:45px 0}.about-portal{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.about-portal>img{width:100%}.about-portal h2{font-size:27px;margin:10px 0}.about-tagline{color:#aa7f2a!important;font-style:italic}.about-portal p{font-size:13px;color:#647567}.contact{background:var(--navy);gap:55px;padding-top:55px;padding-bottom:55px}.contact h2{font-size:34px}.contact .phone{font-family:Arial,sans-serif;font-weight:bold;color:#f4c568}.contact form{background:#fff;color:#234732;border-top:3px solid var(--gold)}.contact h3{font-size:23px}.contact p{color:#cfdfd1}.contact form p{color:#63766a}footer{color:#66796a}.footer-row b{color:#254b35}.quick a{background:#1c5137}.quick a:last-child{background:var(--gold);color:#183e2a}.portal-detail .wrap{max-width:1200px}.portal-detail h1{font-size:clamp(34px,4.5vw,62px);line-height:1.15}.portal-detail h2{font-size:clamp(25px,3vw,38px)}.portal-detail h3{font-size:24px}.portal-detail em{color:#ad7c25}.portal-detail .eyebrow{color:#a77724}.portal-detail .contact .eyebrow{color:#e5ba65}.portal-detail .section-nav{background:var(--navy);color:white;padding:18px 22px;border-bottom:3px solid var(--gold);font-size:12px}.portal-detail .zone-grid article,.portal-detail .overview-table dl,.portal-detail .amenity-section{background:#e7efe1}.portal-detail .product-grid article{background:#fff;border-color:#d3dfcc}.portal-detail .zone-grid article{border-color:var(--gold)}.portal-detail .note{background:#e7efe1}.portal-detail p,.portal-detail .intro{color:#63766a}.portal-detail .contact p{color:#cfdfd1}.portal-detail .contact form p{color:#63766a}.portal-detail .project-stats strong{color:#2a6544}.portal-detail .detail-top{padding-top:30px}.portal-detail .detail-top>.small{margin-bottom:20px}.portal-detail .content-block{padding-top:55px}.portal-detail .editorial{padding-top:50px}
@media(min-width:1500px){.showcase{height:540px}}@media(max-width:1100px){.header-promise{display:none}.main-nav a{padding:16px 12px;font-size:10px}.featured-inner img{width:100px}.content-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.listing-image{height:205px}.catalog-head{align-items:flex-start;flex-direction:column;gap:12px}.catalog-search{width:100%}.catalog-search input{width:100%}.featured-inner{gap:18px}.featured-inner>a{font-size:10px}}@media(max-width:760px){.mast-inner{min-height:105px;width:92%;gap:12px}.brand-symbol{font-size:45px;width:45px;height:47px;padding-bottom:7px}.brand-lockup{gap:9px}.brand-lockup strong{font-size:18px}.brand-lockup small{font-size:6px;letter-spacing:.8px}.header-contact>a:first-child{font-size:14px}.header-contact>a:nth-child(2){display:none}.header-contact .zalo-small{font-size:9px}.main-nav{overflow-x:auto;width:100%;justify-content:flex-start;padding:0 4%;gap:0}.main-nav a{font-size:10px;padding:15px 12px}.showcase{height:430px}.showcase-inner{left:6%;right:6%;max-width:none}.showcase-shade{background:linear-gradient(90deg,#082c20e6,#103f2c8c)}.showcase h1{font-size:18px;letter-spacing:2px;margin-top:18px}.showcase h1 strong{font-size:36px;line-height:1.1;margin-top:8px;max-width:340px}.hero-kicker{font-size:9px;letter-spacing:1.5px}.showcase p{font-size:13px;margin-bottom:23px}.showcase .button{font-size:10px}.slide-control{left:6%;bottom:20px}.featured-inner{grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}.featured-inner>a{display:block;font-size:10px;line-height:1.5}.featured-inner img{width:100%;height:85px;margin-bottom:10px}.featured-inner small{font-size:9px;margin-top:5px}.featured-inner .all-projects{display:none}.content-layout{grid-template-columns:1fr;padding:30px 0;gap:30px}.catalog-head{gap:15px}.catalog h2{font-size:20px}.listing-grid{gap:15px}.listing-image{height:180px}.listing-image h3{font-size:13px;padding:13px}.listing-body{padding:13px}.listing-bottom{grid-template-columns:1fr}.listing-bottom>span{padding:8px}.listing-bottom>a{padding:11px}.card-label{font-size:7px;padding:5px 8px}.inquiry-card{padding:18px}.inquiry-card h3{font-size:16px;max-width:100%;position:relative}.inquiry-card p{font-size:11px}.inquiry-card>a{font-size:9px}.inquiry-num{font-size:27px}.inquiry-card .overline{font-size:8px;letter-spacing:.5px}.portal-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-card{margin-top:0}.sidebar-note{grid-column:1/-1;margin-top:0}.consultant-card>div{padding:15px}.consultant-card h3{font-size:20px}.sidebar-phone{font-size:18px}.sidebar-zalo{font-size:9px}.portal-sidebar h2{font-size:10px;padding:11px}.about-portal{grid-template-columns:1fr;gap:25px}.about-band{padding:30px 0}.about-portal h2{font-size:25px}.contact{gap:28px;padding:40px 6%}.contact h2{font-size:29px}.portal-detail .masthead{padding:0}.portal-detail .section-nav{gap:16px}.portal-detail .project-stats strong{font-size:28px}.portal-detail .contact h2{font-size:29px}.render-note{font-size:8px}.quick a{font-size:11px}}
@media(max-width:420px){.brand-lockup strong{font-size:16px}.brand-symbol{width:38px;height:42px;font-size:40px}.header-contact>a:first-child{font-size:12px}.listing-grid{grid-template-columns:1fr}.listing-image{height:230px}.listing-image h3{font-size:18px}.listing-bottom{grid-template-columns:1fr 1fr}.listing-body p{font-size:13px}.inquiry-card{padding:22px}.inquiry-card h3{font-size:20px}.inquiry-card p{font-size:13px}.portal-sidebar{grid-template-columns:1fr}.consultant-card>img{aspect-ratio:1.5}.consultant-card h3{font-size:24px}.sidebar-phone{font-size:24px}.portal-sidebar h2{font-size:12px}.guide-card summary{font-size:14px}.sidebar-note{grid-column:auto}.catalog-search input{font-size:16px}.showcase h1 strong{font-size:33px}}
@media(prefers-reduced-motion:reduce){a,.listing-image img{transition:none}}
.main-nav{color:#fff}.showcase #hero-desc{white-space:pre-line}

.product-specs{margin:0 0 20px;font-size:13px}.product-specs>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dce5d8}.product-specs dt{color:#63766a}.product-specs dd{margin:0;font-weight:bold;text-align:right}

.portal-detail img[width][height]{height:auto}.portal-detail .spotlight img{height:400px}@media(max-width:760px){.portal-detail .spotlight img{height:auto}}

/* Project imagery attached to each amenity and product */
#tien-ich .card-visual,#san-pham .card-visual{margin:0 0 20px}
#tien-ich .card-visual img,#san-pham .card-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#e1e9de}
#tien-ich .card-visual a,#san-pham .card-visual a{display:block}
#tien-ich .card-visual figcaption,#san-pham .card-visual figcaption{font-size:10px;line-height:1.5;margin-top:7px;color:#647668}
#san-pham .product-grid article{padding:20px}
#tien-ich .amenity-grid{gap:32px 24px}

.saigon-detail .zone-grid .card-visual{margin:0 0 22px}.saigon-detail .zone-grid .card-visual img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.saigon-detail .zone-grid figcaption{font-size:10px}.sg-location{padding-top:25px}.sg-location img{max-height:620px;width:auto;margin:auto}.sg-location figcaption{text-align:center}.saigon-detail .zone-grid article:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}@media(max-width:760px){.saigon-detail .zone-grid article:last-child{max-width:none}}

/* Hai Van Bay project */
.haivan-detail .zone-grid .card-visual{margin:0 0 24px}.haivan-detail .zone-grid .card-visual img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#e5eddf}.haivan-detail .zone-grid .card-visual figcaption{font-size:11px}.hv-location{max-width:950px}.hv-location img,.hv-plan img{width:100%;height:auto}.main-nav a{padding-left:14px;padding-right:14px}@media(max-width:700px){.haivan-detail .zone-grid{grid-template-columns:1fr}}

.olympic-detail .zone-grid .card-visual{margin:0 0 24px}.olympic-detail .zone-grid .card-visual img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#e5eddf}.olympic-detail .zone-grid figcaption{font-size:11px}.ol-products{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{padding-left:10px;padding-right:10px}@media(max-width:700px){.ol-products{grid-template-columns:1fr}}

.ol-connectivity>.card-visual{margin:0 0 36px}.ol-connectivity>.card-visual img{width:100%;height:auto}.ol-connection-cards{margin:28px 0 40px}.ol-station-block{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;margin:40px 0}.ol-station-block figure{margin:0}.ol-station-block img{width:100%;height:auto}.ol-connectivity figcaption{font-size:11px}.ol-station-block h3{font-size:28px}@media(max-width:760px){.ol-connection-cards,.ol-station-block{grid-template-columns:1fr}.ol-station-block{gap:20px}}

.hl-location>.card-visual img{width:100%;height:auto}.hl-location .amenity-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.hl-location figure{margin:0 0 20px}.hl-location figcaption{font-size:11px}.hl-zone-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:28px 0}.hl-zone-labels>div{border-top:2px solid var(--gold);padding-top:18px}.hl-zone-labels span{color:#a58847}.hl-zone-labels h3{font-size:20px}.hl-products{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{flex-wrap:wrap;justify-content:center}.main-nav a{padding-left:12px;padding-right:12px}@media(max-width:900px){.main-nav{flex-wrap:nowrap;justify-content:flex-start}}@media(max-width:700px){.hl-zone-labels{grid-template-columns:repeat(2,1fr)}.hl-products{grid-template-columns:1fr}}

.cg-policy-cards{margin:30px 0}.payment-subtitle{font-size:27px;margin-top:42px}.payment-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid #c9d9c6;background:white}.payment-table{width:100%;border-collapse:collapse;min-width:540px;font-size:15px;line-height:1.6}.payment-table th,.payment-table td{padding:17px 20px;text-align:left;border-bottom:1px solid #dce6d8}.payment-table thead{background:#103d2f;color:#fff}.payment-table tbody th{color:#203c30;white-space:nowrap}.payment-table tbody tr:nth-child(even){background:#edf3e9}.cg-policy .note,.cg-payment .note{margin:24px 0}.cg-policy .button{margin-top:18px}.cg-policy article b{color:#936719}@media(max-width:700px){.payment-table{font-size:13px}.payment-table th,.payment-table td{padding:13px 15px}}

.greencity-detail .gc-gallery{margin:28px auto 48px}.greencity-detail .gc-gallery figure{margin:0}.greencity-detail .gc-gallery img{width:100%;height:auto}.greencity-detail figcaption{font-size:11px;color:#63766a;margin-top:8px}.greencity-detail .wide-image img{height:auto;width:100%}

/* Header typography and project dropdown */
@media(min-width:1101px){.header-promise{max-width:490px;gap:10px}.header-promise b{font-size:18px;line-height:1.45}.header-promise span{font-size:15px;line-height:1.5}}
.nav-band{position:relative;z-index:30}.main-nav{overflow:visible;flex-wrap:wrap;justify-content:center;align-items:stretch}.project-dropdown{position:relative;flex-shrink:0;border:0;padding:0;margin:0}.project-dropdown summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:18px 16px;font:inherit;color:inherit;border-right:1px solid #ffffff12}.project-dropdown summary::-webkit-details-marker{display:none}.project-dropdown[open]>summary,.project-dropdown summary:hover{background:#20553b;color:#f3c868}.project-menu{position:absolute;top:100%;left:0;min-width:310px;max-width:calc(100vw - 28px);background:#103d2f;border-top:3px solid var(--gold);box-shadow:0 12px 25px #0003;padding:7px 0;z-index:50}.main-nav .project-menu a{display:block;text-align:left;white-space:normal;padding:13px 18px;font-size:13px;line-height:1.45;border:0;border-bottom:1px solid #ffffff12;color:#fff}.main-nav .project-menu a:hover{background:#246246;color:#f4d080}@media(max-width:900px){.main-nav{overflow:visible;flex-wrap:wrap;justify-content:flex-start}.main-nav>a,.project-dropdown summary{padding:13px 10px;font-size:10px}.project-menu{min-width:270px}}@media(max-width:400px){.project-menu{left:-75px}}

.news-section{padding:45px 0 55px;scroll-margin-top:25px}.news-section h2{font-size:26px;margin:8px 0 0}.news-intro{color:var(--muted);margin:18px 0 28px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-grid article{background:#fff;border:1px solid #d3dfcc;display:flex;flex-direction:column}.news-image{display:block;overflow:hidden}.news-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.news-body{padding:24px;display:flex;flex-direction:column;flex:1}.news-body h3{font-size:21px;line-height:1.45;margin:12px 0}.news-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.news-body>.text-link{margin-top:auto;align-self:flex-start;font-size:13px}@media(max-width:700px){.news-grid{grid-template-columns:1fr}.news-section h2{font-size:23px}}

.brand-lockup.brand-image{display:block;flex:0 0 250px;width:250px;line-height:0;background:#fff;overflow:hidden;margin:12px 0}.brand-image img{display:block;width:100%;height:auto}.mast-inner:has(.brand-image){min-height:150px}.brand-image+.header-promise{flex:1;max-width:490px}@media(max-width:1100px){.brand-lockup.brand-image{flex-basis:210px;width:210px}.mast-inner:has(.brand-image){min-height:125px}}@media(max-width:600px){.brand-lockup.brand-image{flex-basis:170px;width:170px;margin:10px 0}.mast-inner:has(.brand-image){min-height:110px;gap:12px}.mast-inner:has(.brand-image) .header-contact>a:first-child{font-size:15px}}