*{box-sizing:border-box}
body{margin:0;background:#fbf8f5;color:#1c1a18;font-family:Pretendard,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;line-height:1.8}
a{color:#8f6a4c;text-decoration:none}
a:hover{color:#6e4f36}
img{display:block;max-width:100%;height:auto}
header.site{position:sticky;top:0;z-index:5;background:rgba(251,248,245,.94);backdrop-filter:blur(10px);border-bottom:1px solid #ebe2d8}
.bar{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}
.brand{display:flex;flex-direction:column;line-height:1;color:#1c1a18}
.brand b{font-family:'Playfair Display',serif;font-weight:400;font-size:22px;letter-spacing:.08em}
.brand span{font-family:'Playfair Display',serif;font-size:9px;letter-spacing:.32em;margin-top:4px;color:#6b625b}
nav{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:600}
.cta{display:inline-block;background:#1c1a18;color:#fff;border-radius:999px;padding:10px 20px;font-weight:700;line-height:1.4}
.cta:hover{background:#8f6a4c;color:#fff}
main{max-width:760px;margin:0 auto;padding:32px 16px 72px}
.crumb{display:block;font-size:13.5px;font-weight:500;color:#6b625b;margin-bottom:18px}
h1{margin:0;font-size:clamp(27px,5vw,40px);font-weight:800;line-height:1.3;letter-spacing:-.03em}
.meta{margin:14px 0 30px;font-size:14px;color:#6b625b}
article p{margin:0 0 14px;font-size:clamp(16.5px,2vw,18px)}
article h2{margin:42px 0 14px;font-size:clamp(21px,3vw,26px);font-weight:800;line-height:1.4;letter-spacing:-.02em;color:#6e4f36}
hr{margin:32px 0;border:0;border-top:1px solid #ebe2d8}
figure{margin:28px 0}
figure.tall{max-width:440px;margin-inline:auto}
figure img{width:100%;border-radius:12px}
blockquote{margin:30px 0;padding:22px 24px;background:#f3ebe2;border-left:4px solid #b8947a;border-radius:0 12px 12px 0}
blockquote p{margin:0;font-weight:700;color:#4a3a2e}
article h3{margin:28px 0 8px;font-size:clamp(18px,2.4vw,20px);font-weight:800;line-height:1.5;letter-spacing:-.02em}
.video a{position:relative;display:block}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:999px;background:rgba(28,26,24,.82);color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.oglink{display:flex;margin:24px 0;background:#fff;border:1px solid #ebe2d8;border-radius:12px;overflow:hidden;color:#1c1a18}
.oglink:hover{color:#1c1a18;border-color:#b8947a}
.oglink img{flex:0 0 120px;width:120px;height:auto;object-fit:cover}
.oglink span{display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;line-height:1.5}
.oglink b{font-size:15.5px}
.oglink small{font-size:13px;color:#6b625b}
.contact{padding:16px 20px;background:#fff;border:1px solid #ebe2d8;border-radius:12px;font-weight:700;text-align:center}
.next{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:40px;padding-top:28px;border-top:1px solid #ebe2d8}
.lead{margin:14px 0 32px;font-size:17px;color:#4a433e}
.cards{display:grid;gap:18px}
.card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border:1px solid #ebe2d8;border-radius:18px;overflow:hidden;color:#1c1a18}
.card:hover{color:#1c1a18;border-color:#b8947a}
.card img{width:100%;height:100%;object-fit:cover}
.card div{padding:20px 22px}
.card h2{margin:0 0 8px;font-size:19px;font-weight:800;line-height:1.45;letter-spacing:-.02em}
.card p{margin:0 0 10px;font-size:15px;line-height:1.65;color:#4a433e}
.card time{font-size:13px;color:#6b625b}
footer.site{background:#2e2926;color:#cfc5bc;font-size:13px}
footer .bar{padding-block:28px}
@media (max-width:620px){.card{grid-template-columns:1fr}.card img{height:auto;aspect-ratio:16/9}}