@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
:root{--ink:#000;--paper:#fff;--terracotta:#a9553c;--lilac:#ddbdea;--cream:#f1eadf;--line:#00000038;--font-main:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}body{font-family:var(--font-main);background:var(--paper);margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}svg{display:block}.siteShell{border-top:1px solid var(--ink);width:100%;overflow:hidden}.topbar{border-bottom:1px solid var(--ink);background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 clamp(20px,4vw,64px);display:grid}.wordmark{letter-spacing:-.02em;align-items:center;gap:11px;width:max-content;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.mark{border:1px solid var(--ink);background:var(--lilac);width:34px;height:34px;font-family:var(--font-mono);letter-spacing:-.15em;border-radius:50%;place-items:center;font-size:14px;display:grid}.topbar p{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px}.srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contactLink{border:1px solid var(--ink);border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-height:44px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.contactLink:hover{background:var(--lilac)}.contactLink:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cardFooter svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px;transition:transform .18s}.cardFooter a:hover svg{transform:translate(3px,-3px)}.projectSection{background:var(--cream);padding:24px clamp(20px,4vw,64px) 72px}.filters{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-wrap:wrap;gap:0;margin-bottom:30px;display:flex}.filterButton{border:0;border-right:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:24px;padding:15px 20px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.filterButton span{font-family:var(--font-mono);font-size:9px}.filterButton:hover{background:#ddbdea80}.filterButton[data-active=true]{background:var(--ink);color:var(--paper)}.cardGrid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.projectCard{background:var(--card-surface);min-height:430px;color:var(--card-ink);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-direction:column;grid-column:span 4;padding:25px;display:flex}.projectCard:nth-child(4n+1){grid-column:span 5}.projectCard:nth-child(4n+2),.projectCard:nth-child(4n+3){grid-column:span 7}.projectCard:nth-child(4n+4){grid-column:span 5}.cardTop,.cardFooter{font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.kindPill{border:1px solid;border-radius:999px;padding:7px 12px}.cardBody{margin:auto 0;padding:58px 0}.cardBody h3{letter-spacing:-.055em;max-width:760px;margin:0 0 20px;font-size:clamp(30px,4vw,58px);font-weight:500;line-height:1.08}.cardBody p{max-width:500px;margin:0;font-size:14px;line-height:1.6}.cardFooter{border-top:1px solid;padding-top:19px}.cardFooter a{font-family:var(--font-main);letter-spacing:0;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.cardFooter>span{opacity:.62}footer{background:var(--ink);color:var(--paper);padding:82px clamp(20px,4vw,64px) 28px}.footerPrompt{letter-spacing:-.065em;max-width:1050px;margin-bottom:110px;font-size:clamp(42px,7.5vw,112px);font-weight:500;line-height:1.03}.footerMeta{font-family:var(--font-mono);letter-spacing:.1em;border-top:1px solid #fff6;justify-content:space-between;padding-top:18px;font-size:10px;display:flex}.footerMeta a{text-decoration:none}@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar p{display:none}}@media (max-width:700px){.topbar{height:66px}.projectSection{padding-top:20px;padding-bottom:48px}.filters{flex-wrap:nowrap;overflow-x:auto}.filterButton{flex:none}.projectCard,.projectCard:nth-child(n){grid-column:span 12;min-height:360px}.cardBody h3{font-size:clamp(30px,10vw,46px)}.footerPrompt{margin-bottom:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}