.is-public .kodos-illustrative { background: #101f42; }
.kodos-illustrative__slide { overflow: hidden; color: white; }
.kodos-illustrative__image { position: absolute; right: 0; top: 0; width: 58%; height: 100%; object-fit: cover; }
.kodos-illustrative__slide::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, #101f42 0%, #101f42 31%, rgb(16 31 66 / .88) 44%, transparent 76%); }
.kodos-illustrative__copy { position: absolute; z-index: 1; inset: 16% 45% 13% 5%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: clamp(5px, 1vw, 12px); }
.kodos-illustrative__brand { color: #ffd34e; font-size: clamp(12px, 1.6vw, 23px); font-weight: 800; letter-spacing: .08em; }
.kodos-illustrative__copy strong { color: white; font-size: clamp(14px, 2.4vw, 33px); line-height: 1.12; }
.kodos-illustrative__cta { color: #ffd34e; font-size: clamp(10px, 1.15vw, 15px); font-weight: 700; }
.kodos-illustrative__note { position: absolute; z-index: 1; right: 8px; bottom: 5px; padding: 2px 4px; background: rgb(0 0 0 / .7); color: white; font-size: 9px; }
@media (max-width: 600px) {
  .is-public .kodos-illustrative { aspect-ratio: 2.2 / 1; }
  .kodos-illustrative__image { width: 62%; }
  .kodos-illustrative__copy { inset: 22% 41% 17% 5%; }
  .kodos-illustrative__note { max-width: 46%; font-size: 10px; line-height: 1.2; }
}