.kate-blog-banner { container-type: inline-size; }
.kate-blog-banner .kbg-blog-localized { display:block; position:relative; color:#171513; border-radius:8px; overflow:hidden; text-decoration:none; }
.kbg-blog-localized__image { display:block; width:100%; height:auto; aspect-ratio:3/1; }
.kbg-blog-localized__copy { position:absolute; inset:37% 31% 13% 33%; display:grid; grid-template-rows:1fr auto auto; justify-items:center; gap:18px; text-align:center; }
.kate-blog-banner .kbg-blog-localized__title { font-family:Georgia,'Times New Roman',serif; font-size:46px; font-weight:400; line-height:1.1; text-transform:uppercase; letter-spacing:0; margin:0; color:#171513; overflow-wrap:anywhere; }
.kate-blog-banner .kbg-blog-localized__subtitle { margin:0; font-size:15px; font-weight:400; line-height:1.45; letter-spacing:0; color:#24201e; }
.kate-blog-banner .kbg-blog-localized__cta { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:9px 20px; border:1px solid #a87862; color:#845641; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:0; transition:background-color .2s,color .2s; }
.kbg-blog-localized__cta > span { flex:none; }
.kbg-blog-localized__subtitle, .kbg-blog-localized__cta { overflow-wrap:anywhere; max-width:100%; }
.kbg-blog-stacked .kbg-blog-localized__copy { position:static; padding:24px 16px; background:#fff9f6; display:flex; flex-direction:column; align-items:center; gap:16px; }
.kate-blog-banner .kbg-blog-stacked .kbg-blog-localized__title { font-size:28px; max-width:100%; }
.kate-blog-banner .kbg-blog-stacked .kbg-blog-localized__cta { min-height:44px; }
.kbg-blog-localized:hover .kbg-blog-localized__cta { background:#845641; color:white; }
.kbg-blog-localized:focus-visible { outline:3px solid #845641; outline-offset:4px; }
@container (min-width:1500px) {
  .kate-blog-banner .kbg-blog-localized__title { font-size:60px; }
  .kate-blog-banner .kbg-blog-localized__subtitle { font-size:18px; }
  .kate-blog-banner .kbg-blog-localized__cta { font-size:18px; padding:13px 25px; }
}
@container (max-width:1100px) {
  .kate-blog-banner .kbg-blog-localized__title { font-size:34px; }
  .kate-blog-banner .kbg-blog-localized__subtitle { font-size:13px; }
  .kate-blog-banner .kbg-blog-localized__cta { font-size:14px; padding:7px 12px; gap:12px; }
  .kbg-blog-localized__copy { gap:12px; }
}
@container (max-width:850px) {
  .kbg-blog-localized__copy { position:static; padding:20px 16px 24px; background:#fff9f6; display:flex; flex-direction:column; align-items:center; gap:12px; }
  .kate-blog-banner .kbg-blog-localized__title { font-size:28px; }
  .kate-blog-banner .kbg-blog-localized__subtitle { font-size:14px; }
  .kate-blog-banner .kbg-blog-localized__cta { min-height:44px; max-width:100%; font-size:14px; }
}