.post{background:var(--card);border:1px solid var(--ink-line);border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.post:hover{transform:translateY(-6px);box-shadow:0 24px 50px -20px rgba(0,0,0,.18);border-color:var(--ink)}
.post .thumb{aspect-ratio:16/10;background:#eee;overflow:hidden}
.post .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post:hover .thumb img{transform:scale(1.05)}
.post-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.post .tag{align-self:flex-start;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#7b3aa1;background:rgba(241,225,53,.35);padding:5px 10px;border-radius:999px}
.post h3{font-size:21px;line-height:1.2}
.post p{color:var(--ink-soft);font-size:14.5px;flex:1}
.post .read{margin-top:8px;align-self:flex-start}

/*blog details page*/
.article-wrap{padding:0 0 96px;margin-top:-40px}
.article{background:#fff;border:1px solid var(--ink-line);border-radius:24px;overflow:hidden;max-width:920px;margin:0 auto;box-shadow:0 30px 60px -30px rgba(0,0,0,.15)}
.article .hero{aspect-ratio:16/9;background:#eee;overflow:hidden; padding:0px;}
.article .hero img{width:100%;height:100%;object-fit:cover}
.article-body{padding:clamp(28px,5vw,56px)}
.article-body h2{font-size:clamp(24px,3vw,32px);margin-bottom:20px}
.article-body p{color:var(--ink);font-size:16px;margin-bottom:18px}
.article-body p.lede{font-size:18px;color:var(--ink-soft)}
.article-body .pull{border-left:4px solid var(--sun);padding:8px 0 8px 18px;font-family:var(--display);font-style:italic;font-size:20px;margin:24px 0;color:var(--ink)}

.cta-band{background:var(--ink);padding:64px 0;text-align:center;margin-top:56px}
.cta-band h3{font-size:clamp(26px,3.4vw,40px); color:#fff;}
.cta-band p{color:rgba(0,0,0,.6);margin:14px auto 24px;max-width:560px;font-size:15px;color:#fff;}
.cta-band a.btn-am.btn-dark-am {
    background-color: var(--cream);
    color: var(--ink) !important;
}

.crumbs{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);display:flex;gap:8px;align-items:center}
.crumbs a:hover{color:var(--ink)}
.meta{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap;color:var(--ink-soft);font-size:13px;font-weight:600}
.meta .dot{width:4px;height:4px;border-radius:999px;background:var(--ink-soft);align-self:center}

.article-wrap{padding:0 0 96px;margin-top:0px}
.article{background:#fff;border:1px solid var(--ink-line);border-radius:24px;overflow:hidden;max-width:920px;margin:0 auto;box-shadow:0 30px 60px -30px rgba(0,0,0,.15)}
.article .hero{aspect-ratio:16/9;background:#eee;overflow:hidden}
.article .hero img{width:100%;height:100%;object-fit:cover}
.article-body{padding:clamp(28px,5vw,56px)}
.article-body h2{font-size:clamp(24px,3vw,32px);margin-bottom:20px}
.article-body p{color:var(--ink);font-size:16px;margin-bottom:18px}
.article-body p.lede{font-size:18px;color:var(--ink-soft)}
.article-body .pull{border-left:4px solid var(--sun);padding:8px 0 8px 18px;font-family:var(--display);font-style:italic;font-size:20px;margin:24px 0;color:var(--ink)}