@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#e8e3dc;--ink:#292723;--muted:#706b64;--line:#bcb5aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans','Apple SD Gothic Neo',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%}[hidden]{display:none!important}.demo-bar{min-height:27px;background:#262520;color:#e8e3dc;padding:5px 3.2%;font-size:10px;letter-spacing:.01em;display:flex;justify-content:space-between;gap:15px}.demo-bar a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.site-head{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;border-bottom:1px solid var(--line)}.wordmark{font:700 26px/1 'Manrope',sans-serif;letter-spacing:.22em}.wordmark span{display:block;font-size:8px;letter-spacing:.43em;margin-top:6px}.site-head nav{display:flex;gap:clamp(18px,2.5vw,46px);align-items:center;font:600 11px 'Manrope',sans-serif;letter-spacing:.12em}.site-head nav a{position:relative}.site-head nav a:hover:after{content:'';position:absolute;left:0;right:0;bottom:-8px;border-bottom:1px solid}.menu-toggle{display:none;background:none;border:0;font:600 11px 'Manrope',sans-serif;letter-spacing:.13em}.mobile-nav{background:var(--paper);padding:12px 5% 24px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font:600 13px 'Manrope',sans-serif;letter-spacing:.14em}.index-intro{padding:37px 3.2% 20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.index-intro h1{margin:0;font:400 clamp(20px,2.2vw,30px)/1.3 'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.06em}.index-intro span{font:600 10px/1.5 'Manrope',sans-serif;text-align:right;letter-spacing:.15em}.photo-index{padding:0 3.2%;display:grid;grid-template-columns:1.05fr .95fr 1.05fr .9fr 1.2fr;grid-template-rows:clamp(240px,32vw,450px) clamp(210px,26vw,380px);gap:12px}.tile{display:block;position:relative;overflow:hidden;background:#d0cbc3}.tile:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.35));opacity:0;transition:opacity .25s}.tile:hover:after{opacity:1}.tile img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.2,1)}.tile:hover img{transform:scale(1.035)}.tile span{position:absolute;left:16px;bottom:12px;z-index:1;color:#fff;font:600 10px 'Manrope',sans-serif;letter-spacing:.1em;opacity:0;transition:opacity .25s}.tile:hover span{opacity:1}.tile-a{grid-column:1/3}.tile-b{grid-column:3/5}.tile-c{grid-column:5}.tile-d{grid-column:1}.tile-e{grid-column:2/4}.tile-f{grid-column:4/6}.work{padding:120px 3.2% 125px}.work-heading{display:flex;justify-content:space-between;align-items:start;padding:0 0 30px;border-bottom:1px solid var(--ink)}.work-heading span,.studio span{font:600 11px 'Manrope',sans-serif;letter-spacing:.16em}.work-heading p{margin:0;max-width:410px;font-size:15px;line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:24px}.frame-project{display:block;min-width:0}.project-photo{aspect-ratio:4/5;overflow:hidden;background:#cbc5bb}.project-photo img{height:100%;object-fit:cover;transition:transform .6s}.frame-project:hover img{transform:scale(1.03)}.project-meta{padding:15px 0 0;border-top:1px solid var(--ink);margin-top:14px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px}.project-meta>span:first-child{grid-column:1/3;font:600 10px 'Manrope',sans-serif;letter-spacing:.15em}.project-meta strong{font:500 clamp(28px,3vw,45px)/1.2 'Manrope',sans-serif;letter-spacing:-.05em}.project-meta>span:last-child{font-size:11px;color:var(--muted)}.project-meta b{color:var(--ink);font-size:15px;font-weight:400;margin-left:8px}.feature-photo{padding:0 3.2%;display:grid;grid-template-columns:1.65fr .45fr;gap:8%}.feature-photo img{height:600px;object-fit:cover}.feature-photo p{align-self:end;font-size:17px;line-height:1.9;max-width:280px;margin:0 0 4px}.studio{margin-top:125px;padding:80px 3.2% 110px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:10%}.studio h2{margin:60px 0 0;font:400 clamp(32px,4vw,60px)/1.35 'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.08em}.studio p{font-size:19px;line-height:1.9;max-width:620px;margin:0 0 70px}.studio dl{margin:0}.studio dl>div{display:grid;grid-template-columns:120px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0}.studio dt{font:600 10px 'Manrope',sans-serif;letter-spacing:.15em}.studio dd{margin:0;font-size:13px}.contact{padding:100px 3.2% 110px;background:#34332f;color:#eee9df}.contact>p{font-size:15px;margin:0 0 50px}.contact h2{font:400 clamp(60px,10vw,150px)/.95 'Manrope',sans-serif;letter-spacing:-.09em;margin:0 0 55px}.contact a{font-size:13px;border-bottom:1px solid;padding-bottom:8px}.site-foot{min-height:110px;padding:28px 3.2%;display:grid;grid-template-columns:1fr 2fr auto;gap:35px;font-size:11px;line-height:1.7}.site-foot a{white-space:nowrap}.detail-intro{padding:45px 3.2% 26px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink)}.detail-intro a{font-size:11px}.detail-intro h1{font:500 clamp(42px,6vw,86px)/1 'Manrope',sans-serif;letter-spacing:-.07em;margin:22px 0 0}.detail-intro p{max-width:360px;margin:0;font-size:14px;line-height:1.8}.detail-gallery{padding:25px 3.2% 125px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.detail-gallery>button{border:0;background:transparent;padding:0;display:block;text-align:left;grid-column:span 6}.detail-gallery>button:nth-child(3n + 1){grid-column:span 8}.detail-gallery>button:nth-child(3n + 2){grid-column:span 4}.detail-gallery>button:nth-child(3n){grid-column:span 12}.detail-gallery img{height:min(55vw,630px);object-fit:cover}.detail-gallery>button:nth-child(3n + 2) img{height:min(55vw,630px)}.detail-gallery>button:nth-child(3n) img{height:min(65vw,720px)}.detail-gallery button:hover img{filter:brightness(.9)}.detail-gallery button span{display:block;text-align:right;font:600 10px 'Manrope',sans-serif;letter-spacing:.15em;margin-top:8px}.detail-notes{padding:80px 3.2%;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1.5fr;gap:15%}.detail-notes h2{font:400 clamp(32px,4vw,54px)/1.25 'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.06em;margin:0}.detail-notes p{font-size:17px;line-height:1.9;margin:0}.detail-next{padding:90px 3.2%;background:#d2cbc0;display:flex;align-items:end;justify-content:space-between;gap:20px}.detail-next span{font-size:11px;letter-spacing:.12em}.detail-next a{font:500 clamp(45px,6vw,78px) 'Manrope',sans-serif;letter-spacing:-.07em}.lightbox{position:fixed;inset:0;background:rgba(13,13,12,.97);z-index:20;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:45px}.lightbox img{max-height:calc(100vh - 110px);width:100%;object-fit:contain}.lightbox button{border:0;background:none;color:#fff;font-size:28px}.lightbox-close{position:absolute;right:30px;top:15px}.lightbox-caption{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);color:#fff;font:600 11px 'Manrope',sans-serif;letter-spacing:.2em}.modal-open{overflow:hidden}
@media(max-width:800px){.site-head{height:70px;padding:0 5%}.site-head nav{display:none}.menu-toggle{display:block}.index-intro{padding:28px 5% 18px}.photo-index{padding:0 5%;grid-template-columns:1fr 1fr;grid-template-rows:260px 190px 220px;gap:7px}.tile-a{grid-column:1}.tile-b{grid-column:2}.tile-c{grid-column:1}.tile-d{grid-column:2}.tile-e{grid-column:1}.tile-f{grid-column:2}.work{padding:90px 5%}.work-grid{gap:10px}.project-meta strong{font-size:24px}.project-meta>span:last-child{display:none}.feature-photo{padding:0 5%;grid-template-columns:1fr}.feature-photo img{height:500px}.feature-photo p{max-width:100%;margin:20px 0 0}.studio{margin-top:90px;padding:60px 5%;grid-template-columns:1fr;gap:50px}.studio h2{margin-top:30px}.studio p{margin-bottom:45px}.contact{padding:70px 5%}.site-foot{padding:25px 5%;grid-template-columns:1fr 1fr}.site-foot span:nth-child(2){grid-column:1/3;grid-row:2}.detail-intro{padding:40px 5% 26px;display:block}.detail-intro p{margin-top:22px}.detail-gallery{padding:15px 5% 90px}.detail-notes{padding:60px 5%;grid-template-columns:1fr;gap:20px}.detail-next{padding:65px 5%}.lightbox{grid-template-columns:40px 1fr 40px;padding:10px}}
@media(max-width:520px){.demo-bar{padding:5px 5%;font-size:9px}.demo-bar>a{display:none}.index-intro{align-items:start}.index-intro h1{font-size:18px}.index-intro span{font-size:8px}.photo-index{grid-template-rows:205px 160px 170px}.work-heading{display:block}.work-heading p{margin-top:25px;font-size:13px}.work-grid{grid-template-columns:1fr}.project-photo{aspect-ratio:1.2}.project-meta strong{font-size:34px}.project-meta>span:last-child{display:block}.feature-photo img{height:340px}.studio h2{font-size:34px}.studio p{font-size:16px}.contact h2{font-size:17vw}.site-foot{display:block}.site-foot span,.site-foot a{display:block;margin-bottom:12px}.detail-gallery>button,.detail-gallery>button:nth-child(n){grid-column:span 12}.detail-gallery img,.detail-gallery>button:nth-child(n) img{height:auto;max-height:420px;object-fit:cover}.detail-next{display:block}.detail-next a{display:block;margin-top:30px}.lightbox{grid-template-columns:25px 1fr 25px;padding:7px}.lightbox button{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img,.project-photo img{transition:none}}
.detail-gallery-exteriors>button:nth-child(n){grid-column:span 7}.detail-gallery-exteriors>button:nth-child(4n + 2),.detail-gallery-exteriors>button:nth-child(4n + 3){grid-column:span 5}.detail-gallery-exteriors>button:nth-child(n) img{height:clamp(360px,46vw,650px)}.detail-gallery-exteriors>button:nth-child(4n + 2) img,.detail-gallery-exteriors>button:nth-child(4n + 3) img{height:clamp(360px,46vw,650px)}
@media(max-width:800px){.detail-gallery-exteriors>button:nth-child(n),.detail-gallery-exteriors>button:nth-child(4n + 2),.detail-gallery-exteriors>button:nth-child(4n + 3){grid-column:span 6}.detail-gallery-exteriors>button:nth-child(n) img{height:clamp(270px,48vw,410px)}}
@media(max-width:520px){.detail-gallery-exteriors>button:nth-child(n),.detail-gallery-exteriors>button:nth-child(4n + 2),.detail-gallery-exteriors>button:nth-child(4n + 3){grid-column:span 12}.detail-gallery-exteriors>button:nth-child(n) img{height:auto;max-height:440px}}