.cdl-od-home {
position: relative;
margin: 0.75rem 0 1.25rem;
border-radius: 18px;
overflow: hidden;
background: #12102a;
color: #f4eef8;
box-shadow: 0 14px 36px rgba(7, 6, 20, 0.28);
font-family: system-ui, sans-serif;
min-height: 220px;
}
.cdl-od-home__poster {
position: absolute;
inset: 0;
line-height: 0;
}
.cdl-od-home__poster img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 70% 22%;
display: block;
}
.cdl-od-home__veil {
position: absolute;
inset: 0;
background: linear-gradient(100deg, rgba(7, 6, 20, 0.92) 8%, rgba(7, 6, 20, 0.45) 55%, rgba(18, 16, 42, 0.2));
}
.cdl-od-home__body {
position: relative;
z-index: 1;
padding: 1.15rem 1.15rem 1.3rem;
}
.cdl-od-home__brand {
margin: 0;
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: 0.72rem;
font-weight: 800;
color: #e84c9a;
}
.cdl-od-home__lead {
margin: 0.35rem 0 0.4rem;
font-family: Georgia, Palatino, serif;
font-size: 1.4rem;
font-weight: 700;
max-width: 16ch;
line-height: 1.15;
}
.cdl-od-home__status { margin: 0 0 0.75rem; color: #b9adc8; font-size: 0.92rem; }
.cdl-od-home__lanes {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 0.85rem;
margin: 0 0 0.9rem;
}
.cdl-od-home__lanes a { color: inherit; text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.cdl-od-home__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 1.15rem;
border-radius: 999px;
background: linear-gradient(135deg, #e84c9a, #c2185b);
color: #fff !important;
text-decoration: none;
font-weight: 700;
}
.cdl-od-home__cta:focus-visible {
outline: 2px solid #e4c48a;
outline-offset: 3px;
}