:root{--paper:#e9e4d8;--ivory:#f3efe5;--ink:#292720;--olive:#656555;--navy:#29333c;--line:rgba(41,39,32,.22);--serif:"Bodoni Moda","Cormorant Garamond",serif;--text-serif:"Cormorant Garamond",serif;--sans:"DM Sans",sans-serif;--script:"Nothing You Could Do",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.villa-hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#d7cbbb;color:#f6f1e8;isolation:isolate}.villa-hero img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:saturate(.86) contrast(.96);animation:villaDrift 16s ease-in-out infinite alternate}.villa-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(104,132,156,.08),rgba(24,24,20,.1) 45%,rgba(17,16,13,.62));z-index:1}.villa-title{position:absolute;z-index:2;left:5vw;right:5vw;top:18vh}.villa-title span{display:block;font:500 8px/1 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#f6f1e8cc}.villa-title h1{font:500 clamp(74px,13vw,220px)/.72 var(--sans);letter-spacing:-.055em;text-transform:uppercase;margin:18px 0 0;max-width:1280px;color:#ede6d4}.villa-title p{margin:28px 0 0;font:400 26px/1 var(--script);letter-spacing:-.6px;word-spacing:-5px;color:#f8f3e9}.villa-note{position:absolute;z-index:2;display:grid;gap:7px;padding-left:12px;border-left:1px solid rgba(246,241,232,.62);font-size:10px;color:#f6f1e8}.villa-note span{font:500 7px/1 var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:#f6f1e899}.villa-note b{font:400 10px/1.25 var(--sans);letter-spacing:.2px}.note-left{left:8vw;bottom:15vh}.note-mid{left:43vw;bottom:21vh}.note-right{right:8vw;bottom:14vh}.villa-scroll{position:absolute;z-index:2;right:5vw;bottom:6vh;font:500 8px/1 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:#f6f1e8;border-bottom:1px solid rgba(246,241,232,.72);padding-bottom:8px}@keyframes villaDrift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-1.2%,.8%,0)}}@media(max-width:800px){.villa-hero{min-height:680px}.villa-title{top:20vh}.villa-title h1{font-size:clamp(54px,18vw,110px);line-height:.82;letter-spacing:-.045em}.villa-title p{font-size:21px}.villa-note{font-size:9px}.note-left{left:7vw;bottom:18vh}.note-mid{left:auto;right:7vw;bottom:23vh}.note-right{display:none}.villa-scroll{left:7vw;right:auto}}
a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 32px;color:var(--ink);mix-blend-mode:multiply}.wordmark{font:25px/1.1 var(--script);font-weight:400;letter-spacing:-.6px;word-spacing:-5px}.nav nav{display:flex;gap:28px;font-size:9px;text-transform:uppercase;letter-spacing:1.6px}.bag{justify-self:end;border:0;border-bottom:1px solid;background:none;padding:7px 0;font:500 9px var(--sans);text-transform:uppercase;letter-spacing:1.2px}.bag span{margin-left:8px}.opening{height:100svh;min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden}.opening-meta{position:absolute;inset:96px 32px auto;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px}.folder{width:min(47vw,650px);aspect-ratio:1.55;position:relative;border:0;background:none;cursor:pointer;transition:transform .6s ease}.folder:hover{transform:translateY(-4px) rotate(-.4deg)}.folder-back,.folder-front{position:absolute;inset:0;background:#6d6e5c;box-shadow:0 28px 55px rgba(47,42,33,.24)}.folder-back{transform:translateY(-4%);border-radius:2px}.folder-front{z-index:3;display:block;padding:9%;text-align:left;transition:transform 1.4s cubic-bezier(.65,0,.2,1),opacity .7s}.folder-logo{display:block;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-1deg);white-space:nowrap;font:clamp(31px,4.2vw,58px)/1 var(--script);font-weight:400;letter-spacing:-.8px;word-spacing:-10px;color:#e9e2d2}.archive-no,.tiny{font:500 8px var(--sans);letter-spacing:2px;color:#e9e2d2}.tiny{position:absolute;bottom:9%;left:9%;opacity:.7}.disc{position:absolute;width:31px;height:31px;border-radius:50%;background:#ded6c3;box-shadow:0 2px 4px #3336}.disc-a{right:13%;top:36%}.disc-b{right:13%;top:58%}.tie{position:absolute;right:calc(13% + 14px);width:1px;background:#ddd5c1;transition:transform 1.2s}.tie-a{top:43%;height:23%;transform:rotate(4deg)}.tie-b{top:42%;height:28%;transform:rotate(-49deg);transform-origin:top}.letter{position:absolute;z-index:2;inset:5% 6%;background:#f2eee3;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px #29272033;transition:transform 1.5s .55s cubic-bezier(.5,0,.1,1);padding:8%}.letter-index{position:absolute;top:8%;font-size:7px;letter-spacing:2px}.letter strong{font:400 clamp(26px,2.7vw,42px)/1.05 var(--serif)}.letter-note{font:20px/1.05 var(--script);letter-spacing:-.4px;word-spacing:-4px;margin:24px}.open-house{font-size:8px;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid;padding-bottom:7px}.open-house b{padding-left:10px}.click-note{position:absolute;bottom:7%;font:19px/1.05 var(--script);letter-spacing:-.4px;word-spacing:-3px}.opening.open .folder-front{transform:translateY(80%) rotate(2deg);opacity:.25}.opening.open .letter{transform:translateY(-42%)}.opening.open .tie-b{transform:rotate(-145deg)}.first-room{height:100svh;min-height:700px;position:relative;background:#333;overflow:hidden;color:var(--ivory)}.first-room img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.92)}.first-room:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15171280,transparent 55%)}.room-copy{position:absolute;z-index:2;left:7.5%;top:51%;transform:translateY(-50%);width:min(620px,78vw)}.room-brand{display:block;font:24px/1.05 var(--script);letter-spacing:-.6px;word-spacing:-5px;margin-bottom:30px;transform:rotate(-1deg);transform-origin:left center}.room-copy h1{font:400 clamp(40px,4.9vw,74px)/.94 var(--text-serif);margin:0;max-width:620px}.room-copy p{margin:28px 0 0;max-width:300px;font:400 10px/1.6 var(--sans);text-transform:uppercase;color:#f3efe5cc;letter-spacing:1.4px}.scribble{font:22px/1.05 var(--script);letter-spacing:-.4px;word-spacing:-4px}.light-note{position:absolute;z-index:2;right:8%;bottom:8%;transform:rotate(-2deg)}.vertical{position:absolute;z-index:2;right:24px;top:50%;font-size:7px;letter-spacing:2px;writing-mode:vertical-rl}.moods{padding:13vw 6vw}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:8vw}.section-heading span,.archive-title span,.proposal-intro span{font-size:8px;letter-spacing:2px}.section-heading h2,.archive-title h2,.proposal-intro h2{font:400 clamp(56px,7.6vw,112px)/.86 var(--serif);margin:0}.section-heading p,.archive-title p,.proposal-intro p{font:15px/1.5 var(--text-serif);font-style:italic}.mood-stack{display:grid;gap:2px}.mood{height:40vw;min-height:420px;position:sticky;top:8vh;overflow:hidden;background:#222;color:white}.mood:nth-child(2){top:11vh}.mood:nth-child(3){top:14vh}.mood img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform 1.5s,filter 1s}.mood:hover img{transform:scale(1.025);filter:saturate(.9)}.mood:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,17,14,.82) 0%,rgba(18,17,14,.48) 28%,rgba(18,17,14,.12) 58%,transparent 78%)}.mood div{position:absolute;z-index:2;left:5%;bottom:7%}.mood span{font-size:8px;letter-spacing:2px}.mood h3{font:400 clamp(48px,6.4vw,88px)/1 var(--serif);margin:4px 0}.mood p{font:18px/1.05 var(--script);letter-spacing:-.35px;word-spacing:-3px;margin:0;opacity:.9}.archive{padding:15vw 6vw;background:#d8d1c2}.archive-title{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:6vw}.object-stage{position:relative;min-height:70vw}.object-stage>img{width:100%;display:block;mix-blend-mode:multiply}.object-label{position:absolute;width:18%;background:#eee9ddcc;backdrop-filter:blur(8px);padding:20px;border-top:1px solid #292720;display:grid;gap:9px;transition:transform .3s}.object-label:hover{transform:translateY(-5px)}.object-label span{font-size:7px;letter-spacing:1.5px}.object-label b{font:400 22px/1 var(--serif)}.object-label i{font:18px/1.05 var(--script);letter-spacing:-.4px;word-spacing:-4px}.keep{justify-self:start;border:0;border-bottom:1px solid;background:none;padding:5px 0;font:500 7px var(--sans);letter-spacing:1px;text-transform:uppercase}.label-1{left:4%;top:8%}.label-2{right:5%;top:15%}.label-3{left:7%;bottom:10%}.label-4{right:7%;bottom:7%}.proposal{padding:14vw 6vw;background:#303b40;color:#e7e1d4;display:grid;grid-template-columns:1fr 1.4fr;gap:10vw;position:relative}.proposal-intro h2{margin:20px 0}.proposal-intro{position:sticky;top:25vh;align-self:start}.proposal-tool{border-top:1px solid #e7e1d455}.question{padding:42px 0;border-bottom:1px solid #e7e1d455}.question>span{font-size:8px;letter-spacing:2px}.question h3{font:400 35px var(--serif);margin:12px 0 22px}.choices{display:flex;flex-wrap:wrap;gap:7px}.choices button{border:1px solid #e7e1d466;color:inherit;background:none;padding:10px 15px;font:8px var(--sans);text-transform:uppercase;letter-spacing:1px}.choices button.active{background:#e7e1d4;color:#303b40}.make-proposal{margin-top:40px;border:0;background:#e7e1d4;color:#303b40;padding:16px 24px;font:500 8px var(--sans);letter-spacing:1.5px;text-transform:uppercase}.result{display:none;grid-column:2;background:#e7e1d4;color:#292720;padding:55px;margin-top:-4vw;box-shadow:0 25px 45px #10171866}.result.show{display:block}.result-kicker{font-size:7px;letter-spacing:2px}.result h3{font:400 65px var(--serif);margin:30px 0}.palette{display:flex;height:55px}.palette i{flex:1;background:#ded6c5}.palette i:nth-child(2){background:#8d8a74}.palette i:nth-child(3){background:#b28d62}.palette i:nth-child(4){background:#3b464b}.result dl{display:grid;grid-template-columns:1fr 1fr;margin:35px 0}.result dl div{padding:16px 0;border-bottom:1px solid var(--line)}dt{font-size:7px;text-transform:uppercase;letter-spacing:1.5px}dd{margin:6px 0;font:22px var(--serif)}.letter-section{padding:14vw;min-height:100vh;display:grid;place-items:center;background:#b1a48e}.paper-letter{width:min(800px,90vw);aspect-ratio:1.35;background:#eee9de;padding:8vw;box-shadow:0 30px 60px #40362b4d;transform:rotate(-1deg);position:relative}.paper-letter:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #29272012}.paper-letter>span{font-size:7px;letter-spacing:2px}.paper-letter h2{font:400 clamp(40px,5vw,68px)/.95 var(--serif)}.paper-letter a{display:inline-block;margin-top:25px;padding-bottom:7px;border-bottom:1px solid;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}footer{background:#292720;color:#dfd8c9;padding:8vw 6vw 3vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw}footer .wordmark{font-size:48px}footer p{font:italic 25px var(--text-serif)}footer div:nth-of-type(2){grid-column:1/-1;display:flex;gap:30px;border-top:1px solid #ffffff33;padding-top:20px;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}footer small{grid-column:1/-1;margin-top:5vw;font-size:7px;letter-spacing:2px}
.room-copy h1,.room-copy p,.section-heading h2,.section-heading p,.archive-title h2,.archive-title p,.proposal-intro h2,.proposal-intro p,.mood h3,.paper-letter h2,footer p{text-wrap:balance}.letter-note,.paper-letter .scribble{white-space:nowrap}.mood p{display:inline-block;color:#f5efe4;background:none;padding:0;margin-top:8px;font-size:17px;font-weight:300;opacity:.88;text-shadow:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}.paper-letter h2{display:grid;gap:18px;max-width:610px}.paper-letter h2 small{display:block;font:500 10px/1 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#29272099}.paper-letter h2 strong{display:block;font:400 clamp(44px,5.2vw,74px)/.9 var(--serif);font-weight:400;max-width:560px}footer div:nth-of-type(2) .mail-link{display:grid;gap:5px;font-family:var(--text-serif);font-size:14px;letter-spacing:0;text-transform:none}footer .mail-link span{font:500 7px/1 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:#dfd8c999}footer .mail-link b{font-weight:400}
@media(max-width:800px){.nav{padding:18px;grid-template-columns:1fr auto}.nav nav{display:none}.wordmark{font-size:23px}.folder{width:82vw}.folder-logo{font-size:33px}.opening-meta{inset:80px 18px auto}.click-note{bottom:12%}.room-copy{left:7%;top:62%;width:86vw}.room-brand{font-size:23px;margin-bottom:22px}.room-copy h1{font-size:44px}.room-copy p{font-size:10px}.section-heading,.archive-title{display:block}.section-heading h2,.archive-title h2,.proposal-intro h2{font-size:58px;margin:18px 0}.mood{height:70vh}.mood h3{font-size:50px}.archive{padding:25vw 4vw}.object-stage{min-height:1050px;overflow:hidden}.object-stage>img{height:900px;width:auto;max-width:none;transform:translateX(-25%)}.object-label{width:46%;padding:12px}.label-1{left:1%}.label-2{right:1%;top:26%}.label-3{left:1%;bottom:25%}.label-4{right:1%}.proposal{padding:25vw 6vw;display:block}.proposal-intro{position:static}.result{margin-top:50px;padding:30px}.result h3{font-size:48px}.paper-letter{aspect-ratio:auto;padding:15vw 9vw}.paper-letter h2{font-size:42px}footer{display:block;padding:20vw 6vw}footer .wordmark{font-size:36px}.letter-note,.paper-letter .scribble{font-size:15px}footer div:nth-of-type(2){flex-wrap:wrap;margin-top:60px}}
.product-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:7vw;border-top:1px solid rgba(41,39,32,.28);border-bottom:1px solid rgba(41,39,32,.28)}.archive-card{min-height:310px;background:rgba(238,233,221,.54);padding:28px;display:grid;align-content:space-between;transition:background .35s ease}.archive-card:hover{background:rgba(246,242,232,.76)}.archive-card span,.product-record>span,.drawer-panel>span{font:500 7px/1 var(--sans);letter-spacing:1.8px;text-transform:uppercase;color:#29272099}.archive-card h3{font:400 30px/1 var(--serif);margin:18px 0 0;text-wrap:balance}.archive-card p{font:italic 18px/1.2 var(--text-serif);margin:0;color:#292720bb}.archive-card button,.product-actions button,.drawer-close,.drawer-note{justify-self:start;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:7px 0;font:500 7px/1 var(--sans);letter-spacing:1.4px;text-transform:uppercase}.archive-card .keep{margin-top:10px}.product-detail{min-height:100vh;background:#eee8db;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;padding:10vw 6vw;align-items:center}.product-photo{aspect-ratio:1.05;background:#d5ccba;overflow:hidden;box-shadow:0 28px 55px rgba(47,42,33,.18)}.product-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.product-record{max-width:620px}.product-record h2{font:400 clamp(48px,6vw,88px)/.86 var(--serif);margin:28px 0;text-wrap:balance}.product-record>p{font:italic 24px/1.25 var(--text-serif);max-width:390px;color:#292720cc}.product-record dl{display:grid;grid-template-columns:1fr 1fr;margin:46px 0 30px;border-top:1px solid rgba(41,39,32,.24)}.product-record dl div{padding:17px 20px 17px 0;border-bottom:1px solid rgba(41,39,32,.18)}.product-record .scribble{color:#3a352e}.product-actions{display:flex;gap:22px;margin-top:34px}.cart-drawer{position:fixed;inset:0;z-index:60;pointer-events:none;background:rgba(31,29,24,0);transition:background .35s ease}.cart-drawer.open{pointer-events:auto;background:rgba(31,29,24,.28)}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(440px,92vw);background:#eee8db;color:#292720;padding:34px;box-shadow:-24px 0 60px rgba(31,29,24,.24);transform:translateX(103%);transition:transform .45s cubic-bezier(.55,0,.15,1);display:grid;grid-template-rows:auto auto 1fr auto auto;gap:24px}.cart-drawer.open .drawer-panel{transform:translateX(0)}.drawer-close{justify-self:end}.drawer-panel h2{font:400 44px/.92 var(--serif);margin:0;text-wrap:balance}.drawer-items{display:grid;align-content:start;gap:12px;overflow:auto}.drawer-item{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 0;border-bottom:1px solid rgba(41,39,32,.18)}.drawer-item span{grid-column:1/-1;font:500 7px/1 var(--sans);letter-spacing:1.6px;color:#29272099}.drawer-item b{font:400 20px/1 var(--serif)}.drawer-item i{font:18px/1 var(--script);letter-spacing:-.35px}.drawer-item em{font-style:normal;font:400 15px/1 var(--sans)}.drawer-empty{font:italic 22px/1.2 var(--text-serif);color:#29272099}.drawer-total{display:flex;justify-content:space-between;border-top:1px solid rgba(41,39,32,.34);padding-top:20px}.drawer-total span{font:500 8px/1 var(--sans);letter-spacing:1.6px;text-transform:uppercase}.drawer-total b{font:400 24px/1 var(--serif)}.drawer-note{width:100%;padding:15px;border:1px solid rgba(41,39,32,.42);border-bottom:1px solid rgba(41,39,32,.42)}
@media(max-width:900px){.product-ledger{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr;padding:20vw 6vw}.product-record dl{grid-template-columns:1fr}}@media(max-width:640px){.product-ledger{grid-template-columns:1fr}.archive-card{min-height:250px}.product-record h2{font-size:48px}.drawer-panel{padding:25px}}
.archive .object-stage{display:none}.product-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:8vw;border:0}.archive-card{min-height:auto;background:#eee8db;padding:0;display:grid;grid-template-rows:auto 1fr;gap:22px;overflow:hidden}.archive-card:hover{background:#f4efe4}.archive-card-image{aspect-ratio:1.08;background:#d9d1c2;overflow:hidden}.archive-card-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86) contrast(.96);transition:transform .8s ease}.archive-card:hover .archive-card-image img{transform:scale(1.018)}.archive-card>span,.archive-card>h3,.archive-card>p,.archive-card>div:not(.archive-card-image){margin-left:30px;margin-right:30px}.archive-card>span{margin-top:4px}.archive-card h3{font-size:clamp(30px,3.8vw,56px);line-height:.95;margin-top:0;max-width:520px}.archive-card p{font:400 12px/1.4 var(--sans);letter-spacing:1px;text-transform:uppercase;color:#29272099}.archive-card>div:not(.archive-card-image){display:flex;gap:22px;margin-bottom:34px}.archive-card button{font-size:8px}.product-detail{background:#f1ece2;grid-template-columns:1fr 1fr;gap:8vw}.product-photo{box-shadow:none;background:#d9d1c2}.product-photo img{mix-blend-mode:normal;filter:saturate(.9) contrast(.96)}.product-record h2{font-size:clamp(52px,6.4vw,96px);line-height:.88}.product-record>p{font-size:26px;max-width:430px}.product-actions button:first-child{border:1px solid rgba(41,39,32,.5);padding:14px 20px}.product-actions button:last-child{padding:14px 0}@media(max-width:900px){.product-ledger{grid-template-columns:1fr}.archive-card>span,.archive-card>h3,.archive-card>p,.archive-card>div:not(.archive-card-image){margin-left:22px;margin-right:22px}.archive-card>div:not(.archive-card-image){margin-bottom:28px}.product-detail{grid-template-columns:1fr}}@media(max-width:640px){.archive-card-image{aspect-ratio:1}.archive-card h3{font-size:38px}.product-record h2{font-size:46px}.product-record>p{font-size:21px}.product-actions{flex-wrap:wrap}}