.e4-custom-request {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 242px;
    margin: 0 0 56px;
    border: 1px solid rgba(92, 119, 170, .4);
    border-radius: 16px;
    background: #121529;
    color: #fff;
}
.e4-custom-request__art {
    position: absolute;
    inset: 0 0 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
    z-index: -2;
}
.e4-custom-request::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #121529 0%, rgba(18,21,41,.97) 22%, rgba(18,21,41,.82) 38%, rgba(18,21,41,.25) 60%, rgba(18,21,41,.08) 100%);
}
.e4-custom-request__content { padding: 30px 38px; max-width: 720px; }
.e4-custom-request__eyebrow { display: block; margin-bottom: 11px; color: #85adff; font: 700 11px/1.4 Inter,sans-serif; letter-spacing: .15em; }
.e4-custom-request h2 { margin: 0 0 10px; color: #fff; font: 800 clamp(24px,2.5vw,34px)/1.15 Inter,sans-serif; }
.e4-custom-request p { margin: 0 0 19px; color: #c4cadb; font: 400 14px/1.6 Inter,sans-serif; }
.e4-custom-request__button { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 8px; background: #2d6bff; color: #fff; font: 700 13px Inter,sans-serif; text-decoration: none; }
.e4-custom-request__button:hover, .e4-custom-request__button:focus-visible { background: #4d94ff; color: #fff; }
.bd-card .e4-custom-request { margin: 28px 0 0; min-height: 210px; }
.bd-card .e4-custom-request__content { padding: 23px; max-width: 71%; }
.bd-card .e4-custom-request h2 { font-size: clamp(19px,2vw,25px); }
.bd-card .e4-custom-request p { font-size: 12px; }
.e4-blog-game-banner .e4-custom-request__art { width: 100%; object-position: center; }
.e4-blog-game-banner::before { background: linear-gradient(90deg, #121529 0%, rgba(18,21,41,.98) 28%, rgba(18,21,41,.78) 48%, rgba(18,21,41,.12) 80%); }
.e4-blog-game-banner--poster .e4-custom-request__art { width: 39%; object-fit: contain; object-position: right center; }
.bd-prose .e4-blog-game-banner .e4-custom-request__art { max-width: none; margin: 0; border-radius: 0; }
.bd-prose .e4-blog-game-banner a.e4-custom-request__button,
.bd-prose .e4-blog-game-banner a.e4-custom-request__button:visited { color: #fff; text-decoration: none; }
.bd-prose .e4-blog-game-banner a.e4-custom-request__button:hover,
.bd-prose .e4-blog-game-banner a.e4-custom-request__button:focus-visible { color: #fff; text-decoration: none; }
.bd-prose .e4-custom-request h2 { margin: 0 0 10px; font-weight: 800; }
.bd-prose .e4-custom-request p { margin: 0 0 19px; }
@media (max-width: 700px) {
    .e4-custom-request, .bd-card .e4-custom-request { min-height: 226px; }
    .e4-custom-request__art { width: 100%; opacity: .35; object-position: 75% center; }
    .e4-blog-game-banner .e4-custom-request__art { width: 100%; }
    .e4-blog-game-banner--poster .e4-custom-request__art { width: 48%; }
    .e4-blog-game-banner::before { background: linear-gradient(90deg, rgba(18,21,41,.98), rgba(18,21,41,.82) 67%, rgba(18,21,41,.55)); }
    .e4-custom-request::before { background: linear-gradient(90deg, rgba(18,21,41,.98), rgba(18,21,41,.82) 67%, rgba(18,21,41,.55)); }
    .e4-custom-request__content, .bd-card .e4-custom-request__content { max-width: 100%; padding: 23px; }
    .e4-custom-request h2 { font-size: 25px; }
    .e4-custom-request p { max-width: 31ch; }
}

/* All Games card only: keep article banners untouched. */
.e4g .e4-custom-request { min-height: 280px; border-color: rgba(77,148,255,.24); background: #090b1e; }
.e4g .e4-custom-request__art { inset: 0; width: 100%; object-fit: cover; object-position: center 12%; }
.e4g .e4-custom-request::before { background: linear-gradient(90deg,#090b1e 0%,rgba(9,11,30,.94) 22%,rgba(9,11,30,.35) 39%,transparent 52%); }
@media (max-width: 700px) {
    .e4g .e4-custom-request { min-height: 0; flex-direction: column; align-items: stretch; }
    .e4g .e4-custom-request__art { position: relative; inset: auto; z-index: auto; display: block; width: 100%; height: clamp(165px,48vw,225px); object-fit: cover; object-position: right center; opacity: 1; filter: brightness(1.14); }
    .e4g .e4-custom-request::before { display: none; }
    .e4g .e4-custom-request__content { width: 100%; max-width: none; padding: 22px; background: #090b1e; }
    .e4g .e4-custom-request p { max-width: 34ch; }
}