/* Restored visual journey cards on the OutLaw home page. */
.home-briefing {
    width: min(1260px, calc(100% - 48px)) !important;
    padding: 74px 0 82px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.home-briefing-header { max-width: 760px !important; margin-bottom: 34px !important; }
.home-briefing-grid { grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important; gap: 18px !important; }
.home-steps { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; background: transparent !important; border: 0 !important; }
.home-step {
    position: relative !important;
    min-height: 330px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding: 25px !important;
    overflow: hidden !important;
    background-color: #111 !important;
    background-position: center !important;
    background-size: cover !important;
    border: 1px solid rgba(244,226,195,.22) !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.28) !important;
}
.home-step:nth-child(1) { background-image: url('/assets/images/steps/step-login.jpg') !important; }
.home-step:nth-child(2) { background-image: url('/assets/images/steps/step-redm.jpg') !important; }
.home-step:nth-child(3) { background-image: url('/assets/images/steps/step-play.jpg') !important; }
.home-step::before {
    content: '' !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    display: block !important;
    background: linear-gradient(0deg, rgba(4,3,2,.96) 6%, rgba(4,3,2,.56) 48%, rgba(4,3,2,.06) 88%) !important;
}
.home-step > * { position: relative !important; z-index: 1 !important; }
.home-step strong { display: block !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #e2a45d !important; border: 0 !important; font-family: 'Rye', Georgia, serif !important; font-size: 11px !important; letter-spacing: .08em !important; }
.home-step h3 { margin: 13px 0 11px !important; color: #f8e9d0 !important; font-family: 'Rye', Georgia, serif !important; font-size: 28px !important; font-weight: 400 !important; letter-spacing: .03em !important; line-height: 1.02 !important; text-shadow: 2px 2px 0 rgba(0,0,0,.7) !important; }
.home-step p { margin: 0 !important; color: #ead9bf !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.55 !important; }
.home-step a { width: auto !important; margin: 18px 0 0 !important; padding: 0 0 6px !important; color: #e8aa61 !important; border: 0 !important; border-bottom: 1px solid rgba(232,170,97,.62) !important; font-family: 'Rye', Georgia, serif !important; font-size: 10px !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: normal !important; }
.home-live { min-height: 330px !important; padding: 27px !important; background: rgba(4,4,4,.91) !important; border: 1px solid rgba(233,167,91,.45) !important; border-top: 4px solid #d18a47 !important; border-radius: 0 !important; }
.home-live-top h3 { color: #f4e4ca !important; font-family: 'Rye', Georgia, serif !important; font-size: 27px !important; font-weight: 400 !important; }.home-live-list { background: rgba(255,255,255,.14) !important; }.home-live-list a { background: rgba(0,0,0,.78) !important; }.home-live-list small { color: #c7ad8c !important; }.home-live-list strong, .home-live-list i { color: #f0dfc4 !important; }

@media (max-width: 900px) {
    .home-briefing { width: min(100% - 32px, 1260px) !important; }.home-briefing-grid { grid-template-columns: 1fr !important; }.home-live { min-height: auto !important; }
}
@media (max-width: 650px) {
    .home-steps { grid-template-columns: 1fr !important; }.home-step { min-height: 270px !important; }.home-live { min-height: auto !important; }
}