@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:#faf9f5;background:#090c0e;--gold:#ded3b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header{position:fixed;z-index:30;inset:0 0 auto;height:112px;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;background:linear-gradient(#0005,transparent)}.brand{display:flex;flex-direction:column;align-items:center;gap:5px}.brand b{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:.14em;line-height:1}.brand span{font-size:9px;letter-spacing:.22em}header nav{display:flex;gap:28px}header nav a{font-size:13px;text-shadow:0 1px 8px #0008}#menu-button{background:none;border:0;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center}#menu-button span{height:1px;background:#fff;width:25px;transition:transform .3s}#menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}#menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#menu{position:fixed;inset:0;z-index:25;background:#060a0ced;backdrop-filter:blur(20px)}#menu nav{display:flex;flex-direction:column;gap:24px;padding:145px 12% 40px}#menu a{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(35px,5vw,65px)}#menu small{font-family:Manrope,sans-serif;font-size:12px;color:var(--gold);margin-right:24px}.menu-open{overflow:hidden}.stage{position:fixed;inset:0;height:100dvh;overflow:hidden}.scene{position:absolute;inset:0;opacity:0;isolation:isolate;pointer-events:none;will-change:opacity,transform}.scene:first-child{opacity:1}.scene.current{pointer-events:auto}.media,.shade{position:absolute;inset:0}.media{z-index:-2;overflow:hidden;transform:scale(var(--scene-zoom,1));will-change:transform}.media picture{display:block;width:100%;height:100%}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.camera-approach{animation:none;transform-origin:50% 43%}.shade{z-index:-1;background:linear-gradient(0deg,#000b,transparent 65%),linear-gradient(90deg,#0003,transparent 65%)}.copy{position:absolute;left:8%;right:8%;bottom:19%;transform:translateY(var(--copy-shift,0));opacity:var(--copy-opacity,1)}.eyebrow{font-size:12px;letter-spacing:.19em;line-height:1.8;margin:0 0 20px;color:#f3ead9}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(65px,7.5vw,115px);line-height:.99;letter-spacing:-.035em;font-weight:400;margin:0 0 22px}em{font-weight:400}.intro{font-size:16px;line-height:1.6;margin:0 0 25px}.discover{display:flex;gap:40px;align-items:center;border:0;border-bottom:1px solid #ffffff80;background:none;font-size:14px;padding:0 0 10px}.discover span{font-size:22px}.scroll-track{height:640svh;position:relative;pointer-events:none}.scroll-track>div{position:absolute;height:1px;width:1px}.scroll-track>div:nth-child(1){top:0}.scroll-track>div:nth-child(2){top:180svh}.scroll-track>div:nth-child(3){top:360svh}.scroll-track>div:nth-child(4){top:540svh}.bottom-bar{position:fixed;z-index:20;bottom:max(32px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.bottom-bar>a{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.13em}.down{font-size:23px;animation:breathe 2.5s ease-in-out infinite}.chapter-nav{display:flex;gap:8px}.chapter-nav a{display:block;width:55px;height:30px;padding:14px 0}.chapter-nav i{height:1px;background:#ffffff55;display:block}.chapter-nav a[aria-current=true] i{height:2px;background:#fff}.pause-water{border:1px solid #ffffff65;background:#0001;width:38px;height:38px;border-radius:50%;font-size:14px}#water-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}#water-scene.ready{opacity:1}#detail{max-width:600px;width:90%;padding:65px 45px 45px;border:1px solid #ffffff30;background:#090e11eF;backdrop-filter:blur(24px)}#detail::backdrop{background:#0008;backdrop-filter:blur(8px)}#detail h2{font-size:54px}#detail-text{font-size:16px;line-height:1.9;color:#e0e4e4}.close-detail{position:absolute;right:25px;top:20px;background:none;border:0;font-size:14px}.about-link{display:inline-block;font-size:14px;border-bottom:1px solid #aaa;padding-bottom:10px;margin-top:18px}.motion-paused .camera-approach,.motion-paused .down{animation-play-state:paused}@keyframes approach{from{scale:1;translate:0 0}to{scale:1.16;translate:0 1%}}@keyframes breathe{50%{transform:translateY(5px)}}
@media(max-width:700px){header{height:94px;padding:24px 6%}.brand b{font-size:34px}.brand span{font-size:8px}header nav{display:none}.copy{left:7%;right:7%;bottom:18%}h1,h2{font-size:clamp(49px,12vw,72px);line-height:1.04}.eyebrow{font-size:10px;letter-spacing:.14em;max-width:290px}.intro{font-size:15px}.bottom-bar{left:7%;right:7%;bottom:max(24px,env(safe-area-inset-bottom))}.bottom-bar>a{font-size:9px;gap:10px}.chapter-nav{gap:7px}.chapter-nav a{width:25px}.pause-water{width:34px;height:34px}.scene[data-index="1"] video{object-position:50% center}.scene[data-index="3"] video{object-position:48% center}#menu nav{padding:135px 9% 30px;gap:22px}#detail{padding:60px 25px 30px}#detail h2{font-size:42px}.scene:first-child .copy{bottom:15%}.scene:first-child h1{font-size:clamp(45px,11vw,65px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.camera-approach,.down{animation:none}}

/* Warm gold typography and blue-hour shadows tie the residence to the brand reference. */
:root{--gold:#d9bb79;background:#071222}header .brand{color:#ead09a}.scene:first-child .shade{background:linear-gradient(0deg,rgba(3,13,30,.78),transparent 65%),linear-gradient(180deg,rgba(7,21,47,.25),transparent 55%)}
.chauffeur-frame img{object-position:50% 52%;animation:chauffeur-drift 20s ease-in-out infinite alternate;transform-origin:65% 52%}
@keyframes chauffeur-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
.motion-paused .chauffeur-frame img{animation-play-state:paused}
@media(min-width:701px){.scene[data-index="1"] .shade{background:linear-gradient(90deg,#03101cbb,transparent 63%),linear-gradient(0deg,#03101c88,transparent 50%)}.scene[data-index="1"] .copy{bottom:18%;right:51%}.scene[data-index="1"] h2{font-size:clamp(55px,6.3vw,96px)}}
@media(max-width:700px){.chauffeur-frame img{object-position:55% center}.scene[data-index="1"] .copy{bottom:13%}.scene[data-index="1"] h2{font-size:clamp(42px,10vw,60px)}}
@media(prefers-reduced-motion:reduce){.chauffeur-frame img{animation:none}}

/* Neutral overlays preserve the color grade baked into the new motion footage. */
.scene:first-child .shade{background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 67%)}
.residence-film video{object-position:50% 32%}.chauffeur-film video{object-position:50% 48%}
@media(max-width:700px){.residence-film video,.scene[data-index="1"] .chauffeur-film video{object-position:50% center}}