/* Team Brick blog: article and index pages (rendered by netlify/functions/blog-pages.mjs) */
.blog-hero .wrap{position:relative;z-index:2}
.blog-hero .hero-inner{max-width:52rem}
.blog-hero h1{font-size:clamp(1.9rem,4.4vw,3.1rem);text-transform:none;line-height:1.08;margin:0 0 .9rem}
.blog-hero .breadcrumbz{margin:0 0 1rem}
.blog-hero .lede{color:var(--txt-dim);margin-inline:0}
.blog-hero .eyebrow{justify-content:flex-start}
.blog-byline{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 0;font-family:var(--font-mono);
  font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim)}
.blog-byline span{opacity:.5}

.blog-article-wrap{padding-block:clamp(2rem,4vw,3.2rem) clamp(3rem,6vw,5rem)}
.blog-article{max-width:760px}
.blog-figure{margin:0 0 2rem;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md);background:var(--cloud)}
.blog-figure img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.blog-body{max-width:none;font-size:1.08rem;line-height:1.78;color:#1c2636}
.blog-body h2,.blog-body h3,.blog-body h4{text-transform:none}
.blog-body h2{font-size:clamp(1.45rem,2.6vw,1.85rem);margin:2.4rem 0 .9rem}
.blog-body h3{font-size:1.3rem;margin:2rem 0 .7rem}
.blog-body h4,.blog-body h5,.blog-body h6{font-size:1.08rem;margin:1.6rem 0 .6rem}
.blog-body ul,.blog-body ol{padding-left:1.4rem;margin:0 0 1.2rem}
.blog-body li{margin-bottom:.45rem}
.blog-body blockquote{margin:1.8rem 0;padding:.4rem 0 .4rem 1.3rem;border-left:4px solid var(--red);
  font-family:var(--font-display);font-size:1.22rem;font-weight:600;line-height:1.45;color:var(--navy)}
.blog-body img{display:block;max-width:100%;height:auto;margin:1.6rem auto;border-radius:var(--r-sm)}
.blog-body a{color:var(--red-deep)}
.blog-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:2rem 0 0}
.blog-tags span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  background:var(--cloud);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;color:var(--ink-soft)}
.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.blog-share span{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-right:.3rem}
.blog-share a{font-size:.88rem;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;text-decoration:none}
.blog-share a:hover{border-color:var(--red);color:var(--red)}
.blog-back{margin-top:1.6rem}

.blog-grid .post{overflow:hidden}
.blog-card__media{display:block;aspect-ratio:1200/630;background:var(--cloud);overflow:hidden}
.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.blog-card:hover .blog-card__media img{transform:scale(1.03)}
.blog-card__ph{display:block;height:100%;background:linear-gradient(135deg,var(--navy),var(--midnight))}
.blog-card h3{margin:0 0 .55rem;font-size:1.12rem;line-height:1.25}
.blog-card h3 a{color:var(--ink)}
.blog-card h3 a:hover{color:var(--red)}
.blog-card .kicker{display:block;margin-bottom:.5rem}

.blog-preview-banner{background:#FFF4D6;color:#5C4300;border-bottom:1px solid #F0D88A;padding:.7rem 1rem;text-align:center;font-size:.92rem}

.blog-more__title{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 1.4rem;text-transform:uppercase}
.blog-more .grid{margin-top:0}