:root{--ink:#1b1b1b;--muted:#727272;--line:#e8e8e8;--soft:#f7f7f6;--accent:#52694f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Pretendard,Arial,sans-serif;letter-spacing:-.025em}.wrap{max-width:1100px;padding:0 32px;margin:auto}a{color:inherit;text-decoration:none}.nav{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.name{font-size:16px;font-weight:650;letter-spacing:-.04em}.tabs{display:flex;gap:6px}.tab{padding:8px 11px;border-radius:5px;border:0;background:none;color:var(--muted);font:500 14px Pretendard;cursor:pointer}.tab.active,.tab:hover{background:var(--soft);color:var(--ink)}.contact{font-size:14px;color:var(--muted)}.contact:hover{color:var(--ink)}main{min-height:calc(100vh - 72px)}.panel{padding:92px 0 100px}.eyebrow{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:20px}.hero h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.07em;line-height:1.1;margin:0;max-width:840px}.hero p{max-width:620px;margin:30px 0 55px;color:#4f4f4f;font-size:18px;line-height:1.7}.facts{display:flex;flex-wrap:wrap;gap:28px;padding-top:25px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.facts b{display:block;color:var(--ink);font-weight:600;margin-bottom:5px}.section-title{font-size:32px;letter-spacing:-.05em;line-height:1.2;margin:0 0 36px}.summary{max-width:720px;color:#444;font-size:18px;line-height:1.75;margin-bottom:72px}.list{border-top:1px solid var(--line)}.item{display:grid;grid-template-columns:135px 1fr auto;gap:28px;padding:29px 0;border-bottom:1px solid var(--line)}.company{background:var(--soft);padding:30px;margin-bottom:28px}.company-head{display:grid;grid-template-columns:135px 1fr auto;gap:28px}.company-head h3{font-size:24px;margin:0 0 8px;letter-spacing:-.045em}.company-head p{margin:0;color:#555;line-height:1.65;font-size:15px;max-width:620px}.subprojects{margin:28px 0 0 163px;border-top:1px solid #ddd}.subitem{display:grid;grid-template-columns:1fr auto;gap:18px;padding:20px 0;border-bottom:1px solid #ddd}.subitem h4{font-size:17px;margin:0 0 7px;letter-spacing:-.03em}.subitem p{margin:0;color:#555;font-size:14px;line-height:1.6;max-width:580px}@media(max-width:730px){.company{padding:22px}.company-head{grid-template-columns:1fr;gap:10px}.subprojects{margin-left:0}.subitem{grid-template-columns:1fr;gap:10px}}.item .meta{font-size:13px;color:var(--muted)}.item h3{font-size:21px;margin:0 0 9px;letter-spacing:-.04em}.item p{margin:0;color:#575757;font-size:15px;line-height:1.65;max-width:610px}.pill{height:max-content;border:1px solid #dcdcdc;border-radius:30px;padding:6px 9px;font-size:12px;color:var(--muted);white-space:nowrap}.external{display:inline-flex;margin-top:15px;font-size:13px;font-weight:600;color:var(--accent)}.external:hover{text-decoration:underline;text-underline-offset:3px}.writing{margin-top:92px}.writing-jump{margin-top:24px;border:0;background:none;padding:0;color:var(--accent);font:600 14px Pretendard;cursor:pointer}.writing-jump:hover{text-decoration:underline;text-underline-offset:3px}.writing h2{font-size:26px;letter-spacing:-.04em;margin:0 0 10px}.writing>p{color:var(--muted);font-size:15px;margin:0 0 26px}.writing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.writing-card{border:1px solid var(--line);padding:14px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.writing-card img{width:100%;aspect-ratio:1.8;object-fit:cover;margin-bottom:14px;background:var(--soft)}.writing-card:hover{border-color:#aaa;transform:translateY(-2px)}.writing-card span{font-size:12px;color:var(--accent);font-weight:600}.writing-card h3{font-size:17px;line-height:1.35;letter-spacing:-.035em;margin:14px 0}.writing-card small{font-size:12px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 2fr;gap:80px}.story .lead{font-size:clamp(28px,3.3vw,43px);line-height:1.28;letter-spacing:-.055em}.story .copy{font-size:17px;line-height:1.8;color:#454545}.story .copy p+p{margin-top:22px}.blog-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:45px}.blog-intro p{font-size:17px;color:#555;line-height:1.65;max-width:610px;margin:0}.blog-link{font-size:14px;color:var(--accent);font-weight:600;white-space:nowrap}.blog-link:hover{text-decoration:underline}.blog-item{display:grid;grid-template-columns:100px 1fr auto;gap:25px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}.blog-item:first-child{border-top:1px solid var(--line)}.blog-item time{font-size:13px;color:var(--muted)}.blog-item h3{font-size:19px;margin:0;letter-spacing:-.035em}.blog-item a:hover h3{text-decoration:underline;text-underline-offset:4px}.arrow{font-size:18px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}@media(max-width:730px){.wrap{padding:0 20px}.nav{height:64px}.contact{display:none}.tabs{gap:0}.tab{font-size:13px;padding:7px 8px}.panel{padding:62px 0 72px}.hero p,.summary{font-size:16px}.item{grid-template-columns:1fr;gap:10px;padding:24px 0}.pill{width:max-content}.writing{margin-top:64px}.writing-grid{grid-template-columns:1fr}.writing-card{min-height:155px}.story{grid-template-columns:1fr;gap:30px}.story .copy{font-size:16px}.blog-intro{display:block}.blog-link{display:inline-block;margin-top:18px}.blog-item{grid-template-columns:1fr auto;gap:8px}.blog-item time{grid-column:1/-1}}