/* Marketing Amplified blog. Uses the site's tokens from styles.css (plum, rose, champagne, linen, Cormorant Garamond, DM Sans) and its olive-branch line art. */
:root{--sprig-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 220'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M58 215 C 56 170, 66 120, 60 70 C 57 45, 62 25, 70 8'/%3E%3Cpath d='M60 70 C 70 60, 82 58, 92 48'/%3E%3Cpath d='M57 190 C 40 186, 30 174, 28 160 C 42 162, 54 172, 57 190 Z'/%3E%3Cpath d='M58 172 C 74 166, 84 152, 86 138 C 72 142, 61 154, 58 172 Z'/%3E%3Cpath d='M59 150 C 42 146, 33 132, 32 118 C 46 121, 56 133, 59 150 Z'/%3E%3Cpath d='M61 128 C 76 121, 84 107, 84 93 C 71 98, 62 112, 61 128 Z'/%3E%3Cpath d='M60 104 C 45 99, 38 86, 38 73 C 51 77, 59 89, 60 104 Z'/%3E%3Cpath d='M92 48 C 96 36, 106 30, 116 30 C 112 40, 103 47, 92 48 Z'/%3E%3Cpath d='M78 57 C 76 45, 80 35, 88 30 C 90 40, 86 51, 78 57 Z'/%3E%3Cpath d='M62 52 C 50 46, 46 34, 48 24 C 58 29, 63 40, 62 52 Z'/%3E%3Cpath d='M70 8 C 74 2, 80 0, 86 1 C 83 7, 77 10, 70 8 Z'/%3E%3Cellipse cx='68.5' cy='211' rx='3.4' ry='4.4'/%3E%3C/g%3E%3C/svg%3E")}

/* Masthead: Marketing Amplified */
.blog-hero{padding:72px 0 40px;position:relative;overflow:hidden}
.blog-hero .sprig{position:absolute;right:4%;top:20px;width:120px;height:220px;color:var(--champagne);opacity:.8;transform:rotate(-16deg);pointer-events:none}
.masthead{display:inline-flex;flex-direction:column;align-items:flex-start;margin:0 0 28px}
.masthead .mk{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.3rem,2.8vw,1.75rem);line-height:1;color:var(--plum);margin:0 0 -.12em .45em}
.masthead .amp{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(3rem,7vw,4.4rem);line-height:1;color:var(--rose)}
.masthead svg{width:124px;height:26px;color:var(--champagne);margin:2px 0 0 15%}
.masthead .no{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);margin:10px 0 0 4px}
.blog-hero h1{max-width:900px;font-size:clamp(2.3rem,5vw,3.8rem);text-wrap:balance}
.blog-hero .lede{max-width:720px}
.byline{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--stone);margin-top:22px}
.byline img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--champagne)}

/* Cover */
.post-cover{max-width:1040px;margin:0 auto;padding:0 24px}
.post-cover img{width:100%;height:auto;border:1px solid var(--champagne);padding:8px;background:var(--white);box-shadow:0 30px 60px -36px #29263c40}

/* Reading column */
.post-body{max-width:720px;margin:0 auto;padding:56px 24px 24px;position:relative}
.post-body .answer{font-family:var(--serif);font-style:italic;font-size:1.6rem;line-height:1.35;color:var(--plum);border-left:2px solid var(--champagne);padding-left:22px;margin:0 0 2rem;text-wrap:balance}
.post-body h2{font-size:clamp(1.9rem,3.6vw,2.5rem);margin-top:1.5em}
.post-body h2 + p{margin-top:.2em}
.post-body h3{font-size:1.6rem;margin-top:1.8em}
.post-body ul{position:relative;list-style:none;padding:0;margin:0 0 1.6em}
.post-body li{position:relative;padding:8px 0 8px 26px}
.post-body li:before{content:"";position:absolute;left:0;top:21px;width:12px;height:1px;background:var(--rose)}
.post-body ul:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-130px;width:70px;background:var(--champagne);opacity:.9;-webkit-mask:var(--sprig-mask) top center/70px 128px repeat-y;mask:var(--sprig-mask) top center/70px 128px repeat-y}
@media (max-width:1000px){.post-body ul:after{display:none}}
.callout{background:var(--white);border-left:3px solid var(--champagne);padding:24px 28px;margin:2rem 0}
.post-body p,.post-body li,.faq .answer p{text-wrap:pretty}
.post-body .callout p{margin:0;text-wrap:balance}
.callout strong{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.3rem;color:var(--rose-dark);display:block;margin-bottom:4px}

/* CTA with headshot */
.post-cta{position:relative;background:var(--plum);color:var(--linen);padding:44px 220px 44px 44px;margin:3rem 0 1rem}
.post-cta h2{color:var(--linen);font-size:clamp(1.8rem,3.4vw,2.3rem);margin:0 0 .4em}
.post-cta p{color:#f1e9e1d1}
.post-cta .eyebrow{color:var(--champagne)}
.post-cta .headshot{position:absolute;right:44px;bottom:44px;width:140px;height:140px;border-radius:50%;object-fit:cover;outline:1px solid var(--champagne);outline-offset:8px}
@media (max-width:680px){.post-cta{padding:36px 24px 200px}.post-cta .headshot{right:auto;left:32px;bottom:36px;width:112px;height:112px}}

/* FAQ uses the site's .faq pattern */
.post-faq{max-width:720px;margin:0 auto;padding:24px 24px 0}
.post-faq h2{font-size:clamp(1.9rem,3.6vw,2.5rem)}
.series-next{max-width:720px;margin:0 auto;padding:40px 24px 96px}
.series-next div{border-top:1px solid rgba(198,156,104,.5);padding-top:22px;font-size:.95rem;color:var(--stone)}
.series-next strong{font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--plum)}

/* Blog index */
.post-list{padding:24px 0 96px}
.post-list .work-card + .soon-card{margin-top:28px}
.soon-card{border:1px dashed rgba(105,99,109,.4);padding:32px 36px;color:var(--stone)}
.soon-card .tag{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);font-weight:500}
.soon-card h2{font-size:1.9rem;margin:.3em 0 .3em}
@media (max-width:900px){.blog-hero .sprig{right:-30px;opacity:.35}}