.blog-post-header{padding:3rem 2rem 2rem}.blog-post-header--bg-white{background:var(--color-white,#fff)}.blog-post-header--bg-cream{background:var(--color-cream,#fff8f0)}.blog-post-header--bg-light-cream{background:var(--color-light-cream,#fffaf5)}.blog-post-header__container{margin:0 auto;max-width:800px}.blog-post-header__meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.blog-post-header__date{font-weight:500}.blog-post-header__date,.blog-post-header__reading-time{color:var(--color-gray,#64748b);font-size:.875rem}.blog-post-header__reading-time:before{content:"•";margin-right:1rem}.blog-post-header__title{color:var(--color-dark,#1a1a1a);font-family:var(--font-heading,"P22 Mackinac Pro",serif);font-size:2.75rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.blog-post-header__author{margin-bottom:1.5rem}.blog-post-header__author-name{color:var(--color-dark,#1a1a1a);font-size:1rem;font-weight:500}.blog-post-header__share{align-items:center;border-top:1px solid var(--color-border-light,#e2e8f0);display:flex;gap:1rem;padding-top:1.5rem}.blog-post-header__share-label{color:var(--color-dark,#1a1a1a);font-size:.875rem;font-weight:600}.blog-post-header__share-buttons{align-items:center;display:flex;gap:.5rem}.blog-post-header__share-btn{align-items:center;background:var(--color-light-gray,#f8f9fa);border:none;border-radius:8px;color:var(--color-gray,#64748b);cursor:pointer;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.blog-post-header__share-btn:hover{background:var(--color-primary,#e33600);color:#fff}.blog-post-header__share-btn--linkedin:hover{background:#0a66c2}.blog-post-header__share-btn--facebook:hover{background:#1877f2}.blog-post-header__share-btn--email:hover{background:var(--color-primary,#e33600)}.blog-post-header__share-btn--copy:hover{background:var(--color-teal,#00b4b4)}.blog-post-header__share-btn--copy.copied{background:var(--color-teal,#00b4b4);color:#fff}.blog-post-header__share-btn--copy.copied .icon-link{display:none}.blog-post-header__share-btn--copy.copied .icon-check{display:block!important}@media (max-width:768px){.blog-post-header{padding:2rem 1.5rem 1.5rem}.blog-post-header__title{font-size:2rem}.blog-post-header__share{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.blog-post-header__title{font-size:1.75rem}.blog-post-header__share-btn{height:36px;width:36px}.blog-post-header__share-btn svg{height:18px;width:18px}}