:root{--ink:#000000;--coal:#121212;--chalk:#eae6dd;--muted:#a5a69b;--stone:#c4b6a3;--line:rgba(234,230,221,.2);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--gutter:clamp(24px,4.2vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--chalk);font-family:Manrope,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button{border:0;background:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--chalk);outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--chalk);outline-offset:5px}::selection{background:var(--chalk);color:var(--ink)}h1,h2,h3,p{margin:0}button:active{transform:scale(.98)}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:15px;z-index:1000;padding:15px;background:var(--chalk);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:29px var(--gutter);transition:background 250ms ease,padding 250ms var(--ease-out);background:linear-gradient(#00000066,transparent)}.site-header.scrolled{background:#000;padding-top:18px;padding-bottom:18px;backdrop-filter:none}.brand{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:29px;letter-spacing:.28em;line-height:1;display:block}.brand span{display:block;font-family:Manrope,Arial,sans-serif;font-size:7px;font-weight:500;letter-spacing:.35em;text-align:center;margin-top:9px;padding-right:7px}.desktop-nav{display:flex;gap:42px;align-items:center;font-size:12px}.desktop-nav a{padding:8px 0}.desktop-nav span{font-size:9px;color:#c6c6bd;margin-left:7px}.desktop-nav a:last-child{margin-left:35px}.desktop-nav a:last-child span{font-size:18px;color:var(--chalk);margin-left:17px}.menu-toggle,.mobile-nav{display:none}
.hero-journey{height:850svh;position:relative}.hero-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#000000}.scenes,.scene{position:absolute;inset:0}.scene{opacity:0;visibility:hidden;transition:opacity 1200ms var(--ease-out),visibility 1200ms;overflow:hidden}.scene.active{opacity:1;visibility:visible;z-index:1}.scene-visual{position:absolute;left:50%;top:50%;width:max(100vw,177.7778svh);height:max(56.25vw,100svh);transform:translate(-50%,-50%)}.scene-visual img{width:100%;height:100%;object-fit:cover}.scene-bg{z-index:0}.scene-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),transparent 44%,rgba(0,0,0,.12))}.scene-title{position:absolute;z-index:2;top:16%;left:4%;width:92%;text-align:center;font:400 clamp(150px,26.5vw,600px)/.9 Italiana,Georgia,serif;letter-spacing:.045em;padding-left:.045em;color:#eee9df;transition:transform 1000ms var(--ease-out),opacity 800ms var(--ease-out);transform:translateY(35px);opacity:0}.scene.active .scene-title{transform:translateY(0);opacity:1}.scene-fg{z-index:3;clip-path:polygon(0 52%,12% 52%,22% 44%,40% 39%,60% 40%,80% 43%,100% 40%,100% 100%,0 100%);pointer-events:none}.scene-fg img{filter:brightness(.99)}.scene-bottom-shade{position:absolute;inset:0;z-index:4;background:linear-gradient(transparent 52%,#090b08a3 82%,#090b08e8)}.hero-topline{position:absolute;top:119px;left:var(--gutter);right:var(--gutter);z-index:6;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#d7d8cd}.hero-topline>span:last-child{font-size:8px;letter-spacing:.12em;color:#bdc0b6}.hero-bottom{position:absolute;bottom:100px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr auto 80px;align-items:end;gap:42px;z-index:6}.hero-story p{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:clamp(26px,2.4vw,44px);line-height:1.2;max-width:480px;margin-bottom:23px}.text-link{padding:0 0 10px;border-bottom:1px solid #bcbeb3;font-size:11px;display:inline-flex;gap:40px;align-items:center;line-height:1.5}.text-link span{font-size:19px;line-height:1}.residence-selector{display:flex;gap:13px}.residence-choice{padding:0;text-align:left;width:clamp(64px,7.2vw,125px);opacity:.55;transition:opacity 200ms ease}.thumb-wrap{display:block;padding:3px;border:1px solid transparent;transition:border-color 200ms ease;margin-bottom:10px}.thumb-wrap img{width:100%;aspect-ratio:1.62;object-fit:cover}.residence-choice[aria-pressed=true]{opacity:1}.residence-choice[aria-pressed=true] .thumb-wrap{border-color:var(--chalk)}.choice-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em}.choice-label span:last-child{color:#b9baaf}.hero-counter{display:flex;align-items:center;gap:10px;padding-bottom:29px;font:300 15px Manrope,Arial,sans-serif;color:#b9baaf}.hero-counter>span:first-child{font-size:32px;color:var(--chalk)}.counter-divider{height:29px;width:1px;background:var(--line);transform:rotate(24deg)}.hero-footnote{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;z-index:6;font-size:9px;color:#b9baaf}.scroll-cue{display:flex;gap:14px;align-items:center}.scroll-cue>span{font-size:18px}.hero-footnote a span{margin-left:12px}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:7;background:#eeeeee13}.journey-progress span{display:block;height:100%;background:var(--chalk);transform-origin:left;transform:scaleX(0)}
.section-space{padding:140px var(--gutter)}.section-kicker{display:flex;gap:15px;align-items:center;font-size:11px;color:var(--muted)}.small-mark{font-family:Manrope,sans-serif;font-weight:200;font-size:37px;color:var(--chalk);line-height:1}.studio-main{display:grid;grid-template-columns:1.65fr 1fr;gap:8vw;margin-top:57px}.studio h1{font:300 clamp(35px,4.3vw,74px)/1.15 Manrope,sans-serif;letter-spacing:-.035em}.studio h1 span{color:var(--muted)}.studio-copy{padding-top:5px;max-width:420px;font-size:13px;line-height:1.95;color:#bdbeb5}.studio-copy p+p{margin-top:22px}.studio-copy .text-link{margin-top:32px;color:var(--chalk)}.studio-caption{display:flex;justify-content:space-between;margin-top:90px;padding-top:24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.collection{padding-top:80px;background:#0b0b0b}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px;gap:25px}.eyebrow{font-size:10px;color:var(--muted);margin-bottom:25px}.section-heading h2,.approach h2{font:300 clamp(38px,4.7vw,80px)/1.07 Manrope,sans-serif;letter-spacing:-.035em}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);padding-bottom:8px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:95px 8vw;align-items:start}.project-card:nth-child(even){padding-top:145px}.project-card:nth-child(3){margin-top:-40px}.project-image-button{display:block;width:100%;padding:0;overflow:hidden;position:relative;cursor:pointer}.project-image-button img{width:100%;aspect-ratio:1.32;object-fit:cover;transition:transform 1000ms var(--ease-out)}.project-card:nth-child(even) .project-image-button img{aspect-ratio:1.06}.project-card:nth-child(3) .project-image-button img{aspect-ratio:1.4}.project-open-indicator{position:absolute;bottom:22px;right:22px;display:grid;place-items:center;background:#eae6dd;width:43px;height:43px;border-radius:50%;color:var(--ink);font-size:21px;transform:translateY(6px);opacity:0;transition:opacity 250ms ease,transform 250ms var(--ease-out)}.project-meta{display:flex;justify-content:space-between;align-items:start;padding-top:21px}.project-meta h3{font:300 32px/1 Manrope,sans-serif;letter-spacing:-.025em}.project-meta p{font-size:10px;color:var(--muted);margin-top:9px}.project-meta>span{font-size:9px;color:var(--muted);padding-top:5px}.concept-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:85px;max-width:400px}.image-reveal{clip-path:inset(0 0 12% 0);transition:clip-path 1000ms var(--ease-in-out)}.image-reveal.in-view{clip-path:inset(0)}
.landscape-pause{height:85svh;min-height:500px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.landscape-pause>img{position:absolute;width:100%;height:120%;object-fit:cover;top:-10%;filter:brightness(.58)}.landscape-veil{position:absolute;inset:0;background:linear-gradient(#00000020,#00000010,#00000090)}.landscape-pause>p{position:relative;font:italic 300 clamp(36px,5vw,85px)/1.2 Georgia,serif;letter-spacing:-.04em;text-shadow:0 2px 40px #0006}.landscape-pause>span{position:absolute;bottom:55px;font-size:10px;color:#c9c9c0}
.approach{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw}.approach h2{font-size:clamp(36px,4vw,68px)}.approach-title>p:last-child{font-size:12px;line-height:1.9;max-width:300px;margin-top:30px;color:var(--muted)}.approach-steps{padding-top:34px}.approach details{border-top:1px solid var(--line);padding:25px 0}.approach details:last-child{border-bottom:1px solid var(--line)}.approach summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font:300 23px Manrope,sans-serif;cursor:pointer}.approach summary::-webkit-details-marker{display:none}.details-icon{width:15px;height:15px;position:relative;flex-shrink:0}.details-icon:before,.details-icon:after{content:"";position:absolute;top:7px;left:0;width:14px;height:1px;background:var(--muted)}.details-icon:after{transform:rotate(90deg);transition:transform 200ms var(--ease-out)}details[open] .details-icon:after{transform:rotate(0)}.approach details p{font-size:12px;line-height:1.9;color:var(--muted);max-width:355px;padding:19px 22px 2px 0}
.enquire{background:#141414;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:115px;padding-bottom:110px}.enquire h2{font:300 clamp(55px,6.1vw,105px)/1.02 Manrope,sans-serif;letter-spacing:-.035em}.enquire-intro>p:not(.eyebrow){margin-top:32px;font-size:12px;line-height:1.9;color:#b9bcb0}.demo-label{display:inline-block;font-size:9px;color:var(--muted);margin-top:60px}.enquire form{padding-top:27px}.enquire label{display:block;font-size:10px;line-height:1.4;color:#d0d1c7;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input,select,textarea{width:100%;display:block;color:var(--chalk);border:0;border-bottom:1px solid #ffffff35;background:none;border-radius:0;padding:13px 0;font-size:12px;resize:vertical;transition:border-color 200ms ease}input::placeholder,textarea::placeholder{color:#a1a497;opacity:1}select{color:#b9bcb0;cursor:pointer}select option{background:#141414;color:var(--chalk)}textarea{min-height:100px;line-height:1.8}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-bottom p{font-size:9px;line-height:1.8;color:#aeb1a4}.submit-button{font-size:11px;background:var(--chalk);color:var(--ink);padding:17px 21px;display:flex;align-items:center;gap:24px;white-space:nowrap}.submit-button span{font-size:20px}.form-status{padding:22px;border:1px solid #a5a69b60;margin-top:25px;font-size:12px;line-height:1.8}.site-footer{padding:50px var(--gutter) 30px}.footer-wordmark{font:200 24.7vw/.96 Manrope,sans-serif;letter-spacing:.075em;display:block;text-align:center;padding-left:.075em;color:#dddcd2}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:36px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}
body.modal-open{overflow:hidden}#project-dialog{padding:0;margin:auto;border:1px solid #eae6dd22;background:var(--ink);color:var(--chalk);width:calc(100% - 60px);max-width:1600px;height:calc(100svh - 60px);max-height:none;overflow:auto;overscroll-behavior:contain}#project-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}#project-dialog[open]{animation:dialog-enter 250ms var(--ease-out)}@keyframes dialog-enter{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.dialog-close{position:sticky;display:flex;gap:26px;align-items:center;top:22px;margin:22px 24px -65px auto;z-index:10;font-size:11px;background:#000000de;padding:10px 17px;backdrop-filter:blur(8px)}.dialog-close span{font-size:25px;line-height:1}.dialog-hero{height:65svh;min-height:370px;position:relative;display:flex;align-items:end;padding:45px}.dialog-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dialog-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0009)}.dialog-hero h2{position:relative;z-index:1;font:400 clamp(80px,14vw,210px)/.9 Italiana,Georgia,serif}.dialog-body{padding:65px;display:grid;grid-template-columns:1.2fr 1fr;gap:9vw}.dialog-description h3{font:300 37px/1.12 Manrope,sans-serif;margin-bottom:25px}.dialog-description p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:16px}.project-facts{margin:0}.project-facts>div{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px}.project-facts dt{color:var(--muted)}.project-facts dd{margin:0;text-align:right}.dialog-detail{margin:0 65px 55px;display:grid;grid-template-columns:1.4fr 1fr;gap:25px;align-items:center}.dialog-detail img{width:100%;height:330px;object-fit:cover}.dialog-detail p{padding:30px;font:italic 28px/1.4 Georgia,serif;color:#bcbeb3}.dialog-next{margin:0 65px 55px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.dialog-next button{font:300 30px Manrope,sans-serif;display:flex;gap:25px}.noscript-notice{position:fixed;bottom:0;padding:15px;background:var(--chalk);color:var(--ink);z-index:100;width:100%;font-size:12px}
@media(hover:hover) and (pointer:fine){.desktop-nav a:hover,.text-link:hover,.footer-bottom a:hover{color:#fff}.residence-choice:hover{opacity:1}.project-image-button:hover img{transform:scale(1.04)}.project-image-button:hover .project-open-indicator{opacity:1;transform:translateY(0)}.submit-button:hover{background:#fff}.project-image-button:focus-visible .project-open-indicator{opacity:1;transform:translateY(0)}}
.scene-bg:after{background:none}.scene-fg img{filter:none}
.scene-aura .scene-fg{clip-path:none;mask-image:url("assets/aura-mask.svg");mask-size:100% 100%;mask-repeat:no-repeat}
.scene-dune .scene-fg{clip-path:polygon(0 62%,8.5% 60%,12% 58.2%,18% 56.5%,24% 55.7%,29% 55.8%,33% 56.8%,35% 54.4%,39% 52.1%,44% 50.6%,49% 49%,54% 47.4%,59% 44.5%,65% 41.2%,71% 38.1%,76% 35.8%,81% 34.5%,85% 34.1%,88% 34.6%,90% 35.7%,91.3% 37.8%,91.4% 40%,90.5% 43%,90% 49%,91% 61%,95% 73%,100% 70%,100% 100%,0 100%)}
.scene-veil .scene-fg{clip-path:polygon(0 62%,6.8% 59.8%,10% 58.4%,14% 56.2%,18% 55%,23% 55.1%,26% 54%,31% 51%,36% 48.6%,41% 47.2%,46% 45.6%,51% 44%,57% 41%,63% 36.8%,68% 33%,73% 29.8%,77% 26.8%,82% 24.5%,86% 23.5%,90% 23.4%,93% 24.1%,94.3% 25.7%,93.8% 34%,92% 50%,94% 60%,100% 62%,100% 100%,0 100%)}
.scene-mono .scene-fg{clip-path:none;mask-image:url("assets/mono-mask.svg");mask-size:100% 100%;mask-repeat:no-repeat}
@media(min-width:1800px){.hero-bottom{bottom:120px}.hero-topline{top:145px}.hero-story p{font-size:44px}.residence-choice{width:130px}.hero-footnote{font-size:11px}}
@media(max-width:1050px){.desktop-nav{gap:27px}.desktop-nav a:last-child{margin-left:0}.hero-bottom{gap:25px;grid-template-columns:1fr auto}.hero-counter{display:none}.residence-choice{width:72px}.hero-story p{font-size:30px;max-width:300px}.studio-main{gap:5vw;grid-template-columns:1.3fr 1fr}.section-space{padding-top:100px;padding-bottom:100px}.enquire{gap:6vw}.form-row{display:block}.enquire label{margin-bottom:25px}.form-bottom{align-items:start;flex-direction:column}.dialog-body{padding:40px;gap:5vw}.dialog-detail{margin:0 40px 40px}.dialog-next{margin:0 40px 40px}.project-grid{gap:70px 5vw}}
@media(max-width:700px){html{scroll-padding-top:90px}.site-header{padding-top:23px;padding-bottom:20px}.brand{font-size:25px}.brand span{font-size:6px}.desktop-nav{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:11px;padding:12px 0 12px 12px}.menu-lines{width:20px;height:9px;border-top:1px solid var(--chalk);border-bottom:1px solid var(--chalk)}.mobile-nav{position:absolute;top:86px;left:0;right:0;background:var(--ink);padding:30px var(--gutter) 40px;display:grid;gap:25px;border-bottom:1px solid var(--line)}.site-header:has(.menu-toggle[aria-expanded=true]){background:var(--ink)}.hero-stage{min-height:680px}.hero-journey{height:700svh}.hero-topline{top:113px;font-size:8px;letter-spacing:.1em}.hero-topline>span:last-child{display:none}.scene-visual{width:max(145vw,145svh);height:max(81.56vw,81.56svh);top:44%}.scene-title{top:23%;font-size:29vw;letter-spacing:.025em;left:2%;width:96%}.scene-bottom-shade{background:linear-gradient(#00000000 30%,#00000000 55%,#000000f0 79%,#000000)}.hero-bottom{bottom:77px;display:flex;flex-direction:column;align-items:stretch;gap:28px}.hero-story{display:flex;justify-content:space-between;align-items:center;gap:25px}.hero-story p{font-size:26px;margin:0;max-width:195px}.hero-story .text-link{font-size:10px;gap:14px;flex-shrink:0}.residence-selector{gap:12px;justify-content:space-between}.residence-choice{width:calc((100% - 36px)/4)}.choice-label{font-size:8px}.thumb-wrap{margin-bottom:7px}.hero-footnote{bottom:25px;font-size:8px}.section-space{padding-top:75px;padding-bottom:75px}.studio-main{grid-template-columns:1fr;gap:34px;margin-top:35px}.studio h1{font-size:40px}.studio-copy{font-size:12px;max-width:100%}.studio-caption{margin-top:50px;gap:20px;font-size:8px;line-height:1.7}.studio-caption span{max-width:48%}.studio-caption span:last-child{text-align:right}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:25px;font-size:11px}.project-grid{display:block}.project-card{margin:0 0 45px!important;padding:0!important}.project-card:nth-child(even){margin-left:32px!important}.project-card:nth-child(odd){margin-right:20px!important}.project-image-button img,.project-card:nth-child(even) .project-image-button img,.project-card:nth-child(3) .project-image-button img{aspect-ratio:1.2}.project-open-indicator{opacity:1;transform:none;width:34px;height:34px;right:15px;bottom:15px;font-size:18px}.project-meta h3{font-size:28px}.concept-note{margin-top:0}.landscape-pause{height:65svh;min-height:420px}.landscape-pause>p{font-size:38px;padding:0 23px}.landscape-pause>span{bottom:35px}.approach{display:block}.approach h2{font-size:40px}.approach-steps{margin-top:35px;padding:0}.approach summary{font-size:22px}.enquire{display:block}.enquire h2{font-size:65px}.demo-label{margin-top:28px}.enquire form{margin-top:27px}.form-row{display:grid;gap:20px}.form-bottom{flex-direction:row;align-items:center}.submit-button{padding:14px;font-size:10px;gap:12px}.form-bottom p{font-size:8px}.footer-wordmark{font-size:24vw}.site-footer{padding-top:36px}.footer-bottom{flex-wrap:wrap;font-size:8px;row-gap:16px;margin-top:23px}.footer-bottom>span:nth-child(2){order:3;width:100%}#project-dialog{width:100%;height:100svh;border:0}.dialog-hero{padding:25px;height:54svh;min-height:360px}.dialog-hero h2{font-size:26vw}.dialog-body{display:block;padding:35px 25px}.dialog-description h3{font-size:32px}.project-facts{margin-top:30px}.dialog-detail{display:block;margin:0 25px 30px}.dialog-detail img{height:260px}.dialog-detail p{padding:30px 0 0;font-size:25px}.dialog-next{margin:0 25px 35px}.dialog-close{top:15px;margin-top:15px;margin-right:15px}.dialog-next button{font-size:25px}}
@media(max-height:700px) and (min-width:701px){.hero-stage{min-height:550px}.hero-topline{top:100px}.hero-bottom{bottom:75px}.hero-story p{font-size:26px}.hero-footnote{bottom:20px}.scene-title{top:14%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-journey{height:100svh;min-height:680px}.hero-stage{position:relative;height:100%;min-height:680px}.scene-title{transform:none!important}.scene-visual{transform:translate(-50%,-50%)!important}.image-reveal{clip-path:none}.scroll-cue{font-size:0}.scroll-cue:after{content:'Explore the four residences above';font-size:9px}.landscape-pause>img{transform:none!important}}
