@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');

:root{color-scheme:light;--paper:#f5f4ef;--ink:#1d2725;--muted:#697471;--line:#d7dcd6;--green:#185a46;--lime:#ccf26b;--serif:Georgia,'Noto Sans KR',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.32}h1,h2{letter-spacing:-.055em}h3{letter-spacing:-.035em}em{font-family:var(--serif);font-style:normal;color:var(--green)}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-60px;left:16px;z-index:10;background:var(--ink);color:white;padding:10px 16px}.skip:focus{top:10px}.site-header{width:min(1160px,calc(100% - 64px));margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 27px 'DM Sans',sans-serif;letter-spacing:-.08em}.brand-dot{color:var(--green)}nav{display:flex;gap:35px}nav a{font-size:14px;font-weight:600}nav a:hover,.project-links a:hover,.contact-links a:hover{color:var(--green)}.eyebrow{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.18em;color:var(--green);margin-bottom:24px}.hero{min-height:655px;display:grid;grid-template-columns:1.55fr .8fr;gap:70px;align-items:center;padding-block:95px}.hero h1{font-size:clamp(42px,5.2vw,72px);font-weight:800;margin-bottom:30px}.hero-lead{max-width:650px;font-size:18px;color:#495551;line-height:1.9}.actions{display:flex;gap:22px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.button.primary{background:var(--green);color:white;padding:15px 20px}.button.primary:hover{background:#0f4233}.button.text-button:hover{color:var(--green)}.hero-card{min-height:360px;background:var(--green);color:#f8fff4;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(3deg);box-shadow:18px 18px 0 #dce7db}.card-top{display:flex;justify-content:space-between;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.08em}.spark{font-size:28px;line-height:1}.hero-card p{font:700 clamp(47px,5vw,67px) 'DM Sans',sans-serif;line-height:1.03;letter-spacing:-.07em;margin:40px 0 20px}.hero-card strong{color:var(--lime)}.card-rule{height:1px;background:#75a08b}.hero-card>span{font:500 11px 'IBM Plex Mono',monospace;line-height:1.8;color:#d6e7dc}.section{padding-block:110px}.about{background:#e9ede7}.section-grid,.more{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section h2{font-size:clamp(34px,3.5vw,50px);font-weight:800}.section-body p{color:#53605a}.section-body .large{font-size:21px;color:var(--ink);font-weight:600;line-height:1.8}.skill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.skill-list span,.project-tags span{border:1px solid #b7c5ba;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600;white-space:nowrap}.section-heading{margin-bottom:60px}.section-heading h2{margin-bottom:12px}.section-heading>p:last-child{color:var(--muted)}.timeline{border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:240px 1fr;gap:50px;padding:39px 0;border-bottom:1px solid var(--line)}.job-meta{font:500 12px 'IBM Plex Mono',monospace;color:var(--muted);display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding-top:7px}.current{font-size:10px;color:var(--green);border:1px solid var(--green);border-radius:20px;padding:1px 7px}.job h3{font-size:24px;margin-bottom:8px}.job h3 small{display:block;margin-top:8px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0}.job-summary{font-weight:700;color:var(--green);margin:22px 0 14px}.job ul{padding-left:19px;margin:0;color:#47524e}.job li{padding-left:4px;margin-bottom:7px}.case-heading{margin:72px 0 24px}.case-heading .eyebrow{margin-bottom:10px}.case-heading h3{font-size:25px;margin:0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.case-card{background:#fff;border-top:3px solid var(--green);padding:28px;display:flex;flex-direction:column}.case-index{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:var(--green)}.case-card h4{font-size:21px;line-height:1.4;letter-spacing:-.04em;margin:12px 0}.case-card p:not(.case-index){font-size:14px;color:#52605a;line-height:1.85}.case-card>span{margin-top:auto;padding-top:16px;font-size:12px;color:var(--muted)}.projects{background:#e9ede7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{min-height:360px;background:#fff;padding:30px;display:flex;flex-direction:column}.project-number{font:600 11px 'IBM Plex Mono',monospace;color:var(--green);letter-spacing:.06em}.project-card h3{font-size:25px;margin:42px 0 16px}.project-card p{font-size:14px;color:#52605a}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:25px}.project-tags span{font-size:10px;padding:4px 8px}.project-links{display:flex;gap:22px;margin-top:28px;font-size:13px;font-weight:700}.writing{background:var(--green);color:white}.writing .project-number,.writing p{color:#d4e8d8}.writing a:hover{color:var(--lime)}.more{align-items:start}.contact{background:var(--ink);color:#f6f7f0;padding-block:100px}.contact .eyebrow,.contact em{color:var(--lime)}.contact h2{font-size:clamp(36px,4.6vw,62px);margin-bottom:44px}.contact-links{display:flex;gap:34px;flex-wrap:wrap}.contact-links a{border-bottom:1px solid #9aaba1;padding-bottom:7px;font-weight:700}.contact-links a:hover{color:var(--lime)}.site-footer{height:100px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:70px;padding-block:75px}.hero-card{width:min(380px,90%);min-height:300px;justify-self:center}.section-grid,.more{grid-template-columns:1fr;gap:30px}.project-grid{grid-template-columns:1fr 1fr}.job{grid-template-columns:170px 1fr;gap:20px}}@media(max-width:600px){.wrap,.site-header{width:calc(100% - 36px)}.site-header{height:72px}nav{gap:14px}nav a{font-size:12px}.hero{padding-block:70px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero-lead{font-size:16px}.section{padding-block:75px}.section h2{font-size:35px}.job{grid-template-columns:1fr;gap:7px;padding:31px 0}.job-meta{padding-top:0}.job h3{font-size:22px}.case-grid{grid-template-columns:1fr}.case-heading{margin-top:55px}.project-grid{grid-template-columns:1fr}.project-card{min-height:300px}.contact{padding-block:75px}.contact-links{gap:18px}.site-footer{height:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}