/* === Shared Blog Post Page Styles === */

/* HERO — shared base */
.hero-breadcrumb { font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--warm); margin-bottom:1rem; }
.hero-title { font-family:'Cormorant Garamond',serif; font-size:2.8rem; font-weight:400; color:#f5ede0; line-height:1.15; margin-bottom:0.8rem; }
.hero-sub { font-size:0.8rem; color:rgba(245,237,224,0.6); letter-spacing:0.05em; }

/* POST BODY — grid layout */
.post-body { padding:3rem 2.5rem; display:grid; grid-template-columns:2fr 1fr; gap:3.5rem; align-items:start; }
.post-lead { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-style:italic; line-height:1.6; color:var(--bark); border-left:1.5px solid var(--clay); padding-left:1.2rem; margin-bottom:2rem; }
.post-p { font-size:0.88rem; line-height:1.9; color:var(--smoke); margin-bottom:1.4rem; }
.section-head { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:500; color:var(--bark); margin:2rem 0 0.8rem; padding-top:1.5rem; border-top:0.5px solid var(--pale); }

/* INLINE IMAGES */
.inline-img { margin:1.5rem 0; }
.inline-img img { width:100%; object-fit:cover; display:block; }
.inline-img.landscape img { max-height:280px; object-position:center; }
.inline-img.wide img { max-height:200px; object-position:center 40%; }
.img-caption { font-size:0.65rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--smoke); margin-top:0.4rem; }

/* SIDEBAR */
.post-sidebar { position:sticky; top:1rem; }
.sidebar-img { width:100%; margin-bottom:0.5rem; overflow:hidden; }
.sidebar-img img { width:100%; aspect-ratio:3/4; object-fit:cover; object-position:center; display:block; }
.sidebar-caption { font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--smoke); margin-bottom:1.5rem; }
.sidebar-label { font-size:0.6rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--smoke); margin-bottom:0.5rem; margin-top:1rem; }
.sidebar-tag { font-size:0.75rem; color:var(--bark); padding:0.3rem 0; border-bottom:0.5px solid var(--pale); display:block; }

/* PULL QUOTE */
.pull-quote { padding:3rem 2.5rem; text-align:center; border-top:0.5px solid var(--warm); border-bottom:0.5px solid var(--warm); background:var(--sand); }
.pull-quote blockquote { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-style:italic; line-height:1.5; color:var(--bark); max-width:580px; margin:0 auto; }

/* BACK LINK */
.back-link { padding:2rem 2.5rem; border-top:0.5px solid var(--warm); }
.back-link a { font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--clay); border-bottom:0.5px solid var(--clay); padding-bottom:1px; cursor:pointer; text-decoration:none; }