:root{--bg:#080808;--bg-2:#101010;--gold:#d4af37;--gold-2:#f0d78c;--text:#f6f1e6;--muted:#9a917f;--line:#d4af372e;--serif:"Cormorant Garamond", serif;--sans:"Inter", sans-serif;--max:1220px;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:#d4af37 transparent;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(var(--max), calc(100% - 8vw));margin:0 auto}.preloader{z-index:999999;transition:transform .9s var(--ease);background:#080808;place-items:center;display:grid;position:fixed;inset:0}.preloader.fade-out{transform:translateY(-100%)}.preloader-mark{text-align:center}.preloader-mark em{font-family:var(--serif);color:var(--gold);letter-spacing:.2em;font-size:2.4rem;font-style:italic;display:block}.preloader-line{background:var(--gold);width:0;height:1px;animation:grow 1.2s var(--ease) forwards;margin:1.2rem auto 0}@keyframes grow{to{width:140px}}@media (width>=1025px){body,a,button,input,textarea{cursor:none!important}}.cursor-dot,.cursor-outline{z-index:9999999;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--gold);width:6px;height:6px}.cursor-outline{border:1px solid #d4af3780;width:42px;height:42px;transition:all .2s}@media (width<=1024px){.cursor-dot,.cursor-outline{display:none}}.header{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(1080px,100% - 32px);transition:width .5s var(--ease), top .5s var(--ease), background .4s, border-radius .4s;background:#08080859;border:1px solid #ffffff14;border-radius:999px;position:fixed;top:18px;left:50%;transform:translate(-50%)}.header.scrolled{border-color:var(--line);background:#080808d1;width:min(820px,100% - 24px);top:10px}.header-inner{justify-content:space-between;align-items:center;padding:.85rem 1.2rem;display:flex}.logo{font-family:var(--serif);letter-spacing:.18em;font-size:1.35rem}.logo span{color:var(--gold)}.nav{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);gap:1.4rem;font-size:.78rem;display:flex}.nav a:hover{color:var(--gold-2)}.menu-btn{color:var(--gold);letter-spacing:.16em;background:0 0;border:0;font-size:.75rem;display:none}.mobile-menu{z-index:180;opacity:0;pointer-events:none;background:#080808f5;place-items:center;transition:all .35s;display:grid;position:fixed;inset:0}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-menu a{font-family:var(--serif);text-align:center;margin:.6rem 0;font-size:2.4rem;display:block}.hero{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero-bg{will-change:transform;filter:brightness(.38)saturate(.7);background:url(/demosi/luxury-apex/hero_luxury.jpg) 50%/cover no-repeat;position:absolute;inset:-12% 0}.hero-vignette{background:radial-gradient(circle at 50% 40%,#0000 10%,#080808 78%);position:absolute;inset:0}.orbit{aspect-ratio:1;border:1px solid #d4af3733;border-radius:50%;width:min(520px,70vw);animation:28s linear infinite spin;position:absolute}.orbit:after{content:"";background:var(--gold);width:8px;height:8px;box-shadow:0 0 18px var(--gold);border-radius:50%;position:absolute;top:-4px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{z-index:2;text-align:center;will-change:opacity, transform;padding:8rem 1.2rem 4rem;position:relative}.hero-copy .kicker{letter-spacing:.42em;color:var(--gold);text-transform:uppercase;font-size:.72rem}.hero-copy h1{font-family:var(--serif);margin:.6rem 0 1rem;font-size:clamp(3.6rem,10vw,8.2rem);font-weight:500;line-height:.9}.hero-copy h1 em{color:var(--gold-2);font-style:italic}.clock{font-family:var(--serif);color:var(--gold);letter-spacing:.18em;margin-bottom:1.6rem;font-size:1.4rem}.btn-gold{border:1px solid var(--gold);color:var(--gold);letter-spacing:.16em;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;padding:.95rem 1.8rem;font-size:.75rem;transition:all .3s;display:inline-flex}.btn-gold:hover{background:var(--gold);color:#080808}.zoom-section{background:#080808;height:100vh;position:relative}.zoom-sticky{place-items:center;height:100vh;display:grid;overflow:hidden}.zoom-frame{will-change:width, height, border-radius;border-radius:18px;width:36vw;height:70vh;overflow:hidden}.zoom-frame img{object-fit:cover;will-change:transform;width:100%;height:100%;transform:scale(1.22)}.zoom-caption{z-index:3;text-align:center;font-family:var(--serif);opacity:0;pointer-events:none;text-shadow:0 12px 40px #0000008c;font-size:clamp(2rem,5vw,4.2rem);position:absolute}.pillars{background:#080808;height:100vh}.pillars-sticky{grid-template-columns:1fr 1fr;height:100vh;display:grid;overflow:hidden}.pillar-copy{place-items:center;padding:8vw;display:grid;position:relative}.pillar-copy .kicker{letter-spacing:.42em;color:var(--gold);text-transform:uppercase;font-size:.72rem}.pillar-copy h2{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.4rem)}.pillar-body{color:var(--muted);max-width:36ch;min-height:4.8em;margin-top:1rem}.pillar-visual{background:#111;height:100%;min-height:100vh;position:relative;overflow:hidden}.pillar-visual img{object-fit:cover;opacity:0;will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.pillar-visual img.is-first{opacity:1}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.stats b{font-family:var(--serif);color:var(--gold);font-size:clamp(3rem,6vw,5rem);display:block}.stats span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.cards{padding:7rem 0}.cards h2{font-family:var(--serif);margin-bottom:2rem;font-size:clamp(2.4rem,5vw,4rem)}.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.lux-card{border:1px solid var(--line);min-height:340px;position:relative;overflow:hidden}.lux-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.lux-card:hover img{transform:scale(1.12)}.lux-card:hover{box-shadow:0 0 0 1px var(--gold), 0 0 40px #d4af3726}.lux-card span{font-family:var(--serif);color:#fff;text-shadow:0 8px 24px #000;font-size:1.6rem;position:absolute;bottom:1.1rem;left:1.1rem}.contact{padding:7rem 0 5rem}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:3rem;display:grid}.contact h2{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.2rem)}.form{gap:1.2rem;display:grid}.field{position:relative}.field input,.field textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:0 0;padding:1.15rem 0 .55rem}.field label{color:var(--muted);pointer-events:none;transition:all .25s;position:absolute;top:1.1rem;left:0}.field input:focus,.field textarea:focus{border-color:var(--gold);outline:none}.field input:focus+label,.field textarea:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:not(:placeholder-shown)+label{color:var(--gold);font-size:.72rem;top:0}.footer{color:var(--muted);justify-content:space-between;padding:2rem 0 3rem;font-size:.8rem;display:flex}@media (width<=900px){.nav{display:none}.menu-btn{display:block}.zoom-frame{width:78vw;height:52vh}.pillars-sticky,.card-grid,.stats-grid,.contact-grid{grid-template-columns:1fr}.pillars-sticky{grid-template-rows:.42fr .58fr}.pillar-copy{align-items:end;padding:5rem 8vw 1.5rem}.pillar-visual{min-height:0}}
