
/* V13 final visual polish: dark burgundy headings, consistent blog red, no reference labels. */
:root{
  --v13-burgundy:#8f0e14;
  --v13-burgundy-dark:#6f0b10;
  --v13-burgundy-deep:#4d070b;
  --v13-burgundy-soft:#f7eaeb;
}

/* Homepage process/bento cards: headings use the logo's dark burgundy. */
.cia-bento-card h3{
  color:var(--v13-burgundy-dark)!important;
}
.cia-bento-wide{
  border-color:rgba(143,14,20,.13)!important;
}
.cia-bento-image:after{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 20%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.96) 100%)!important;
}
.cia-bento-image>div{
  left:16px!important;
  right:16px!important;
  bottom:15px!important;
  padding:14px 16px 13px!important;
  border:1px solid rgba(143,14,20,.12)!important;
  border-radius:18px!important;
  color:var(--v13-burgundy-dark)!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 12px 30px rgba(30,18,20,.10)!important;
  backdrop-filter:blur(12px)!important;
}
.cia-bento-image .cia-bento-icon{
  color:var(--v13-burgundy)!important;
  background:var(--v13-burgundy-soft)!important;
}
.cia-bento-image h3{
  color:var(--v13-burgundy-dark)!important;
}
.cia-bento-image a{
  color:var(--v13-burgundy)!important;
}
.cia-bento-dark{
  position:relative!important;
  color:#34282b!important;
  border-color:rgba(143,14,20,.14)!important;
  background:
    radial-gradient(circle at 100% 100%,rgba(143,14,20,.11),transparent 45%),
    linear-gradient(145deg,#fff 0%,#f8eeee 100%)!important;
}
.cia-bento-dark:after{
  content:"";
  position:absolute;
  left:25px;
  right:25px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--v13-burgundy),rgba(143,14,20,0));
}
.cia-bento-dark .cia-bento-icon{
  color:var(--v13-burgundy)!important;
  background:rgba(143,14,20,.09)!important;
}
.cia-bento-dark h3{
  color:var(--v13-burgundy-dark)!important;
}
.cia-bento-dark p{
  color:#655b5e!important;
}
.cia-bento-dark a{
  color:var(--v13-burgundy)!important;
}

/* Remove any leftover design-reference overlays and dashed placeholder framing. */
.cia-visual-main:before,
.cia-visual-small:before,
.cia-home-blog-grid .cia-blog-card.is-placeholder .cia-blog-image:before{
  content:none!important;
  display:none!important;
}
.cia-media-placeholder:after{
  border-style:solid!important;
  border-color:rgba(143,14,20,.08)!important;
}

/* Blog and article pages now use the same dark red sampled from the logo. */
body.blog-page,
body.article-page{
  --red:var(--v13-burgundy)!important;
  --red-dark:var(--v13-burgundy-dark)!important;
  --red-soft:var(--v13-burgundy-soft)!important;
}
body.blog-page .eyebrow,
body.article-page .eyebrow,
body.blog-page .blog-hero h1 span,
body.blog-page .blog-read-link span,
body.blog-page .blog-categories button.active span,
body.article-page .article-content a{
  color:var(--v13-burgundy)!important;
}
body.blog-page .blog-newsletter-form button,
body.blog-page .blog-pagination button:hover:not(:disabled),
body.blog-page .blog-pagination button.active,
body.article-page .blog-newsletter-form button{
  border-color:var(--v13-burgundy)!important;
  background:var(--v13-burgundy)!important;
}
body.blog-page .blog-search input:focus,
body.blog-page .blog-newsletter-form input:focus,
body.article-page .blog-newsletter-form input:focus{
  border-color:rgba(143,14,20,.42)!important;
  box-shadow:0 0 0 4px rgba(143,14,20,.07)!important;
}
body.article-page .article-content blockquote{
  border-left-color:var(--v13-burgundy)!important;
}
body.article-page .article-action:hover,
body.article-page .article-action.liked{
  border-color:rgba(143,14,20,.35)!important;
  color:var(--v13-burgundy)!important;
  background:var(--v13-burgundy-soft)!important;
}

@media(max-width:640px){
  .cia-bento-image>div{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    padding:12px 13px!important;
  }
}
