@import url('./fonts/font.css');
:root{--ink:#101010;--line:#dedede;--muted:#626262;--pad:clamp(24px,6vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'Pretendard Variable',Pretendard,sans-serif;word-break:keep-all;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid;outline-offset:6px}h1,h2,h3,p{margin:0}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px var(--pad);border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:850;letter-spacing:-.04em}.brand span{display:block;font-size:12px;color:var(--muted);font-weight:450;letter-spacing:0;margin-top:2px}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.hero{padding:clamp(60px,9vw,140px) var(--pad) 0}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600}.hero h1{font-size:clamp(40px,6.8vw,110px);font-weight:780;letter-spacing:-.065em;line-height:1.16;margin:32px 0 42px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.hero-bottom p{font-size:clamp(16px,1.4vw,22px);color:#494949;line-height:1.85}.solid{display:flex;justify-content:space-between;align-items:center;gap:38px;background:var(--ink);color:white;padding:17px 23px;font-size:15px;font-weight:550;white-space:nowrap}.solid:hover{background:#353535}.solid span{font-size:24px;line-height:1}.hero-index{display:flex;gap:32px;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);margin-top:65px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.section{padding:100px var(--pad)}.section-top{margin-bottom:44px}.section-top h2{font-size:clamp(30px,3.2vw,52px);letter-spacing:-.045em;line-height:1.25;margin-top:15px}.section-top p{color:var(--muted);margin-top:20px;font-size:16px}.work{border-top:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.work-image{aspect-ratio:16/10;position:relative;background:#f2f2f2;overflow:hidden;border:1px solid var(--line)}.work-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.dashboard img{object-fit:contain;padding:20px;background:#f5f5f5}.work-item:hover img{transform:scale(1.025)}.work-image>span{position:absolute;top:16px;left:16px;background:#fff;padding:4px 10px;font-size:12px}.work-title{display:flex;justify-content:space-between;align-items:center;margin:23px 0 8px}.work-title h3{font-size:27px;letter-spacing:-.035em}.work-title>span{font-size:28px}.work-item p{font-size:16px}.work-item small{display:block;color:var(--muted);font-size:13px;margin-top:15px}.archive{background:#111;color:#fff}.archive .section-top p{color:#bcbcbc}.report{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1.5fr) minmax(0,.7fr);align-items:center;gap:36px;border-top:1px solid #484848;border-bottom:1px solid #484848;padding:42px 0}.report-date strong{display:block;font-size:80px;letter-spacing:-.06em;font-weight:600;line-height:1}.report-date span{font-size:14px;color:#bcbcbc}.report-body small{font-size:11px;letter-spacing:.12em;color:#bcbcbc}.report-body h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.045em;margin:10px 0}.report-body p{font-size:15px;color:#ccc}.report-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.report-meta span{border:1px solid #555;padding:4px 9px;font-size:12px;color:#ddd}.report-actions{display:flex;flex-direction:column;gap:18px}.report .solid{background:white;color:#111}.text-link{font-size:14px;text-align:center}.archive-note{margin-top:25px;font-size:13px;color:#bcbcbc}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:80px}.about h2{font-size:46px;letter-spacing:-.04em;margin:20px 0 5px}.about-role{color:var(--muted);font-size:14px}.about-copy h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.04em;line-height:1.4}.about-copy p{max-width:38em;color:#555;line-height:1.9;margin-top:25px}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.skills span{border:1px solid var(--line);padding:6px 12px;font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px var(--pad);border-top:1px solid var(--line)}footer span,footer>a:last-child{font-size:12px;color:var(--muted)}@media(max-width:700px){.nav{align-items:flex-start}.nav nav{gap:15px;font-size:12px}.brand{font-size:17px}.brand span{font-size:10px}.hero-bottom{align-items:stretch;flex-direction:column}.hero-index{gap:15px;font-size:9px;margin-top:40px}.section{padding:65px var(--pad)}.work-grid{grid-template-columns:minmax(0,1fr);gap:40px}.report{grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:20px}.report-date strong{font-size:60px}.report-actions{grid-column:1/-1}.about{grid-template-columns:minmax(0,1fr);gap:32px}footer{flex-wrap:wrap}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-image img{transition:none}}