@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(../media/PretendardVariable.0ztvx5mb7lxp4.woff2)format("woff2-variations")}
:root{--ink:#141619;--muted:#666b73;--line:#e6e1da;--paper:#fbfaf7;--paper-strong:#f3f0ea;--white:#fff;--teal:#006d77;--coral:#d95f43;--yellow:#f2b84b;--green-soft:#eef7f6;--shadow:0 18px 50px #14161914;--shadow-strong:0 24px 70px #1416191f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7eb;border-bottom:1px solid #14161914;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);min-height:64px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{width:34px;height:34px;color:var(--white);background:var(--ink);border-radius:8px;place-items:center;font-size:15px;display:grid}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.nav-links a{color:var(--muted);padding:8px 10px;font-size:14px;font-weight:700}.nav-links a:hover,.nav-links a:focus-visible,.project-banner:hover h3,.project-banner:focus-visible h3{color:var(--teal)}.section{width:min(1180px,100% - 40px);margin:0 auto;padding:78px 0}.hero{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:center;gap:44px;min-height:calc(100vh - 64px);padding-top:52px;padding-bottom:36px;display:grid}.hero-copy{display:grid}.eyebrow{color:var(--teal);align-items:center;gap:8px;margin:0 0 18px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--teal);width:28px;height:2px}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:24px;font-size:clamp(42px,6vw,78px);line-height:1.06}.lead{color:#383c42;max-width:720px;font-size:20px;line-height:1.85}.process-strip{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;display:grid;overflow:hidden}.process-step{border-right:1px solid var(--line);min-height:148px;padding:18px}.process-step:last-child{border-right:0}.process-step span{color:var(--coral);margin-bottom:18px;font-size:12px;font-weight:900;display:block}.process-step b{margin-bottom:8px;font-size:16px;display:block}.process-step p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid var(--ink);border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.button.primary{color:var(--white);background:var(--ink)}.button.secondary{background:var(--white)}.impact-board{gap:14px;display:grid}.signal-card{border:1px solid var(--line);border-top:6px solid var(--teal);background:var(--white);box-shadow:var(--shadow);border-radius:8px;padding:26px;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.signal-card:nth-child(2){border-top-color:var(--coral)}.signal-card:nth-child(3){border-top-color:var(--yellow)}.signal-card strong{margin-bottom:8px;font-size:32px;line-height:1;display:block}.signal-card span:not(.signal-project){color:var(--muted);font-size:15px}.signal-card:hover,.signal-card:focus-visible{box-shadow:var(--shadow-strong);border-color:#1416192e;outline:none;transform:translateY(-2px)}.signal-project{color:var(--teal);margin-bottom:14px;font-size:12px;font-weight:900;display:inline-flex}.section-head{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);align-items:end;gap:40px;margin-bottom:34px;display:grid}.section-title{margin-bottom:0;font-size:clamp(30px,4vw,50px);line-height:1.18}.section-copy{color:var(--muted);font-size:17px}.story-band,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-item,.skill-box,.timeline-row{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:24px}.story-item b,.skill-box h3{margin-bottom:12px;font-size:18px;display:block}.story-item p,.skill-box p,.timeline-row p{color:var(--muted);margin-bottom:0}.related-links{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.related-links a{border:1px solid var(--line);color:var(--teal);background:var(--green-soft);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.featured-grid{gap:16px;margin-bottom:20px;display:grid}.project-banner{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);align-items:stretch;gap:28px;min-height:188px;padding:26px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.project-banner.featured{background:linear-gradient(135deg, #006d7714, transparent 38%), var(--white);min-height:214px;padding:30px}.project-banner:before{content:"";background:var(--teal);width:7px;position:absolute;inset:0 auto 0 0}.project-banner:nth-child(2n):before{background:var(--coral)}.project-banner:nth-child(3n):before{background:var(--yellow)}.project-banner:hover,.project-banner:focus-visible{box-shadow:var(--shadow);border-color:#1416192e;outline:none;transform:translateY(-2px)}.project-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.project-meta span{border:1px solid var(--line);color:#374047;background:#ffffffc7;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.detail-kicker{color:var(--coral);margin-bottom:8px;font-size:13px;font-weight:900}.project-banner h3{margin-bottom:10px;font-size:clamp(22px,2.4vw,32px);line-height:1.25}.project-banner p{color:var(--muted);margin-bottom:0}.project-side{text-align:right;align-content:space-between;justify-items:end;gap:14px;display:grid}.project-highlight{font-size:22px;font-weight:900}.project-evidence{color:var(--muted);font-size:13px;line-height:1.5}.project-more{color:var(--teal);font-size:14px;font-weight:900}.project-archive{gap:10px;padding-top:10px;display:grid}.archive-row{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(150px,.28fr);align-items:center;gap:20px;padding:20px 22px;transition:transform .18s,border-color .18s,background .18s;display:grid}.archive-row:hover,.archive-row:focus-visible{background:var(--white);border-color:#1416192e;outline:none;transform:translateY(-1px)}.archive-row h3{margin-bottom:6px;font-size:21px;line-height:1.3}.archive-row p,.archive-result span{color:var(--muted);margin-bottom:0;font-size:14px}.archive-result{text-align:right;justify-items:end;gap:8px;display:grid}.archive-result strong{font-size:17px}.stack{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.stack span{border:1px solid var(--line);color:#3f464d;background:var(--white);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.timeline{gap:18px;display:grid}.timeline-row{grid-template-columns:210px minmax(0,1fr);gap:26px;display:grid}.period{color:var(--muted);font-weight:800}.timeline-row h3{margin-bottom:10px;font-size:24px}.contact{color:var(--white);background:#141619;border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);gap:30px;padding:46px;display:grid}.contact p{color:#ffffffbd}.contact-links{align-content:center;gap:10px;display:grid}.contact-links a{border:1px solid #ffffff3d;border-radius:8px;padding:12px 14px}.detail-hero{padding-top:70px;padding-bottom:34px}.detail-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px;display:grid}.summary-chip{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:16px}.summary-chip span{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:900;display:block}.summary-chip strong{font-size:15px;line-height:1.45;display:block}.detail-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:start;gap:48px;display:grid}.detail-aside{gap:18px;display:grid;position:sticky;top:96px}.detail-title{margin-bottom:22px;font-size:clamp(38px,5vw,66px);line-height:1.08}.detail-card,.thinking,.media-slot{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:24px}.detail-card p,.thinking p{margin-bottom:0}.result-card h2{margin-bottom:12px;font-size:30px;line-height:1.15}.result-card>p:not(.detail-kicker){color:var(--muted)}.thinking{border-left:4px solid var(--teal);background:#eef7f6}.media-slot{color:#5d636a;text-align:center;background-color:#fffdf9;background-image:linear-gradient(90deg,#006d7714 1px,#0000 1px),linear-gradient(#006d7714 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-style:dashed;align-content:center;justify-items:center;gap:12px;min-height:220px;font-weight:800;display:grid}.media-slot span{color:var(--ink)}.media-slot figcaption{max-width:320px;color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.6}.case-study{gap:30px;display:grid}.detail-section{gap:18px;display:grid}.detail-section h2{margin-bottom:0;font-size:24px}.section-number{color:var(--coral);margin-bottom:-8px;font-size:13px;font-weight:900}.detail-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.detail-list li{border:1px solid var(--line);background:var(--white);color:#343940;border-radius:8px;padding:16px 18px 16px 46px;position:relative}.detail-list li:before{content:"";background:var(--yellow);border-radius:50%;width:9px;height:9px;position:absolute;top:23px;left:20px}.detail-list.stepped{counter-reset:step}.detail-list.stepped li{counter-increment:step}.detail-list.stepped li:before{content:counter(step);width:22px;height:22px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;top:14px;left:14px}.result-list li:before{background:var(--teal)}.pager{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}footer{width:min(1180px,100% - 40px);color:var(--muted);margin:0 auto;padding:20px 0 44px;font-size:13px}@media (max-width:920px){.hero,.section-head,.contact,.detail-layout{grid-template-columns:1fr}.hero{min-height:auto;padding-top:44px}.story-band,.skills-grid,.process-strip,.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-aside{position:static}}@media (max-width:640px){.nav{flex-direction:column;align-items:flex-start;width:min(100% - 28px,1180px);padding:12px 0}.nav-links{justify-content:flex-start}.section{width:min(100% - 28px,1180px);padding:56px 0}.lead{font-size:17px}.story-band,.skills-grid,.timeline-row,.project-banner,.archive-row,.detail-summary-grid,.process-strip{grid-template-columns:1fr}.process-step,.process-step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:0}.project-side,.archive-result{text-align:left;justify-items:start}.contact{padding:28px}}