/* Pretendard: Copyright (c) 2021 Kil Hyung-jin. SIL OFL 1.1; see assets/Pretendard-LICENSE.txt. */
@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-display:swap;font-style:normal}
:root{--ink:#151515;--grey:#777;--line:#ddd;--paper:#fff;--gutter:24px;--type:Pretendard,"Helvetica Neue",Arial,"Malgun Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--type);font-weight:500;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0;background:none;cursor:pointer;padding:0;text-align:left}img{display:block;width:100%;object-fit:cover}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8a8a8a;outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}.skip-link{position:fixed;z-index:200;left:15px;top:-100px;padding:12px;background:white;color:black}.skip-link:focus{top:8px}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 var(--gutter);background:#fffffff5;transition:color .2s,background .2s}.brand{font-size:29px;font-weight:800;letter-spacing:-1.8px;line-height:1}.desktop-navigation{display:flex;justify-content:space-between;width:47%;font-size:18px;letter-spacing:-.3px}.desktop-navigation a{position:relative}.desktop-navigation a::after{content:'';height:1px;background:currentColor;position:absolute;bottom:-5px;left:0;width:0;transition:width .2s}.desktop-navigation a:hover::after{width:100%}.site-header.on-image{background:#15151599;color:white;backdrop-filter:blur(8px)}.menu-button{display:none;font-size:16px}.menu-button span{font-size:22px;margin-left:8px}.opening{min-height:88svh;display:flex;flex-direction:column;justify-content:space-between;padding:115px var(--gutter) 35px}.opening-topline{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6}.opening-topline span:last-child{color:var(--grey)}h1,h2,h3,p{margin:0}h1{font-size:clamp(43px,5.2vw,92px);line-height:1.12;letter-spacing:-.055em;font-weight:680;margin:100px 0 80px;word-break:keep-all}.opening-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.opening-bottom p{font-size:15px;line-height:1.7;font-weight:450;letter-spacing:-.3px}.plain-link{display:inline-flex;align-items:center;gap:20px;font-size:15px;font-weight:600}.plain-link>span{display:inline-block;transition:transform .2s}.plain-link:hover>span{transform:translate(3px,-2px)}.project-stage{position:relative;height:max(760px,100svh);color:white;isolation:isolate;scroll-margin-top:-60px;overflow:hidden;background:#2c342b}.stage-images,.stage-shade{position:absolute;inset:0;z-index:-1}.stage-images img{height:100%;object-position:center;transition:opacity .25s,transform 1.1s;transform:scale(1.01)}.stage-shade{background:linear-gradient(180deg,#0009 0%,#00000020 24%,#00000040 45%,#000000ad 100%)}.stage-top{position:absolute;top:90px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:13px}.stage-content{position:absolute;bottom:100px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.stage-list{display:flex;flex-direction:column;align-items:flex-start}.stage-list button{display:block;font-size:clamp(29px,3.6vw,65px);line-height:1.17;font-weight:650;letter-spacing:-.055em;color:#fff9;transition:color .18s;text-wrap:balance}.stage-list button[aria-pressed=true],.stage-list button:hover,.stage-list button:focus-visible{color:white}.stage-detail{display:flex;align-items:center;gap:15px;white-space:nowrap;padding-top:8px;font-size:17px;font-weight:600}.stage-detail span{font-size:23px}.stage-detail::before{content:'';width:8px;height:8px;background:white;margin-right:1px}.stage-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px}.stage-bottom .plain-link{font-size:17px}.stage-bottom .square-arrow{font-size:22px}.stage-bottom>span{font-size:12px;letter-spacing:.2px}.stage-arrows{display:flex;gap:25px}.stage-arrows button{font-size:25px;min-width:30px;text-align:center}.content-pad{padding:110px var(--gutter)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:55px}.section-title h2{font-size:42px;line-height:1.1;font-weight:650;letter-spacing:-1.4px}.section-title>span{font-size:13px;color:var(--grey)}.project-archive{padding-top:75px;border-bottom:1px solid var(--line)}.archive-toolbar{display:flex;justify-content:space-between;gap:20px;padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.filters{display:flex;gap:26px;flex-wrap:wrap}.filters button{font-size:15px;color:var(--grey);padding-bottom:3px;border-bottom:1px solid transparent}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}#project-count{font-size:13px;color:var(--grey);white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 22px}.project-card{display:block;width:100%}.project-photo{aspect-ratio:1.25;overflow:hidden;background:#eee}.project-photo img{height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.project-info{padding-top:14px}.project-info h3{font-size:21px;line-height:1.3;letter-spacing:-.7px;font-weight:630;word-break:keep-all}.project-info p{font-size:13px;color:var(--grey);margin-top:7px}.archive-external{margin-top:50px}.studio-statement{font-size:clamp(35px,4.5vw,78px);line-height:1.22;font-weight:650;letter-spacing:-.055em;word-break:keep-all;max-width:1300px;margin:15px 0 80px}.studio-statement>span{color:#a0a0a0}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%}.studio-grid figure{margin:0}.studio-grid figure img{height:100%;max-height:650px;min-height:450px;object-position:center}.studio-grid figcaption{font-size:11px;color:var(--grey);margin-top:12px}.studio-text{padding:0 3% 0 0}.studio-text h3{font-size:32px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin-bottom:35px}.studio-text>p{font-size:17px;line-height:1.8;font-weight:450;margin-bottom:22px;letter-spacing:-.25px;word-break:keep-all}.principles{margin-top:35px}.principles details{border-top:1px solid var(--line)}.principles details:last-child{border-bottom:1px solid var(--line)}.principles summary{display:flex;justify-content:space-between;padding:16px 0;font-size:15px;cursor:pointer;list-style:none}.principles summary::-webkit-details-marker{display:none}.principles summary span{font-size:22px;line-height:1}.principles details[open] summary span{transform:rotate(45deg)}.principles details p{font-size:14px;line-height:1.8;color:var(--grey);font-weight:450;padding:3px 30px 23px 0;word-break:keep-all}.practice-line{margin-top:100px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:clamp(16px,2vw,31px);letter-spacing:-.7px;font-weight:550;gap:20px}.news{padding-top:20px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{display:flex;flex-direction:column;align-items:flex-start;width:100%}.news-image{width:100%;aspect-ratio:1.38;overflow:hidden;background:#eee}.news-card img{height:100%;transition:transform .5s}.news-card:hover img{transform:scale(1.025)}.news-card time{font-size:13px;margin:22px 0 16px;color:var(--grey)}.news-card h3{font-size:clamp(23px,2vw,34px);line-height:1.28;letter-spacing:-.7px;font-weight:650;word-break:keep-all;margin-bottom:27px}.news-card .plain-link{font-size:13px;margin-top:auto}.contact{padding-top:60px;padding-bottom:25px;border-top:1px solid var(--line)}.contact-title{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:80px}.contact-title h2{font-size:clamp(30px,4.2vw,70px);line-height:1.2;letter-spacing:-.055em;font-weight:650}.contact-title .plain-link{font-size:22px}.contact-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:45px;font-size:15px;line-height:1.7;font-weight:450}.contact-grid h3{font-size:15px;font-weight:650;margin-bottom:20px}.contact-grid p{margin:12px 0}.contact-grid .plain-link{font-size:13px;margin-top:12px}#copy-email{display:block;font-size:12px;color:var(--grey);margin-top:14px}#copy-status{font-size:12px;color:var(--grey)}.contact-grid a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;margin-top:90px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.footer-bottom .brand{font-size:26px}.footer-bottom>span{color:var(--grey)}dialog{border:0;color:var(--ink);background:white;padding:0;font-family:var(--type)}dialog::backdrop{background:#0009}.menu-dialog{position:fixed;inset:0;margin:0;min-width:100%;min-height:100svh;max-height:100svh}.menu-top{display:flex;justify-content:space-between;padding:20px var(--gutter);align-items:center}.menu-top button{font-size:17px}.menu-dialog nav{display:flex;flex-direction:column;align-items:flex-start;padding:75px var(--gutter);gap:7px}.menu-dialog nav a{font-size:clamp(48px,9vw,100px);line-height:1.12;letter-spacing:-2px;font-weight:650}.menu-footer{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:12px}.project-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100svh;max-height:100svh;overscroll-behavior:contain}.dialog-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:18px var(--gutter);background:#fffffff5}.dialog-bar button{display:flex;align-items:center;gap:12px;font-size:17px}.dialog-bar button span{font-size:25px;line-height:1}.dialog-heading{padding:80px var(--gutter) 65px}.dialog-heading>p:first-child{font-size:13px;color:var(--grey);margin-bottom:26px}.dialog-heading h2{font-size:clamp(32px,5.5vw,85px);line-height:1.13;letter-spacing:-.055em;font-weight:650;word-break:keep-all}.dialog-heading>p:last-child{max-width:750px;font-size:17px;line-height:1.8;margin:32px 0 0;word-break:keep-all}.dialog-images{display:grid;gap:20px}#dialog-images img{height:auto;max-height:none;object-fit:contain;margin-bottom:20px}.dialog-bottom{display:flex;justify-content:space-between;gap:25px;padding:45px var(--gutter) 65px}
@media(min-width:1700px){:root{--gutter:32px}.site-header{height:72px}.brand{font-size:34px}.desktop-navigation{font-size:21px}.opening{padding-top:140px}.opening-topline{font-size:15px}.opening-bottom p{font-size:18px}.opening-bottom .plain-link{font-size:18px}.project-stage{height:100svh}.stage-content{bottom:125px}.stage-bottom{bottom:40px}.stage-detail{font-size:21px}.stage-bottom .plain-link{font-size:21px}.stage-meta{font-size:15px}}
@media(max-width:950px){:root{--gutter:20px}.desktop-navigation{width:54%;font-size:16px}.opening{min-height:76svh;padding-top:110px}.opening-topline{font-size:10px}h1{font-size:clamp(42px,6.1vw,64px);margin:85px 0}.opening-bottom p{font-size:13px}.opening-bottom .plain-link{font-size:13px}.project-stage{height:90svh;min-height:720px}.stage-content{bottom:110px}.stage-list button{font-size:clamp(30px,4.6vw,43px)}.stage-detail{font-size:14px;gap:8px;padding-top:4px}.stage-detail::before{width:6px;height:6px}.stage-detail span{font-size:19px}.stage-top{font-size:11px}.stage-bottom>span{font-size:10px}.stage-bottom .plain-link{font-size:15px}.content-pad{padding-top:80px;padding-bottom:80px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{gap:7%}.studio-text h3{font-size:27px;margin-bottom:25px}.studio-text>p{font-size:14px}.studio-grid figure img{min-height:430px;max-height:590px}.studio-statement{font-size:43px;margin-bottom:60px}.practice-line{margin-top:80px;font-size:18px}.news{padding-top:10px}.news-card h3{font-size:22px}.contact-grid{grid-template-columns:1fr 1fr;gap:35px}.contact-title{margin-bottom:50px}.footer-bottom{margin-top:65px}}
@media(max-width:640px){:root{--gutter:16px}html{scroll-padding-top:58px}.site-header{height:58px}.brand{font-size:27px}.desktop-navigation{display:none}.menu-button{display:block}.opening{min-height:78svh;padding-top:105px;padding-bottom:28px}.opening-topline{display:block;font-size:10px;line-height:1.7}.opening-topline span:last-child{display:block;color:var(--grey);margin-top:5px}h1{font-size:clamp(31px,7.5vw,48px);line-height:1.2;letter-spacing:-.05em;margin:80px 0 65px}.opening-bottom{display:block}.opening-bottom p{font-size:13px;line-height:1.7}.opening-bottom .plain-link{margin-top:25px;font-size:13px;gap:20px}.project-stage{height:90svh;min-height:650px;scroll-margin-top:-58px}.stage-top{top:80px;font-size:10px}.stage-content{bottom:133px;display:block}.stage-list button{font-size:clamp(28px,6.5vw,40px);line-height:1.24;letter-spacing:-.055em}.stage-detail{font-size:13px;margin-top:28px;padding-top:0;gap:10px}.stage-detail span{font-size:20px}.stage-bottom{bottom:26px;flex-wrap:wrap;gap:20px}.stage-bottom>span{order:3;width:100%;font-size:9px}.stage-bottom .plain-link{font-size:14px}.stage-arrows{margin-left:auto;gap:18px}.stage-arrows button{font-size:23px}.content-pad{padding-top:65px;padding-bottom:65px}.section-title{margin-bottom:35px}.section-title h2{font-size:30px;letter-spacing:-1px}.section-title>span{font-size:10px}.archive-toolbar{display:block}.filters{gap:17px 20px}.filters button{font-size:12px}#project-count{display:block;font-size:11px;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:35px}.project-photo{aspect-ratio:1.3}.project-info h3{font-size:22px}.project-info p{font-size:12px}.archive-external{font-size:13px;margin-top:40px}.studio-statement{font-size:clamp(25px,6.2vw,39px);line-height:1.3;margin-bottom:45px;letter-spacing:-.05em}.studio-grid{grid-template-columns:1fr;gap:38px}.studio-grid figure img{min-height:0;height:350px;max-height:none}.studio-grid figcaption{font-size:10px}.studio-text{padding:0}.studio-text h3{font-size:29px}.studio-text>p{font-size:15px;line-height:1.8}.principles summary{font-size:14px}.principles details p{font-size:13px}.practice-line{flex-direction:column;margin-top:50px;padding-top:23px;gap:6px;font-size:22px;letter-spacing:-.6px}.news{padding-top:0}.news-grid{grid-template-columns:1fr;gap:45px}.news-image{aspect-ratio:1.42}.news-card time{font-size:11px;margin:17px 0 12px}.news-card h3{font-size:29px;line-height:1.25;margin-bottom:19px}.news-card .plain-link{font-size:12px}.contact-title{display:block;margin-bottom:45px}.contact-title h2{font-size:35px}.contact-title .plain-link{font-size:19px;margin-top:22px}.contact-grid{grid-template-columns:1fr 1fr;gap:38px 24px;font-size:12px;line-height:1.8}.contact-grid h3{font-size:14px;margin-bottom:13px}.contact-grid p{margin:10px 0}.contact-grid>div:first-child{grid-column:1/-1}.contact-grid>div:last-child{grid-column:1/-1}.contact-grid>div:last-child p{columns:2}.contact-grid .plain-link{font-size:12px}#copy-email,#copy-status{font-size:11px}.footer-bottom{margin-top:45px;flex-wrap:wrap;font-size:10px;gap:22px}.footer-bottom .brand{font-size:27px}.footer-bottom>span{order:3;flex-basis:100%}.menu-dialog nav{padding-top:80px}.menu-dialog nav a{font-size:58px;letter-spacing:-2px}.menu-footer{display:block;font-size:11px;line-height:1.9}.menu-footer a{display:block;margin-top:8px}.dialog-bar{padding-top:16px;padding-bottom:16px}.dialog-bar button{font-size:14px}.dialog-heading{padding-top:55px;padding-bottom:40px}.dialog-heading>p:first-child{font-size:11px}.dialog-heading h2{font-size:36px}.dialog-heading>p:last-child{font-size:14px;margin-top:25px}.dialog-bottom{display:block;padding-top:30px}.dialog-bottom .plain-link{font-size:13px;display:flex;justify-content:space-between;margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}