.cityview{--cv:#244a3e;--paper:#f4f5ef;background:var(--paper);color:#223b32}.cityview .header{position:relative;background:#fafbf7}.cityview .logo{width:64px;height:64px}.cityview h1,.cityview h2,.cityview h3{font-family:'Playfair Display',serif;font-weight:400}.cityview .button{background:var(--cv);color:white;border:0;cursor:pointer}.cityview .eyebrow{letter-spacing:.18em;font-size:11px}.cv-hero{height:calc(100svh - 100px);min-height:610px;position:relative;overflow:hidden;color:white}.cv-slides,.cv-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cv-slides img{opacity:0;transition:opacity 1.3s,transform 7s;transform:scale(1.045)}.cv-slides img.current{opacity:1;transform:scale(1)}.cv-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,25,.72),rgba(10,30,25,.04)),linear-gradient(0deg,rgba(10,30,25,.5),transparent 35%)}.cv-hero-copy{position:absolute;z-index:1;left:8%;top:50%;transform:translateY(-50%)}.cv-hero h1{font-size:clamp(64px,7.5vw,118px);line-height:1.05;margin:22px 0}.cv-hero p{font-size:18px;line-height:1.8;margin:25px 0}.cv-hero .button{background:#f4f1e7;color:#244a3e}.cv-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.cv-outline{border-bottom:1px solid #fff8;padding:14px 0;color:inherit}.cv-slider-controls{position:absolute;bottom:32px;left:8%;z-index:2;display:flex;gap:18px;align-items:center}.cv-slider-controls button{border:1px solid #fff7;background:transparent;color:#fff;border-radius:50%;width:42px;height:42px;cursor:pointer}.cv-source{position:absolute;z-index:2;right:5%;bottom:40px;font-size:10px}.cv-subnav{display:flex;gap:28px;padding:22px 6%;background:#fafbf7;position:sticky;top:0;z-index:8;overflow-x:auto;white-space:nowrap;box-shadow:0 1px 0 #244a3e20;font-size:12px}.cv-subnav a.active{color:#a3793d}.cv-section{padding:100px 8%;scroll-margin-top:65px}.cv-heading{max-width:700px;margin-bottom:42px}.cv-heading h2,.cv-payment h2{font-size:clamp(35px,4vw,62px);line-height:1.2;margin:18px 0}.cv-heading p,.cv-section p{line-height:1.85;color:#617469;font-size:14px}.cv-overview{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.cv-overview figure{margin:0}.cv-overview figure img{width:100%;height:460px;object-fit:cover;border-radius:90px 0 0 0}.cv-overview figcaption{font-size:10px;margin-top:10px;color:#617469}.cv-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #244a3e30;border-bottom:1px solid #244a3e30;padding:35px 0;gap:20px}.cv-facts strong{display:block;font-family:'Playfair Display',serif;font-size:30px;font-weight:400}.cv-facts span{font-size:11px;display:block;margin-top:10px}.cv-location{background:#e9ede2}.cv-two{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.cv-location-copy h3{font-size:40px;line-height:1.2;margin:20px 0}.cv-photo{display:block;width:100%;padding:0;border:0;background:#fff;position:relative;cursor:zoom-in;overflow:hidden}.cv-photo img{display:block;width:100%;max-height:650px;object-fit:contain;transition:opacity .2s}.cv-photo span{position:absolute;bottom:14px;right:14px;background:#244a3ee0;color:white;font-size:11px;padding:10px 15px}.cv-green{background:#244a3e;color:#fff}.cv-green .cv-heading p,.cv-green .cv-note,.cv-green .cv-caption{color:#d6dfd2}.cv-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.cv-tabs button{font:inherit;font-size:12px;background:transparent;border:1px solid #a2b1a3;color:inherit;padding:12px 18px;border-radius:30px;cursor:pointer}.cv-tabs button[aria-pressed=true]{background:#244a3e;color:#fff;border-color:#244a3e}.cv-green .cv-tabs button[aria-pressed=true]{background:#e4eadc;color:#244a3e}.cv-green .cv-photo img{object-fit:cover;height:560px}.cv-caption{font-size:12px!important;text-align:center}.cv-plan-title{margin:55px 0 25px}.cv-plan-title h3{font-size:32px}.cv-note{font-size:11px!important}.cv-tour{scroll-margin-top:70px;background:#16372d;color:white}.cv-tour-cover{position:relative;min-height:580px;display:grid;place-items:center;text-align:center;overflow:hidden}.cv-tour-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.35}.cv-tour-cover>div{position:relative;padding:70px 25px}.cv-tour .cv-heading p{color:#fff}.cv-tour .cv-heading{margin-bottom:25px}.cv-tour .button{background:#e4eadc;color:#244a3e}.cv-tour-link{display:block;font-size:12px;margin-top:22px;color:white}.cv-tour-note{font-size:11px;text-align:center;padding:18px;margin:0}#tour-frame iframe{width:100%;height:75svh;min-height:450px;border:0}.cv-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cv-docs a{border-top:1px solid #9cab9f;padding:24px 0;color:inherit}.cv-docs span{font-size:12px;color:#9a8052}.cv-docs h3{font-size:24px;margin:30px 0;min-height:65px}.cv-docs b{font-size:11px;font-weight:400}.cv-payment{background:#e8eddf;text-align:center}.cv-payment p{max-width:560px;margin:25px auto}.cv-contact{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.cv-contact>img{width:100%;height:400px;object-fit:cover}.cv-footer{background:#17382e;color:#e4eadc;padding:45px 8%}.cv-footer a{color:inherit}.cv-footer p{font-size:11px;line-height:1.9;max-width:900px;opacity:.8}.cv-dock{position:fixed;right:15px;bottom:20px;z-index:20;display:flex;flex-direction:column;gap:8px}.cv-dock a{width:48px;height:48px;border-radius:50%;background:#244a3e;color:white;display:grid;place-items:center;box-shadow:0 2px 10px #0002;font-size:12px}.cityview button:focus-visible,.cityview a:focus-visible{outline:3px solid #b18c47;outline-offset:4px}.cv-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.cv-reveal.visible{opacity:1;transform:none}@media(max-width:800px){.cv-hero{min-height:630px;height:85svh}.cv-hero-copy{left:7%;right:7%}.cv-hero h1{font-size:65px}.cv-source{bottom:12px}.cv-section{padding:65px 6%}.cv-overview,.cv-two,.cv-contact{grid-template-columns:1fr;gap:30px}.cv-overview figure img{height:340px}.cv-facts{grid-template-columns:1fr 1fr}.cv-green .cv-photo img{height:330px}.cv-docs{grid-template-columns:1fr}.cv-docs h3{min-height:0;margin:15px 0}.cv-contact>img{height:300px}.cv-subnav{gap:22px}.cv-tour-cover{min-height:450px}.cv-tour .cv-heading h2{font-size:42px}.cv-tabs button{padding:10px 14px}.cv-dock a{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.cv-slides img,.cv-reveal{transition:none;transform:none}.cv-reveal{opacity:1}}
.cityview .header{color:#244a3e}.cityview .menu{color:#244a3e;border-color:#244a3e}.cv-hero,.cv-tour{padding:0}.cv-hero p,.cv-hero .eyebrow{color:#eef1e8}.cv-hero em{color:#e6d2ab}.cv-green h2{color:white}.cv-tour h2{color:white}.cv-tour .eyebrow{color:#e6d2ab}.cv-switch[data-switch="tòa nhà"] .cv-photo{background:#e8eddf}.cv-switch[data-switch="tòa nhà"] .cv-photo img{height:410px;object-fit:cover;transform:scale(1.4)}.cv-switch[data-switch="căn hộ"] .cv-photo img{min-height:420px;max-height:620px}.cv-subnav::-webkit-scrollbar{height:3px}@media(max-width:800px){.cv-switch[data-switch="tòa nhà"] .cv-photo img{height:270px}.cv-switch[data-switch="căn hộ"] .cv-photo img{min-height:280px}}
.cv-map{margin-top:22px}.cv-map button{color:#244a3e;border:0;border-bottom:1px solid #244a3e;background:none;font-size:12px;cursor:pointer}#map-frame iframe{width:100%;height:300px;border:0;margin-top:15px}