/* Dream Home — spatial motion layer. Architectural scene is decorative. */
body{overflow-x:clip}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b99858,#ffedc6);transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:30;pointer-events:none}.motion-toggle{display:none;position:fixed;bottom:24px;left:24px;z-index:12;box-shadow:0 4px 20px #0002;border:1px solid #b9985855;background:#0a2131f2;color:#e4d3af;font-size:10px;letter-spacing:.05em;padding:7px 10px;min-height:34px;white-space:nowrap}.motion-ready .motion-toggle{display:block}.motion-toggle:hover{background:#b9985818}.hero{isolation:isolate;overflow:hidden}.hero-depth{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 26% 14%,#52758033,transparent 58%),radial-gradient(ellipse at 45% 80%,#b998581c,transparent 48%)}.hero-orbit{stroke:currentColor;stroke-width:1;position:absolute;left:-10%;top:2%;width:76%;height:95%;opacity:.24;pointer-events:none;color:#c5a96e;transform:translate3d(0,calc(var(--hero-scroll,0) * -25px),0) rotate(calc(var(--hero-scroll,0) * 14deg));transform-origin:center;z-index:0}.hero-visual{perspective:1200px;isolation:isolate;background:radial-gradient(ellipse at 65% 20%,#254d5b,#102c3e 68%)}.hero-photo-plane{position:absolute;inset:28px 24px 70px;z-index:1;border:1px solid #e2c58b80;box-shadow:0 24px 65px #020f2baa,8px 8px 0 #b9985810;overflow:hidden;transform:translate3d(calc(var(--hero-pointer-x,0) * 12px),calc(var(--hero-scroll,0) * 46px + var(--hero-pointer-y,0) * 8px),0) rotateY(calc(var(--hero-pointer-x,0) * -3deg)) rotateX(calc(var(--hero-pointer-y,0) * 2deg));transform-origin:center;will-change:transform}.hero-photo-plane>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-card{z-index:2;transform:translate3d(calc(var(--hero-pointer-x,0) * -7px),calc(var(--hero-scroll,0) * -18px),35px);box-shadow:0 14px 40px #071b2840}.hero-card .arrow{transition:transform .35s,background .25s}.hero-card:hover .arrow{transform:rotate(-35deg)}.hero h1 em{background:linear-gradient(100deg,#ba9557,#fff0c7,#ba9557);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}.hero.is-in-view h1 em{animation:gold-light 9s ease-in-out infinite}.motion-ribbon{background:#b99858;color:#10293a;border-top:1px solid #dac08d;overflow:hidden;padding:19px 0;position:relative}.ribbon-track{display:flex;width:max-content;gap:45px;white-space:nowrap;font:500 17px/1.4 var(--serif);letter-spacing:.13em;animation:ribbon-travel 38s linear infinite;animation-play-state:paused}.motion-ribbon.is-in-view .ribbon-track{animation-play-state:running}.ribbon-track>span{flex-shrink:0}.spatial-section{background:#081f2d;color:#f6f1e7;min-height:175vh;position:relative;isolation:isolate;border-bottom:1px solid #b9985840}.spatial-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 74% 35%,#1a506266,transparent 56%),linear-gradient(135deg,#b9985808,transparent 60%)}.spatial-stage{height:min(900px,calc(100svh - 72px));min-height:620px;position:sticky;top:72px;width:min(1360px,calc(100% - 88px));margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;overflow:visible}.spatial-copy{z-index:2;max-width:470px}.spatial-copy h2{font:500 clamp(48px,5.4vw,79px)/1.04 var(--serif);letter-spacing:-.04em;margin:0 0 26px}.spatial-copy h2 em{color:#dec18b;font-weight:400}.spatial-copy>p:not(.eyebrow){color:#b8cbd4;font-size:14px;max-width:390px;margin-bottom:30px}.spatial-chapters{display:flex;flex-direction:column;gap:15px;margin-top:50px;font-size:9px;font-weight:600;letter-spacing:.14em}.spatial-chapters span{color:#b5c9d0;opacity:.55;transition:opacity .4s,color .4s,transform .4s;padding-left:22px;position:relative}.spatial-chapters span:before{content:'';position:absolute;left:0;top:7px;width:12px;height:1px;background:currentColor;transition:width .4s}.spatial-chapters span.is-active{opacity:1;color:#efcf94;transform:translateX(6px)}.city-stage{height:570px;position:relative;perspective:1300px;perspective-origin:50% 45%;contain:layout style;pointer-events:none}.city-world{position:absolute;left:50%;top:53%;width:430px;height:340px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(calc(58deg + var(--city-progress,0) * -12deg + var(--scene-pointer-y,0) * 2deg)) rotateZ(calc(-32deg + var(--city-progress,0) * 60deg + var(--scene-pointer-x,0) * 4deg));will-change:transform}.city-ground{position:absolute;width:430px;height:340px;transform:translateZ(-3px);border:1px solid #dbc18c80;background:linear-gradient(90deg,transparent 49.2%,#bfaa7640 49.2%,#bfaa7640 50.8%,transparent 50.8%),linear-gradient(0deg,transparent 49.2%,#bfaa7640 49.2%,#bfaa7640 50.8%,transparent 50.8%),linear-gradient(145deg,#2d5361,#102e42);background-size:54px 54px,54px 54px,100% 100%;box-shadow:0 0 90px #3f81822b,0 45px 95px #020d1780}.city-ground:before{content:'';position:absolute;inset:20px;border:1px solid #d2b77860}.city-ground:after{content:'';position:absolute;left:-24px;right:-24px;top:50%;height:22px;background:#041824;border-top:1px solid #d3bc7c77;border-bottom:1px solid #d3bc7c77;box-shadow:0 4px 0 #07121b;transform:translateZ(1px)}.city-orbit{position:absolute;left:-55px;top:-75px;width:550px;height:480px;border:1px solid #c6a76b55;border-radius:50%;transform:translateZ(-12px);box-shadow:0 0 0 23px #bd9f6410}.city-orbit:before,.city-orbit:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#edcb8b;box-shadow:0 0 22px #efc981;top:35px;left:102px}.city-orbit:after{top:auto;left:auto;bottom:40px;right:100px;width:5px;height:5px}.city-building{--w:92px;--d:78px;--h:230px;position:absolute;transform-style:preserve-3d;width:var(--w);height:var(--d);transform:translateZ(calc(38px - var(--city-progress,0) * 38px))}.tower-one{left:70px;top:57px;--h:235px;--w:94px;--d:82px}.tower-two{left:249px;top:43px;--h:170px;--w:80px;--d:70px;transform:translateZ(calc(84px - var(--city-progress,0) * 84px))}.tower-three{left:251px;top:225px;--h:116px;--w:92px;--d:74px;transform:translateZ(calc(125px - var(--city-progress,0) * 125px))}.city-face{position:absolute;display:block;backface-visibility:visible;border:1px solid #e4cc9c8c;transform-style:preserve-3d}.city-face.front,.city-face.back{width:var(--w);height:var(--h);background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#d2bb834d 24px,#d2bb834d 27px),repeating-linear-gradient(90deg,#214552 0,#214552 12px,#edc88888 12px,#edc88888 16px,#123141 16px,#123141 26px);transform-origin:top left;transform:translateY(var(--d)) rotateX(90deg)}.city-face.back{transform:rotateX(90deg);background-color:#123247}.city-face.left,.city-face.right{width:var(--d);height:var(--h);background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#a990624d 24px,#a990624d 27px),repeating-linear-gradient(90deg,#0c2837 0,#0c2837 12px,#ccac7370 12px,#ccac7370 15px,#123141 15px,#123141 25px);transform-origin:top left;transform:rotateZ(90deg) rotateX(90deg)}.city-face.right{transform:translateX(var(--w)) rotateZ(90deg) rotateX(90deg)}.city-face.roof{width:var(--w);height:var(--d);transform:translateZ(var(--h));background:linear-gradient(135deg,#f1dec0,#ad8c51);box-shadow:inset 0 0 0 8px #193444,inset 0 0 0 10px #d3b47b}.city-face.roof:after{content:'';position:absolute;inset:16px;border:1px solid #ffe9bc;background:#20445066}.city-face.base{width:var(--w);height:var(--d);background:#041824;transform:translateZ(1px)}.city-plot{position:absolute;width:104px;height:70px;background:linear-gradient(145deg,#40766b80,#214e4950);border:1px solid #b7cdac99;transform:translateZ(4px)}.plot-one{left:80px;top:230px}.plot-two{left:206px;top:145px;width:135px;height:55px;border-color:#d9b77990;background:repeating-linear-gradient(45deg,#b9985820 0,#b9985820 2px,transparent 2px,transparent 15px)}.city-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#bfcbd0;font-size:8px;letter-spacing:.22em}.motion-ready .reveal{opacity:0;translate:0 30px;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;translate:0 0}.motion-card{transform-style:preserve-3d;transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--card-lift,0px));transition:box-shadow .3s,transform .15s;position:relative}.motion-card.is-tilting{will-change:transform;box-shadow:0 26px 60px #0a213128;z-index:2}.motion-card .property-media img{transition:scale .65s cubic-bezier(.2,.7,.2,1)}.motion-card:hover .property-media:not(.poster) img{scale:1.045}.motion-card .type-tag{box-shadow:0 7px 18px #071d2d26;transition:translate .4s}.motion-card:hover .type-tag{translate:0 -3px}.land-art:before{transition:transform 1s}.motion-card:hover .land-art:before{transform:rotate(-10deg) skew(5deg) translateY(-8px)}.button{position:relative;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}.button:after{content:'';position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 35%,#ffffff28 48%,transparent 61%);transform:translateX(-120%) rotate(10deg);pointer-events:none}.button:hover:after{transition:transform .8s;transform:translateX(120%) rotate(10deg)}.button:hover{box-shadow:0 8px 25px #b9985820}@keyframes ribbon-travel{to{transform:translateX(-50%)}}@keyframes gold-light{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:1100px){.spatial-stage{width:calc(100% - 56px);grid-template-columns:1fr 1fr;gap:0}.city-stage{transform:scale(.83);transform-origin:center}.spatial-copy h2{font-size:58px}.nav{gap:15px}.motion-toggle{font-size:9px;padding:7px}}
@media(max-width:980px){.spatial-section{min-height:135vh}.spatial-stage{width:calc(100% - 44px);height:auto;min-height:calc(100svh - 75px);top:75px;display:flex;flex-direction:column;justify-content:center;padding:36px 0 25px;gap:0}.spatial-copy{width:100%;max-width:none}.spatial-copy h2{font-size:43px;margin:0 0 17px}.spatial-copy h2 br{display:none}.spatial-copy>p:not(.eyebrow){max-width:500px;font-size:13px;margin:0 0 20px}.spatial-copy .eyebrow{margin-bottom:14px}.spatial-copy .button{padding:10px 16px;min-height:40px;font-size:11px}.spatial-chapters{margin-top:22px;gap:9px;font-size:8px}.city-stage{width:100%;height:350px;transform:scale(.72);transform-origin:center top;margin-top:42px;margin-bottom:-75px}.city-world{top:63%;transform:translate(-50%,-50%) rotateX(calc(58deg + var(--city-progress,0) * -8deg)) rotateZ(calc(-32deg + var(--city-progress,0) * 34deg))}.city-caption{bottom:-15px}.motion-toggle{font-size:8px;padding:6px;min-height:30px}.nav{gap:9px}.motion-ribbon{padding:13px 0}.ribbon-track{font-size:14px;gap:28px}.hero-photo-plane{inset:16px 16px 70px;transform:translate3d(0,calc(var(--hero-scroll,0) * 28px),0)}.hero-card{z-index:2;transform:translateY(calc(var(--hero-scroll,0) * -10px))}.motion-card,.motion-card:hover{transform:none}.motion-card:hover .property-media:not(.poster) img{scale:1}.motion-ready .reveal{translate:0 20px;transition-duration:.55s}}
@media(max-width:500px){.motion-toggle{bottom:20px;left:16px;font-size:10px;min-height:34px;padding:7px 10px}.header-inner{gap:8px}.nav .button{font-size:10px;padding:8px}.brand-name{font-size:12px}.brand-tag{font-size:7px}.brand svg{width:25px}.brand{gap:7px}.spatial-copy h2{font-size:39px}.city-stage{transform:scale(.62);height:310px;margin-top:82px;margin-bottom:-80px}.spatial-chapters{font-size:7px}.spatial-stage{padding-top:30px;padding-bottom:28px}.city-caption{font-size:9px}}
body.motion-paused .ribbon-track,body.motion-paused .hero h1 em,body.motion-reduced .ribbon-track,body.motion-reduced .hero h1 em{animation:none!important}body.motion-paused .spatial-section,body.motion-reduced .spatial-section{min-height:0}body.motion-paused .spatial-stage,body.motion-reduced .spatial-stage{position:relative;top:0;height:auto;min-height:650px;padding-top:70px;padding-bottom:70px}body.motion-paused .hero-photo-plane,body.motion-reduced .hero-photo-plane{transform:none;will-change:auto}body.motion-paused .hero-orbit,body.motion-reduced .hero-orbit,body.motion-paused .hero-card,body.motion-reduced .hero-card{z-index:2;transform:none}body.motion-paused .motion-card,body.motion-paused .motion-card:hover,body.motion-reduced .motion-card,body.motion-reduced .motion-card:hover{transform:none;will-change:auto}body.motion-paused .reveal,body.motion-reduced .reveal{opacity:1!important;translate:none!important;transition:none!important}body.motion-paused .city-world,body.motion-reduced .city-world{will-change:auto;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-32deg)}body.motion-paused .city-building,body.motion-reduced .city-building{transform:translateZ(0)}body.motion-paused .button:after,body.motion-reduced .button:after{display:none}body.motion-paused .motion-card:hover img,body.motion-reduced .motion-card:hover img{scale:1}body.motion-paused .city-caption,body.motion-reduced .city-caption{bottom:0}@media(max-width:980px){body.motion-paused .spatial-stage,body.motion-reduced .spatial-stage{min-height:0;padding:40px 0 50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon-track,.hero h1 em{animation:none!important}.spatial-section{min-height:0}.spatial-stage{position:relative;top:0;height:auto;min-height:650px;padding-top:70px;padding-bottom:70px}.hero-photo-plane,.hero-card,.hero-orbit,.motion-card,.motion-card:hover{transform:none!important;will-change:auto}.reveal{opacity:1!important;translate:none!important;transition:none!important}.city-world{will-change:auto;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-32deg)!important}.city-building{transform:translateZ(0)!important}.button:after{display:none}@media(max-width:980px){.spatial-stage{min-height:0;padding:40px 0 50px}}}