/* GSC Introduction — all selectors namespaced gsc-intro-* */
.gsc-intro-body{margin:0;background:#070c16}
.gsc-intro{--navy:#0b1424;--ink:#070c16;--deep:#101b30;--bronze:#a9793f;--gold:#d4af6a;--white:#f3ecdf;--mute:rgba(243,236,223,.66);--line:rgba(212,175,106,.28);
--serif:"Cormorant Garamond","Playfair Display",Georgia,"Times New Roman",serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
--pad:clamp(20px,5vw,72px);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.7;background:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.gsc-intro *,.gsc-intro *::before,.gsc-intro *::after{box-sizing:border-box}
.gsc-intro :where(h1,h2,h3,p,ul,dl,dd,figure){margin:0;padding:0}
.gsc-intro :where(ul){list-style:none}
.gsc-intro :where(a){color:inherit;text-decoration:none}
.gsc-intro a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* placeholders + asset hooks */
.gsc-intro-ph{position:relative;background:radial-gradient(120% 90% at 20% 10%,#22345a 0%,transparent 55%),linear-gradient(155deg,#16233d 0%,#0b1424 55%,#2a1f14 100%);background-size:cover;background-position:center;overflow:hidden}
.gsc-intro-ph[data-gsc-label]:not(.is-loaded)::after{content:attr(data-gsc-label);position:absolute;left:14px;bottom:12px;font-size:11px;letter-spacing:.14em;color:rgba(212,175,106,.7)}
.gsc-intro-ph.is-loaded::after{content:none}

/* layout */
.gsc-intro-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.gsc-intro-sec{position:relative;padding:clamp(72px,11vw,160px) 0}
.gsc-intro-split{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:center}
.gsc-intro-h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,68px);line-height:1.08;letter-spacing:.02em;color:var(--white)}
.gsc-intro-huge{font-family:var(--serif);font-weight:500;font-size:clamp(38px,7.2vw,112px);line-height:1.02;letter-spacing:.02em;color:var(--gold)}
.gsc-intro-lead{font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);line-height:1.5;color:var(--white);max-width:34ch}

/* brand + buttons */
.gsc-intro-brand{display:flex;flex-direction:column;gap:4px}
.gsc-intro-brand b{font-family:var(--serif);font-size:40px;font-weight:600;letter-spacing:.32em;color:var(--gold);line-height:1}
.gsc-intro-brand span{font-size:11px;letter-spacing:.34em;color:var(--mute)}
.gsc-intro-brand--c{align-items:center;margin-bottom:28px}
.gsc-intro-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;background:linear-gradient(180deg,var(--gold),var(--bronze));color:#1a1206;font-size:13px;font-weight:600;letter-spacing:.2em;border:1px solid var(--gold);transition:filter .3s,transform .3s}
.gsc-intro-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.gsc-intro-btn--ghost{background:transparent;color:var(--gold)}

/* hero */
.gsc-intro-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.gsc-intro-hero__bg{position:absolute;inset:-6% 0;will-change:transform}
.gsc-intro-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,22,.55) 0%,rgba(7,12,22,.15) 40%,rgba(7,12,22,.92) 100%)}
.gsc-intro-back{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));left:var(--pad);padding:10px 0;font-size:12px;letter-spacing:.2em;color:var(--white);border-bottom:1px solid var(--line)}
.gsc-intro-hero__body{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 var(--pad) max(clamp(48px,9vh,110px),env(safe-area-inset-bottom));animation:gscIntroIn 1.4s ease both}
.gsc-intro-hero__body::before{content:"";display:block;width:1px;height:clamp(40px,8vh,90px);background:var(--gold);margin-bottom:28px}
.gsc-intro-hero__title{font-family:var(--serif);font-weight:500;font-size:clamp(40px,8.4vw,132px);line-height:1;letter-spacing:.02em;margin:28px 0 20px;color:var(--white)}
.gsc-intro-hero__vi{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2vw,26px);color:var(--gold);margin-bottom:36px}
@keyframes gscIntroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* overview */
.gsc-intro-overview{background:var(--navy)}
.gsc-intro-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border-top:1px solid var(--line)}
.gsc-intro-stats>div{padding:26px 0;border-bottom:1px solid var(--line)}
.gsc-intro-stats>div:nth-child(odd){padding-right:16px;border-right:1px solid var(--line)}
.gsc-intro-stats>div:nth-child(even){padding-left:28px}
.gsc-intro-stats dt{font-size:12px;letter-spacing:.16em;color:var(--mute);margin-bottom:6px}
.gsc-intro-stats dd{font-family:var(--serif);font-size:clamp(34px,4vw,58px);line-height:1.1;color:var(--gold)}
.gsc-intro-fig{aspect-ratio:4/5;width:100%}

/* vision */
.gsc-intro-vision{background:var(--ink);text-align:left}
.gsc-intro-vision .gsc-intro-lead{margin-top:36px}
.gsc-intro-words{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.gsc-intro-words li{font-family:var(--serif);font-size:clamp(24px,3.4vw,46px);color:var(--bronze);line-height:1.2}
.gsc-intro-words li:nth-child(even){color:var(--gold)}

/* architecture */
.gsc-intro-arch{background:var(--deep)}
.gsc-intro-wide{aspect-ratio:16/9;width:100%;margin-top:48px}
.gsc-intro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin-top:40px}
.gsc-intro-list li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--mute)}

/* wellness */
.gsc-intro-well{background:var(--navy)}
.gsc-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;background:var(--line);border:1px solid var(--line)}
.gsc-intro-card{padding:clamp(24px,3vw,44px);background:var(--navy);transition:background .4s}
.gsc-intro-card:hover{background:#13213a}
.gsc-intro-card h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2vw,28px);letter-spacing:.12em;color:var(--gold);margin-bottom:12px}
.gsc-intro-card p{color:var(--mute);font-size:15px}
.gsc-intro-strip{aspect-ratio:21/8;width:100%;margin-top:40px}

/* golden years */
.gsc-intro-golden{min-height:80vh;display:flex;align-items:center;overflow:hidden}
.gsc-intro-golden__bg{position:absolute;inset:0;transition:transform 1.6s ease}
.gsc-intro-golden::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,12,22,.88),rgba(7,12,22,.35))}
.gsc-intro-golden__body{position:relative;z-index:2}
.gsc-intro-golden .gsc-intro-lead{margin-top:32px}
.gsc-intro-golden:hover .gsc-intro-golden__bg{transform:scale(1.04)}

/* location */
.gsc-intro-loc{background:var(--ink)}
.gsc-intro-road{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);color:var(--gold);margin:28px 0 24px}
.gsc-intro-dist li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.gsc-intro-dist b{font-weight:500;color:var(--white)}
.gsc-intro-dist span{color:var(--mute)}
.gsc-intro-map{aspect-ratio:4/3}

/* experience */
.gsc-intro-exp{background:var(--deep);padding-bottom:clamp(64px,9vw,130px)}
.gsc-intro-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1320px;margin:48px auto 0;padding:0 var(--pad)}
.gsc-intro-tile{aspect-ratio:4/3;display:flex;align-items:flex-end;transition:transform .6s}
.gsc-intro-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,12,22,.85))}
.gsc-intro-tile figcaption{position:relative;z-index:2;padding:20px;font-family:var(--serif);font-size:24px;color:var(--white)}
.gsc-intro-tile:hover{transform:scale(1.015)}

/* final + footer */
.gsc-intro-final{text-align:center;background:radial-gradient(90% 70% at 50% 0%,#1d2b48 0%,var(--ink) 70%);padding:clamp(96px,14vw,200px) 0}
.gsc-intro-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:52px}
.gsc-intro-footer{padding:56px var(--pad) max(40px,env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--line)}
.gsc-intro-footer .gsc-intro-brand--c{margin-bottom:18px}
.gsc-intro-slogan{font-size:11px;letter-spacing:.3em;color:var(--mute)}

/* reveal (added by JS only) */
.gsc-intro.is-js .gsc-intro-reveal{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s ease}
.gsc-intro.is-js .gsc-intro-reveal.is-in{opacity:1;transform:none}

/* tablet */


/* mobile: redesigned, not scaled */






/* ===== Full Introduction additions ===== */
.gsc-intro-skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 16px;background:#d4af6a;color:#1a1206;font:600 13px/1 "Helvetica Neue",Arial,sans-serif;transition:top .2s}
.gsc-intro-skip:focus{top:12px}
.gsc-intro [id]{scroll-margin-top:72px}
.gsc-intro-nav{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:14px var(--pad);padding-top:max(14px,env(safe-area-inset-top));transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.gsc-intro-nav.is-solid{background:rgba(7,12,22,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}
.gsc-intro-nav__back{font-size:12px;letter-spacing:.2em;padding:10px 0;white-space:nowrap}
.gsc-intro-nav__logo{margin:0;font-family:var(--serif);font-size:24px;letter-spacing:.3em;color:var(--gold);line-height:1;display:inline-flex;align-items:center}
.gsc-intro-nav__logo b{font-weight:600}
.gsc-intro-nav__logo img,.gsc-intro-brand img{display:block;max-height:44px;width:auto}
.gsc-intro-nav__links{display:flex;gap:28px;margin-left:auto}
.gsc-intro-nav__links a{font-size:12px;letter-spacing:.16em;color:var(--mute);padding:10px 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.gsc-intro-nav__links a:hover,.gsc-intro-nav__links a[aria-current="true"]{color:var(--gold);border-color:var(--gold)}
.gsc-intro-nav__back{order:-1}
.gsc-intro-note{margin-top:24px;color:var(--mute);font-size:14px}
.gsc-intro-master{background:var(--ink)}
.gsc-intro-master .gsc-intro-lead{margin-top:28px}
.gsc-intro-master .gsc-intro-wide{margin-top:44px}
.gsc-intro-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.gsc-intro-chips li{padding:9px 18px;border:1px solid var(--line);color:var(--white);font-size:14px;line-height:1.4}
.gsc-intro-feat{background:var(--navy)}
.gsc-intro-feat--rev{background:var(--deep)}
.gsc-intro-feat .gsc-intro-fig{aspect-ratio:4/5}
.gsc-intro-feat--rev .gsc-intro-fig{order:2}
.gsc-intro-copy{margin:28px 0 24px;color:var(--mute);max-width:44ch;font-size:17px}
.gsc-intro-list1 li{padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:22px;color:var(--white)}
.gsc-intro-list1 li:first-child{border-top:1px solid var(--line)}
.gsc-intro-ph.is-loaded{transition:transform 1.4s ease}






/* ===== v2: video, menu, masterplan facts, amenities, story ===== */
.gsc-intro-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gsc-intro-lock{overflow:hidden}
.gsc-intro-vid{position:absolute;inset:0;background:center/cover no-repeat;overflow:hidden}
.gsc-intro-vid[hidden]{display:none}
.gsc-intro-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#070c16}
.gsc-intro-vid--film{position:relative;inset:auto;aspect-ratio:16/9;margin-top:40px}
.gsc-intro-golden .gsc-intro-vid{z-index:0}
.gsc-intro-hero .gsc-intro-vid{z-index:0}
.gsc-intro-nav__toggle{display:none;width:44px;height:44px;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--gold);cursor:pointer;align-items:center;justify-content:center}
.gsc-intro-nav__toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gsc-intro-nav__bars,.gsc-intro-nav__bars::before,.gsc-intro-nav__bars::after{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .3s,opacity .3s}
.gsc-intro-nav__bars{position:relative}
.gsc-intro-nav__bars::before,.gsc-intro-nav__bars::after{content:"";position:absolute;left:0}
.gsc-intro-nav__bars::before{top:-6px}.gsc-intro-nav__bars::after{top:6px}
.gsc-intro-nav.is-open .gsc-intro-nav__bars{background:transparent}
.gsc-intro-nav.is-open .gsc-intro-nav__bars::before{top:0;transform:rotate(45deg)}
.gsc-intro-nav.is-open .gsc-intro-nav__bars::after{top:0;transform:rotate(-45deg)}
.gsc-intro-nav__links{align-items:center}
.gsc-intro-nav__more{display:none}
.gsc-intro-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid var(--line)}
.gsc-intro-facts li{padding:24px 24px 0 0;display:flex;flex-direction:column;gap:4px}
.gsc-intro-facts b{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,44px);color:var(--gold);line-height:1.1}
.gsc-intro-facts span{font-size:13px;letter-spacing:.14em;color:var(--mute)}
.gsc-intro-amen{background:var(--navy)}
.gsc-intro-amen .gsc-intro-wide{margin-top:44px}
.gsc-intro-agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,48px);margin-top:48px}
.gsc-intro-agrp h3{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.06em;color:var(--gold);padding-bottom:14px;border-bottom:1px solid var(--gold);margin-bottom:6px}
.gsc-intro-agrp li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--mute);font-size:15px}
.gsc-intro-story{display:flex;flex-wrap:wrap;gap:8px 36px;margin-top:40px;font-family:var(--serif);font-size:clamp(20px,2.4vw,32px);color:var(--bronze)}
.gsc-intro-story li+li::before{content:"";display:inline-block;width:28px;height:1px;background:var(--bronze);vertical-align:middle;margin-right:36px}
.gsc-intro-golden__body{z-index:2}

/* Self-hosted Vietnamese typography */
@font-face{font-family:"UTM Times";src:url("../assets/fonts/UTMTimes-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"UTM Times";src:url("../assets/fonts/UTMTimes-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"UTM Avo";src:url("../assets/fonts/UTMAvo-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"UTM Avo";src:url("../assets/fonts/UTMAvo-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--utm-serif:"UTM Times","Times New Roman",Georgia,serif;--utm-sans:"UTM Avo",Arial,sans-serif}
.gsc-intro{font-family:var(--utm-sans)}
.gsc-intro-h2,.gsc-intro-huge,.gsc-intro-hero__title,.gsc-intro-card h3,.gsc-intro-list1 li,.gsc-intro-tile figcaption,.gsc-intro-brand b{font-family:var(--utm-serif)}
.gsc-lang{display:flex;align-items:center;gap:4px;margin-left:auto;border:1px solid var(--line);padding:3px}
.gsc-lang__btn{border:0;background:transparent;color:var(--mute);font-family:var(--utm-sans);font-size:11px;letter-spacing:.12em;padding:7px 9px;cursor:pointer}
.gsc-lang__btn.is-active{background:var(--gold);color:#11100e}
.gsc-lang__btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:1024px){.gsc-lang{margin-left:auto}.gsc-intro-nav__toggle{margin-left:4px}}

/* Flagship storytelling additions */
.gsc-intro-kicker{margin-bottom:20px;font-size:11px;font-weight:700;letter-spacing:.28em;color:var(--gold)}
.gsc-intro-day{background:#0d1728}
.gsc-intro-day .gsc-intro-lead{margin-top:28px}
.gsc-dayline{list-style:none;margin:56px 0 0;padding:0;border-top:1px solid var(--line)}
.gsc-dayline li{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.gsc-dayline b{font-family:var(--utm-serif);font-size:28px;font-weight:400;color:var(--gold)}
.gsc-dayline span{font-size:16px;color:var(--white)}
.gsc-intro-trust{background:linear-gradient(180deg,var(--navy),var(--ink))}
.gsc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;background:var(--line);border:1px solid var(--line)}
.gsc-trust-grid article{padding:36px 30px;background:var(--navy)}
.gsc-trust-grid b{display:block;margin-bottom:30px;font-family:var(--utm-serif);font-size:30px;font-weight:400;color:var(--gold)}
.gsc-trust-grid h3{margin:0 0 14px;font-family:var(--utm-serif);font-size:25px;font-weight:400;color:var(--white)}
.gsc-trust-grid p{margin:0;color:var(--mute);font-size:14px;line-height:1.75}
@media(max-width:900px){.gsc-trust-grid{grid-template-columns:1fr 1fr}.gsc-dayline li{grid-template-columns:90px 1fr}}
@media(max-width:560px){.gsc-trust-grid{grid-template-columns:1fr}.gsc-dayline li{grid-template-columns:72px 1fr;gap:14px}.gsc-dayline b{font-size:22px}}

/* Flagship polish v3 */
.gsc-intro-sectionhead{position:relative}
.gsc-intro-textlink{display:inline-block;margin-top:18px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:5px}
.gsc-intro-textlink:hover{border-color:var(--gold)}
.gsc-intro-scrollcue{position:absolute;z-index:3;right:clamp(20px,4vw,64px);bottom:32px;display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.22em;writing-mode:vertical-rl}
.gsc-intro-scrollcue i{display:block;width:1px;height:54px;background:linear-gradient(to bottom,var(--gold),transparent)}
.gsc-intro-exp .gsc-intro-lead{margin-top:22px;max-width:58ch}
.gsc-footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin:28px auto 18px}
.gsc-footer-nav a{color:var(--mute);font-size:11px;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.gsc-footer-nav a:hover{color:var(--gold)}
.gsc-footer-copy{margin:0;color:rgba(255,255,255,.38);font-size:10px;letter-spacing:.12em}
@media(max-width:720px){.gsc-intro-scrollcue{display:none}.gsc-footer-nav{gap:10px 18px}.gsc-intro-textlink{margin-top:14px}}