/* Main page only: clear noir layout for OutLaw. */
.outlaw-home-v2 { background: #08090a !important; }
.home-camp {
    min-height: 690px !important;
    display: flex !important;
    align-items: center !important;
    padding: 76px max(7vw, 32px) 116px !important;
    background-image: linear-gradient(90deg, rgba(5,6,7,.93) 0%, rgba(5,6,7,.78) 36%, rgba(5,6,7,.18) 72%, rgba(5,6,7,.56) 100%), linear-gradient(0deg, #08090a, transparent 38%), url('/assets/images/frontier-hero.png') !important;
    background-position: center !important;
    background-blend-mode: normal, normal, luminosity !important;
}
.home-camp::before { display: none !important; }
.home-camp-center {
    width: min(720px, 100%) !important;
    margin-left: min(7vw, 126px) !important;
    padding: 0 !important;
    text-align: left !important;
}
.home-camp-center::before {
    width: 92px !important;
    height: 92px !important;
    margin: 0 0 22px !important;
    filter: grayscale(1) contrast(1.14) !important;
}
.home-camp h1 {
    width: auto !important;
    max-width: 710px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f8f7f2 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: clamp(48px, 6vw, 88px) !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    line-height: .9 !important;
    text-shadow: 0 5px 18px rgba(0,0,0,.74) !important;
    text-transform: uppercase !important;
}
.home-camp h1::before {
    content: 'OUTLAW ROLEPLAY · REDM' !important;
    position: static !important;
    display: block !important;
    margin: 0 0 17px !important;
    color: #d4d2cb !important;
    font-family: 'Rye', Georgia, serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: .12em !important;
    text-shadow: none !important;
}
.home-camp h1 span { display: inline !important; color: #f8f7f2 !important; }
.home-camp-lede {
    max-width: 570px !important;
    margin: 25px 0 0 !important;
    color: rgba(255,255,255,.84) !important;
    font-family: Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: left !important;
}
.home-camp-actions { justify-content: flex-start !important; margin-top: 28px !important; }
.home-camp-actions a, .home-camp-actions .camp-join {
    min-height: 46px !important;
    color: #f4f2eb !important;
    background: rgba(14,15,16,.78) !important;
    border: 1px solid rgba(245,243,236,.52) !important;
    border-radius: 2px !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.home-camp-actions a:hover { background: #f2f0e9 !important; color: #151617 !important; }
.home-camp-note { right: auto !important; bottom: 29px !important; left: max(7vw, 32px) !important; width: auto !important; padding: 0 !important; color: rgba(255,255,255,.55) !important; background: transparent !important; border: 0 !important; transform: none !important; text-align: left !important; }

.home-briefing {
    width: min(1280px, calc(100% - 48px)) !important;
    padding: 92px 0 96px !important;
}
.home-briefing-header { max-width: 720px !important; margin-bottom: 35px !important; }
.home-eyebrow { color: #d9d6cd !important; font-family: 'Rye', Georgia, serif !important; }
.home-briefing h2 {
    color: #f4f2ec !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: clamp(38px, 5vw, 62px) !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    line-height: .94 !important;
    text-shadow: none !important;
}
.home-briefing-header > p:last-child { color: #c5c3bd !important; font-family: Georgia, serif !important; font-size: 17px !important; }
.home-briefing-grid { grid-template-columns: minmax(0, 1fr) 350px !important; gap: 22px !important; }
.home-steps { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; background: transparent !important; }
.home-step {
    min-height: 150px !important;
    display: grid !important;
    grid-template-columns: 122px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 24px 28px !important;
    overflow: hidden !important;
    background-position: center 36% !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}
.home-step::before { background: linear-gradient(90deg, rgba(8,9,10,.96) 0%, rgba(8,9,10,.86) 52%, rgba(8,9,10,.33) 100%) !important; }
.home-step strong { grid-column: 1 !important; grid-row: 1 / 3 !important; margin: 0 !important; color: #d8d5cd !important; font-family: 'Rye', Georgia, serif !important; font-size: 11px !important; line-height: 1.5 !important; }
.home-step h3 { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; color: #fff !important; font-family: Roboto, Arial, sans-serif !important; font-size: 27px !important; font-weight: 900 !important; letter-spacing: -.035em !important; line-height: 1 !important; text-transform: uppercase !important; }
.home-step p { grid-column: 2 !important; grid-row: 2 !important; max-width: 520px !important; margin: 9px 0 0 !important; color: #d8d6d0 !important; font-family: Georgia, serif !important; font-size: 15px !important; line-height: 1.5 !important; }
.home-step a { grid-column: 3 !important; grid-row: 1 / 3 !important; margin: 0 0 0 24px !important; padding: 11px 0 !important; color: #f5f3ec !important; border-bottom: 1px solid rgba(255,255,255,.55); font-family: Roboto, Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; }
.home-live { min-height: 100% !important; padding: 27px !important; background: linear-gradient(145deg, #28292a, #111213) !important; border: 1px solid rgba(255,255,255,.36) !important; border-top: 4px solid #d1cec5 !important; border-radius: 3px !important; box-shadow: none !important; }
.home-live-top h3 { color: #f5f3ed !important; font-family: Roboto, Arial, sans-serif !important; font-size: 25px !important; font-weight: 900 !important; letter-spacing: -.04em !important; }
.home-live-top > span:not(.home-train), .home-live-list small { color: #d1cec5 !important; font-family: Roboto, Arial, sans-serif !important; }
.home-live-list strong { color: #fff !important; font-family: Roboto, Arial, sans-serif !important; }

@media (max-width: 900px) {
    .home-camp { min-height: 620px !important; padding: 68px 24px 105px !important; }
    .home-camp-center { margin-left: 0 !important; }
    .home-briefing-grid { grid-template-columns: 1fr !important; }
    .home-live { min-height: auto !important; }
}
@media (max-width: 620px) {
    .home-camp { min-height: 610px !important; padding: 48px 22px 100px !important; }
    .home-camp h1 { font-size: 48px !important; }
    .home-camp-lede { font-size: 16px !important; }
    .home-camp-note { left: 22px !important; right: 22px !important; }
    .home-briefing { width: min(100% - 32px, 1280px) !important; padding: 62px 0 70px !important; }
    .home-step { grid-template-columns: 1fr !important; grid-template-rows: auto auto auto auto !important; min-height: 270px !important; padding: 25px !important; }
    .home-step strong, .home-step h3, .home-step p, .home-step a { grid-column: 1 !important; grid-row: auto !important; }
    .home-step strong { margin-bottom: 11px !important; }
    .home-step h3 { font-size: 25px !important; }
    .home-step a { width: max-content; margin: 17px 0 0 !important; }
}