:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf7;--ink:#182018;--muted:#5f655d;--faint:#92988d;--line:#1820181f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);word-break:keep-all;background:var(--bg);margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}#root{min-height:100vh}.shell{width:min(1080px,100% - 40px);margin:0 auto;padding:56px 0 88px}.hero{padding:0 0 84px}.eyebrow,.section-kicker,.site-path{letter-spacing:.08em;text-transform:uppercase;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.eyebrow,.section-kicker{color:var(--faint);margin:0;font-size:.74rem}.hero-grid,.section-split{gap:24px;display:grid}.hero-grid{grid-template-columns:minmax(0,1fr);margin-top:22px}.hero-copy h1,.section-header h2,.section-split h2{letter-spacing:0;margin:0;font-weight:600;line-height:1.08}.hero-copy h1{max-width:720px;font-size:5.4rem}.tagline{max-width:820px;margin:24px 0 0;font-size:1.52rem;line-height:1.55}.description,.future-panel p,.site-card p,.topic-card p{color:var(--muted);font-size:1.02rem;line-height:1.65}.description{max-width:680px;margin:18px 0 0}.section{border-top:1px solid var(--line);padding:64px 0}.section-header{gap:10px;margin-bottom:34px;display:grid}.section-header h2,.section-split h2{max-width:760px;font-size:2.9rem}.future-panel p,.site-card p,.topic-card p{overflow-wrap:anywhere;word-break:keep-all}.future-panel p{max-width:620px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;display:grid}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.topic-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:14px;min-height:440px;padding:22px 0;transition:border-color .18s,color .18s;display:flex}.topic-image{aspect-ratio:4/3;object-fit:cover;filter:saturate(.88);border-radius:18px;width:100%}.topic-path{color:var(--faint);font-size:.8rem}.topic-card h3{margin:8px 0 0;font-size:2.1rem;font-weight:600;line-height:1.08}.topic-link{color:var(--ink);margin-top:auto;font-size:.92rem;font-weight:600}@media (hover:hover){.topic-card:hover{border-color:#1820185c}.topic-card:hover .topic-link{text-underline-offset:4px;text-decoration:underline}}.site-card{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;min-height:220px;padding:0 0 22px;transition:color .18s,border-color .18s;display:flex}.card-topline{align-items:center;gap:10px;display:flex}.site-path{color:var(--faint);font-size:.72rem}.site-card h3{margin:8px 0 0;font-size:2rem;font-weight:600}.tag-list,.future-list{flex-wrap:wrap;gap:10px;margin:auto 0 0;padding:0;list-style:none;display:flex}.tag-list li,.future-list span{min-height:28px;color:var(--faint);letter-spacing:0;align-items:center;padding:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:.78rem;display:inline-flex}.section-split{grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);align-items:start}.future-panel{padding-top:8px}@media (width<=920px){.hero-grid,.section-split,.topic-grid,.card-grid{grid-template-columns:1fr}.hero-copy h1{max-width:none;font-size:4.4rem}.section-header h2,.section-split h2{font-size:2.45rem}.topic-card{grid-template-columns:minmax(132px,.42fr) minmax(0,1fr);grid-template-areas:"image path""image title""image description""image link""image tags";align-items:start;gap:8px 18px;min-height:0;padding:18px 0;display:grid}.topic-image{grid-area:image;height:auto}.topic-path{grid-area:path}.topic-card h3{grid-area:title;margin-top:0}.topic-card p{grid-area:description;margin:0}.topic-link{grid-area:link;margin-top:4px}.topic-card .tag-list{grid-area:tags;margin-top:4px}}@media (width<=640px){.shell{width:min(100% - 28px,1080px);padding-top:34px;padding-bottom:48px}.hero{padding-bottom:54px}.section{padding:46px 0}.hero-copy h1{font-size:3.2rem}.tagline{font-size:1.28rem}.section-header h2,.section-split h2{font-size:2rem}.site-card{min-height:0}.topic-card{grid-template-columns:112px minmax(0,1fr);gap:6px 14px}.topic-image{border-radius:14px}.topic-card h3{font-size:1.45rem}.topic-card p{font-size:.94rem;line-height:1.55}.topic-card .tag-list{gap:6px 9px}}