:root{--black:#0a0a0a;--muted:#cccccc;--pad:75px;--pad-top:80px}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--black);font-family:"Work Sans","Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:14px;font-weight:500;line-height:1.35;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:25%;padding:var(--pad-top) var(--pad) var(--pad);z-index:20;display:flex;flex-direction:column;pointer-events:none}.sidebar a,.sidebar button{pointer-events:auto}
.wordmark{display:block;width:174.72px}.wordmark img{display:block;width:100%;height:auto}.section-tabs{margin-top:clamp(76px,12vh,130px);font-size:20px;line-height:1.05;font-weight:500;letter-spacing:-.45px;width:max-content}
.section-tabs a{display:block;color:var(--muted);transition:color .18s ease}.section-tabs a.active,.section-tabs a:hover{color:var(--black)}.copyright{margin-top:auto;font-size:12px;line-height:1.05;font-weight:500}.footer-name{font-size:13px}
.language{margin-top:84px;display:flex;flex-direction:column;align-items:flex-start;font-size:15px;font-weight:500;line-height:1.15}.language button{color:var(--muted)}.language button.active{color:var(--black)}
.page{margin-left:25%;min-height:100vh;padding:var(--pad-top) var(--pad) var(--pad) 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);min-height:100vh}.about-copy{grid-column:1/3;max-width:600px;font-size:17px;line-height:1.55;letter-spacing:-.35px}
.about-copy p{margin:0 0 25px}html[lang="ko"] .about-copy{font-size:23px;max-width:none;line-height:1.23}.about-copy a{color:var(--muted);text-decoration:none;transition:color .18s ease}.about-copy a:hover,.about-copy a:focus{color:var(--black)}.project-index{display:grid;grid-template-columns:34% 1fr;gap:var(--pad);min-height:100vh}.project-list{padding-top:2px}.index-label{color:var(--muted);margin-bottom:21px}
.project-link{display:block;width:max-content;max-width:100%;font-size:15px;line-height:18.5px;color:var(--muted);transition:color .16s ease}.project-link.available{color:var(--muted)}.project-link.available:hover,.project-link.available:focus{color:var(--black);opacity:1}
.project-preview{align-self:center;justify-self:end;width:min(100%,720px);margin:0;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.project-preview.visible{opacity:1;transform:none}.project-preview img{display:block;width:100%;max-height:90vh;object-fit:contain}
.detail-head{display:grid;grid-template-columns:180px minmax(260px,1fr) minmax(260px,1fr);gap:34px;margin-bottom:30px;max-width:none}.detail-meta{font-size:12px;line-height:12px}.detail-copy{font-size:12px;line-height:1.45}html[lang="ko"] .detail-copy{font-size:13px}html[lang="ko"] .detail-copy-translation{font-family:"Work Sans",sans-serif;font-size:12px}.detail-meta h1{font-size:15px;font-weight:500;margin:0 0 13px}.detail-meta p,.detail-copy p{margin:0 0 13px}
.gallery{width:100%;padding-bottom:var(--pad)}.gallery img,.gallery video{display:block;width:100%;height:auto;margin:0 0 10px}.gallery .gallery-image-inset{width:90%;margin:5% auto}.gallery .gallery-image-side-inset{width:90%;margin:0 auto 10px}.gallery .gallery-video{width:70%;margin:15% auto}.gallery-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px}.gallery-row img{width:100%;height:auto;margin:0}.detail-meta a:hover,.detail-meta a:focus{text-decoration:underline}.market-page{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
html[lang="ko"] .about-copy a{color:var(--muted);text-decoration:none;transition:color .18s ease}html[lang="ko"] .about-copy a:hover,html[lang="ko"] .about-copy a:focus{color:var(--black)}
.about-photo{position:fixed;right:var(--pad);bottom:var(--pad);width:112px;height:112px;object-fit:cover}
.mobile-about-copy{display:none}
.mobile-footer{display:none}
@media (min-width:761px){.about-shell .wordmark,.project .wordmark,.market .wordmark{width:249.85px}.about-shell .section-tabs,.project .section-tabs,.market .section-tabs{margin-top:clamp(76px,12vh,130px);font-size:28.6px}.about-shell .language,.project .language,.market .language{margin-top:calc(84px + 5vh);font-size:21.45px}.about-shell .about-copy{font-size:30px;line-height:1.1;width:max-content;max-width:100%;justify-self:end}html[lang="ko"] .about-shell .about-copy{font-size:32.89px}.project-index .project-preview{position:fixed;left:41%;right:var(--pad);top:var(--pad-top);width:auto;max-width:none;transform:translateY(8px)}.project-index .project-preview.visible{transform:none}}
@media (max-width:760px){:root{--pad:20px;--pad-top:24px}body{font-size:15px}.sidebar{position:relative;width:100%;height:auto;padding:24px 20px 0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo ." "tabs language";align-items:start;row-gap:72px;background:#fff}.wordmark{grid-area:logo;width:163.8px}.section-tabs{grid-area:tabs;position:static;margin:0;font-size:17px;line-height:1.05;text-align:left}.copyright{display:none}.language{grid-area:language;position:static;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:15px;line-height:1.15}.page{margin-left:0;padding:72px 20px 40px}.about{display:block;min-height:auto}.desktop-about-copy{display:none}.mobile-about-copy{display:block}.about-copy,html[lang="ko"] .about-copy{font-size:18px;line-height:1.38;letter-spacing:-.25px;padding-top:0}.about-copy p{margin-bottom:28px}.about-photo{position:absolute;top:24px;right:20px;bottom:auto;z-index:21;display:block;width:56px;height:56px;margin:0}.project-index{display:block;min-height:auto}.project-list{padding-top:0}.index-label{margin-bottom:20px}.project-link{font-size:16px;line-height:20px}.project-preview{display:none}.detail-head{display:grid;grid-template-columns:1fr;gap:0;margin-top:0;margin-bottom:36px}.detail-meta{font-size:13px;line-height:13px;margin-bottom:34px}.detail-meta h1{font-size:15px;margin-bottom:14px}.detail-copy{font-size:13px;line-height:1.48}.detail-copy p{margin-bottom:18px}html[lang="ko"] .detail-copy{font-size:13px}html[lang="ko"] .detail-copy-translation{font-size:12px;line-height:1.48;margin-top:16px}.gallery{margin-left:-20px;width:calc(100% + 40px);padding-bottom:0}.gallery img,.gallery video{margin-bottom:10px}.gallery-row{gap:10px;margin-bottom:10px}.gallery .gallery-image-inset{width:90%;margin:5% auto}.gallery .gallery-video{width:80%;margin:10% auto}.market-page{min-height:50vh;align-items:flex-start;justify-content:flex-start}.mobile-footer{display:block;margin:60px 20px 24px;font-size:9.6px;line-height:1.15;font-weight:500}.mobile-footer .footer-name{font-size:10.4px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-preview{transition:none}}
