/* Blog: the same cream, plum and turquoise palette as the main site. */
.blog-preview{padding-top:72px;padding-bottom:82px}
.blog-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.blog-preview-heading>div{max-width:720px}
.blog-preview h2{margin:12px 0 14px}
.blog-preview p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}
.blog-preview-heading>.button{flex-shrink:0}
.blog-preview-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #e8e0e8;border-radius:20px;box-shadow:0 12px 28px rgba(44,9,64,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.blog-card:hover{transform:translateY(-5px);border-color:#c9b5cf;box-shadow:0 18px 32px rgba(44,9,64,.12)}
.blog-card:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee6f0}
.blog-card-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:23px 23px 25px}
.blog-card-kicker{color:#8b538d;font-size:11px;font-weight:800;letter-spacing:.16em}
.blog-card strong{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.23;letter-spacing:-.025em;margin:12px 0 22px}
.blog-card-link{margin-top:auto;color:var(--purple);font-size:13px;font-weight:800}
.footer-blog{display:block;margin-top:15px!important;text-decoration:underline;text-underline-offset:4px}

.blog-main{background:var(--cream)}
.blog-hero{padding:86px max(32px,calc((100vw - 1216px)/2)) 88px;background:linear-gradient(130deg,#23063c 0%,#3d075d 68%,#551275 100%);color:white}
.blog-hero .eyebrow{color:var(--teal)}
.blog-hero h1{max-width:850px;font-size:clamp(47px,6.1vw,79px);line-height:1.09;letter-spacing:-.042em;margin:19px 0 21px}
.blog-hero h1 em{color:var(--teal);font-weight:500}
.blog-hero p{max-width:650px;color:#e8dceb;font-size:19px;line-height:1.65;margin:0}
.blog-list{padding-top:65px;padding-bottom:90px}
.blog-bottom{text-align:center;background:#eee5f0;padding:75px 24px 80px}
.blog-bottom h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(34px,4vw,50px);font-weight:500;margin:0 0 12px}
.blog-bottom p{font-size:17px;color:var(--muted);margin:0 0 25px}

.article-shell{max-width:1160px;padding:38px 32px 100px;margin:auto}
.breadcrumbs{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#665d6f;font-size:13px;margin-bottom:44px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.breadcrumbs span:last-child{color:var(--purple);font-weight:700}
.article-heading{max-width:860px;margin:auto;text-align:center}
.article-heading h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(40px,5vw,66px);font-weight:500;line-height:1.13;letter-spacing:-.035em;margin:16px 0 17px}
.article-date{color:var(--muted);font-size:13px;margin-bottom:36px}
.article-cover{margin:0 0 48px;overflow:hidden;border-radius:22px;background:#eee6f0}
.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-copy{max-width:760px;margin:auto;color:#2b2337;font-size:18px;line-height:1.78}
.article-copy p{margin:0 0 25px}
.article-copy .lead{font-size:20px;color:#3d3048}
.article-copy h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(29px,3.5vw,39px);line-height:1.25;letter-spacing:-.025em;margin:52px 0 20px}
.article-copy h3{font-family:'DM Sans',Arial,sans-serif;font-size:20px;line-height:1.38;font-weight:700;margin:34px 0 12px}
.article-copy ul{padding-left:25px;margin:0 0 26px}
.article-copy li{margin:9px 0;padding-left:4px}
.article-copy a{color:#651380;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-copy strong{font-weight:700}
.article-action{background:#f0e7f2;border:1px solid #e3d3e9;border-radius:20px;padding:30px 34px;margin-top:50px}
.article-action h2{margin:0 0 12px;font-size:32px}
.article-action p{margin-bottom:22px}
.article-action-links{display:flex;gap:12px;flex-wrap:wrap}
.article-action-links .button{text-decoration:none}
.related{max-width:760px;margin:72px auto 0;padding-top:30px;border-top:1px solid #dbcfdc}
.related h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:32px;margin:0 0 20px}
.related>div{display:grid;gap:10px}
.related>div a{display:flex;justify-content:space-between;gap:20px;padding:17px 19px;background:white;border:1px solid #e8e0e8;border-radius:12px;font-weight:700;line-height:1.4}
.related>div a:hover{border-color:#ba9ec7}
.related>div span{color:var(--purple);flex-shrink:0}
.related .all-posts{display:inline-block;color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:20px}

@media(max-width:950px){.blog-preview-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.blog-preview{padding-top:60px;padding-bottom:64px}.blog-preview-heading{align-items:start;flex-direction:column}.blog-preview-grid,.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-copy{padding:21px}.blog-card strong{font-size:27px}.blog-hero{padding:66px 24px 70px}.blog-hero p{font-size:17px}.blog-list{padding-top:35px;padding-bottom:66px}.article-shell{padding:26px 20px 70px}.breadcrumbs{margin-bottom:34px}.article-heading{text-align:left}.article-heading h1{font-size:clamp(37px,9vw,48px)}.article-date{margin-bottom:27px}.article-cover{margin-bottom:33px;border-radius:16px}.article-copy{font-size:17px;line-height:1.72}.article-copy .lead{font-size:18px}.article-copy h2{margin-top:42px}.article-action{padding:25px 22px}.article-action-links .button{width:100%}.related{margin-top:50px}}
