@import url("styles.css?v=20260717-3");

:root{--blog-bg:#0a0908;--blog-panel:#17130f;--blog-panel-2:#211910;--blog-line:#3a3026;--blog-text:#f2eee8;--blog-muted:#bbb1a5;--blog-gold:#d9ad35;--blog-gold-soft:#f0cf76}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--blog-bg);color:var(--blog-text);font-family:Arial,"Noto Sans KR",sans-serif;letter-spacing:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(217,173,53,.18);background:rgba(10,9,8,.94);backdrop-filter:blur(18px)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:82px;gap:36px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand-mark{display:block;width:42px;height:42px;object-fit:cover;border:1px solid rgba(216,176,82,.45);background:#070706}
.site-header nav{display:flex;justify-content:center;gap:30px;color:var(--blog-muted);font-size:14px}
.site-header nav a:hover,.site-header nav a.active{color:var(--blog-gold-soft)}
.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--blog-gold);font-weight:800}
.btn.primary{background:var(--blog-gold);color:#171006}
.text-link{display:inline-block;margin-top:18px;color:var(--blog-gold-soft);font-weight:800}
.eyebrow{margin:0 0 18px;color:var(--blog-gold);font-size:12px;font-weight:800;text-transform:uppercase}
.blog-hero{padding:112px 0 78px;border-bottom:1px solid var(--blog-line);background:#110e0b}
.blog-hero .shell{max-width:1180px;container-type:inline-size}
.blog-hero h1{max-width:900px;margin:0;font-size:clamp(2.75rem,7cqi,5.125rem);line-height:1.08;text-wrap:balance}
.blog-hero .shell>p:last-child{max-width:680px;margin:24px 0 0;color:var(--blog-muted);font-size:18px;line-height:1.8}
.blog-archive{padding:78px 0 120px}
.archive-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--blog-line)}
.archive-heading{container-type:inline-size}.archive-heading h2{margin:0;font-size:clamp(1.75rem,4cqi,2.125rem);text-wrap:balance}
.archive-heading>p{margin:0;color:var(--blog-muted);font-size:13px}
.blog-list{display:grid}
.blog-card{display:grid;grid-template-columns:minmax(260px,36%) 1fr;gap:38px;padding:38px 0;border-bottom:1px solid var(--blog-line)}
.blog-card-image{overflow:hidden;aspect-ratio:16/9;background:var(--blog-panel)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:hover img{transform:scale(1.025)}
.blog-card-meta{margin:0 0 12px;color:var(--blog-gold);font-size:12px}
.blog-card>div{container-type:inline-size}.blog-card h2{margin:0;font-size:clamp(1.55rem,5cqi,2.375rem);line-height:1.28;text-wrap:balance}
.blog-card h2 a:hover{color:var(--blog-gold-soft)}
.blog-card h2+p{max-width:720px;margin:16px 0 0;color:var(--blog-muted);line-height:1.75}
.post-hero{padding:80px 0}
.post-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:60px}
.post-hero-grid>div{container-type:inline-size}.post-hero h1{font-size:clamp(2.375rem,7cqi,4.25rem);text-wrap:balance}
.post-deck{max-width:700px;margin:24px 0 0;color:var(--blog-muted);font-size:18px;line-height:1.75}
.post-meta{display:flex;gap:20px;margin-top:28px;color:#9d9388;font-size:12px}
.post-hero figure{overflow:hidden;margin:0;aspect-ratio:4/3;background:var(--blog-panel)}
.post-hero figure img{width:100%;height:100%;object-fit:cover}
.post-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,1fr);gap:80px;padding-top:76px;padding-bottom:130px}
.post-content{min-width:0;color:#d4ccc3;font-size:17px;line-height:1.92;word-break:keep-all}
.post-content>p:first-child{font-size:19px;color:#eee8df}
.post-content p{margin:0 0 24px}
.post-content{container-type:inline-size}.post-content h2{margin:68px 0 22px;padding-top:8px;color:var(--blog-text);font-size:clamp(1.75rem,4.5cqi,2.125rem);line-height:1.35;text-wrap:balance}
.post-content h3{margin:44px 0 16px;color:var(--blog-text);font-size:clamp(1.35rem,3.5cqi,1.6rem);line-height:1.45;text-wrap:balance}
.post-content h4{margin:34px 0 12px;color:var(--blog-gold-soft);font-size:19px}
.post-content ul,.post-content ol{margin:18px 0 30px;padding-left:24px}
.post-content li+li{margin-top:10px}
.post-content a{color:var(--blog-gold-soft);text-decoration:underline;text-decoration-color:rgba(240,207,118,.35);text-underline-offset:4px}
.post-content figure,.post-content .wp-block-image{margin:42px 0}
.post-content figure img,.post-content>img,.post-content p>img{width:100%;height:auto;max-height:680px;object-fit:cover}
.post-content figcaption,.post-content .wp-element-caption{margin-top:10px;color:#958b80;font-size:12px;line-height:1.55}
.post-content blockquote{margin:40px 0;padding:10px 0 10px 26px;border-left:2px solid var(--blog-gold);color:#eee7de;font-size:19px}
.post-content table{width:100%;margin:34px 0;border-collapse:collapse;background:var(--blog-panel)}
.post-content th,.post-content td{padding:14px;border:1px solid var(--blog-line);text-align:left;vertical-align:top}
.post-content th{color:var(--blog-gold-soft)}
.post-content .wp-block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.post-content .wp-block-gallery figure{margin:0}
.post-content iframe{width:100%;max-width:100%}
.post-aside{min-width:0}
.post-aside>div{position:sticky;top:120px;padding:28px 0;border-top:1px solid var(--blog-gold);border-bottom:1px solid var(--blog-line)}
.post-aside strong{display:block;font-size:21px;line-height:1.5}
.post-aside .btn{width:100%;margin-top:24px}
.site-footer{border-top:1px solid var(--blog-line);background:#0d0b09}
.site-footer .footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:50px;padding-top:58px;padding-bottom:58px}
.site-footer strong{font-size:20px}
.site-footer p{color:#988e83;font-size:13px;line-height:1.65}
.site-footer nav{display:grid;align-content:start;gap:12px;color:var(--blog-muted);font-size:13px}
.footer-phone{color:var(--blog-gold-soft);font-size:22px;font-weight:800}
@media(max-width:900px){.header-inner{grid-template-columns:auto 1fr}.site-header nav{display:none}.header-cta{justify-self:end}.post-hero-grid,.post-layout{grid-template-columns:1fr}.post-hero-grid{gap:36px}.post-layout{gap:48px}.post-aside>div{position:static}.blog-card{grid-template-columns:240px 1fr}.site-footer .footer-grid{grid-template-columns:1fr 1fr}.site-footer .footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:640px){.shell{width:min(100% - 30px,1180px)}.header-inner{min-height:68px;gap:12px}.brand span:last-child{display:none}.header-cta{min-height:40px;padding:0 13px;font-size:13px}.blog-hero{padding:80px 0 54px}.blog-hero h1{font-size:clamp(2.35rem,11cqi,2.75rem)}.blog-archive{padding:52px 0 90px}.archive-heading{align-items:start}.blog-card{grid-template-columns:1fr;gap:22px;padding:28px 0}.blog-card h2{font-size:clamp(1.45rem,8cqi,1.75rem)}.post-hero{padding:58px 0}.post-hero-grid{gap:30px}.post-hero h1{font-size:clamp(2.15rem,10cqi,2.6rem)}.post-deck{font-size:16px}.post-layout{padding-top:48px;padding-bottom:90px}.post-content{font-size:16px;line-height:1.85;word-break:normal}.post-content h2{margin-top:52px;font-size:clamp(1.6rem,8cqi,1.85rem)}.post-content h3{font-size:clamp(1.3rem,7cqi,1.5rem)}.post-content .wp-block-gallery{grid-template-columns:1fr}.site-footer .footer-grid{grid-template-columns:1fr;gap:30px}.site-footer .footer-grid>div:last-child{grid-column:auto}}