:root{--night:#161c20;--ink:#25262a;--paper:#f3f0e9;--milk:#eee8dd;--muted:#a8aba7;--wine:#64273d;--teal:#173c3e;--brass:#b49a74;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;--rx:0deg;--ry:0deg}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--night);color:var(--milk);font:300 16px/1.7 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}img{display:block;width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--brass);outline-offset:6px}button{touch-action:manipulation}.skip{position:fixed;left:20px;top:-100px;padding:10px;background:var(--paper);color:var(--ink);z-index:100}.skip:focus{top:15px}.wrap{padding-inline:clamp(24px,6.2vw,108px)}.reading-line{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:left;z-index:70;pointer-events:none}
.header{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px clamp(24px,4vw,72px);border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img:first-child{width:30px;height:34px}.brand img:last-child{width:150px;height:auto;filter:brightness(0) invert(1)}.header nav{display:flex;gap:30px;font-size:11px;letter-spacing:.03em}.header nav a{color:#e2dcd0}.header-cta{font-size:11px;border-bottom:1px solid #ffffff60;padding-bottom:5px}.header-cta span{margin-left:25px}.header nav a:hover,.header-cta:hover{color:white}
.eyebrow,.section-kicker{text-transform:uppercase;font-size:10px;letter-spacing:.19em;font-weight:500}.section-kicker{margin:0 0 42px;color:var(--brass)}.section-kicker span{margin-right:18px}.display{font:400 clamp(52px,6.3vw,102px)/.92 var(--serif);letter-spacing:-.04em;margin:0}.display em{font-weight:400}.text-link{display:inline-flex;gap:32px;align-items:center;padding:10px 0;border-bottom:1px solid #fff5;font-size:11px;letter-spacing:.05em}.text-link span{font-size:20px}.hero{height:max(800px,100svh);max-height:1200px;position:relative;isolation:isolate;overflow:hidden;padding:180px 7vw 140px}.hero-city{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-city>img{height:100%;object-fit:cover;object-position:center 46%;filter:brightness(.65) saturate(.65);transform:scale(1.03);animation:city-breathe 22s ease-in-out infinite alternate}.hero-city:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11191bf2 0%,#141b20d9 31%,#18202b30 72%),linear-gradient(0deg,#161c20 0%,transparent 45%,#11192070)}.city-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 40%,#d58c6330,transparent 50%);mix-blend-mode:screen;animation:light-drift 16s ease-in-out infinite alternate}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(33.33% - 1px),#ffffff08 33.33%,transparent calc(33.33% + 1px),transparent calc(66.66% - 1px),#ffffff08 66.66%,transparent calc(66.66% + 1px));z-index:-1}.hero-copy{position:relative;z-index:3;width:62%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{color:#d7be9a;margin:0 0 34px}.hero h1{font:400 clamp(76px,8.6vw,144px)/.81 var(--serif);letter-spacing:-.05em;margin:0 0 35px;text-shadow:0 3px 40px #12191e80}.hero h1 em{font-weight:400;color:#ddc9ad}.hero-lead{font-size:15px;line-height:1.8;color:#cbc7bd;margin-bottom:28px}.hero-room{position:absolute;right:6vw;top:22%;width:39%;height:62%;max-height:650px;perspective:1500px;transform:perspective(1600px) rotateY(-13deg) rotateX(3deg);box-shadow:-18px 25px 80px #0007;transition:transform .7s ease;z-index:1}.hero-room>img{height:100%;object-fit:cover;object-position:53% center;border:1px solid #c6b7a460}.glass-edge{position:absolute;inset:12px -13px -13px 12px;border:1px solid #ffffff30;background:linear-gradient(135deg,#fff1,transparent);z-index:-1}.room-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#e0cba424 48%,transparent 63%);mix-blend-mode:screen;animation:light-drift 12s ease-in-out infinite alternate;pointer-events:none}.room-label{position:absolute;right:20px;bottom:18px;text-transform:uppercase;font-size:9px;letter-spacing:.15em;color:#fff;writing-mode:vertical-rl;text-shadow:0 1px 4px #000}.hero-bottom{position:absolute;bottom:34px;left:6.2vw;right:6.2vw;display:flex;justify-content:space-between;gap:24px;color:#939b9d;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.motion-toggle{background:none;border:0;padding:0;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.motion-toggle span{margin-left:14px}.entrance{animation:entrance 1.2s ease both}.hero h1{animation-delay:.12s}.hero-lead{animation-delay:.25s}.hero .text-link{animation-delay:.35s}
.opening{padding-block:130px 110px;background:var(--paper);color:var(--ink)}.opening-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:9vw;align-items:end}.body-copy{color:#60625e;font-size:15px;line-height:1.9}.body-copy p:first-child{margin-top:0}.property-facts{margin-top:90px;padding-top:32px;border-top:1px solid #34382b24;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.property-facts b{font:400 68px/1 var(--serif);letter-spacing:-.04em}.property-facts b span{font-size:30px}.property-facts p{font-size:11px;color:#818277;margin:10px 0 0}
.rhythm{padding-block:140px}.rhythm-head,.plan-heading,.gallery-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:60px}.aside-note{font-size:12px;line-height:1.9;color:#a0a39e;max-width:260px;margin:0}.rhythm-stage{display:grid;grid-template-columns:1.5fr .7fr;min-height:610px;background:#202728}.rhythm-visual{position:relative;overflow:hidden}.rhythm-visual>img{height:100%;object-fit:cover;min-height:520px;transition:opacity .25s ease,transform 1.2s ease}.rhythm-visual:after{content:'';position:absolute;inset:0;border:1px solid #fff1;pointer-events:none}.light-ribbon{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,#f9db9821 50%,transparent 58%);transform:translateX(-20%);animation:light-drift 14s ease-in-out infinite alternate;pointer-events:none}.expand-photo{position:absolute;bottom:24px;right:24px;background:#f2ebdcdd;color:#25262a;width:44px;height:44px;border:0;border-radius:50%;font-size:22px}.rhythm-copy{padding:50px 38px;display:flex;flex-direction:column;justify-content:center}.chapter-number{color:#baa58a;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.rhythm-copy h3{font:400 clamp(40px,4vw,60px)/.95 var(--serif);letter-spacing:-.03em;margin:35px 0 25px}.rhythm-copy>p{color:#aeb1a8;font-size:13px;line-height:1.9}.rhythm-tabs{display:flex;gap:19px;margin-top:35px}.rhythm-tabs button{border:0;border-bottom:1px solid transparent;background:none;padding:9px 0;font-size:11px;color:#979c94}.rhythm-tabs button[aria-selected=true]{color:#e6cfaa;border-bottom-color:#b99d77}
.colour-story{position:relative;background:#e9e3da;color:#26252a;overflow:hidden;padding-block:130px}.colour-copy{position:relative;z-index:2;width:75%;pointer-events:none}.colour-copy>p:last-child{max-width:450px;color:#68635d;font-size:14px;line-height:1.9;margin-top:35px}.material-scene{position:absolute;right:-45px;top:70px;width:380px;height:500px;perspective:1100px;pointer-events:none;opacity:.8}.material-orbit{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:material-sway 14s ease-in-out infinite alternate}.material-pane{position:absolute;width:175px;height:250px;top:60px;left:90px;box-shadow:12px 24px 35px #271e261c;border:1px solid #fff6;backface-visibility:visible}.material-pane span{position:absolute;left:12px;bottom:12px;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.pane-linen{background:repeating-linear-gradient(2deg,#cdc1ad 0px,#e5d9c7 1px,#d8cbb5 2px);transform:translate3d(-75px,60px,-70px) rotateY(-23deg);color:#746651}.pane-wood{background:repeating-linear-gradient(92deg,#614537 0px,#745340 2px,#654732 5px,#78563e 6px);transform:translate3d(-20px,-20px,-10px) rotateY(-23deg);color:#f0dfc6}.pane-wine{background:linear-gradient(150deg,#78334a,#492433);transform:translate3d(40px,20px,60px) rotateY(-23deg);color:#e9c3cf}.pane-glass{background:linear-gradient(130deg,#ffffff50,#ffffff05 50%,#ffffff45);transform:translate3d(90px,-45px,135px) rotateY(-23deg);color:#6f625c;border:1px solid #ffffffb0;backdrop-filter:blur(2px)}.photo-diptych{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:start;margin-top:90px}.photo-diptych figure{margin:0}.photo-diptych figure:nth-child(2){padding-top:120px}.photo-diptych button{border:0;background:none;padding:0;width:100%;position:relative;text-align:left}.photo-diptych img{height:530px;object-fit:cover}.photo-diptych button>span{position:absolute;bottom:18px;right:18px;color:white;background:#1a1d1bc7;padding:7px 12px;font-size:10px}.photo-diptych figcaption{font-size:10px;color:#857a6e;margin-top:18px;letter-spacing:.05em}
.plan-section{padding-block:140px;background:#183538}.plan-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.plan-space{min-height:600px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1300px}.plan-slab{position:relative;width:100%;transform:rotateX(43deg) rotateZ(-15deg);transform-style:preserve-3d;box-shadow:0 2px 0 #c3b8a3,0 4px 0 #b4aa98,0 6px 0 #aca08d,0 8px 0 #9b8e7b,0 45px 55px #0005;transition:transform .8s ease;background:#f4f0e8}.plan-slab img{pointer-events:none;filter:sepia(.12) contrast(.95)}.plan-slab:hover{transform:rotateX(25deg) rotateZ(-7deg)}.plan-footnote{position:absolute;bottom:6px;left:0;font-size:9px;color:#a7b9b0;letter-spacing:.04em}.room-pin{position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid #ffffffc0;background:#66384f;color:white;box-shadow:0 8px 15px #31213160;display:grid;place-items:center;transform:translate(-50%,-50%) translateZ(24px);font-size:11px;transition:background .3s,box-shadow .3s}.room-pin[aria-pressed=true]{background:#b08b52;box-shadow:0 0 0 8px #b08b522e,0 8px 15px #31213160}.pin-living{left:70%;top:27%}.pin-study{left:33%;top:22%}.pin-bedroom{left:31%;top:73%}.room-detail{background:#10292b;overflow:hidden}.room-detail>img{height:270px;object-fit:cover;transition:opacity .2s ease}.room-detail-copy{padding:28px 30px 12px}.room-detail-copy>p:first-child{font-size:9px;color:#bfaa8d;letter-spacing:.1em;text-transform:uppercase}.room-detail-copy h3{font:400 38px/.98 var(--serif);margin:18px 0}.room-detail-copy>p:last-child{font-size:12px;line-height:1.8;color:#a5b6ad}.room-buttons{display:flex;gap:14px;padding:0 30px 28px}.room-buttons button{background:transparent;border:0;border-bottom:1px solid transparent;font-size:9px;padding:7px 0;color:#9bad9f}.room-buttons button[aria-pressed=true]{color:#e4cfac;border-color:#b69c73}
.city-chapter{position:relative;min-height:800px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.city-chapter>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.city-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#121a1eef,#18202970),linear-gradient(0deg,#161c20a0,transparent)}.city-copy{max-width:1000px;padding-block:120px}.city-copy>p:not(.section-kicker){font-size:15px;color:#c5c2b6;line-height:1.9;max-width:450px;margin:35px 0}.city-line{display:flex;gap:20px;align-items:center;margin-top:60px;font-size:9px;color:#d0bfa5;max-width:520px}.city-line i{height:1px;flex:1;background:#ccb28c60;position:relative}.city-line i:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;background:#d2b58c;border-radius:50%;animation:travel-dot 6s ease-in-out infinite}
.gallery-section{padding-block:130px;background:var(--paper);color:var(--ink)}.gallery-section .aside-note{color:#84867b}.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.gallery-tile{position:relative;overflow:hidden;background:#e0dacf;border:0;padding:0;aspect-ratio:1.2;display:block}.gallery-tile img{height:100%;object-fit:cover;transition:transform .7s ease}.gallery-tile:hover img{transform:scale(1.04)}.gallery-tile span{position:absolute;right:14px;bottom:12px;width:31px;height:31px;background:#f4eddfdd;color:#32362d;display:grid;place-items:center;border-radius:50%}.gallery-tile[hidden]{display:none}.gallery-more{margin:40px auto 0;display:flex;justify-content:space-between;gap:45px;align-items:center;background:none;border:0;border-bottom:1px solid #5f604c6b;color:#4c5149;padding:12px 0;font-size:11px}.gallery-more span{font-size:20px}
.expert-section{padding-block:130px;display:grid;grid-template-columns:.8fr 1fr;gap:12vw;align-items:center;background:#202426}.expert-portrait{position:relative;max-width:480px;justify-self:center;box-shadow:20px 24px 0 #b9a5860d}.expert-portrait img{max-height:730px;object-fit:cover;object-position:center 28%;filter:saturate(.8)}.expert-portrait span{position:absolute;bottom:25px;left:24px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#e9dfd1}.expert-letter{max-width:650px;position:relative}.letter-symbol{width:40px;height:45px;position:absolute;right:0;top:0;filter:grayscale(1) brightness(1.9);opacity:.45}.expert-letter .section-kicker{margin-bottom:32px}.expert-letter blockquote{font:400 28px/1.4 var(--serif);margin:36px 0 18px;color:#ded5c4}.expert-letter>p:not(.section-kicker):not(.signature){font-size:13px;color:#a9aca5;line-height:1.9;max-width:450px}.signature{font:400 43px/1.2 'Caveat',cursive;margin:30px 0 8px;color:#d2bba0}.expert-role{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9b9d92}
.invitation{padding-block:125px;background:#e8e0d4;color:#292a27}.invitation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:center}.invitation-copy>p{max-width:400px;font-size:14px;line-height:1.9;color:#79796d}.asking-price{display:flex;flex-direction:column;margin:35px 0}.asking-price strong{font:400 70px/1 var(--serif);letter-spacing:-.03em}.asking-price strong span{font-size:28px}.asking-price>span{font-size:10px;color:#898579;margin-top:8px}.viewing-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#233b38;color:#f1eadd;border:1px solid #233b38;padding:20px 24px;font-size:11px;width:100%;max-width:410px}.viewing-button:hover{background:#344c45}.invitation-copy .quiet-note{font-size:10px;margin-top:16px}.footer{padding-block:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff14;font-size:9px;letter-spacing:.05em;color:#9e9f94}.footer .brand img:first-child{width:25px;height:28px}.footer .brand img:last-child{width:130px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.25,1)}.reveal.visible{opacity:1;transform:none}.photo-dialog,.contact-dialog{border:0;padding:60px 50px 35px;color:var(--milk);background:transparent;width:100%;height:100%;max-width:none;max-height:none;margin:0}.photo-dialog::backdrop,.contact-dialog::backdrop{background:#11191cf2;backdrop-filter:blur(9px)}.photo-dialog[open]{display:grid;place-items:center}.photo-dialog figure{margin:0;max-width:100%;animation:dialog-open .5s ease both}.photo-dialog figure img{height:auto;width:auto;max-width:calc(100vw - 140px);max-height:calc(100svh - 150px);object-fit:contain;margin:auto}.photo-dialog figcaption{text-align:center;color:#bfb4a1;font-size:10px;margin-top:18px}.dialog-close,.contact-close{position:absolute;top:20px;right:25px;border:1px solid #ffffff50;border-radius:50%;background:#1d2a27;width:44px;height:44px;color:#f4eddf;font-size:27px}.dialog-prev,.dialog-next{position:absolute;top:50%;width:43px;height:43px;border:1px solid #fff4;border-radius:50%;background:#1d2a27;font-size:20px}.dialog-prev{left:20px}.dialog-next{right:20px}.contact-dialog[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:dialog-open .4s ease}.contact-dialog h2{font:400 clamp(43px,6vw,80px)/.95 var(--serif);margin:25px 0}.contact-dialog>p{color:#b9b7aa;font-size:12px}.contact-call{font:400 clamp(28px,4vw,44px)/1.5 var(--serif);border-bottom:1px solid #c8aa7c;margin:25px 0}.contact-call span{margin-left:20px}.contact-note{max-width:300px}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@keyframes city-breathe{to{transform:scale(1.07) translateX(-.5%)}}@keyframes light-drift{to{transform:translateX(14%) translateY(3%)}}@keyframes material-sway{from{transform:rotateY(-10deg) rotateX(4deg)}to{transform:rotateY(12deg) rotateX(-4deg)}}@keyframes travel-dot{to{left:100%}}@keyframes entrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes dialog-open{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-top:210px}.hero-room{right:8vw;width:36%}.hero-copy{width:60%}}
@media(max-width:1100px){.header nav{gap:18px}.opening-grid{gap:5vw;grid-template-columns:1.1fr .8fr}.rhythm-stage{grid-template-columns:1.2fr .8fr;min-height:520px}.rhythm-copy{padding:30px 25px}.material-scene{right:-140px;opacity:.4}.colour-copy{width:85%}.plan-layout{gap:4vw;grid-template-columns:1fr 1fr}.plan-space{min-height:470px}.expert-section{gap:7vw}.expert-letter blockquote{font-size:25px}}
@media(max-width:760px){.header{padding:20px 23px}.header nav{display:none}.brand img:first-child{width:24px;height:28px}.brand img:last-child{width:117px}.header-cta{font-size:9px}.header-cta span{margin-left:10px}.hero{height:auto;max-height:none;min-height:100svh;padding:145px 24px 90px}.hero-copy{width:100%}.hero h1{font-size:clamp(66px,16vw,106px);line-height:.85}.hero .eyebrow{font-size:9px;margin-bottom:30px}.hero-lead{font-size:13px}.hero-room{position:relative;width:75%;height:310px;margin:58px 0 35px auto;right:auto;top:auto;transform:perspective(1200px) rotateY(-9deg) rotateX(2deg)}.hero-bottom{position:static;display:flex;flex-wrap:wrap;font-size:8px;gap:14px;margin-top:40px}.hero-bottom>span:nth-child(2){display:none}.hero-bottom .motion-toggle{margin-left:auto;font-size:8px}.hero-city>img{object-position:65% center}.hero-city:after{background:linear-gradient(180deg,#11191be0,#141b20cc 32%,#18202b60 70%,#161c20)}.display{font-size:clamp(46px,11vw,74px)}.opening,.rhythm,.colour-story,.plan-section,.gallery-section,.expert-section,.invitation{padding-block:80px}.opening-grid{grid-template-columns:1fr;gap:35px}.body-copy{font-size:14px}.section-kicker{margin-bottom:30px;font-size:9px}.property-facts{grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}.property-facts b{font-size:55px}.property-facts p{font-size:10px}.rhythm-head,.plan-heading,.gallery-heading{display:block;margin-bottom:35px}.aside-note{margin-top:27px;font-size:11px}.rhythm-stage{grid-template-columns:1fr;min-height:0}.rhythm-visual>img{height:310px;min-height:0}.rhythm-copy{padding:32px 25px}.rhythm-copy h3{font-size:46px;margin-top:23px}.rhythm-tabs{margin-top:20px}.colour-copy{width:100%}.colour-copy>p:last-child{max-width:83%;font-size:13px}.material-scene{top:270px;right:-190px;opacity:.25;transform:scale(.8)}.photo-diptych{grid-template-columns:1fr;gap:42px;margin-top:50px}.photo-diptych figure{width:88%}.photo-diptych figure:nth-child(2){padding-top:0;margin-left:auto}.photo-diptych img{height:400px}.plan-layout{grid-template-columns:1fr;gap:40px}.plan-space{min-height:390px}.plan-slab{width:90%;transform:rotateX(36deg) rotateZ(-12deg)}.room-pin{width:35px;height:35px}.room-detail>img{height:260px}.city-chapter{min-height:690px}.city-copy{padding-block:85px}.city-line{gap:12px;font-size:8px}.city-copy>p:not(.section-kicker){font-size:13px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-tile{aspect-ratio:.88}.gallery-tile span{width:26px;height:26px;bottom:8px;right:8px;font-size:12px}.expert-section{grid-template-columns:1fr;gap:55px}.expert-portrait{width:80%;justify-self:start}.expert-portrait img{max-height:570px}.expert-letter blockquote{font-size:25px}.signature{font-size:36px}.letter-symbol{width:32px;right:10px;top:4px}.invitation-grid{grid-template-columns:1fr;gap:35px}.asking-price strong{font-size:62px}.footer{flex-wrap:wrap;padding-block:30px}.footer>span{width:100%;order:3}.photo-dialog{padding:65px 14px 90px}.photo-dialog figure img{max-width:calc(100vw - 28px);max-height:calc(100svh - 200px)}.dialog-prev,.dialog-next{top:auto;bottom:22px}.dialog-prev{left:calc(50% - 60px)}.dialog-next{right:calc(50% - 60px)}.photo-dialog figcaption{font-size:9px;max-width:280px;margin-inline:auto}.contact-dialog{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-room{transform:none}.plan-slab,.plan-slab:hover{transform:rotateX(20deg) rotateZ(-6deg)}}