.blog-hero{border-bottom:1px solid var(--border,#e0e0e0);justify-content:space-between;align-items:flex-end;gap:40px;padding:72px 60px 56px;display:flex}.blog-hero-left h1{color:var(--text,#111);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1.05}.blog-hero-left h1 em{font-style:italic;font-weight:300}.blog-hero-left p{color:var(--text2,#555);max-width:480px;font-size:.92rem;line-height:1.75}.blog-count{text-align:right}.blog-count .num{color:var(--border,#e0e0e0);font-family:Cormorant Garamond,serif;font-size:4rem;font-weight:300;line-height:1}.blog-count .lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--text4,#bbb);font-size:.65rem;font-weight:600}.blog-main{grid-template-columns:1fr 340px;min-height:70vh;display:grid}.blog-feed{border-right:1px solid var(--border,#e0e0e0);padding:52px 60px}.blog-sidebar{background:var(--surface,#fafafa);padding:52px 40px}.featured-post{border:1px solid var(--border,#e0e0e0);cursor:pointer;color:inherit;margin-bottom:48px;text-decoration:none;transition:box-shadow .2s;display:block}.featured-post:hover{box-shadow:0 8px 32px #00000012}.featured-img{aspect-ratio:16/7;background:var(--surface,#f0f0f0);overflow:hidden}.featured-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.featured-post:hover .featured-img img{transform:scale(1.02)}.featured-img-placeholder{background:linear-gradient(135deg, var(--surface,#f5f5f5), var(--surface2,#eaeaea));flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.featured-img-placeholder svg{width:40px;height:40px;color:var(--border,#ccc)}.featured-body{padding:36px 40px}.featured-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--text3,#999);margin-bottom:10px;font-size:.65rem;font-weight:600}.featured-body h2{color:var(--text,#111);margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;line-height:1.2}.featured-body p{color:var(--text2,#555);margin-bottom:20px;font-size:.9rem;line-height:1.75}.featured-meta{color:var(--text4,#aaa);align-items:center;gap:20px;font-size:.72rem;display:flex}.featured-badge{background:var(--text,#111);color:var(--bg,#fff);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;padding:3px 10px;font-size:.6rem;font-weight:600;display:inline-block}.post-item{border-bottom:1px solid var(--border2,#f0f0f0);cursor:pointer;color:inherit;grid-template-columns:1fr 120px;align-items:start;gap:24px;padding:28px 0;text-decoration:none;transition:opacity .2s;display:grid}.post-item:hover{opacity:.75}.post-item:first-child{padding-top:0}.post-item:last-child{border-bottom:none}.post-item-body .post-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--text3,#999);margin-bottom:6px;font-size:.62rem;font-weight:600}.post-item-body h3{color:var(--text,#111);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:500;line-height:1.25}.post-item-body p{color:var(--text2,#666);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-item-body .post-meta{color:var(--text4,#bbb);gap:14px;font-size:.68rem;display:flex}.post-thumb{aspect-ratio:4/3;background:var(--surface,#f0f0f0);overflow:hidden}.post-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-item:hover .post-thumb img{transform:scale(1.04)}.post-thumb-placeholder{background:linear-gradient(135deg, var(--surface,#f5f5f5), var(--surface2,#eaeaea));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.post-thumb-placeholder svg{width:24px;height:24px;color:var(--border,#ccc)}.sidebar-section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--text4,#bbb);border-bottom:1px solid var(--border2,#eee);margin-bottom:20px;padding-bottom:10px;font-size:.65rem;font-weight:700}.sidebar-post{border-bottom:1px solid var(--border2,#eee);cursor:pointer;color:inherit;padding:16px 0;text-decoration:none;transition:opacity .2s;display:block}.sidebar-post:hover{opacity:.7}.sidebar-post:last-child{border-bottom:none}.sidebar-post .sp-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--border,#ccc);margin-bottom:4px;font-size:.6rem;font-weight:600}.sidebar-post .sp-title{color:var(--text,#111);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:500;line-height:1.3}.sidebar-post .sp-date{color:var(--text4,#bbb);font-size:.68rem}.dl-section{margin-top:36px}.dl-hint{color:var(--text3,#999);margin-bottom:16px;font-size:.74rem;line-height:1.6}.dl-row{border-bottom:1px solid var(--border2,#eee);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.dl-row:last-child{border-bottom:none}.dl-row-title{color:var(--text,#111);font-family:Cormorant Garamond,serif;font-size:.95rem;font-weight:500;line-height:1.3}.dl-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--text,#111);border:1px solid var(--text,#111);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:.62rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.dl-btn:hover{background:var(--text,#111);color:var(--bg,#fff)}.dl-btn svg{width:11px;height:11px}.article-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.article-actions .article-back{margin-bottom:0}.article-download-btn{letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#111;border:1px solid #111;align-items:center;gap:8px;padding:10px 18px;font-size:.72rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.article-download-btn:hover{opacity:.8}.article-download-btn svg{width:13px;height:13px}.sidebar-newsletter{background:#111;margin-top:32px;padding:26px 22px}.sidebar-newsletter h4{color:#fff;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:500}.sidebar-newsletter p{color:#aaa;margin-bottom:16px;font-size:.78rem;line-height:1.6}.sidebar-newsletter .newsletter-form{flex-direction:column;gap:8px}.sidebar-newsletter .newsletter-form input{border-right:1px solid #fff}.sidebar-newsletter .newsletter-form button{width:100%}.article-view{max-width:800px;margin:0 auto;padding:52px 60px;display:block}.article-back{letter-spacing:.1em;text-transform:uppercase;color:var(--text2,#666);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:40px;font-family:inherit;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-flex}.article-back:hover{color:var(--text,#111)}.article-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--text3,#999);margin-bottom:14px;font-size:.65rem;font-weight:600}.article-title{color:var(--text,#111);margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.1}.article-meta{color:var(--text4,#bbb);flex-wrap:wrap;gap:20px;margin-bottom:32px;font-size:.75rem;display:flex}.article-cover{aspect-ratio:16/7;background:var(--surface,#f5f5f5);margin-bottom:40px;overflow:hidden}.article-cover img{object-fit:cover;width:100%;height:100%}.article-cover-placeholder{background:linear-gradient(135deg, var(--surface,#f5f5f5), var(--surface2,#eaeaea));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.article-cover-placeholder svg{width:48px;height:48px;color:var(--border,#ccc)}.article-body{color:var(--text2,#333);white-space:pre-wrap;font-size:.95rem;line-height:1.9}.empty{text-align:center;color:var(--border,#ccc);grid-column:1/-1;padding:80px 20px}.empty svg{opacity:.3;width:48px;height:48px;margin:0 auto 16px;display:block}.empty h3{color:var(--border2,#ddd);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:1.5rem}.empty p{font-size:.85rem}@media (max-width:900px){.blog-hero{flex-direction:column;padding:44px 20px 36px}.blog-count{display:none}.blog-main{grid-template-columns:1fr}.blog-feed{border-right:none;padding:32px 20px}.blog-sidebar{display:none}.article-view{padding:32px 20px}.featured-body{padding:24px 20px}.post-item{grid-template-columns:1fr 90px;gap:16px}}
