:root{--cream:#f1eadf;--ink:#17211c;--gold:#c9a66a;--line:rgba(255,255,255,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,sans-serif}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#101915}.hero-bg,.shade{position:absolute;inset:0}.hero-bg{background-size:cover;background-position:center;transition:opacity 1.3s cubic-bezier(.65,0,.2,1),transform 1.5s cubic-bezier(.65,0,.2,1)}.exterior{background-image:url('assets/fachada-dia.png');transform:scale(1.02)}.interior{background-image:url('assets/villa-indigo-sala.png');opacity:0;transform:scale(1.12);background-position:center}.shade{background:linear-gradient(90deg,rgba(8,14,11,.72),rgba(8,14,11,.08) 55%,rgba(8,14,11,.22)),linear-gradient(0deg,rgba(8,14,11,.55),transparent 45%);pointer-events:none}.hero.entered .exterior{opacity:0;transform:scale(2.3);transform-origin:82% 52%}.hero.entered .interior{opacity:1;transform:scale(1)}header{position:absolute;z-index:10;left:0;right:0;top:0;padding:32px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:14px;letter-spacing:.22em;font-size:11px}.brand span{font:400 28px Newsreader;border-right:1px solid var(--line);padding-right:14px}.menu{color:#fff;background:transparent;border:0;letter-spacing:.18em;font-size:10px;display:flex;gap:12px;align-items:center}.menu i{width:28px;height:1px;background:#fff;display:block;box-shadow:0 6px #fff}.intro{position:absolute;z-index:4;left:5vw;top:20%;max-width:620px;transition:.6s}.eyebrow{letter-spacing:.2em;font-size:10px;text-transform:uppercase}.intro h1,.interior-copy h2,.gallery h2,.closing h2{font:300 clamp(64px,8vw,126px)/.78 Newsreader;margin:28px 0}.intro h1 em,.interior-copy h2 em,.gallery h2 em,.closing h2 em{font-weight:300;color:var(--cream)}.lead{max-width:390px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.78)}.floors{position:absolute;z-index:5;right:4vw;top:18%;width:250px}.floors>p{font-size:9px;letter-spacing:.2em;text-align:right}.floor-list{border-top:1px solid var(--line)}.floor-list button{display:flex;width:100%;align-items:center;color:#fff;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px 0;opacity:.56;text-align:left;cursor:pointer}.floor-list button:hover,.floor-list .selected{opacity:1}.floor-list small{font:300 25px Newsreader;width:55px}.floor-list span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hotspot{position:absolute;z-index:5;right:25%;top:46%;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.hotspot>span{display:block;width:18px;height:18px;border:1px solid #fff;border-radius:50%;position:absolute;left:-28px;top:5px}.hotspot>span:after{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.hotspot b{font:400 20px Newsreader;display:block}.hotspot small{letter-spacing:.15em;font-size:7px}.unit-panel{position:absolute;z-index:6;left:5vw;right:4vw;bottom:35px;border-top:1px solid var(--line);padding-top:18px;transition:.6s}.unit-panel>p{font-size:8px;letter-spacing:.22em}.unit-panel>div{display:flex;justify-content:space-between;align-items:end}.unit-panel h2{font:300 34px Newsreader;margin:4px 0}.unit-panel h2 span{opacity:.55}.unit-panel button,.closing button{background:var(--cream);color:var(--ink);border:0;padding:17px 20px;font-size:9px;letter-spacing:.16em}.unit-panel button i{margin-left:30px}.unit-panel ul{position:absolute;right:300px;bottom:4px;display:flex;gap:38px;list-style:none;margin:0}.unit-panel li{display:flex;flex-direction:column}.unit-panel li b{font:400 13px Newsreader}.unit-panel li span,.demo-note{font-size:7px;letter-spacing:.1em;opacity:.65}.demo-note{display:block;margin-top:6px}.interior-copy{position:absolute;z-index:6;left:5vw;top:20%;max-width:580px;opacity:0;transform:translateY(30px);pointer-events:none;transition:.8s .5s}.interior-copy button{background:transparent;color:#fff;border:0;padding:0 0 60px;font-size:9px;letter-spacing:.15em;cursor:pointer}.interior-copy h2{font-size:clamp(58px,7vw,100px)}.interior-copy>p:last-of-type{font-size:13px;line-height:1.7;max-width:370px}.interior-copy a{display:inline-flex;gap:30px;color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding:18px 0;font-size:9px;letter-spacing:.18em}.hero.entered .intro,.hero.entered .floors,.hero.entered .hotspot,.hero.entered .unit-panel{opacity:0;pointer-events:none}.hero.entered .interior-copy{opacity:1;transform:none;pointer-events:auto}.transition-mark{position:absolute;z-index:9;inset:50%;pointer-events:none;opacity:0}.transition-mark span{position:absolute;background:#fff}.transition-mark span:first-child{width:80px;height:1px;left:-40px}.transition-mark span:last-child{height:80px;width:1px;top:-40px}.hero.transitioning .transition-mark{animation:flash 1.1s}@keyframes flash{30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(8)}}.scroll{position:absolute;right:4vw;bottom:20px;font-size:7px;letter-spacing:.18em;writing-mode:vertical-rl;display:none}.gallery{background:var(--cream);color:var(--ink);padding:130px 5vw;display:grid;grid-template-columns:1fr 1.25fr;gap:8vw 4vw}.gallery-copy{align-self:center}.gallery h2{font-size:clamp(54px,6vw,88px);line-height:.88}.gallery h2 em{color:#907652}.gallery-copy>p:last-child{max-width:420px;line-height:1.8;font-size:14px}.gallery figure{margin:0}.gallery img{width:100%;display:block}.gallery figcaption{padding-top:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.gallery figcaption span{opacity:.5;margin-right:18px}.wide{grid-row:span 2}.amenity{grid-column:1/3;margin-top:50px!important}.amenity img{height:68vh;object-fit:cover}.closing{min-height:85vh;background:linear-gradient(90deg,rgba(10,17,14,.78),rgba(10,17,14,.1)),url('assets/fachada-atardecer.png') center/cover;display:flex;align-items:center;padding:8vw}.closing h2{font-size:clamp(64px,8vw,112px)}.closing button span{margin-left:40px}@media(max-width:800px){.hero{min-height:700px}.intro{top:18%}.intro h1{font-size:64px}.floors{top:auto;bottom:190px;left:5vw;right:5vw;width:auto}.floor-list{display:flex}.floor-list button{flex:1;display:block}.floor-list span{display:none}.hotspot{right:18%;top:43%}.unit-panel ul{display:none}.unit-panel>div{align-items:center}.unit-panel h2{font-size:26px}.unit-panel button{padding:14px 12px;font-size:7px}.demo-note{max-width:180px}.interior-copy{top:18%;right:5vw}.interior-copy h2{font-size:58px}.gallery{grid-template-columns:1fr;padding-top:90px}.gallery .wide,.gallery .amenity{grid-column:auto}.amenity img{height:55vh}.closing{min-height:72vh}}