@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("/css/public-home-adjustments.css");

:root { color: #17201d; background: #f7f8f4; font-family: "Pretendard Variable", Pretendard, system-ui, sans-serif; }
* { box-sizing: border-box; } body { margin: 0; } a { color: inherit; text-decoration: none; }
.site-header { align-items: center; border-bottom: 1px solid #dce2db; display: flex; justify-content: space-between; margin: auto; max-width: 1080px; padding: 24px 28px; }
.brand { font-family: Georgia, serif; font-size: 1.35rem; font-weight: bold; } nav { display: flex; gap: 24px; font-size: .95rem; }
main { margin: auto; max-width: 1080px; padding: 0 28px; }.hero { padding: 104px 0 82px; }.eyebrow { color: #507461; font-size: .75rem; font-weight: 700; letter-spacing: .13em; }
h1 { font-family: Georgia, "Noto Serif KR", serif; font-size: clamp(2.55rem, 7vw, 5rem); letter-spacing: -.06em; line-height: 1.1; margin: 15px 0 24px; }.hero > p:last-child { color: #59645e; font-size: 1.08rem; }
.content-section { border-top: 1px solid #dce2db; padding: 46px 0 88px; }.section-heading { align-items: baseline; display: flex; justify-content: space-between; }h2 { font-family: Georgia, "Noto Serif KR", serif; font-size: 1.9rem; margin: 0; }.section-heading span, .post-meta { color: #708078; font-size: .82rem; }
.post-list { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 28px; }.post-card { background: #fff; border: 1px solid #e0e5df; border-radius: 14px; padding: 28px; }.post-meta { display: flex; gap: 7px; margin: 0 0 15px; }h3 { font-size: 1.35rem; margin: 0 0 10px; }.post-card > p:not(.post-meta) { color: #59645e; line-height: 1.65; margin: 0; }.read-more { color: #326248; display: inline-block; font-size: .9rem; font-weight: 700; margin-top: 25px; }
.about { background: #e7efe8; border-radius: 14px; margin-bottom: 80px; padding: 42px; }.about p { color: #526158; margin: 14px 0 0; }footer { border-top: 1px solid #dce2db; color: #708078; font-size: .82rem; padding: 28px; text-align: center; }@media (max-width: 640px) { .site-header, main { padding-left: 20px; padding-right: 20px; }.hero { padding: 76px 0 58px; }.post-list { grid-template-columns: 1fr; }.about { padding: 28px; } }