@charset "UTF-8";
:root{--ink:#121411;--paper:#f0f1ed;--muted:#abb0a6;--line:rgba(255,255,255,.2);--accent:#d7e1b8;--pad:clamp(22px,4.5vw,88px);--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.gallery-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:focus:not(:focus-visible){outline:none}::selection{background:#d7e1b8;color:#121411}h1,h2,p,figure{margin:0}h1,h2{font-weight:400}em{font-family:var(--serif);font-weight:400}button{border:0}button:disabled{cursor:default}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 18px}.skip-link:focus{top:15px}.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:80;pointer-events:none}
.site-header{height:104px;padding:0 var(--pad);position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:18px}.brand-name{font-size:38px;letter-spacing:-3px;font-weight:700;line-height:1}.brand-period{color:var(--accent)}.brand-description{font-size:12px;letter-spacing:1.8px;line-height:1.6}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px;margin-left:auto}.site-header nav a{padding:12px 0;border-bottom:1px solid transparent;transition:border-color .2s}.site-header nav a:hover{border-color:#fff}.motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.45);background:rgba(18,20,17,.17);padding:9px 14px;border-radius:30px;font-size:12px;letter-spacing:.4px;min-height:44px}.motion-toggle{font-size:14px}.motion-toggle:hover{background:rgba(18,20,17,.45)}.motion-icon{font-size:20px;line-height:1}.cover{height:100svh;min-height:690px;position:relative;overflow:hidden;isolation:isolate}.cover-depth{position:absolute;inset:0;perspective:1000px;overflow:hidden;background:#39463d}.cover-image{width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:translate3d(0,0,0) scale(1.035);will-change:transform}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,18,15,.43),rgba(9,18,15,.04) 30%,rgba(9,18,15,.1) 44%,rgba(9,18,15,.71) 100%);pointer-events:none}.cover-content{position:absolute;inset:auto var(--pad) 80px;z-index:2}.cover-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;margin-bottom:27px}.cover-place{opacity:.82}.cover h1{font-size:clamp(65px,8.5vw,156px);letter-spacing:-.065em;line-height:.99}.cover h1 em{letter-spacing:-.055em;display:inline-block;padding-right:.08em}.cover-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:37px;padding-top:28px;border-top:1px solid rgba(255,255,255,.35)}.cover-bottom p{font-size:16px;opacity:.9}.scroll-invitation{display:flex;align-items:center;gap:25px;font-size:14px}.round-arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);width:48px;height:48px;border-radius:50%;font-size:23px;transition:background .2s,transform .2s}.scroll-invitation:hover .round-arrow{background:var(--paper);color:var(--ink);transform:translateY(3px)}.cover-index{position:absolute;bottom:23px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.8px;color:rgba(255,255,255,.65)}
.experience{height:370vh;position:relative;scroll-margin-top:0}.experience-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#121411}.experience-heading{position:absolute;top:36px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.7px;z-index:10}.experience-counter{color:var(--muted);font-variant-numeric:tabular-nums}.spatial-scene{position:absolute;inset:0;perspective:1400px;perspective-origin:50% 45%;transform-style:preserve-3d}.chapter{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.image-plane{position:absolute;left:19%;right:7%;top:13%;bottom:17%;transform-style:preserve-3d;will-change:transform,opacity;transform-origin:center;box-shadow:0 25px 70px rgba(0,0,0,.35);background:#353a32;overflow:hidden}.image-plane:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 35%);pointer-events:none}.image-plane img{width:100%;height:100%;object-fit:cover}.chapter[data-index="2"] .image-plane img{object-position:center 64%}.plane-caption{position:absolute;bottom:22px;right:22px;z-index:2;font-size:12px;letter-spacing:1.4px;color:#fff}.chapter-copy{position:absolute;left:var(--pad);bottom:21%;z-index:5;will-change:transform,opacity;text-shadow:0 2px 40px rgba(0,0,0,.28);width:80%;pointer-events:none}.chapter-copy .eyebrow{color:var(--accent);display:block;margin-bottom:21px}.chapter-copy h2{font-size:clamp(55px,6.7vw,117px);letter-spacing:-.055em;line-height:1.04;max-width:950px}.chapter-copy em{letter-spacing:-.055em}.chapter-copy p{font-size:16px;line-height:1.65;max-width:320px;margin-top:24px;color:#fff}.experience-footer{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:10}.scroll-note{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.scroll-note span{margin-left:10px}.chapter-nav{display:flex;gap:20px;align-items:center}.chapter-nav button{background:none;display:flex;align-items:center;gap:12px;min-width:60px;min-height:44px;font-size:12px;color:#8c9386;padding:0}.chapter-nav i{display:block;width:35px;height:1px;background:#42483c;transition:background .2s,width .2s}.chapter-nav [aria-current]{color:var(--paper)}.chapter-nav [aria-current] i{background:var(--accent);width:70px}.skip-experience{font-size:13px;border-bottom:1px solid #62685d;padding-bottom:3px}.skip-experience span{margin-left:10px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:400}.section-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid rgba(18,20,17,.2)}
.projects{background:var(--paper);color:var(--ink);padding:78px var(--pad) 125px;position:relative;z-index:3;color-scheme:light}.projects :focus-visible{outline-color:#344d23}.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:48px 0 73px}.projects-heading h2{font-size:clamp(40px,4.8vw,82px);letter-spacing:-.055em;line-height:1.1}.projects-heading h2 em{letter-spacing:-.04em}.projects-heading p{font-size:16px;color:#575b53;line-height:1.8;padding-bottom:4px}.project-grid{display:grid;grid-template-columns:1.16fr 1fr;column-gap:7%;row-gap:80px;align-items:start}.project-card-offset{padding-top:160px}.project-card-apartment{width:83%}.project-card-leisure{padding-top:110px}.project-open{background:none;text-align:left;padding:0;width:100%;display:block}.project-image{display:block;position:relative;overflow:hidden;background:#d5d9d0;aspect-ratio:1.23}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card-offset .project-image{aspect-ratio:.91}.project-card-apartment .project-image{aspect-ratio:.83}.project-card-leisure .project-image{aspect-ratio:1.08}.project-open:hover .project-image img{transform:scale(1.045)}.image-action{position:absolute;bottom:18px;right:18px;color:#fff;font-size:12px;background:rgba(18,20,17,.78);border:1px solid rgba(255,255,255,.35);padding:12px 17px;display:flex;align-items:center;gap:26px;opacity:0;transform:translateY(8px);transition:.25s}.project-open:hover .image-action,.project-open:focus-visible .image-action{opacity:1;transform:none}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:21px}.project-category{display:block;font-size:12px;letter-spacing:1.5px;color:#60675a;margin-bottom:8px}.project-title{display:block;font-size:clamp(21px,2.05vw,36px);letter-spacing:-.04em}.project-arrow{font-size:30px;line-height:1;transition:transform .25s}.project-open:hover .project-arrow{transform:translate(3px,-3px)}
.studio{padding:77px var(--pad) 0;background:#20251e}.studio .section-top{border-color:var(--line);color:#c8cfc1}.studio-content{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;padding:80px 0 86px}.studio-content h2{font-size:clamp(45px,5.2vw,87px);line-height:1.1;letter-spacing:-.05em}.studio-text{max-width:470px;font-size:17px;line-height:1.8;color:#d1d5cd}.studio-text p+p{margin-top:20px}.studio-services{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:10px;border-top:1px solid var(--line);padding-top:26px;margin-top:32px;font-size:13px;color:var(--accent)}.studio-detail{height:360px;position:relative;overflow:hidden;margin:0 calc(-1*var(--pad));background:#756146}.studio-detail:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.studio-detail img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.studio-detail span{position:absolute;z-index:1;left:var(--pad);bottom:30px;font-size:12px;letter-spacing:1.5px;padding-right:var(--pad)}footer{padding:60px var(--pad) 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:50px}.footer-brand{font-size:90px;font-weight:700;line-height:1;letter-spacing:-8px}.footer-brand span{color:var(--accent)}.footer-location{font-size:12px;letter-spacing:1.3px;line-height:2}.footer-location span{font-size:13px;letter-spacing:0;color:#aeb5a6}.back-top{font-size:13px}.back-top span{display:inline-block;font-size:24px;margin-left:24px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:#a2a99b}
.gallery{position:fixed;inset:0;border:1px solid #43483d;background:#161913;color:var(--paper);width:calc(100vw - 48px);max-width:1500px;height:calc(100dvh - 40px);max-height:1050px;padding:0;overflow:hidden;color-scheme:dark}.gallery::backdrop{background:rgba(9,12,8,.92);backdrop-filter:blur(12px)}.gallery-inner{height:100%;display:flex;flex-direction:column;padding:24px 30px 17px;gap:20px}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-top .eyebrow{color:var(--muted);font-size:12px}.gallery-top h2{font-size:25px;letter-spacing:-.03em;margin-top:4px}.gallery-close{height:46px;width:46px;border:1px solid #5d6655;background:none;font-size:35px;line-height:1;border-radius:50%;display:grid;place-items:center}.gallery-close:hover{background:var(--paper);color:var(--ink)}.gallery-stage{flex:1;min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:16px}.gallery-stage figure{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.gallery-stage img{min-height:0;max-height:calc(100% - 48px);max-width:100%;width:auto;height:auto;object-fit:contain}.gallery-stage figcaption{font-size:13px;color:#c2c9ba;text-align:center;min-height:20px;flex-shrink:0}.gallery-prev,.gallery-next{height:48px;width:48px;border:1px solid #58614f;background:none;border-radius:50%;font-size:23px;display:grid;place-items:center}.gallery-prev:hover,.gallery-next:hover{background:var(--paper);color:var(--ink)}.gallery-bottom{display:flex;align-items:center;gap:24px;flex-shrink:0;min-height:72px}.gallery-bottom>span{font-size:12px;font-variant-numeric:tabular-nums;min-width:55px;color:#bac1b2}.gallery-thumbs{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#7b846e transparent;padding:5px 2px 8px;flex:1}.gallery-thumbs button{padding:0;background:none;width:74px;height:50px;flex-shrink:0;opacity:.45;outline:1px solid transparent;outline-offset:2px;transition:opacity .2s}.gallery-thumbs button[aria-pressed="true"]{opacity:1;outline-color:var(--accent)}.gallery-thumbs button:hover{opacity:1}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.noscript-note{padding:20px var(--pad);font-size:14px}
.no-js .motion-toggle,.no-js .chapter-nav,.no-js .scroll-note{display:none}.no-js .experience,.calm .experience{height:auto}.no-js .experience-stage,.calm .experience-stage{height:auto;min-height:0;position:relative;overflow:visible}.no-js .experience-heading,.calm .experience-heading{position:relative;top:auto;left:auto;right:auto;padding:32px var(--pad) 10px}.no-js .spatial-scene,.calm .spatial-scene{position:relative;perspective:none}.no-js .chapter,.calm .chapter{position:relative;min-height:730px;height:90svh;transform:none!important;visibility:visible!important;opacity:1!important}.no-js .image-plane,.calm .image-plane{transform:none!important;opacity:1!important;visibility:visible!important;left:19%;top:9%;bottom:13%}.no-js .chapter-copy,.calm .chapter-copy{transform:none!important;opacity:1!important;bottom:19%}.no-js .experience-footer,.calm .experience-footer{position:relative;bottom:auto;left:auto;right:auto;padding:16px var(--pad) 30px}.calm .scroll-note{visibility:hidden}.calm .cover-image{transform:none!important}.calm .project-image img{transition:none}.calm .project-open:hover .project-image img{transform:none}
@media(min-width:1700px){.cover-content{bottom:105px}.experience-stage{min-height:750px}.studio-detail{height:440px}}
@media(max-width:1000px){.cover{min-height:680px}.brand-description{display:none}.cover h1{font-size:clamp(65px,9.5vw,104px)}.experience-stage{min-height:620px}.image-plane{left:13%;right:6%;top:15%;bottom:20%}.chapter-copy{bottom:23%}.chapter-copy h2{font-size:clamp(55px,8vw,85px)}.projects-heading p{display:none}.project-grid{gap:55px 5%}.project-card-offset{padding-top:110px}.project-card-leisure{padding-top:90px}.studio-content{gap:7%}.studio-content h2{font-size:55px}.footer-brand{font-size:75px}.gallery-inner{padding:20px;gap:16px}}
@media(max-width:700px){:root{--pad:22px}.site-header{height:86px;gap:12px}.brand-name{font-size:33px}.site-header nav{gap:19px;font-size:14px}.motion-toggle{padding:0;border:none;background:none;min-width:38px;min-height:44px;justify-content:center}.motion-label{display:none}.motion-icon{font-size:23px}.cover{min-height:640px;height:100svh;max-height:1100px}.cover-image{object-position:52% center}.cover-content{bottom:68px}.cover-kicker{font-size:12px;letter-spacing:1.3px;margin-bottom:21px}.cover-place{display:none}.cover h1{font-size:clamp(55px,11.9vw,83px);letter-spacing:-.06em;line-height:1.04}.cover-bottom{display:block;margin-top:29px;padding-top:20px}.cover-bottom p{font-size:16px}.scroll-invitation{justify-content:space-between;margin-top:23px;font-size:13px}.round-arrow{width:42px;height:42px}.cover-index{font-size:12px;bottom:20px}.experience{height:340vh}.experience-stage{min-height:650px;height:100svh}.experience-heading{top:28px;font-size:12px;letter-spacing:1.2px}.spatial-scene{perspective:1600px;perspective-origin:50% 35%}.image-plane{left:8%;right:5%;top:14%;bottom:28%;box-shadow:0 15px 50px #0005}.image-plane img{object-position:center}.chapter[data-index="0"] .image-plane img{object-position:64% center}.chapter[data-index="1"] .image-plane img{object-position:66% center}.chapter-copy{bottom:15%;width:90%}.chapter-copy .eyebrow{font-size:12px;margin-bottom:14px}.chapter-copy h2{font-size:clamp(44px,11vw,70px);line-height:1.05}.chapter-copy p{font-size:16px;margin-top:16px;max-width:260px;line-height:1.65}.plane-caption{font-size:12px;letter-spacing:1px;right:13px;bottom:14px}.experience-footer{bottom:20px}.scroll-note{display:none}.chapter-nav{gap:11px}.chapter-nav button{gap:7px;min-width:38px;font-size:12px}.chapter-nav i{width:17px}.chapter-nav [aria-current] i{width:31px}.skip-experience{font-size:12px}.skip-experience span{margin-left:4px}.projects{padding-top:50px;padding-bottom:70px}.eyebrow{font-size:12px;letter-spacing:1.1px}.section-top{padding-bottom:20px}.section-top .eyebrow:last-child{font-size:12px}.projects-heading{padding:33px 0 38px}.projects-heading h2{font-size:clamp(34px,7.5vw,48px)}.project-grid{grid-template-columns:1fr;gap:45px}.project-card-offset,.project-card-leisure{padding-top:0}.project-card-apartment{width:100%}.project-image{aspect-ratio:1.17}.project-card-offset .project-image{aspect-ratio:1.15}.project-card-apartment .project-image{aspect-ratio:1.03}.project-card-apartment img{object-position:center 56%}.project-card-leisure .project-image{aspect-ratio:1.15}.image-action{opacity:1;transform:none;font-size:12px;padding:10px 14px;bottom:12px;right:12px}.project-info{padding-top:15px}.project-category{font-size:12px;margin-bottom:5px}.project-title{font-size:26px}.project-arrow{font-size:25px}.studio{padding-top:46px}.studio-content{grid-template-columns:1fr;gap:32px;padding:42px 0 47px}.studio-content h2{font-size:clamp(42px,9.5vw,61px)}.studio-text{font-size:16px;line-height:1.8}.studio-services{font-size:12px;gap:10px 20px}.studio-detail{height:300px}.studio-detail img{object-position:45% center}.studio-detail span{font-size:12px;letter-spacing:1px;max-width:320px;bottom:22px}footer{padding-top:39px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:27px;padding-bottom:33px}.footer-brand{font-size:64px;letter-spacing:-6px}.footer-location{font-size:12px;letter-spacing:.7px}.footer-location span{font-size:12px}.back-top{grid-column:1/-1;font-size:12px}.back-top span{font-size:20px;margin-left:12px}.footer-bottom{flex-direction:column;gap:10px;font-size:12px;padding-top:20px}.gallery{width:100vw;height:100dvh;max-height:none;border:0;margin:0}.gallery-inner{padding:20px 15px;gap:18px}.gallery-top h2{font-size:23px}.gallery-stage{grid-template-columns:1fr;position:relative;gap:0}.gallery-stage figure{padding-bottom:45px}.gallery-stage img{max-height:calc(100% - 72px)}.gallery-stage figcaption{max-width:310px;font-size:12px;line-height:1.5}.gallery-prev,.gallery-next{position:absolute;bottom:0;width:40px;height:40px;font-size:20px;z-index:3}.gallery-prev{left:calc(50% - 56px)}.gallery-next{right:calc(50% - 56px)}.gallery-bottom{gap:10px;min-height:66px}.gallery-bottom>span{font-size:12px;min-width:46px}.gallery-thumbs button{width:62px;height:44px}.gallery-close{width:42px;height:42px}.no-js .chapter,.calm .chapter{height:780px;min-height:0}.no-js .image-plane,.calm .image-plane{left:8%;right:5%;top:7%;bottom:30%}.no-js .chapter-copy,.calm .chapter-copy{bottom:13%}.no-js .experience-footer,.calm .experience-footer{padding-top:0}.calm .experience-heading{font-size:12px}}
@media(max-height:650px) and (min-width:701px){.cover{min-height:640px}.experience-stage{min-height:630px}.experience{height:2300px}.chapter-copy h2{font-size:67px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cover-image{transform:none!important}}