.deck-promo {
  --deck-promo-bg: #fff9f1;
  --deck-promo-border: #eadfce;
  --deck-promo-text: #4d3a34;
  --deck-promo-title: #2f1f1a;
  --deck-promo-button: #6e3f35;
  --deck-promo-button-hover: #5c342b;
  margin: 2.5rem 0;
}
.deck-promo__inner {display:grid; gap:1.25rem; background:var(--deck-promo-bg); border:1px solid var(--deck-promo-border); border-radius:20px; padding:1.25rem; align-items:center;}
.deck-promo--medium .deck-promo__inner {grid-template-columns:minmax(0,220px) 1fr;}
.deck-promo__media {position:relative; margin:0; border-radius:16px; overflow:hidden; background:#f4ebdf;}
.deck-promo__media img {display:block; width:100%; max-height:320px; object-fit:cover; object-position:center;}
.deck-promo__photo-pill {
  position:absolute;
  left:50%;
  bottom:1rem;
  transform:translateX(-50%);
  margin:0;
  padding:.5rem .9rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.2);
  color:#fff;
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.01em;
  white-space:nowrap;
  backdrop-filter:blur(8px) saturate(130%);
  -webkit-backdrop-filter:blur(8px) saturate(130%);
  box-shadow:0 8px 24px rgba(29,17,14,.25);
}
.deck-promo .deck-promo__title {margin:0 0 .5rem; color:var(--deck-promo-title); font-size:clamp(1.2rem,2vw,1.7rem); line-height:1.25;}
.deck-promo .deck-promo__text {margin:0 0 .85rem; color:var(--deck-promo-text); line-height:1.55;}
.deck-promo .deck-promo__list {margin:.25rem 0 1rem; padding-left:1.1rem; color:var(--deck-promo-text);}
.deck-promo .deck-promo__list li {color:inherit;}
.deck-promo__cta {display:inline-flex; justify-content:center; align-items:center; padding:.72rem 1.1rem; border-radius:999px; text-decoration:none; background:var(--deck-promo-button); color:#fff !important; font-weight:600;}
.deck-promo__cta:visited,.deck-promo__cta:active{color:#fff !important;}
.deck-promo__cta:hover,.deck-promo__cta:focus-visible{background:var(--deck-promo-button-hover);}
.deck-promo--short .deck-promo__inner{grid-template-columns:minmax(0,120px) 1fr; gap:1rem;}
.deck-promo--short .deck-promo__media img{max-height:180px;}
@media (max-width: 860px){
  .deck-promo--medium .deck-promo__inner,.deck-promo--short .deck-promo__inner{grid-template-columns:1fr;}
  .deck-promo__cta{display:flex; width:100%;}
}


.deck-promo .deck-promo__content > :is(h1,h2,h3,h4,h5,h6,p,li,a){color:inherit;}
.deck-promo .deck-promo__content{color:var(--deck-promo-text);}