/* Agam visual direction: the launch site's architectural black and champagne gold. */
:root{--gg-bg:#090909;--gg-panel:#151412;--gg-panel-2:#1c1a17;--gg-ink:#f5f2eb;--gg-muted:#aaa59b;--gg-line:#3b362e;--gg-gold:#e8c360;--gg-gold-2:#b6903f;--gg-field:#211f1b}
:root[data-theme=light]{--gg-bg:#f7f4ed;--gg-panel:#fffdf8;--gg-panel-2:#eee8db;--gg-ink:#181612;--gg-muted:#69645a;--gg-line:#d8d0c2;--gg-gold:#aa7e2b;--gg-gold-2:#b48a36;--gg-field:#f2eee5}
body.new-site{background:var(--gg-bg);color:var(--gg-ink);font-family:'DM Sans',Arial,sans-serif;transition:background .25s,color .25s}
.new-site h1,.new-site h2,.new-site h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.075em}
.new-site h1 em,.new-site h2 em,.new-site h3 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.055em;color:var(--gg-gold)}
.new-site .overline,.new-site .section-head .overline,.new-site .story-step>span{color:var(--gg-gold);letter-spacing:.29em;font-size:10px}
.new-site .section-head h2{font-size:clamp(62px,7vw,112px);line-height:.96}
.new-site .section-head p,.new-site .story-heading>p,.new-site .story-step p,.new-site .gallery-side p,.new-site .reels-waiting p,.new-site .closing-form>p{color:var(--gg-muted)}
.new-site .announcement{background:var(--gg-gold);color:#18140d;height:31px}
.new-site .announcement a{color:#18140d;border-color:#18140d}
.new-site .site-header{position:fixed;top:31px;left:0;right:0;height:84px;background:transparent;border:0;padding:0 3%;color:#fff;box-shadow:none!important}
.new-site .site-header.scrolled,.new-site .site-header.open{background:color-mix(in srgb,var(--gg-bg) 91%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--gg-line)}
.new-site .site-logo{left:3%;transform:none;color:#fff;font-size:13px;font-weight:700;letter-spacing:.2em;z-index:83}
.new-site .site-logo small{color:var(--gg-gold);font-size:8px;letter-spacing:.25em}
.new-site .logo-icon{border:2px solid #fff;color:var(--gg-gold);width:32px;height:32px;font-size:15px}
.new-site .menu-button{position:absolute;left:50%;transform:translateX(-50%);width:auto;min-width:280px;display:flex;justify-content:center;gap:20px;background:#171512c9;color:#f4f0e8;border:1px solid #ffffff2e;border-radius:40px;padding:13px 22px;backdrop-filter:blur(12px)}
.new-site .menu-button span{display:none}.new-site .menu-button b{margin:0;font-size:11px;font-weight:500;letter-spacing:.09em}
.new-site .menu-button:before{content:'VILLAS    ·    FLOOR PLANS    ·    GALLERY';font-size:11px;letter-spacing:.02em;white-space:pre}
.new-site .menu-button b{font-size:0}.new-site .menu-button b:after{content:'☰';font-size:12px;margin-left:4px}
.new-site .header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;z-index:83}
.new-site .header-visit{display:flex;align-items:center;gap:7px;background:linear-gradient(100deg,#d9ae50,#f6d879,#ca9b42);border:0;border-radius:40px;color:#18130b;padding:12px 19px;font-size:13px;font-weight:700;letter-spacing:0;box-shadow:0 4px 26px #e8c36070;white-space:nowrap}
.new-site .header-visit span{margin:0;font-size:12px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gg-line,#d3b661);background:#171512d9;color:#f2db9b;border-radius:30px;padding:10px 14px;font:600 10px 'DM Sans',Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer}
.theme-toggle span:first-child{font-size:18px;line-height:0}
.new-site .site-nav{inset:115px 0 0;background:var(--gg-bg);color:var(--gg-ink);padding:5vh 12vw}
.new-site .site-nav>a{border-color:var(--gg-line)}.new-site .site-nav>a:hover{color:var(--gg-gold)}
.new-site .nav-overline{color:var(--gg-gold)}.new-site .nav-contact{color:var(--gg-muted)}
.new-site .new-hero{display:block;position:relative;height:100svh;min-height:740px;max-height:none;background:#090909}
.new-site .hero-photo{position:absolute;inset:0;min-height:0}
.new-site .hero-photo>img{object-position:center center}
.new-site .hero-photo-shade{background:linear-gradient(180deg,#0008 0%,transparent 25%,#0003 49%,#000d 100%)}
.new-site .hero-photo-copy{left:3%;right:3%;width:auto;bottom:6%;top:36%;display:flex;flex-direction:column;justify-content:flex-start}
.new-site .hero-photo-copy .overline{color:var(--gg-gold);font-weight:700}
.new-site .hero-photo-copy h1{font-size:clamp(150px,25vw,400px);line-height:.78;color:#f2ca67;font-weight:800;margin:36px 0 24px;letter-spacing:-.09em}
.new-site .hero-photo-copy>p{font-size:clamp(38px,4vw,70px);line-height:.95;color:#fff;margin:0}
.new-site .hero-photo-copy>p em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}
.new-site .hero-facts{position:absolute;right:0;bottom:1%;gap:40px;border:0;margin:0;padding:0}
.new-site .hero-facts span{color:#e8e0ca;font-size:9px;letter-spacing:.19em}
.new-site .hero-facts b{font:700 29px Manrope;color:var(--gg-gold)}
.new-site .hero-photo-credit{display:none}
.new-site .hero-form-panel{position:absolute;right:3%;bottom:125px;width:min(360px,31vw);min-width:300px;background:#10100ee8;color:#fff;border:1px solid #d1ae5b69;border-radius:18px;padding:24px;backdrop-filter:blur(20px);box-shadow:0 20px 60px #0007}
.new-site .hero-form-panel>div>p{display:none}.new-site .hero-form-panel h2{font-size:32px;line-height:.92;margin:10px 0 15px;color:#fff}
.new-site .hero-lead-form label{color:#d8d1c0;font-size:10px;margin-bottom:9px}
.new-site .hero-lead-form input,.new-site .hero-lead-form select{margin-top:2px;padding:7px 0;color:#fff;border-color:#777367;font-size:12px}
.new-site .hero-lead-form select option{color:#181612}
.new-site .hero-lead-form input::placeholder{color:#afa99d}
.new-site .hero-lead-form .primary-button{margin-top:13px}.new-site .hero-lead-form small{display:none}
.new-site .hero-scroll{display:none}
.new-site .primary-button,.new-site .coupon-pop .button{background:var(--gg-gold);border-color:var(--gg-gold);color:#16120c;border-radius:30px;font-weight:700;letter-spacing:.08em}
.new-site .primary-button:hover{background:#f4d482;color:#16120c}
.new-site .story,.new-site .villa-section,.new-site .floor-section,.new-site .availability-section,.new-site .phone-gallery,.new-site .location-section,.new-site .reels-section{background:var(--gg-bg);color:var(--gg-ink)}
.new-site .story{padding:130px 4% 0}.new-site .story-heading{text-align:left;margin:0 0 70px;max-width:none;display:grid;grid-template-columns:1.4fr .6fr;column-gap:10%}
.new-site .story-heading .overline{grid-column:1/-1;margin-bottom:35px}
.new-site .story-heading h2{font-size:clamp(70px,8vw,128px);line-height:.95}
.new-site .story-heading p{align-self:end;margin:0 0 10px;max-width:400px}
.new-site .story-visual{border-radius:30px;background:var(--gg-panel)}
.new-site .story-visual img{filter:brightness(.8)}
.new-site .story-step{border-color:var(--gg-line)}
.new-site .villa-section,.new-site .floor-section,.new-site .availability-section,.new-site .phone-gallery,.new-site .location-section,.new-site .reels-section{padding:130px 4%}
.new-site .villa-cards{gap:18px}
.new-site .villa-explore,.new-site .floor-card,.new-site .reels-waiting{background:var(--gg-panel);border:1px solid var(--gg-line);border-radius:28px;overflow:hidden}
.new-site .villa-cover{height:560px;background:var(--gg-panel)}
.new-site .villa-cover:after{background:linear-gradient(transparent,#000d)}
.new-site .villa-index{background:var(--gg-gold);color:#19150e;border-radius:30px;padding:9px 15px}
.new-site .villa-cover-text h3{font-size:clamp(55px,5vw,82px);font-weight:800}
.new-site .villa-details{background:var(--gg-panel);color:var(--gg-ink)}
.new-site .villa-details p{color:var(--gg-muted)}.new-site .villa-details dl{border-color:var(--gg-line)}.new-site .villa-details dt{color:var(--gg-gold)}
.new-site .floor-card{color:var(--gg-ink)}.new-site .floor-art{background:#080808}.new-site .floor-card-foot small{color:var(--gg-gold)}
.new-site .floor-card:hover{box-shadow:0 20px 40px #0005;border-color:var(--gg-gold)}
.new-site .availability-section .overline{color:var(--gg-gold)}
.new-site .availability-intro p,.new-site .availability-note{color:var(--gg-muted)}
.new-site .availability-intro strong{border-color:var(--gg-gold);color:var(--gg-gold);border-radius:25px}
.new-site .unit-grid{background:transparent;border:0;gap:8px}
.new-site .unit{background:var(--gg-panel);border:1px solid var(--gg-line);border-radius:12px;color:var(--gg-ink)}
.new-site .unit:hover,.new-site .unit.available{background:#3a2c13;border-color:var(--gg-gold)}
.new-site .unit.reserved,.new-site .unit.sold{background:var(--gg-panel-2)}
.new-site .unit>span{font-weight:700}.new-site .unit small{color:var(--gg-muted)}
.new-site .phone-gallery{background:var(--gg-panel-2)}
.new-site .gallery-side>span{color:var(--gg-gold)}
.new-site .gallery-controls button{border-color:var(--gg-line);border-radius:50%;color:var(--gg-ink)}
.new-site .gallery-controls button:hover{background:var(--gg-gold);color:#16120c}
.new-site .phone-frame{background:#070707;border-color:#070707}
.new-site .phone-top,.new-site .phone-bottom{background:#070707}
.new-site .gallery-thumbnails button{border-radius:13px}.new-site .gallery-thumbnails button.active{border-color:var(--gg-gold)}
.new-site .location-card{background:var(--gg-panel);border:1px solid var(--gg-line);border-radius:28px 0 0 28px}
.new-site .location-card h3{font-weight:800}.new-site .nearby,.new-site .nearby div{border-color:var(--gg-line)}
.new-site .nearby b{color:var(--gg-gold)}.new-site .location-card small{color:var(--gg-muted)}
.new-site .location-map{overflow:hidden;border-radius:0 28px 28px 0}.new-site .location-map>a{background:var(--gg-gold);color:#16120c;border-radius:28px}
.new-site .reel-card{border-radius:22px;background:var(--gg-panel)}
.new-site .reels-waiting h3{color:var(--gg-ink)}
.new-site .closing-contact{background:var(--gg-bg);grid-template-columns:56% 44%}
.new-site .closing-form{background:var(--gg-panel);color:var(--gg-ink)}
.new-site .closing-form label{color:var(--gg-muted)}
.new-site .closing-form input,.new-site .closing-form select,.new-site .closing-form textarea{color:var(--gg-ink);border-color:var(--gg-line)}
.new-site .closing-form input::placeholder,.new-site .closing-form textarea::placeholder{color:var(--gg-muted)}
.new-site .closing-form select option{color:#181612}
.new-site .site-footer{background:#050505;color:#eee8db}
.new-site .coupon-box{background:var(--gg-panel);color:var(--gg-ink)}.new-site .coupon-visual{background:#100f0c;color:var(--gg-gold)}.new-site .coupon-content p{color:var(--gg-muted)}
:root[data-theme=light] .new-site .site-header.scrolled,:root[data-theme=light] .new-site .site-header.open{color:#1b1711}
:root[data-theme=light] .new-site .site-header.scrolled .site-logo,:root[data-theme=light] .new-site .site-header.open .site-logo{color:#1b1711}
:root[data-theme=light] .new-site .story-visual img{filter:none}
@media(max-width:1100px){.new-site .hero-form-panel{width:320px}.new-site .hero-photo-copy h1{font-size:20vw}.new-site .hero-facts{gap:22px}.new-site .menu-button{min-width:230px}}
@media(max-width:800px){.new-site .site-header{height:72px}.new-site .menu-button{left:auto;right:170px;transform:none;min-width:auto}.new-site .menu-button:before{content:'EXPLORE'}.new-site .site-nav{inset:103px 0 0}.new-site .new-hero{min-height:790px}.new-site .hero-photo-copy{top:27%}.new-site .hero-photo-copy h1{font-size:21vw}.new-site .hero-form-panel{right:4%;bottom:90px}.new-site .hero-facts{left:0;right:auto;bottom:-35px}.new-site .story-heading{display:block}.new-site .story-heading p{margin:25px 0 0}.new-site .location-card{border-radius:25px 25px 0 0}.new-site .location-map{border-radius:0 0 25px 25px}}
@media(max-width:560px){.new-site .announcement{font-size:7px}.new-site .site-header{top:31px;height:68px;padding:0 5%}.new-site .site-logo{left:5%}.new-site .menu-button{right:5%;padding:10px 12px}.new-site .menu-button:before{content:'☰';font-size:15px}.new-site .menu-button b{display:none}.new-site .header-actions{position:fixed;right:5%;bottom:18px;gap:7px}.new-site .header-visit{padding:12px 14px;font-size:12px}.new-site .header-visit span{display:inline;font-size:10px}.new-site .theme-toggle{padding:11px 12px}.new-site .theme-toggle span:last-child{display:none}.new-site .site-nav{inset:99px 0 0}.new-site .new-hero{height:100svh;min-height:760px}.new-site .hero-photo>img{object-position:51% center}.new-site .hero-photo-copy{top:25%;left:5%;right:5%}.new-site .hero-photo-copy h1{font-size:22vw;margin:25px 0 15px}.new-site .hero-photo-copy>p{font-size:38px}.new-site .hero-facts{bottom:0;gap:13px}.new-site .hero-facts b{font-size:18px}.new-site .hero-facts span{font-size:7px}.new-site .hero-form-panel{position:absolute;left:5%;right:5%;bottom:72px;width:auto;min-width:0;padding:17px;border-radius:18px}.new-site .hero-form-panel h2{font-size:29px}.new-site .hero-lead-form label{margin-bottom:4px}.new-site .hero-lead-form input,.new-site .hero-lead-form select{padding:6px 0}.new-site .hero-lead-form .primary-button{padding:11px 15px}.new-site .story{padding:85px 5% 0}.new-site .story-heading h2{font-size:clamp(57px,13vw,78px)}.new-site .villa-section,.new-site .floor-section,.new-site .availability-section,.new-site .phone-gallery,.new-site .location-section,.new-site .reels-section{padding:90px 5%}.new-site .section-head h2{font-size:clamp(54px,12vw,74px)}.new-site .villa-cover{height:480px}.new-site .reel-grid{grid-template-columns:1fr 1fr}}
@media(min-width:561px) and (max-width:800px){.new-site .hero-form-panel{display:block;grid-template-columns:none}.new-site .menu-button{right:190px}.new-site .header-actions .theme-toggle span:last-child{display:none}}
.new-site .story-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
@media(max-width:800px){.new-site .story-layout{grid-template-columns:1fr}}
body.new-site{overflow-x:hidden}
@media(max-width:560px){.new-site .hero-facts{position:static;margin-top:18px;display:flex;gap:16px}.new-site .gallery-stage,.new-site .gallery-thumbnails{min-width:0;max-width:100%;width:100%}.new-site .gallery-thumbnails{overflow-x:auto}.new-site .hero-form-panel{bottom:70px}}
html{overflow-x:hidden}
:root[data-theme=light] .new-site .site-header.scrolled .logo-icon,:root[data-theme=light] .new-site .site-header.open .logo-icon{border-color:#191612}
/* Navigation and content corrections */
body.dialog-open{overflow:hidden}
.new-site .site-header{top:31px;transition:top .25s,background .25s}
.new-site .site-header.scrolled{top:0}
.new-site .desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px;padding:13px 24px;border:1px solid #ffffff38;border-radius:35px;background:#171512c9;backdrop-filter:blur(16px);white-space:nowrap}
.new-site .desktop-nav a{font-size:11px;color:#f4f0e8;transition:color .2s}
.new-site .desktop-nav a:hover{color:var(--gg-gold)}
.new-site .menu-button{display:none}
.new-site .header-visit{cursor:pointer;font-family:'DM Sans',Arial,sans-serif}
.new-site .site-nav{display:none!important}
.new-site .hero-photo-shade{background:linear-gradient(180deg,#0008 0%,transparent 26%,#0002 58%,#000b 100%)}
.new-site .hero-photo-copy{top:auto;bottom:9%;max-width:100%}
.new-site .hero-photo-copy h1{font-size:clamp(140px,23vw,360px);margin:24px 0 16px}
.new-site .hero-facts{right:0;bottom:0}
.new-site .hero-preview{position:absolute;right:3%;bottom:11%;display:flex;align-items:center;gap:28px;border:1px solid #e9c568;background:#0a0909bd;color:#f4da98;border-radius:30px;padding:14px 19px;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(8px)}
.new-site .hero-preview span{font-size:18px;font-weight:400}
.vip-dialog{border:1px solid #a78649;background:#11100e;color:#fff;border-radius:26px;box-shadow:0 30px 100px #000b;max-width:min(480px,calc(100vw - 24px));max-height:min(90svh,780px);padding:0;overflow:auto}
.vip-dialog::backdrop{background:#070605cf;backdrop-filter:blur(9px)}
.vip-dialog .hero-form-panel{position:static;display:block!important;width:auto;min-width:0;max-width:none;background:none;border:0;border-radius:0;padding:38px;box-shadow:none;backdrop-filter:none}
.vip-dialog .hero-form-panel h2{font-size:clamp(42px,4vw,62px);margin:14px 0 12px}
.vip-dialog .hero-form-panel>div>p{display:block;color:#beb5a1;font-size:13px;margin:0 0 26px}
.vip-dialog .hero-lead-form label{font-size:11px;margin-bottom:15px}
.vip-dialog .hero-lead-form input,.vip-dialog .hero-lead-form select{font-size:14px;padding:12px 0}
.vip-dialog .hero-lead-form .primary-button{margin-top:25px}
.vip-dialog .hero-lead-form small{display:block;color:#aaa08d}
.vip-dialog .hero-scroll{display:none}
.vip-close{position:sticky;top:12px;float:right;z-index:2;margin:12px 12px -50px 0;width:40px;height:40px;border:1px solid #66563b;border-radius:50%;background:#272218;color:#e7cd8d;font-size:27px;line-height:1;cursor:pointer}
.new-site .story{padding:88px 4% 0}.new-site .story-heading{margin-bottom:45px}
.new-site .story-step{min-height:470px;padding:55px 0}.new-site .story-step:last-child{min-height:470px}
.new-site .story-step-image{display:none}
.new-site .villa-section,.new-site .floor-section,.new-site .availability-section,.new-site .phone-gallery,.new-site .location-section,.new-site .reels-section{padding-top:88px;padding-bottom:88px}
.new-site .section-head{margin-bottom:38px}
.new-site .floor-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.new-site .floor-card:last-child{grid-column:1/-1}
.new-site .floor-art{height:auto;aspect-ratio:1300/1005;background:#0c0b0a;border-bottom:1px solid var(--gg-line)}
.new-site .floor-card:last-child .floor-art{aspect-ratio:1313/613}
.new-site .floor-art img{height:100%;width:100%;object-fit:contain}
.new-site .floor-card-foot{padding:24px 28px}
.new-site .floor-card-foot h3{font-size:34px}
.new-site .gallery-stage{grid-template-columns:minmax(0,460px) 170px;justify-content:center;gap:28px;max-width:1000px}
.new-site .phone-frame{grid-column:1;grid-row:1}
.new-site .gallery-thumbnails{grid-column:2;grid-row:1}
.new-site .gallery-side{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 50px;padding-top:22px;border-top:1px solid var(--gg-line)}
.new-site .gallery-side>span,.new-site .gallery-side h3,.new-site .gallery-side p{grid-column:1}
.new-site .gallery-side h3{font-size:clamp(44px,4vw,68px);margin:10px 0}
.new-site .gallery-side p{margin:0;max-width:500px}
.new-site .gallery-controls{grid-column:2;grid-row:1/4;margin:0}
@media(max-width:1000px){.new-site .desktop-nav{gap:15px;padding:12px 16px}.new-site .desktop-nav a{font-size:10px}}
@media(max-width:800px){
 .new-site .desktop-nav{display:none}
 .new-site .menu-button{display:flex;position:absolute;left:auto;right:5%;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:0;padding:0;border:1px solid #ffffff6b;background:#191612cc;border-radius:50%;z-index:85;justify-content:center;align-items:center}
 .new-site .menu-button:before,.new-site .menu-button b,.new-site .menu-button b:after{display:none;content:none}
 .new-site .menu-button span{display:block;position:absolute;left:11px;width:20px;height:2px;background:#f8e4ab}
 .new-site .menu-button span:first-child{transform:translateY(-4px)}.new-site .menu-button span:nth-child(2){transform:translateY(4px)}
 .new-site .site-header.open .menu-button span:first-child{transform:rotate(45deg)}.new-site .site-header.open .menu-button span:nth-child(2){transform:rotate(-45deg)}
 .new-site .site-nav{display:none!important;position:fixed;inset:0;z-index:84;padding:112px 7% 35px;background:var(--gg-bg);color:var(--gg-ink);height:100svh;overflow-y:auto}
 .new-site .site-nav.open{display:flex!important}
 .new-site .site-nav>a,.new-site .site-nav>.nav-vip{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid var(--gg-line);background:none;color:var(--gg-ink);padding:11px 0;font:500 clamp(29px,5vw,46px) 'DM Sans',Arial,sans-serif;letter-spacing:-.05em;text-align:left}
 .new-site .site-nav>a small,.new-site .site-nav>.nav-vip small{font:600 10px 'DM Sans',Arial,sans-serif;color:var(--gg-gold);letter-spacing:.1em}
 .new-site .site-header{height:70px}
 .new-site .site-header.open{background:var(--gg-bg);border:0}
 .new-site .site-header.open .site-logo{color:var(--gg-ink)}
 .new-site .site-header.open .header-actions{display:none}
 .new-site .header-actions{position:fixed;right:18px;bottom:18px;top:auto;z-index:82;margin:0;gap:8px}
 .new-site .header-actions .theme-toggle span:last-child{display:none}
 .new-site .hero-photo-copy{top:auto;bottom:19%}
 .new-site .hero-photo-copy h1{font-size:clamp(105px,22vw,180px)}
 .new-site .hero-facts{position:static;margin-top:28px;gap:23px}
 .new-site .hero-preview{left:5%;right:auto;bottom:7%}
 .new-site .story-visual{display:none}
 .new-site .story-layout{display:block}
 .new-site .story-steps{padding:0}
 .new-site .story-step,.new-site .story-step:last-child{min-height:0;padding:0 0 54px;margin-bottom:54px;display:block}
 .new-site .story-step-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;margin:0 0 24px}
 .new-site .story-step h3{font-size:clamp(48px,7vw,75px);margin:18px 0}
 .new-site .floor-cards{grid-template-columns:1fr}
 .new-site .floor-card:last-child{grid-column:auto}
 .new-site .gallery-stage{display:flex;flex-direction:column;align-items:stretch;gap:22px}
 .new-site .phone-frame{order:1;margin:auto;width:min(100%,440px)}
 .new-site .gallery-thumbnails{order:2;display:flex;overflow-x:auto;width:100%;max-width:100%;justify-content:flex-start;flex:none}
 .new-site .gallery-thumbnails button{flex:none;width:76px;height:76px}
 .new-site .gallery-side{order:3;display:block;padding-top:28px}
 .new-site .gallery-side p{display:block}
 .new-site .gallery-controls{margin-top:22px}
}
@media(max-width:560px){
 .new-site .site-header{top:31px;height:68px}
 .new-site .site-header.scrolled{top:0}
 .new-site .site-nav{padding-top:95px}
 .new-site .site-nav>a,.new-site .site-nav>.nav-vip{font-size:32px;padding:9px 0}
 .new-site .hero-photo-copy{top:auto;bottom:25%;left:5%;right:5%}
 .new-site .hero-photo-copy h1{font-size:22vw;margin:18px 0 12px}
 .new-site .hero-photo-copy>p{font-size:39px}
 .new-site .hero-facts{margin-top:22px}
 .new-site .hero-preview{bottom:14%;font-size:9px}
 .new-site .story{padding:70px 5% 0}.new-site .story-heading{margin-bottom:35px}
 .new-site .story-step,.new-site .story-step:last-child{margin-bottom:36px;padding-bottom:36px}
 .new-site .villa-section,.new-site .floor-section,.new-site .availability-section,.new-site .phone-gallery,.new-site .location-section,.new-site .reels-section{padding-top:70px;padding-bottom:70px}
 .new-site .section-head{margin-bottom:30px}
 .new-site .floor-art{aspect-ratio:1300/1005}
 .new-site .floor-card:last-child .floor-art{aspect-ratio:1313/750}
 .new-site .floor-card-foot{padding:17px 19px}
 .new-site .gallery-side h3{font-size:52px}
 .vip-dialog .hero-form-panel{padding:30px 23px}
}
.new-site .hero-photo{height:100%}
@media(max-width:800px){.new-site .hero-photo{height:100%}.new-site .site-logo{z-index:86}}
.new-site .header-actions{position:fixed;top:51px;right:3%;margin:0;z-index:90}
.new-site .site-header.scrolled + .header-actions{top:20px}
@media(max-width:800px){.new-site .header-actions,.new-site .site-header.scrolled + .header-actions{position:fixed;top:auto;right:18px;bottom:18px}.new-site .site-header.open + .header-actions{display:none}}
@media(max-width:560px){.new-site .header-actions,.new-site .site-header.scrolled + .header-actions{top:auto;right:5%;bottom:18px}}
@media(max-width:800px){
 .new-site .header-actions{top:46px;bottom:auto;right:82px}
 .new-site .site-header.scrolled + .header-actions{top:15px;bottom:auto;right:82px}
 .new-site .header-visit{padding:11px 13px;box-shadow:none}
}
@media(max-width:560px){
 .new-site .header-actions{top:46px;bottom:auto;right:73px}
 .new-site .site-header.scrolled + .header-actions{top:15px;bottom:auto;right:73px}
 .new-site .header-visit{padding:10px 11px;font-size:11px}
 .new-site .header-visit span{font-size:9px}
 .new-site .theme-toggle{padding:10px 11px}
}
@media(max-width:370px){.new-site .site-logo{font-size:9px}.new-site .site-logo small{font-size:6px}.new-site .header-visit span{display:none}.new-site .header-visit{font-size:14px;padding:10px 12px}}