@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(./dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(./dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#f4e9e1;--ink:#000;--blue:#0072e3;--amber:#ffb200;--orange:#ff6100;--green:#00aa3c;--violet:#ab54f7;--red:#ea3737;--tomato:#ff5c38;--amber2:#ff8e0a;--violet2:#c79dfc;--yellow:#ffdb08;--rail:122px;--gap:25px;--edge:20px;--r:30px;--ease:cubic-bezier(.16, 1, .3, 1);--head:"Archivo Variable", system-ui, sans-serif;--body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{background:var(--cream)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font:400 16px/1.25 var(--body);color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{object-fit:cover;width:100%;height:100%;display:block}h1,h2,h3{font-family:var(--head);letter-spacing:-.03em;font-weight:900;font-stretch:104%;line-height:.95}.rail{z-index:20;top:var(--edge);left:var(--edge);bottom:var(--edge);width:var(--rail);flex-direction:column;gap:10px;display:flex;position:fixed}.logo{height:64px;margin-bottom:0;display:block}.logo span{font:900 38px/.9 var(--head);letter-spacing:-.055em;white-space:nowrap;font-stretch:100%;display:block}.logo small{letter-spacing:.02em;margin-top:3px;font-size:6.5px;display:block}.tiles{display:contents}.tile{min-height:0;transition:translate .6s var(--ease), border-radius .6s var(--ease);border-radius:20px;flex:1 1 0;align-items:flex-end;padding:12px 14px;display:flex;position:relative}.tile b{font:500 14px var(--body);position:absolute;top:12px;left:14px}.tile span{font:700 12px/1.1 var(--body)}.tile .arr{position:absolute;top:12px;right:12px}.tile:hover{border-radius:26px;translate:6px}.pill{text-align:center;height:64px;font:700 14px/1.1 var(--body);border-radius:14px;justify-content:center;align-items:center;display:flex}.pill.lang{color:#fff;justify-content:space-between;height:44px;padding:0 12px;font-size:12px}.pill.social{color:#fff;gap:18px;height:44px}.t-blue{background:var(--blue)}.t-amber{background:var(--amber)}.t-orange{background:var(--orange)}.t-green{background:var(--green)}.t-violet{background:var(--violet)}.t-black{background:#000}.burger,.hbook{display:none}.arr:before{content:"↗";font-size:1.1em;font-style:normal;line-height:1}.tile .arr{position:absolute}main{margin-left:calc(var(--rail) + var(--edge) + var(--gap));padding:var(--edge) var(--edge) var(--edge) 0;gap:var(--gap);flex-direction:column;display:flex}.card{border-radius:var(--r);padding:30px;position:relative;overflow:hidden}.c-amber{background:var(--amber)}.c-orange{background:var(--tomato)}.c-amber2{background:var(--amber2)}.c-violet2{background:var(--violet2)}.c-yellow{background:var(--yellow)}.c-red{background:var(--red)}.c-blue{background:var(--blue)}.c-black{color:#fff;background:#000}.c-cream{background:var(--cream);border:1px solid #000}.chip{border:1px solid #000;border-radius:40px;align-self:flex-start;padding:8px 22px;font-size:14px;display:inline-block}.btn{color:#fff;transition:transform .6s var(--ease);background:#000;border-radius:40px;align-items:center;gap:12px;padding:15px 30px;font-size:16px;display:inline-flex}.btn:hover{transform:scale(1.05)}.card p{max-width:46ch;font-size:15px;line-height:1.2}.card h2{margin-bottom:36px;font-size:clamp(28px,2.6vw,38px)}.hero{height:calc(100vh - 2 * var(--edge));min-height:560px;position:relative}.hero-img{border-radius:var(--r);will-change:clip-path;background:#0a5ad1 url(../img/hero-lounge.webp) 50%/cover;position:absolute;inset:0;overflow:hidden}.hero-copy{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:0 8%;display:flex;position:absolute;inset:0}.hero h1{text-shadow:0 2px 30px #00000040;max-width:15ch;font-size:clamp(44px,5.4vw,80px);line-height:.92}.hero p{max-width:40ch;font-size:clamp(16px,1.5vw,22px);font-weight:500;line-height:1.15}.hero .btn{margin-top:6px}.split-line{padding-bottom:.08em;display:block;overflow:hidden}.loc{gap:var(--gap);grid-template-columns:1fr 1.43fr;display:grid}.loc-copy{flex-direction:column;justify-content:space-between;min-height:470px;display:flex}.loc-copy .lead{margin:34px 0 12px;font-weight:700}.tags{align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.tag{border-radius:30px;padding:6px 14px}.t-soft{background:#ffffff8c;font-weight:500}.t-red{background:var(--tomato)}.map{background:var(--amber);min-height:340px;padding:0}.map svg{width:100%;height:100%;position:absolute;inset:0}.pin{left:var(--x);top:var(--y);background:var(--tomato);transition:transform .5s var(--ease);border-radius:20px;padding:6px 14px;font-size:14px;position:absolute}.pin.pin-a{color:#4a5464;background:#f4e9e1}.pin:hover{transform:translateY(-4px)scale(1.06)}.dot{left:var(--x);top:var(--y);background:#cfe3f7;border:3px solid #fff;border-radius:50%;width:36px;height:36px;position:absolute}.marquee{background:var(--red);height:40px;color:var(--yellow);border-radius:40px;flex:none;align-items:center;display:flex;overflow:hidden}.mq-track{white-space:nowrap;will-change:transform;display:flex}.mq-track span{font:900 15px var(--head);align-items:center;gap:56px;padding:0 28px;font-stretch:112%;display:flex}.mq-track span:after{content:"◆";font-size:11px}.mq-track span:nth-child(2n):after{content:"⚡︎"}.pin-wrap{border-radius:var(--r);flex-direction:column;gap:22px;display:flex;overflow:hidden}.track{gap:22px;width:max-content;height:calc(100vh - 125px);min-height:520px;display:flex}.track>*{flex:none;height:100%}.l-intro{flex-direction:column;justify-content:space-between;width:min(30vw,428px);display:flex}.l-intro .plant{object-fit:contain;width:40%;height:34%;position:absolute;top:12%;right:7%}.l-intro>div{margin-top:auto}.l-intro h2{margin-bottom:22px;font-size:clamp(26px,2.3vw,34px)}.stack{flex-direction:column;gap:15px;width:min(28vw,405px);display:flex}.stack>*{flex:1 1 0;height:auto;min-height:0}.stack>.ph{aspect-ratio:auto;flex:2.1 1 0}.stack>.card{flex:1 1 0;padding:26px 30px}.ph{border-radius:var(--r);background:#9fb3c8;overflow:hidden}.list h3{margin-bottom:14px;font-size:21px;line-height:1}.list .sub{margin-bottom:14px;font-size:16px;font-weight:700}.list ul{padding:0;list-style:none}.list li{border-bottom:1px solid #000;padding:5px 0 4px;font-size:16px}.units{gap:var(--gap);min-height:calc(100vh - 2 * var(--edge));grid-template-columns:1fr 1.37fr;display:grid}.units-copy{flex-direction:column;justify-content:space-between;display:flex}.units-copy>div{margin-top:auto}.amen{grid-template-columns:1fr 1fr;gap:14px 20px;margin:28px 0 30px;padding:0;font-size:13px;list-style:none;display:grid}.amen li{align-items:center;gap:10px;display:flex}.amen li:before{content:"";border:1.5px solid #000;border-radius:6px;flex:none;width:22px;height:22px}.tunnel{background:var(--cream);padding:0}.tunnel canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tunnel .start{transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tunnel .start:hover{transform:translate(-50%,-50%)scale(1.05)}.tunnel.running .start{opacity:0;pointer-events:none}.community{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.community>*{min-height:600px}.c-red{flex-direction:column;justify-content:space-between;display:flex}.c-red>div{margin-top:auto}.c-red .btn{margin-top:28px}.c-ph{aspect-ratio:auto;background:#7a8794}.band{border-radius:20px;justify-content:space-between;align-items:center;height:98px;padding:0 30px;display:flex}.band h2{margin:0;font-size:34px}.darr{background:linear-gradient(var(--amber), var(--amber)) 8px 0 / 2px 100% no-repeat, linear-gradient(var(--amber), var(--amber)) 36px 6px / 2px 100% no-repeat;width:62px;height:46px;position:relative}.darr:after{content:"";border:solid var(--amber);border-width:0 2px 2px 0;width:18px;height:18px;position:absolute;top:24px;left:0;transform:translate(-1px)rotate(45deg)scale(.9)}.values{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.val{text-align:center;flex-direction:column;align-items:center;padding:30px;display:flex}.val h3{margin:36px 0 12px;font-size:28px}.val p{max-width:36ch}.px{aspect-ratio:20/17;--c:var(--green);border:0 solid #000;border-width:1px 0 0 1px;grid-template-columns:repeat(20,1fr);width:100%;display:grid}.px i{border:1px solid #000;border-width:0 1px 1px 0}.px i.on{background:var(--c)}.wide-cta{color:#fff;height:65px;font:700 16px var(--body);background:#000;border-radius:40px;justify-content:center;align-items:center;gap:10px;display:flex}.foot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;padding:60px 40px;display:flex}.foot h2{margin:0;font-size:clamp(40px,6vw,88px)}.foot .fine{opacity:.6;font-size:13px}.news{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.news h2{margin:0}.news form{flex:360px;gap:10px;max-width:640px;display:flex}.news input{height:56px;font:inherit;background:0 0;border:1px solid #000;border-radius:40px;flex:1;padding:0 24px}.sq{color:#fff;background:#000;border-radius:16px;width:56px;height:56px;font-size:20px}.bigfoot{padding:10px 0 0;overflow:hidden}.links{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.links a{border:1px solid #000;border-radius:40px;padding:8px 18px;font-size:14px}.word{font:900 clamp(120px, 24vw, 360px)/.78 var(--head);letter-spacing:-.06em;white-space:nowrap;margin:0 0 -.02em -.03em}.bigfoot p{margin:14px 0 6px;font-size:12px}.modal{z-index:100;opacity:0;pointer-events:none;background:#000000b8;place-items:center;padding:16px;transition:opacity .5s;display:grid;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:auto}.modal-card{background:var(--yellow);text-align:center;width:min(520px,100%);transition:transform .8s var(--ease);border-radius:30px;overflow:hidden;transform:translateY(30px)scale(.96)}.modal.open .modal-card{transform:none}.m-img{aspect-ratio:520/400;background:#8aa0b4 url(../img/popup-room.webp) 50%/cover;position:relative}.m-close{background:#fff;width:38px;height:38px;font-size:26px;line-height:1;position:absolute;top:34px;right:12px}.m-badge{background:var(--cream);text-align:left;z-index:1;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:16px;line-height:1.1;display:flex;position:absolute;bottom:0;left:16px;right:16px;transform:translateY(50%)}.m-badge em{font:900 30px/1 var(--head);letter-spacing:-.045em;color:#fff;background:#000;border-radius:12px;padding:12px 14px}.m-body{flex-direction:column;align-items:center;gap:18px;padding:66px 24px 28px;display:flex}.m-body h2{margin:0;font-size:40px}.m-body small{max-width:46ch;font-size:9px}.m-body .tc{font-size:13px}@media (width<=1100px){.loc,.units,.community,.values{grid-template-columns:1fr}.community>*{min-height:0}.c-ph{aspect-ratio:4/3}.c-red{min-height:380px}.tunnel{min-height:420px}}@media (width<=900px){:root{--edge:10px;--gap:12px;--r:24px}.rail{pointer-events:none;flex-direction:row;align-items:center;gap:10px;width:auto;padding:10px;inset:0 0 auto}.rail>*{pointer-events:auto}.logo{margin:0 auto 0 0}.logo span{font-size:38px}.hbook{height:56px;padding:0 20px;display:flex}.logo{margin-right:auto!important}.burger{background:#000;border-radius:16px;place-content:center;gap:6px;width:56px;height:56px;display:grid}.burger i{width:22px;height:2px;transition:transform .5s var(--ease);background:#fff;display:block}.burger[aria-expanded=true] i:first-child{transform:translateY(8px)rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.tiles{background:var(--cream);z-index:-1;clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .8s var(--ease), visibility 0s .8s;pointer-events:auto;flex-direction:column;gap:10px;padding:86px 10px 10px;display:flex;position:fixed;inset:0}.rail.open .tiles{clip-path:inset(0);visibility:visible;transition:clip-path .8s var(--ease)}.tile{min-height:80px}main{padding:76px var(--edge) var(--edge);margin-left:0}.hero{height:calc(100svh - 86px);min-height:480px}.track{flex-direction:column;width:auto;height:auto;min-height:0}.track>*{height:auto}.track>.ph,.stack,.l-intro{width:100%}.ph{aspect-ratio:4/3}.l-intro{min-height:480px}.stack{height:auto}.stack>*{flex:none}.stack>.ph{aspect-ratio:4/3;flex:none}.loc-copy{gap:32px;min-height:0}.map{min-height:340px}.units{min-height:0}.units-copy{gap:40px}.hero h1{font-size:46px}.modal-card{width:min(340px,100%)}.m-body h2{font-size:28px}.m-badge{font-size:12px}.m-badge em{padding:8px 10px;font-size:22px}.m-body{padding-top:56px}}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important}}