@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap";:root{--ink:#171b18;--ink-soft:#202621;--paper:#e7e3dc;--sand:#d5cdbd;--muted:#918d84;--line:#171b1833;--line-light:#f2efe642;--serif:"Playfair Display", Georgia, serif;--sans:"Manrope", Arial, sans-serif;--mono:"DM Mono", monospace;color:var(--ink);background:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink)}body{background:var(--ink);min-width:320px;margin:0}body,a,button{cursor:default}a,button{color:inherit}a{text-decoration:none}button{font:inherit;border:0}img{object-fit:cover;width:100%;height:100%;display:block}video{display:block}.site-shell{overflow:clip}.container{width:min(1240px,100% - 120px);margin:0 auto}.section{min-height:100vh;position:relative;overflow:clip}.section--ink{color:#f2efe6;background:var(--ink)}.section--sand{color:var(--ink);background:var(--sand)}.section--paper{color:var(--ink);background:var(--paper)}.media-dark:after{content:"";pointer-events:none;background:linear-gradient(#0c100e6b,#0c100e1f 42%,#0c100e61);position:absolute;inset:0}.eyebrow{font:500 10px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px}.eyebrow span{opacity:.45;margin:0 6px}.eyebrow--light{color:#f2efe6c2}.body-copy{color:#171b18a3;letter-spacing:.01em;max-width:330px;margin:28px 0 0;font-size:13px;line-height:1.75}.body-copy--light{color:#f2efe69e}.display-title{font:400 clamp(42px, 5.6vw, 94px)/.94 var(--serif);letter-spacing:-.05em;flex-direction:column;margin:0;display:flex}.display-title span{will-change:transform;display:block}.display-title .italic,.italic{font-style:italic;font-weight:400}.display-title--light{color:#f2efe6}.arrow{margin-left:12px;font-size:18px;line-height:0;transition:transform .35s;display:inline-block}.text-link:hover .arrow,.button:hover .arrow,.site-nav a:hover .arrow{transform:translate(4px,-4px)}.text-link{border-bottom:1px solid var(--line);font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;margin-top:44px;padding-bottom:10px;display:inline-flex}.text-link--light{color:#f2efe6;border-color:var(--line-light)}.image-caption{z-index:1;font:10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;position:absolute;bottom:14px;left:16px}.image-caption--light{color:#f2efe6b3}.section-index{z-index:3;color:#f2efe680;font:9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;gap:15px;display:flex;position:absolute;top:34px;left:40px}.section-index span:first-child{color:#f2efe6e6}.section-index--dark{color:#171b187a}.section-index--dark span:first-child{color:#171b18e6}.site-nav{z-index:20;color:#f2efe6;mix-blend-mode:difference;height:78px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;inset:0 0 auto}.site-nav__brand{z-index:22;letter-spacing:.2em;position:relative}.site-nav__links{align-items:center;gap:34px;margin-left:auto;margin-right:36px;display:flex}.site-nav__links a,.site-nav__brand,.menu-toggle{transition:opacity .3s}.site-nav__links a:hover,.site-nav__brand:hover{opacity:.6}.menu-toggle{z-index:22;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;align-items:center;gap:10px;padding:8px 0;display:flex;position:relative}.menu-toggle i{transform-origin:50%;background:currentColor;width:18px;height:1px;transition:transform .35s;display:block}.menu-toggle i:last-child{margin-left:-28px;transform:translateY(5px)}.site-nav--open .menu-toggle i:first-of-type{transform:rotate(45deg)}.site-nav--open .menu-toggle i:last-child{transform:translateY(0)rotate(-45deg)}.mobile-menu{color:#f2efe6;background:var(--ink);opacity:0;pointer-events:none;mix-blend-mode:normal;flex-direction:column;justify-content:center;padding:80px 30px 40px;transition:opacity .45s,transform .45s;display:flex;position:fixed;inset:0;transform:translateY(-12px)}.site-nav--open .mobile-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu nav{flex-direction:column;gap:15px;display:flex}.mobile-menu nav a{border-bottom:1px solid var(--line-light);color:#f2efe6;font:400 clamp(35px, 10vw, 60px)/1 var(--serif);letter-spacing:-.05em;justify-content:space-between;padding:14px 0;display:flex}.hero{color:#f2efe6;background:var(--ink);min-height:100svh;position:relative;overflow:hidden}.hero__media,.final__media{position:absolute;inset:0}.hero__media img,.final__media img{will-change:transform}.hero__veil,.final__veil{background:linear-gradient(90deg,#0a0d0b85,#0000 68%),linear-gradient(#0000 52%,#0a0d0b80);position:absolute;inset:0}.hero__content{z-index:1;max-width:860px;position:absolute;bottom:18vh;left:max(40px,50% - 620px)}.hero__title{font:400 clamp(88px, 16vw, 250px)/.78 var(--serif);letter-spacing:-.09em;flex-direction:column;margin:0;display:flex;overflow:hidden}.hero__title span{will-change:transform;display:block}.hero__title--italic{margin-left:clamp(42px,10vw,150px);font-style:italic}.hero__tagline{color:#f2efe6cc;font:14px/1.6 var(--sans);letter-spacing:.02em;margin:40px 0 0 clamp(42px,10vw,150px)}.hero__foot{color:#f2efe6a3;font:9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;display:flex;position:absolute;bottom:36px;left:40px;right:40px}.hero__scroll-line{background:#f2efe69e;width:44px;height:1px;display:block}.hero__scroll-number{margin-left:auto}.hills{min-height:125vh}.hills__layout{z-index:2;grid-template-columns:42% 58%;align-items:center;min-height:125vh;padding-top:8vh;display:grid;position:relative}.hills__copy{z-index:2;padding-bottom:30px;position:relative}.hills__title{max-width:660px}.hills__image{width:100%;height:min(72vh,720px);position:relative;overflow:hidden}.hills__image img{will-change:transform, clip-path}.hills__ghost{z-index:1;color:#f2efe62e;font:500 clamp(84px, 16vw, 238px)/.8 var(--serif);letter-spacing:-.09em;white-space:nowrap;pointer-events:none;position:absolute;bottom:5vh;left:4vw}.architecture{min-height:100vh}.architecture__pin{width:100%;height:100vh;min-height:680px;position:relative}.architecture__base{will-change:transform, clip-path;width:60%;height:70%;position:absolute;top:14%;left:10%;overflow:hidden}.architecture__float{z-index:2;border:8px solid var(--sand);will-change:transform, clip-path;width:28%;height:39%;position:absolute;bottom:15%;right:9%;overflow:hidden;box-shadow:0 25px 70px #171b1829}.architecture__copy{z-index:3;width:38%;position:absolute;top:24%;right:9%}.architecture__copy .display-title{font-size:clamp(38px,4.6vw,78px)}.architecture__copy .body-copy{margin-top:23px}.architecture__line{transform-origin:0;background:#171b1880;width:38%;height:1px;position:absolute;bottom:9%;right:8%}.architecture__note{font:10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;position:absolute;bottom:8%;left:10%}.pool{color:#f2efe6;background:var(--ink);min-height:100vh}.pool__pin{height:100vh;min-height:700px;position:relative;overflow:hidden}.pool__media{position:absolute;inset:0;overflow:hidden}.pool__media img{will-change:transform}.pool__content{z-index:2;position:absolute;top:38%;left:max(40px,50% - 620px)}.pool__title{font-size:clamp(55px,9vw,145px)}.pool__aside{z-index:2;color:#f2efe6b3;font:10px/1.7 var(--mono);letter-spacing:.14em;text-align:right;text-transform:uppercase;position:absolute;bottom:18%;right:7%}.terrace{min-height:115vh}.terrace__layout{grid-template-columns:58% 42%;align-items:center;gap:8%;min-height:115vh;padding-top:10vh;display:grid}.terrace__image{height:min(70vh,690px);overflow:hidden}.terrace__image img{will-change:transform}.terrace__copy{max-width:440px;padding-top:24px}.terrace__copy .display-title{font-size:clamp(44px,5.4vw,86px)}.terrace__rule{background:var(--line);width:100%;height:1px;margin-top:80px}.terrace__meta{font:9px/1 var(--mono);letter-spacing:.13em;justify-content:space-between;margin-top:14px;display:flex}.interiors{min-height:100vh}.interiors__pin{align-items:center;min-height:100vh;display:flex;position:relative}.interiors__copy{z-index:5;width:38%;position:relative}.interiors__copy .display-title{font-size:clamp(43px,5vw,82px)}.interiors__collage{position:absolute;inset:0}.interiors__panel{will-change:transform;position:absolute;overflow:hidden}.interiors__panel img{will-change:transform}.interiors__panel span{color:#f2efe6b8;font:9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;position:absolute;bottom:11px;right:12px}.interiors__panel--living{width:39%;height:46%;top:15%;right:5%}.interiors__panel--bed{width:24%;height:39%;top:41%;right:34%}.interiors__panel--bath{width:24%;height:26%;bottom:9%;right:7%}.materials{min-height:105vh}.materials__layout{grid-template-columns:47% 53%;align-items:center;gap:8%;min-height:105vh;padding-top:7vh;display:grid}.materials__image{height:min(62vh,620px);overflow:hidden}.materials__image img{will-change:transform}.materials__copy{padding-left:5%}.material-words{font:400 clamp(45px, 6vw, 104px)/.91 var(--serif);letter-spacing:-.07em;flex-direction:column;margin:2vh 0 7vh;display:flex}.material-words span{will-change:transform, opacity;display:block}.material-words span:nth-child(2){padding-left:8%}.material-words span:nth-child(3){padding-left:17%}.material-words span:nth-child(4){padding-left:25%}.final{color:#f2efe6;min-height:100svh;overflow:hidden}.final__media{position:absolute}.final__veil{background:linear-gradient(90deg,#0a0d0ba6,#0a0d0b2e 78%),linear-gradient(#0000 40%,#0a0d0b8f)}.final__content{z-index:1;flex-direction:column;justify-content:center;min-height:100svh;padding-top:7vh;display:flex;position:relative}.final__title{font:400 clamp(87px, 16vw, 240px)/.77 var(--serif);letter-spacing:-.1em;flex-direction:column;margin:0;display:flex}.final__title span:last-child{margin-left:clamp(38px,9vw,145px)}.final__statement{color:#f2efe6c2;margin:38px 0 0 clamp(38px,9vw,145px);font-size:15px;line-height:1.55}.button{font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #f2efe699;align-self:flex-start;align-items:center;margin:48px 0 0 clamp(38px,9vw,145px);padding:15px 18px;transition:background .35s,color .35s;display:inline-flex}.button:hover{color:var(--ink);background:#f2efe6}.final__footer{z-index:1;color:#f2efe694;font:9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;display:flex;position:absolute;bottom:34px;left:40px;right:40px}.final__credit{text-transform:none;letter-spacing:.06em}.scroll-video-intro{color:#f2efe6;background:var(--ink);height:550vh;position:relative}.scroll-video-intro__sticky{background:var(--ink);transform-origin:50%;width:100%;height:100dvh;min-height:560px;position:sticky;top:0;overflow:hidden}.scroll-video-intro__poster,.scroll-video-intro__video,.scroll-video-intro__wash{width:100%;height:100%;position:absolute;inset:0}.scroll-video-intro__poster{z-index:0;filter:saturate(.78);background-position:50%;background-size:cover;transform:scale(1.04)}.scroll-video-intro__video{z-index:1;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .7s}.scroll-video-intro--ready .scroll-video-intro__video{opacity:1}.scroll-video-intro__wash{z-index:2;pointer-events:none;background:linear-gradient(90deg,#090d0b8c,#090d0b14 68%),linear-gradient(#0000 48%,#090d0b85)}.scroll-video-intro__opening{z-index:3;max-width:700px;position:absolute;bottom:17vh;left:max(40px,50% - 620px)}.scroll-video-intro__eyebrow{color:#f2efe6c2;font:500 10px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 26px}.scroll-video-intro__eyebrow span{opacity:.5;margin:0 7px}.scroll-video-intro__opening h1{font:400 clamp(86px, 14vw, 218px)/.78 var(--serif);letter-spacing:-.09em;flex-direction:column;margin:0;display:flex}.scroll-video-intro__opening h1 span,.scroll-video-intro__opening h1 em{display:block}.scroll-video-intro__opening h1 em{margin-left:clamp(40px,10vw,145px);font-style:italic;font-weight:400}.scroll-video-intro__descriptor{color:#f2efe6b8;margin:34px 0 0 clamp(40px,10vw,145px);font-size:13px;line-height:1.6}.scroll-video-intro__secondary{z-index:3;color:#f2efe6e6;font:400 clamp(31px, 4vw, 66px)/.95 var(--serif);letter-spacing:-.05em;text-align:right;opacity:0;margin:0;position:absolute;top:31%;right:max(40px,50% - 620px)}.scroll-video-intro__secondary em{font-style:italic}.scroll-video-intro__hint{z-index:3;color:#f2efe6b8;font:9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:16px;display:flex;position:absolute;bottom:34px;left:40px;right:40px}.scroll-video-intro__hint i{transform-origin:0;background:currentColor;width:48px;height:1px;display:block}.scroll-video-intro__counter{z-index:3;color:#f2efe6a3;font:9px/1 var(--mono);letter-spacing:.14em;position:absolute;top:34px;right:40px}.scroll-video-intro__counter span{opacity:.45;margin:0 7px}.scroll-video-intro[data-reduced-motion=true]{height:100dvh}.scroll-video-intro[data-reduced-motion=true] .scroll-video-intro__video{opacity:0}.scroll-video-intro[data-reduced-motion=true] .scroll-video-intro__secondary,.scroll-video-intro[data-reduced-motion=true] .scroll-video-intro__hint{opacity:.8}@media (width<=900px){.scroll-video-intro__opening{bottom:16vh;left:24px}.scroll-video-intro__opening h1{font-size:clamp(75px,18vw,165px)}.scroll-video-intro__descriptor{margin-left:34px}.scroll-video-intro__secondary{font-size:clamp(30px,7vw,56px);right:24px}.scroll-video-intro__hint{bottom:24px;left:24px;right:24px}.scroll-video-intro__counter{top:28px;right:24px}}@media (width<=520px){.scroll-video-intro__sticky{min-height:500px}.scroll-video-intro__video{object-position:51% center}.scroll-video-intro__opening{bottom:14vh;left:24px}.scroll-video-intro__eyebrow{margin-bottom:19px;font-size:9px}.scroll-video-intro__opening h1{font-size:clamp(68px,21vw,106px)}.scroll-video-intro__opening h1 em{margin-left:28px}.scroll-video-intro__descriptor{margin-top:25px;margin-left:28px;font-size:12px}.scroll-video-intro__secondary{font-size:clamp(27px,8vw,39px);top:27%;right:24px}.scroll-video-intro__hint span{font-size:8px}}@media (prefers-reduced-motion:reduce){.scroll-video-intro{height:100dvh}.scroll-video-intro__video{opacity:0!important}.scroll-video-intro__opening{opacity:1!important;transform:none!important}.scroll-video-intro__secondary{opacity:0!important}}@media (width<=900px){.container{width:min(100% - 48px,680px)}.site-nav{height:68px;padding:0 24px}.site-nav__links{display:none}.section-index{top:28px;left:24px}.hero__content{bottom:18vh;left:24px}.hero__foot{bottom:24px;left:24px;right:24px}.hero__title{font-size:clamp(76px,19vw,170px)}.hero__tagline{margin-top:32px}.hills__layout{flex-direction:column;justify-content:center;align-items:stretch;gap:50px;padding-top:12vh;display:flex}.hills__copy{padding:0}.hills__image{height:55vh}.hills__ghost{font-size:clamp(64px,12vw,150px);bottom:4vh;left:3vw}.architecture__base{width:75%;height:56%;top:15%;left:6%}.architecture__float{border-width:5px;width:43%;height:31%;bottom:14%;right:6%}.architecture__copy{width:60%;top:22%;right:7%}.architecture__copy .display-title{font-size:clamp(37px,7.5vw,67px)}.architecture__line{width:52%;bottom:8%;right:7%}.architecture__note{bottom:7%;left:6%}.terrace__layout{flex-direction:column;justify-content:center;align-items:stretch;gap:48px;padding-top:12vh;display:flex}.terrace__image{height:50vh}.terrace__copy{padding:0}.terrace__rule{margin-top:46px}.interiors__pin{width:100%}.interiors__copy{width:56%;margin-left:24px}.interiors__copy .display-title{font-size:clamp(39px,7.4vw,63px)}.interiors__panel--living{width:44%;height:42%;top:17%;right:4%}.interiors__panel--bed{width:30%;height:34%;top:45%;right:34%}.interiors__panel--bath{width:29%;height:23%;bottom:10%;right:4%}.materials__layout{flex-direction:column;justify-content:center;align-items:stretch;gap:48px;padding-top:12vh;display:flex}.materials__image{height:46vh}.materials__copy{padding:0}.material-words{margin:2vh 0 5vh;font-size:clamp(47px,11vw,82px)}.final__content{padding-top:4vh}.final__title{font-size:clamp(80px,19vw,170px)}.final__footer{flex-wrap:wrap;gap:12px 20px;bottom:24px;left:24px;right:24px}.final__footer span:nth-child(2){display:none}.final__credit{margin-left:auto}}@media (width<=520px){.eyebrow{margin-bottom:20px;font-size:9px}.body-copy{font-size:12px}.hero__title{font-size:clamp(70px,22vw,112px)}.hero__title--italic{margin-left:26px}.hero__tagline{margin-left:26px;font-size:12px}.hero__scroll-label{display:none}.hills{min-height:105vh}.hills__layout{gap:36px;min-height:105vh;padding-top:12vh}.hills__image{height:42vh}.hills__ghost{font-size:clamp(52px,15vw,92px);bottom:4vh;left:2vw}.display-title{font-size:clamp(41px,12vw,64px)}.architecture__pin,.pool__pin{height:100svh;min-height:100svh}.architecture__base{width:89%;height:48%;top:17%;left:0}.architecture__float{width:51%;height:27%;bottom:13%;right:0}.architecture__copy{width:70%;top:21%;right:10px}.architecture__copy .display-title{font-size:clamp(34px,9.5vw,53px)}.architecture__line{width:57%;bottom:8%;right:0}.architecture__note{font-size:8px;bottom:7%;left:10px}.pool__content{top:38%;left:24px}.pool__title{font-size:clamp(52px,14vw,78px)}.pool__aside{font-size:9px;bottom:13%;right:24px}.terrace{min-height:105vh}.terrace__layout{gap:34px;min-height:105vh;padding-top:12vh}.terrace__image{height:39vh}.terrace__rule{margin-top:38px}.interiors__copy{width:72%;margin-left:24px}.interiors__copy .display-title{font-size:clamp(35px,10.5vw,53px)}.interiors__panel--living{width:55%;height:33%;top:17%;right:-8%}.interiors__panel--bed{width:34%;height:28%;top:45%;right:36%}.interiors__panel--bath{width:34%;height:20%;bottom:15%;right:-7%}.materials{min-height:100svh}.materials__layout{gap:34px;min-height:100svh;padding-top:12vh}.materials__image{height:35vh}.material-words{font-size:clamp(40px,12vw,57px)}.material-words span:nth-child(2){padding-left:5%}.material-words span:nth-child(3){padding-left:12%}.material-words span:nth-child(4){padding-left:19%}.final__title{font-size:clamp(70px,21vw,110px)}.final__statement{margin-top:28px;margin-left:26px;font-size:13px}.button{margin-top:36px;margin-left:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
