/* OutLaw home, alternate noir composition: a film title card and clear service rows. */
.outlaw-home-v2 { background: #080909 !important; }
.home-camp {
    min-height: 720px !important;
    display: flex !important;
    align-items: center !important;
    padding: 70px max(8vw, 34px) 105px !important;
    background-image: linear-gradient(90deg, rgba(4,5,6,.96), rgba(7,8,9,.74) 39%, rgba(7,8,9,.15) 70%, rgba(4,5,6,.5)), linear-gradient(0deg, #070809, transparent 34%), url('/assets/images/frontier-hero.png') !important;
    background-position: center !important;
    background-blend-mode: normal, normal, luminosity !important;
}
.home-camp::before, .home-camp::after { display: none !important; }
.home-camp-center {
    width: min(600px, 100%) !important;
    margin: 0 0 0 min(8vw, 130px) !important;
    padding: 34px 0 36px 35px !important;
    text-align: left !important;
    border-left: 2px solid rgba(245,243,236,.7) !important;
    background: linear-gradient(90deg, rgba(5,6,7,.66), transparent) !important;
}
.home-camp-center::before {
    width: 70px !important;
    height: 70px !important;
    margin: 0 0 22px !important;
    filter: grayscale(1) contrast(1.15) !important;
}
.home-camp-badge { display: inline-flex !important; margin: 0 0 16px !important; padding: 0 !important; color: #d7d5ce !important; background: none !important; border: 0 !important; font-family: Roboto, Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .14em !important; }
.home-camp-badge i { display: none !important; }
.home-camp h1 {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f6f4ee !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(54px, 7vw, 95px) !important;
    font-weight: 900 !important;
    letter-spacing: -.075em !important;
    line-height: .82 !important;
    text-align: left !important;
    text-shadow: 0 5px 18px rgba(0,0,0,.8) !important;
    text-transform: uppercase !important;
}
.home-camp h1::before { content: none !important; }
.home-camp h1 span { display: block !important; margin-top: 9px !important; color: #cfcdc6 !important; }
.home-camp-lede {
    max-width: 470px !important;
    margin: 28px 0 0 !important;
    color: rgba(255,255,255,.81) !important;
    font-family: Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: left !important;
}
.home-camp-actions { justify-content: flex-start !important; gap: 10px !important; margin-top: 27px !important; }
.home-camp-actions a, .home-camp-actions .camp-join {
    min-height: 44px !important;
    padding: 0 17px !important;
    color: #f5f3ed !important;
    background: transparent !important;
    border: 1px solid rgba(246,244,237,.53) !important;
    border-radius: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}
.home-camp-actions a:hover, .home-camp-actions .camp-join:hover { color: #101112 !important; background: #f3f1ea !important; }
.home-camp-note {
    right: auto !important;
    bottom: 25px !important;
    left: max(8vw, 34px) !important;
    width: auto !important;
    padding: 0 !important;
    color: rgba(255,255,255,.45) !important;
    background: transparent !important;
    border: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    transform: none !important;
}

.home-briefing {
    width: min(1240px, calc(100% - 48px)) !important;
    padding: 100px 0 !important;
}
.home-briefing-header { max-width: 800px !important; margin-bottom: 38px !important; }
.home-eyebrow { color: #c8c6be !important; font-family: Roboto, Arial, sans-serif !important; font-size: 10px !important; letter-spacing: .16em !important; }
.home-briefing h2 { color: #f6f4ee !important; font-family: Roboto, Arial, sans-serif !important; font-size: clamp(40px, 5vw, 66px) !important; font-weight: 900 !important; letter-spacing: -.065em !important; line-height: .88 !important; }
.home-briefing-header > p:last-child { max-width: 620px !important; color: #bbb9b2 !important; font-family: Georgia, serif !important; }
.home-briefing-grid { grid-template-columns: minmax(0, 1fr) 330px !important; gap: 25px !important; }
.home-steps { display: grid !important; grid-template-columns: 1fr !important; gap: 1px !important; background: #62605b !important; border: 1px solid #62605b !important; }
.home-step {
    min-height: 116px !important;
    display: grid !important;
    grid-template-columns: 94px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    padding: 21px 24px !important;
    background: #161718 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.home-step::before { display: none !important; }
.home-step strong {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    color: #d2d0c8 !important;
    border-right: 1px solid rgba(255,255,255,.17) !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
}
.home-step h3 { grid-column: 2 !important; grid-row: 1 !important; margin: 0 0 0 23px !important; color: #faf9f4 !important; font-family: Roboto, Arial, sans-serif !important; font-size: 23px !important; font-weight: 900 !important; letter-spacing: -.04em !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: 8px 0 0 23px !important; color: #bdbbb4 !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.45 !important; }
.home-step a { grid-column: 3 !important; grid-row: 1 / 3 !important; margin: 0 0 0 22px !important; padding: 10px 0 !important; color: #e7e5df !important; border-bottom: 1px solid rgba(255,255,255,.42) !important; font-family: Roboto, Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .03em !important; text-transform: uppercase !important; white-space: nowrap; }
.home-live {
    min-height: 100% !important;
    padding: 26px !important;
    background: #1b1c1d !important;
    border: 1px solid #77746d !important;
    border-top: 1px solid #d7d4cc !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.home-live-top h3 { color: #f6f4ee !important; font-family: Roboto, Arial, sans-serif !important; font-size: 24px !important; font-weight: 900 !important; letter-spacing: -.04em !important; }
.home-live-top > span:not(.home-train) { color: #cac7c0 !important; }
.home-live-list { background: #55534e !important; }
.home-live-list a { background: #101112 !important; }
.home-live-list small { color: #bab8b1 !important; }
.home-live-list strong, .home-live-list i { color: #f5f3ed !important; }
.home-live-note { color: #b4b2ab !important; font-family: Georgia, serif !important; }

@media (max-width: 900px) {
    .home-camp { min-height: 640px !important; padding: 65px 28px 100px !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: 47px 22px 90px !important; }
    .home-camp-center { padding-left: 22px !important; }
    .home-camp h1 { font-size: 53px !important; }
    .home-briefing { width: min(100% - 32px, 1240px) !important; padding: 65px 0 !important; }
    .home-step { grid-template-columns: 1fr !important; grid-template-rows: auto auto auto auto !important; min-height: 250px !important; padding: 24px !important; }
    .home-step strong, .home-step h3, .home-step p, .home-step a { grid-column: 1 !important; grid-row: auto !important; }
    .home-step strong { height: auto !important; padding-bottom: 12px !important; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.18) !important; }
    .home-step h3, .home-step p { margin-left: 0 !important; }
    .home-step h3 { margin-top: 14px !important; }
    .home-step a { width: max-content; margin: 17px 0 0 !important; }
}