.article-hero { height:65vh; min-height:440px; position:relative; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; }
.article-hero-img { position:absolute; inset:0; z-index:0; overflow:hidden; }
.article-hero-img img { width:100%; height:100%; object-fit:cover; }
.article-hero-content { position:relative; z-index:2; padding:0 64px 56px; }
.article-cats { display:flex; gap:8px; margin-bottom:14px; }
.art-cat { font-size:12px; letter-spacing:0.08em; text-transform:uppercase; background:rgba(201,168,76,0.2); color:var(--gold-light); padding:4px 10px; border-radius:2px; }
.article-hero-content h1 { font-family:'Playfair Display',serif; font-size:clamp(34px,5vw,64px); color:var(--cream); line-height:1.1; margin-bottom:16px; }
.article-meta { font-size:13px; color:rgba(245,240,232,0.55); display:flex; gap:8px; flex-wrap:wrap; }
.article-body { max-width:var(--max-w); margin:0 auto; padding:64px 48px; display:grid; grid-template-columns:1fr 300px; gap:56px; align-items:start; }
.article-content { min-width:0; }
.article-lead { font-size:18px; color:var(--text-muted); line-height:1.8; font-weight:300; margin-bottom:36px; border-left:3px solid var(--gold); padding-left:20px; }
.article-content h2 { font-family:'Playfair Display',serif; font-size:26px; color:var(--forest); margin:36px 0 14px; }
.article-content p { font-size:16px; color:var(--text-muted); line-height:1.8; font-weight:300; margin-bottom:18px; }
.article-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:40px; padding-top:28px; border-top:1px solid var(--cream-dark); }
.article-sidebar { position:sticky; top:calc(var(--nav-h)+24px); }
.info-card { background:var(--white); border-radius:var(--radius); overflow:hidden; margin-bottom:20px; box-shadow:0 4px 20px rgba(26,58,42,0.07); }
.info-card-head { background:var(--forest); padding:14px 20px; }
.info-card-head h4 { font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-light); font-weight:500; }
.related-list { padding:8px 0; }
.related-item { display:flex; gap:12px; padding:10px 16px; border-bottom:1px solid var(--cream-dark); transition:background 0.2s; }
.related-item:last-child { border-bottom:none; }
.related-item:hover { background:var(--cream); }
.ri-img { width:52px; height:44px; border-radius:2px; overflow:hidden; flex-shrink:0; }
.ri-img img { width:100%; height:100%; object-fit:cover; }
.ri-text { font-size:13px; color:var(--ink); line-height:1.4; }
.ig-cta-card { background:var(--forest-mid); border-radius:var(--radius); padding:24px 20px; text-align:center; color:var(--cream); }
.ig-cta-card h4 { font-family:'Playfair Display',serif; font-size:20px; margin-bottom:8px; }
.ig-cta-card p { font-size:13px; color:rgba(245,240,232,0.6); font-weight:300; line-height:1.6; }
@media(max-width:900px) { .article-body{grid-template-columns:1fr;padding:48px 24px} .article-sidebar{position:static} .article-hero-content{padding:0 24px 40px} }