:root{color-scheme:light;--ink:#242823;--muted:#535b53;--paper:#f8f7f2;--line:#c9cec2;--accent:#b04c2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "IBM Plex Sans KR","Malgun Gothic",system-ui,sans-serif;word-break:keep-all}.wrap{width:min(1160px,88%);margin:auto}header{border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.mast,.foot{display:flex;align-items:center;justify-content:space-between}.mast{min-height:75px}.brand,.foot b{font:700 28px/1 Georgia,serif;letter-spacing:-1.6px}.brand{display:flex;align-items:center}.brand i{width:16px;height:20px;background:repeating-linear-gradient(135deg,var(--accent) 0 2px,transparent 2px 4px);margin-right:9px}.brand span,h1 span,.foot b span{color:var(--accent)}nav{display:flex;gap:clamp(14px,3vw,39px);font-size:14px;font-weight:600}nav a:hover,.project-link:hover{color:var(--accent)}#intro{display:grid;grid-template-columns:0.92fr 1.08fr;align-items:center;gap:4%;padding:clamp(40px,5.5vw,82px) 0}.eyebrow{font:italic 20px/1.2 Georgia,serif;color:var(--accent);margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.8vw,100px);letter-spacing:-.085em;line-height:1.045;margin-bottom:20px}.lead{color:var(--muted);line-height:1.8;margin-bottom:24px}.button{display:inline-flex;gap:26px;align-items:center;background:var(--ink);color:white;padding:11px 20px;border-radius:3px;font-weight:650}.button:hover{background:#454d41}.art img{display:block;width:100%;height:auto;border:1px solid #dbd8cc}.project-link span,.button span{font-size:20px;line-height:1}#projects{border-top:2px solid var(--ink);padding:22px 0 48px}h2{font-size:23px;letter-spacing:-.06em;margin-bottom:22px}article{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:26px;border-block:1px solid var(--line);padding:24px 0}.project-code{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#e9ecdf;color:#485647;font:italic 30px Georgia,serif;letter-spacing:-2px}.project-code span{color:#9ba588}h3{font:500 clamp(25px,3vw,37px)/1.12 Georgia,serif;margin-bottom:7px}.detail p{max-width:650px;font-size:15px;color:var(--muted);margin-bottom:0}.project-link{font-size:14px;font-weight:600;white-space:nowrap}.foot{min-height:66px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.foot b{font-size:19px}.skip{position:fixed;top:-80px;background:white;padding:10px}.skip:focus{top:0}@media(max-width:680px){.wrap{width:90%}.mast{min-height:61px}.brand{font-size:24px}#intro{grid-template-columns:1fr;gap:28px}.art img{max-height:270px;object-fit:cover}article{grid-template-columns:65px 1fr;gap:12px 18px}.project-link{grid-column:2}.project-code{font-size:24px}nav{font-size:13px}.lead{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}