:root{--ground:#FAFAF7;--ink:#1C1C1B;--stone:#666662;--line:#E3E3DE;--ph:#EDEDE8;
--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.65}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--stone)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
img{max-width:100%;display:block}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}
.site-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-top:36px;padding-bottom:36px}
.mark{font-weight:400;font-size:17px;letter-spacing:.34em}
.nav{display:flex;flex-wrap:wrap;gap:12px 36px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.nav a{padding:14px 0}.nav a[aria-current]{border-bottom:1px solid var(--ink)}
main.page{padding-top:80px;padding-bottom:150px;display:flex;flex-direction:column;gap:130px}
.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:400;color:var(--stone);margin:0}
.display{margin:0;font-family:var(--serif);font-weight:400;line-height:1.02}
.d-xl{font-size:clamp(46px,6.4vw,92px);letter-spacing:-.01em}
.d-page{font-size:clamp(54px,7vw,104px);line-height:1}
.statement{font-family:var(--serif);font-size:clamp(28px,3.2vw,42px);line-height:1.25}
.link{align-self:flex-start;display:inline-block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;padding:14px 0;border-bottom:1px solid var(--ink)}
.btn{display:inline-block;font-family:var(--sans);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;padding:18px 38px;min-height:48px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:0;cursor:pointer}
.btn-solid{background:var(--ink);color:var(--ground)}
.btn-solid:hover{background:#3a3a38;color:var(--ground)}
.stack{display:flex;flex-direction:column}
.intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 60px}
.intro p{max-width:420px}
.split{display:flex;flex-wrap:wrap;align-items:flex-start;gap:60px 110px}
figure{margin:0;display:flex;flex-direction:column;gap:18px}
.ph{background:var(--ph);display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;color:var(--stone)}
.r45{aspect-ratio:4/5}.r169{aspect-ratio:16/9}
figure img{width:100%;object-fit:cover}
figcaption{font-size:14px;color:var(--stone);font-weight:400}
.cap-split{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 40px}
.cap-split b,.cap-stack b{font-weight:400;color:var(--ink)}
.cap-stack{display:flex;flex-direction:column;gap:4px}
.band{border-top:1px solid var(--line)}
.band .wrap{padding-top:130px;padding-bottom:130px}
.rows{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 40px;padding:30px 0;border-top:1px solid var(--line)}
.row:first-child{border-top-color:var(--ink)}
.row .n{flex:0 0 60px;font-size:13px;letter-spacing:.2em;color:var(--stone);font-weight:400}
.row .t{flex:1 1 300px;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.1}
.row .d{flex:2 1 380px;max-width:520px}
.row .m{flex:0 1 260px;font-size:14px;color:var(--stone);font-weight:400}
.block{border-top:1px solid var(--ink);padding-top:40px;display:flex;flex-wrap:wrap;gap:30px 80px}
.block>h2{flex:0 0 200px}
.facts{margin:0;flex:1 1 480px;display:grid;grid-template-columns:minmax(130px,200px) 1fr;gap:12px 30px}
.facts dt{color:var(--stone);font-weight:400}.facts dd{margin:0}
.thirds{display:flex;flex-wrap:wrap;gap:40px 60px}
.thirds>div{flex:1 1 260px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:22px}
.thirds h3,.pair h3{margin:0;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.15}
.pair{flex:1 1 480px;display:flex;flex-wrap:wrap;gap:30px 60px}
.pair>div{flex:1 1 240px;display:flex;flex-direction:column;gap:10px}
.invite{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
.invite p{font-family:var(--serif);font-size:clamp(30px,3.6vw,48px);line-height:1.15;max-width:760px}
.dark{background:var(--ink);color:var(--ground)}
.dark .wrap{padding-top:140px;padding-bottom:140px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px}
.dark .eyebrow{color:#BDBDB6}
.dark .big{font-family:var(--serif);font-size:clamp(36px,4.6vw,64px);line-height:1.1;max-width:860px}
.dark .soft{max-width:520px;color:#D4D4CE}
.dark .btn{color:var(--ground);border-color:var(--ground)}
.site-foot{border-top:1px solid var(--line)}
.site-foot .wrap{padding-top:56px;padding-bottom:56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;font-size:13px;color:var(--stone);font-weight:400}
.site-foot .mark{font-size:13px;letter-spacing:.3em;color:var(--ink)}
.site-foot a{color:var(--stone);padding:14px 0;display:inline-block}
.site-foot .soc{display:flex;gap:28px}
.hero{padding-top:90px;padding-bottom:150px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:70px 110px}
.hero .txt{flex:1 1 440px;display:flex;flex-direction:column;gap:34px;padding-bottom:54px}
.hero .txt p.body{max-width:430px}
.hero figure{flex:0 1 430px}
.studio{display:flex;flex-wrap:wrap;gap:40px 110px}
.studio>h2{flex:0 0 200px}
.studio>div{flex:1 1 480px;display:flex;flex-direction:column;gap:30px}
.work-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:56px}
.work-head p{font-size:13px;color:var(--stone);font-weight:400}
.narrow{width:min(100%,520px)}.left{align-self:flex-start}.right{align-self:flex-end}
.quote{align-self:center;text-align:center;max-width:820px}
.next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0}
.next span:last-child{font-family:var(--serif);font-size:clamp(32px,4vw,56px);line-height:1.1}
.proj-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:40px 100px}
.proj-head>div{flex:1 1 480px;display:flex;flex-direction:column;gap:22px}
.proj-head>p{flex:0 1 420px}
main.project{gap:150px}
form.inq{flex:1 1 560px;max-width:760px;display:flex;flex-wrap:wrap;gap:34px 40px}
.f{flex:1 1 300px;display:flex;flex-direction:column;gap:4px}.f.wide{flex-basis:100%}
.f label{font-size:13px;letter-spacing:.08em;font-weight:400;color:var(--stone)}
.f input,.f select,.f textarea{font-family:var(--sans);font-weight:300;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:12px 0;width:100%;min-height:48px}
.f textarea{resize:vertical}
.aside{flex:0 1 340px;display:flex;flex-direction:column;gap:22px}
.aside .lead{font-family:var(--serif);font-size:clamp(26px,2.6vw,34px);line-height:1.25}
.prose{max-width:680px;display:flex;flex-direction:column;gap:22px}
.prose .lead{font-family:var(--serif);font-size:clamp(26px,2.8vw,36px);line-height:1.3}
.note{font-size:14px;color:var(--stone)}
.hp{position:absolute;left:-9999px}
@media (max-width:640px){.wrap{padding-left:22px;padding-right:22px}main.page{gap:90px;padding-top:50px;padding-bottom:100px}.band .wrap{padding-top:90px;padding-bottom:90px}.hero{padding-top:50px;padding-bottom:90px}.facts{grid-template-columns:1fr;gap:2px 0}.facts dd{margin-bottom:14px}.block>h2,.studio>h2{flex-basis:100%}}