.mx-villa-video{--paper:#eeeae2;--ink:#28261f;--line:#c9c4ba;--gutter:4.4vw}.mx-villa-video *{box-sizing:border-box}.mx-villa-video{scroll-behavior:smooth;scroll-padding-top:85px}.mx-villa-video{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.mx-villa-video button,.mx-villa-video a,.mx-villa-video input,.mx-villa-video select{-webkit-tap-highlight-color:transparent}.mx-villa-video a{color:inherit;text-decoration:none}.mx-villa-video button{font:inherit;color:inherit;cursor:pointer}.mx-villa-video button:focus-visible,.mx-villa-video a:focus-visible{outline:2px solid #b68a4c;outline-offset:6px}.mx-villa-video button{border:0;background:none}.mx-villa-video header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#ffffff}.mx-villa-video header nav{display:flex;gap:32px;font-size:12px}.mx-villa-video header nav a{padding:10px 0;border-bottom:1px solid transparent}.mx-villa-video header nav a:hover{border-color:white}.mx-villa-video .brand{font-family:'Manrope',Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:-1px;line-height:1}.mx-villa-video .brand span{font-weight:400;margin-left:3px}.mx-villa-video .brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:9px;font-weight:500}.mx-villa-video .outline{border:1px solid #ffffff80;border-radius:30px;padding:13px 19px;font-size:11px}.mx-villa-video .outline span{margin-left:25px}.mx-villa-video .outline:hover{background:white;color:#28261f}.mx-villa-video .journey{height:360vh;position:relative;background:#302214}.mx-villa-video .stage{height:100svh;position:sticky;top:0;overflow:hidden;color:white;min-height:560px}.mx-villa-video .scenes,.mx-villa-video .scene,.mx-villa-video .shade{position:absolute;inset:0;width:100%;height:100%}.mx-villa-video .scene{object-fit:cover;opacity:0;will-change:transform,opacity;transform-origin:51% 42%}.mx-villa-video .scene:first-child{opacity:1}.mx-villa-video .shade{background:linear-gradient(180deg,#0005,transparent 30%,#0001 45%,#0009 100%);pointer-events:none}.mx-villa-video .hero-copy{position:absolute;left:var(--gutter);bottom:20%;will-change:opacity,transform}.mx-villa-video .eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;line-height:1.6}.mx-villa-video .hero-copy .eyebrow{margin:0 0 20px}.mx-villa-video h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(85px,11.8vw,190px);letter-spacing:-.075em;line-height:.82;font-weight:800;margin:0 0 26px}.mx-villa-video h1 br{line-height:.85}.mx-villa-video .hero-sub{font-size:13px;margin:0}.mx-villa-video .chapter-copy{position:absolute;left:var(--gutter);bottom:22%;opacity:0;pointer-events:none}.mx-villa-video .chapter-copy h2,.mx-villa-video .landscape h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(60px,8vw,130px);line-height:.94;letter-spacing:-.065em;margin:22px 0;font-weight:800}.mx-villa-video .stage-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mx-villa-video .scroll-link,.mx-villa-video .small-note{font-size:8px;letter-spacing:1.6px}.mx-villa-video .down{display:inline-flex;border:1px solid #ffffff70;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;margin-right:12px;font-size:15px}.mx-villa-video .chapters{display:flex;gap:23px}.mx-villa-video .chapters button{font-size:10px;opacity:.55;padding:14px 0;border-top:1px solid #ffffff60;min-width:75px;text-align:left}.mx-villa-video .chapters button[aria-pressed=true]{opacity:1;border-color:white}.mx-villa-video .chapters span{font-size:9px;margin-left:10px}.mx-villa-video .progress{position:absolute;bottom:0;height:2px;background:#ffffff20;width:100%}.mx-villa-video .progress i{display:block;width:0;height:100%;background:#ffffff}.mx-villa-video .story{padding:130px var(--gutter);display:grid;grid-template-columns:1fr 3fr;gap:30px}.mx-villa-video h2{font-weight:400}.mx-villa-video .story h2,.mx-villa-video .closing h2{font-size:clamp(38px,4.8vw,80px);line-height:1.12;letter-spacing:-2.5px;margin:0 0 45px}.mx-villa-video .story em,.mx-villa-video .closing em{font-family:"Manrope",Georgia,serif;font-weight:400}.mx-villa-video .story-bottom{display:flex;justify-content:space-between;gap:60px;align-items:end}.mx-villa-video .story-bottom p{max-width:410px;font-size:14px;line-height:1.9;margin:0;color:#625f57}.mx-villa-video .text-link{font-size:12px;border-bottom:1px solid var(--line);padding:15px 0;display:flex;gap:45px;justify-content:space-between;white-space:nowrap}.mx-villa-video .editorial{padding:0 var(--gutter) 120px;display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:center}.mx-villa-video .image-wrap{height:620px;position:relative;overflow:hidden}.mx-villa-video .image-wrap img{width:100%;height:100%;object-fit:cover}.mx-villa-video .image-wrap>span{position:absolute;left:24px;bottom:24px;color:#ffffff;font-size:10px;letter-spacing:2px}.mx-villa-video .expand{position:absolute;right:20px;bottom:20px;color:white;width:40px;height:40px;border:1px solid #fff8;border-radius:50%}.mx-villa-video .editorial-copy h2{font-size:clamp(35px,3.6vw,60px);line-height:1.1;letter-spacing:-2px;margin:35px 0}.mx-villa-video .editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#625f57;max-width:360px}.mx-villa-video .editorial-copy .text-link{margin-top:35px}.mx-villa-video .landscape{position:relative;height:95svh;min-height:600px;color:white;overflow:hidden}.mx-villa-video .landscape>img{width:100%;height:100%;object-fit:cover}.mx-villa-video .landscape>div:last-child{position:absolute;bottom:12%;left:var(--gutter)}.mx-villa-video .landscape p{font-size:13px;line-height:1.8}.mx-villa-video .landscape .outline{margin-top:20px}.mx-villa-video .closing{text-align:center;padding:130px 20px}.mx-villa-video .closing h2{margin:30px 0}.mx-villa-video .round-link{font-size:13px}.mx-villa-video .round-link span{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--ink);border-radius:50%;margin-left:20px}.mx-villa-video .round-link:hover span{background:var(--ink);color:var(--paper)}.mx-villa-video footer{border-top:1px solid var(--line);margin:0 var(--gutter);padding:35px 0;display:flex;align-items:center;justify-content:space-between}.mx-villa-video footer p,.mx-villa-video footer>a:last-child{font-size:10px;line-height:1.7}.mx-villa-video dialog{border:0;padding:0;color:var(--ink);background:var(--paper);max-width:90vw}.mx-villa-video dialog::backdrop{background:#14100de8;backdrop-filter:blur(7px)}.mx-villa-video .close{position:absolute;top:15px;right:18px;font-size:30px;z-index:2;background:var(--paper);border-radius:50%;width:42px;height:42px}.mx-villa-video #gallery{width:1100px;background:#171411;color:white}.mx-villa-video #gallery>img{width:100%;max-height:76vh;object-fit:contain;display:block}.mx-villa-video .gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 25px}.mx-villa-video .gallery-controls p{font-size:12px}.mx-villa-video .gallery-controls button{font-size:25px;padding:10px}.mx-villa-video #contact{padding:50px;width:540px}.mx-villa-video #contact h2{font-size:48px;line-height:1;letter-spacing:-2px;margin:25px 0}.mx-villa-video #contact>p{font-size:13px;line-height:1.7}.mx-villa-video form label{display:block;font-size:12px;margin-top:20px}.mx-villa-video input,.mx-villa-video select{font:inherit;display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);background:transparent;color:var(--ink)}.mx-villa-video .solid{background:var(--ink);color:var(--paper);width:100%;padding:16px;margin-top:25px;font-size:12px}.mx-villa-video #visit-status{font-size:12px}.mx-villa-video .skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.mx-villa-video .skip:focus{top:10px}@media(max-width:750px){.mx-villa-video{--gutter:6vw}.mx-villa-video header{padding-top:24px}.mx-villa-video header nav{display:none}.mx-villa-video header .outline{font-size:9px;padding:10px 12px}.mx-villa-video header .outline span{margin-left:5px}.mx-villa-video .brand{font-size:14px}.mx-villa-video .brand small{font-size:6px;letter-spacing:2px}.mx-villa-video .stage{min-height:520px}.mx-villa-video .hero-copy{bottom:27%}.mx-villa-video h1{font-size:20vw}.mx-villa-video .hero-copy .eyebrow{font-size:8px}.mx-villa-video .scene{object-position:58% center}.mx-villa-video .stage-bottom{bottom:25px;flex-wrap:wrap;gap:20px}.mx-villa-video .small-note{display:none}.mx-villa-video .chapters{width:100%;gap:18px;order:-1}.mx-villa-video .chapters button{flex:1}.mx-villa-video .story{display:block;padding:75px var(--gutter)}.mx-villa-video .story h2{margin-top:30px;letter-spacing:-1.5px}.mx-villa-video .story-bottom{display:block}.mx-villa-video .story-bottom .text-link{margin-top:25px}.mx-villa-video .editorial{display:flex;flex-direction:column;gap:35px;padding-bottom:65px}.mx-villa-video .image-wrap{width:100%;height:440px}.mx-villa-video .editorial-copy{width:100%}.mx-villa-video .editorial-copy h2{font-size:42px}.mx-villa-video .landscape h2{font-size:13vw}.mx-villa-video .landscape{min-height:560px;height:80svh}.mx-villa-video .closing{padding:80px 20px}.mx-villa-video .closing h2{font-size:40px;letter-spacing:-1px}.mx-villa-video footer{flex-wrap:wrap;gap:25px}.mx-villa-video footer p{order:3;width:100%;margin:0}.mx-villa-video #contact{padding:35px 25px}.mx-villa-video .chapter-copy{bottom:28%}.mx-villa-video .chapter-copy h2{font-size:16vw}}@media(prefers-reduced-motion:reduce){.mx-villa-video{scroll-behavior:auto}.mx-villa-video .scene{will-change:auto}.mx-villa-video .journey{height:180vh}}.mx-villa-video .journey{height:650svh}.mx-villa-video #walkthrough{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;background:#302214}.mx-villa-video #video-message{position:absolute;top:110px;left:var(--gutter);z-index:5;background:#211a13dd;padding:14px;max-width:300px;font-size:12px}.mx-villa-video .timeline-label{font-size:8px;letter-spacing:1.5px;width:165px}.mx-villa-video #tour-position{width:100%;height:18px;accent-color:#ffffff;border:0;padding:0;cursor:pointer;margin-top:7px}.mx-villa-video #motion-play{display:none}@media(max-width:750px){.mx-villa-video .journey{height:550svh}.mx-villa-video .timeline-label{width:120px}.mx-villa-video .scroll-link{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.mx-villa-video .journey{height:100svh;min-height:560px}.mx-villa-video .timeline-label,.mx-villa-video .chapters{display:none}.mx-villa-video #motion-play{display:block}.mx-villa-video .hero-copy{opacity:1!important}}