@import url('./assets/fonts/fonts.css');
:root{--bg:#101410;--gold:#d3b778;--text:#eeece3;--muted:#a3a69a;--scroll:0;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.nav{position:absolute;top:0;left:0;width:100%;z-index:10;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{font-size:34px;letter-spacing:2px;font-weight:500;line-height:1;color:var(--gold)}.brand span{font-size:42px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:6px}.nav nav{display:flex;align-items:center;gap:38px;font-size:12px}.contact-link{border:1px solid #d3b77866;padding:13px 21px}.contact-link span{margin-left:25px;color:var(--gold)}.journey{height:235vh}.stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:#172320;perspective:1100px}.sky{position:absolute;inset:0;background:linear-gradient(110deg,#071411 0%,#23332f 48%,#8d8e78 100%)}.orb{position:absolute;right:12%;top:14%;height:190px;width:190px;border-radius:50%;background:#eee1b0;filter:blur(2px);opacity:.55;box-shadow:0 0 160px 100px #e8dab02b}.terrain{position:absolute;bottom:0;height:31%;width:100%;background:linear-gradient(#26362c,#0c1410);transform:skewY(-5deg) scale(1.2)}.scene{position:absolute;width:810px;height:510px;left:47%;top:27%;transform-origin:57% 63%;transform:translateX(-12%) scale(calc(1 + var(--scroll)*4.5));will-change:transform;opacity:calc(1 - max(0, var(--scroll) - .72)*3.6)}.house{position:absolute;inset:0;filter:drop-shadow(0 30px 30px #0009)}.upper{position:absolute;top:0;left:135px;width:650px;height:190px;background:linear-gradient(110deg,#a2a18c,#727665);border-top:19px solid #d1cbb4;border-right:36px solid #676c5b;transform:skewY(-5deg)}.upper-glass{position:absolute;inset:7px 20px 10px 0;background:repeating-linear-gradient(90deg,transparent 0,transparent 108px,#1a241d 109px,#1a241d 115px),linear-gradient(140deg,#b8b7a464,#243e3b 45%,#dda96c80);border:7px solid #333c31}.slats{position:absolute;right:0;top:0;width:120px;height:100%;background:repeating-linear-gradient(90deg,#7b7258 0,#7b7258 8px,#303c32 9px,#303c32 16px)}.slab{position:absolute;left:15px;top:170px;width:800px;height:27px;background:linear-gradient(#d4ccb6,#737362);transform:skewY(-3deg);box-shadow:0 7px 2px #e8cc8644}.ground-floor{position:absolute;left:45px;top:190px;height:224px;width:740px;display:flex;background:#3e4437}.window{width:340px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#222d24 100px,#222d24 107px),linear-gradient(130deg,#c4a16a70,#7e7c57 50%,#203a32);border:10px solid #30392f;box-shadow:inset 0 0 60px #e5b16b40}.sofa{position:absolute;bottom:22px;left:30px;width:220px;height:65px;background:#b9a98a;border-radius:10px 10px 0 0;box-shadow:0 10px 0 #69624d}.lamp{position:absolute;right:40px;top:40px;width:3px;height:120px;background:#ceb585}.lamp:before{content:'';position:absolute;top:0;left:-18px;width:40px;height:25px;background:#f1dbac;box-shadow:0 0 30px #ffe3a7}.entry{width:190px;background:#171e16;position:relative;perspective:650px;overflow:hidden}.interior{position:absolute;inset:0;background:linear-gradient(90deg,#302b20,#a7946b 49%,#24291d);box-shadow:inset 0 0 55px #000}.inner-light{position:absolute;inset:25px 55px 0;border:2px solid #edce91;box-shadow:0 0 30px #f4cd8244}.door{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(90deg,#635d43 0,#635d43 5px,#756d50 6px,#756d50 10px);border:2px solid #303126;transition:transform .08s linear}.door.left{left:0;transform-origin:left;transform:rotateY(calc(var(--scroll)*-125deg))}.door.right{right:0;transform-origin:right;transform:rotateY(calc(var(--scroll)*125deg))}.door:after{content:'';position:absolute;top:45%;right:12px;width:3px;height:37px;background:var(--gold)}.door.right:after{right:auto;left:12px}.wall{flex:1;background:linear-gradient(110deg,#97947e,#666e5b);display:flex;align-items:center;justify-content:center}.wall span{font-size:12px;letter-spacing:3px;color:#e7d4a5}.steps{position:absolute;left:330px;top:415px;width:300px;height:50px;background:repeating-linear-gradient(#96947d 0,#96947d 11px,#545b49 12px,#545b49 17px);clip-path:polygon(14% 0,85% 0,100% 100%,0 100%)}.pool{position:absolute;left:-160px;top:452px;width:550px;height:100px;transform:skewX(-40deg);background:repeating-linear-gradient(0deg,#8fbaa522 0,#8fbaa522 1px,transparent 2px,transparent 12px),linear-gradient(110deg,#466f64,#6d9d8b);border:10px solid #888e77;box-shadow:0 10px 0 #354737}.tree{position:absolute;width:130px;height:290px;border-radius:50% 50% 25% 25%;background:radial-gradient(ellipse at 60% 30%,#384d31,#112418 70%);filter:blur(2px);bottom:50px;z-index:2}.tree-one{right:-75px}.tree-two{right:-125px;transform:scale(.75);bottom:0}.hero-copy{position:absolute;left:7%;top:29%;z-index:3;opacity:calc(1 - var(--scroll)*2.7);transform:translateY(calc(var(--scroll)*-100px));max-width:650px;text-shadow:0 2px 35px #09140f}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600;margin:0 0 26px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-2px;margin:0}h1{font-size:clamp(58px,5.8vw,92px)}em{color:var(--gold);font-weight:400}h2{font-size:clamp(42px,4.3vw,67px)}.intro{font-size:13px;line-height:1.9;color:#d4d6c9;margin:27px 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--gold);color:#182017;border:0;padding:18px 25px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ebd19c;transform:translateY(-2px)}.inside-copy{position:absolute;inset:35% 5% auto;text-align:center;opacity:clamp(0,calc((var(--scroll) - .72)*5),1);pointer-events:none}.inside-copy h2{font-size:clamp(42px,5vw,76px)}.stage-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d2d4c6}.scroll-cue{animation:pulse 2s infinite}.progress-track{position:absolute;bottom:0;left:0;height:2px;background:#ffffff12;width:100%}.progress-track i{display:block;background:var(--gold);height:100%;width:calc(var(--scroll)*100%)}.section{padding:110px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-note{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:8px}.filters{display:flex;gap:28px;margin:45px 0 32px;border-bottom:1px solid #ffffff20}.filters button{padding:0 0 17px;background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);font-size:12px}.filters button.active{color:var(--gold);border-color:var(--gold)}sup{font-size:8px;margin-left:6px}.property-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px}.property{display:block;background:none;border:0;color:var(--text);text-align:left;padding:0;min-width:0}.property[hidden]{display:none}.property-image{position:relative;overflow:hidden;height:325px}.property-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.65)}.property:hover img{transform:scale(1.05);filter:saturate(1)}.tag{position:absolute;top:15px;left:15px;background:#121b16c9;padding:9px 11px;font-size:8px;letter-spacing:1px}.property-arrow{position:absolute;bottom:15px;right:15px;background:#e9e5d8;color:#182017;padding:10px 15px;font-size:20px}.property-info{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.property-info h3{font-size:17px;font-weight:500;margin:0}.property-info>span{font-size:10px;color:var(--gold)}.property>p{font-size:11px;color:var(--muted);line-height:1.7}.property-meta{display:flex;gap:15px;border-top:1px solid #ffffff20;padding-top:17px;font-size:9px;color:#c6c9bc;margin-top:19px}.property-meta span:last-child{margin-left:auto}.approach{background:#191e18;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.brand-photo{height:620px;overflow:hidden}.brand-photo img{width:100%;height:100%;object-fit:cover;object-position:55%}.approach-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;max-width:430px;margin:28px 0}.approach-row{display:flex;gap:25px;border-top:1px solid #ffffff18;padding:21px 0}.approach-row>span{font-size:10px;color:var(--gold);padding-top:4px}.approach-row h3{margin:0 0 8px;font-size:14px;font-weight:500}.approach-row p{color:var(--muted);font-size:11px;margin:0;line-height:1.7}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>p:not(.eyebrow){color:var(--muted);line-height:1.9;margin-top:25px}.demo-note{display:block;color:var(--gold);font-size:10px;margin-top:30px;line-height:1.7}form label{display:block;font-size:11px;color:#d0d1c5;margin-bottom:24px}label>span{color:var(--muted)}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff30;background:transparent;border-radius:0;color:var(--text);padding:14px 0;font-size:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#747e70}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}#form-status{font-size:12px;color:var(--gold);line-height:1.8}footer{margin:0 7%;padding:35px 0;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:25px}footer .brand span{font-size:30px}footer .brand small{font-size:6px}footer>span{font-size:9px;letter-spacing:1px;color:var(--muted)}dialog{background:#1b231b;color:var(--text);border:1px solid #d3b77866;padding:55px;max-width:550px;width:90%}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:42px}dialog>p:not(.eyebrow){line-height:1.9;color:var(--muted);margin:25px 0}.close-dialog{position:absolute;right:15px;top:10px;background:none;border:0;color:var(--gold);font-size:30px}@keyframes pulse{50%{opacity:.45}}@media(min-width:1600px){.scene{left:51%;top:30%;transform:translateX(-12%) scale(calc(1.2 + var(--scroll)*4.5))}}@media(max-width:1000px){.scene{left:30%;top:39%;transform:scale(calc(.8 + var(--scroll)*4.5))}.hero-copy{top:23%;left:6%}.hero-copy h1{font-size:65px}.section{padding:75px 6%}.property-grid{grid-template-columns:1fr 1fr}.property:last-child{grid-column:1/-1;max-width:60%}.approach{gap:5%}.brand-photo{height:570px}.contact{gap:7%}.property-image{height:280px}}@media(max-width:640px){.nav{padding:21px 6%}.nav .brand{font-size:26px}.nav .brand span{font-size:32px}.nav .brand small{font-size:6px;letter-spacing:2px}.nav nav{gap:18px;font-size:10px}.nav nav>a:nth-child(2){display:none}.contact-link{padding:10px}.contact-link span{margin-left:8px}.stage{min-height:740px}.journey{height:210vh}.hero-copy{top:21%;right:6%}.hero-copy h1{font-size:53px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:19px}.intro{font-size:11px;margin:20px 0}.scene{left:-255px;top:53%;transform-origin:57% 55%;transform:scale(calc(.69 + var(--scroll)*4.8))}.orb{width:130px;height:130px;top:38%;right:5%}.stage-bottom{font-size:7px;bottom:22px;letter-spacing:1px}.stage-bottom>span:first-child{display:none}.inside-copy{top:38%}.inside-copy h2{font-size:43px}.section{padding:65px 6%}.section-heading{display:block}.section-note{margin-top:25px;font-size:11px}.filters{gap:20px;margin-top:30px}.filters button{font-size:11px}.property-grid{grid-template-columns:1fr;gap:35px}.property:last-child{grid-column:auto;max-width:none}.property-image{height:340px}.approach{grid-template-columns:1fr;gap:38px}.brand-photo{height:300px}.approach h2{font-size:44px}.contact{grid-template-columns:1fr;gap:35px}h2{font-size:46px}.contact .demo-note{margin-top:15px}.form-row{gap:18px}footer{flex-wrap:wrap;margin:0 6%;gap:20px}footer>span{font-size:7px}footer>span:last-child{width:100%}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{height:100svh;min-height:740px}.scene{transform:scale(.69)!important}.hero-copy{opacity:1!important;transform:none!important}.inside-copy{display:none}}