/* OutLaw Home: camp noticeboard composition */
.outlaw-home-v2 { overflow: hidden; color: #eee8df; background: #070707; }.outlaw-home-v2 a { text-decoration: none; }
.outlaw-home-v2 { background: radial-gradient(ellipse at 70% 18%, rgba(168,80,27,.26), transparent 38%), repeating-linear-gradient(-8deg, rgba(255,209,147,.025) 0 1px, transparent 1px 6px), #24130d; }
.outlaw-global-nav a { text-transform: uppercase; }.outlaw-global-nav a:first-child { color: #fff !important; }
.home-camp { position: relative; min-height: 680px; display: grid; place-items: center; padding: 72px 24px; overflow: hidden; isolation: isolate; background: #050505 url('/assets/images/frontier-hero.png') center / cover no-repeat; }.home-camp::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 50% 42%, rgba(240,107,25,.18), transparent 29%), linear-gradient(90deg, rgba(0,0,0,.76), rgba(0,0,0,.38) 50%, rgba(0,0,0,.76)), linear-gradient(0deg, #070707, transparent 30%); }.home-camp::after { content: 'OUTLAW ROLEPLAY / SAINT DENIS / 1885'; position: absolute; top: 30px; right: max(28px, calc((100vw - 1360px) / 2)); color: rgba(255,255,255,.45); font: 700 10px 'Oswald', sans-serif; letter-spacing: .21em; }
.home-dust { position: absolute; z-index: 0; width: 260px; height: 80px; opacity: 0; border-radius: 50%; background: radial-gradient(ellipse, rgba(224,154,91,.24) 0%, rgba(167,95,41,.12) 38%, transparent 72%); filter: blur(9px); pointer-events: none; animation: outlaw-dust 16s linear infinite; }.home-dust-one { bottom: 25%; left: -16%; }.home-dust-two { right: -18%; bottom: 35%; animation-delay: -5s; animation-duration: 21s; }.home-dust-three { bottom: 16%; left: 26%; width: 180px; animation-delay: -10s; animation-duration: 19s; }.home-camp-center { position: relative; z-index: 1; }
.home-camp-center { width: min(660px, 100%); text-align: center; }.home-camp-badge { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 8px 13px; color: #ffb16d; border: 1px solid rgba(240,107,25,.55); background: rgba(5,5,5,.82); font: 700 10px 'Oswald', sans-serif; letter-spacing: .19em; text-transform: uppercase; }.home-camp-badge i { color: var(--outlaw-orange); }.home-camp h1 { margin: 0; color: #fff; font: 700 clamp(62px, 9vw, 120px)/.8 'Oswald', sans-serif; letter-spacing: -.055em; text-transform: uppercase; text-shadow: 0 8px 30px #000; }.home-camp h1 span { display: block; color: var(--outlaw-orange); }.home-camp-lede { max-width: 530px; margin: 26px auto 0; color: #ded5ca; font-size: 17px; line-height: 1.65; }.home-camp-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 28px; }.home-camp-actions a { display: inline-flex; min-height: 48px; align-items: center; gap: 9px; padding: 0 19px; color: #fff; border: 1px solid rgba(255,255,255,.31); background: rgba(5,5,5,.7); font: 700 12px 'Oswald', sans-serif; letter-spacing: .11em; text-transform: uppercase; transition: transform .2s, background .2s, color .2s; }.home-camp-actions a:hover { transform: translateY(-3px); }.home-camp-actions .camp-join { color: #1d0d06; background: var(--outlaw-orange); border-color: var(--outlaw-orange); }.home-camp-actions .camp-join:hover { background: #ff9c50; }
.home-camp-note { position: absolute; bottom: 32px; left: 50%; width: min(720px, calc(100% - 48px)); padding: 13px 18px; color: #c9c0b6; border-top: 1px solid rgba(240,107,25,.48); border-bottom: 1px solid rgba(240,107,25,.23); background: rgba(5,5,5,.62); transform: translateX(-50%); font-size: 14px; text-align: center; }.home-camp-note b { color: var(--outlaw-orange-light); font-family: 'Oswald', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.home-briefing { position: relative; z-index: 0; width: min(1260px, calc(100% - 48px)); margin: 0 auto; padding: 90px 0 76px; isolation: isolate; }.home-briefing::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; background: radial-gradient(circle at 77% 40%, rgba(219,127,48,.19), transparent 30%), linear-gradient(90deg, rgba(52,27,15,.96), rgba(31,18,12,.98) 48%, rgba(65,32,16,.96)), repeating-linear-gradient(-7deg, rgba(255,219,165,.028) 0 1px, transparent 1px 5px); border-top: 1px solid rgba(240,107,25,.35); border-bottom: 1px solid rgba(240,107,25,.28); transform: translateX(-50%); }.home-briefing-header { max-width: 810px; margin-bottom: 32px; }.home-eyebrow { margin: 0 0 12px; color: var(--outlaw-orange-light); font: 700 11px 'Oswald', sans-serif; letter-spacing: .2em; text-transform: uppercase; }.home-briefing h2, .home-archive h2 { margin: 0; color: #fff; font: 700 clamp(42px, 6vw, 73px)/.9 'Oswald', sans-serif; letter-spacing: -.035em; text-transform: uppercase; }.home-briefing-header > p:last-child { max-width: 600px; margin: 20px 0 0; color: #d1beb0; font-size: 16px; line-height: 1.7; }
.home-briefing-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 18px; }.home-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(240,107,25,.36); }.home-step { position: relative; min-height: 270px; display: flex; flex-direction: column; justify-content: end; padding: 28px; overflow: hidden; color: #eee6dc; background: #111 center / cover no-repeat; isolation: isolate; }.home-step::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, #101010 8%, rgba(11,11,11,.36)); }.home-step:nth-child(1) { background-image: url('/assets/images/steps/step-login.jpg'); }.home-step:nth-child(2) { background-image: url('/assets/images/steps/step-redm.jpg'); }.home-step:nth-child(3) { background-image: url('/assets/images/steps/step-play.jpg'); }.home-step strong { display: block; color: var(--outlaw-orange-light); font: 700 12px 'Oswald', sans-serif; letter-spacing: .16em; }.home-step h3 { margin: 11px 0; color: #fff; font: 700 30px/1 'Oswald', sans-serif; text-transform: uppercase; }.home-step p { margin: 0; color: #d4cbc1; line-height: 1.55; }.home-step a { display: inline-flex; align-items: center; gap: 7px; margin-top: 20px; color: var(--outlaw-orange-light); font: 700 11px 'Oswald', sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.home-live { display: flex; flex-direction: column; min-height: 100%; padding: 29px; color: #eee7df; background: linear-gradient(145deg, #3a1f10, #21130d); border: 1px solid rgba(240,107,25,.58); border-top: 5px solid var(--outlaw-orange); box-shadow: 10px 13px 0 rgba(16,7,3,.2); }.home-live-top { position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.18); }.home-live-top h3 { margin: 0; color: #fff; font: 700 25px 'Oswald', sans-serif; text-transform: uppercase; }.home-live-top > span:not(.home-train) { color: #b8e6ac; font: 700 10px 'Oswald', sans-serif; letter-spacing: .12em; text-transform: uppercase; }.home-live-top > span:not(.home-train)::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #71c75b; }.home-train { position: absolute; right: 0; bottom: -36px; width: 47px; height: 24px; color: rgba(240,107,25,.66); pointer-events: none; }.home-train i { position: absolute; right: 0; bottom: 0; font-size: 17px; }.home-train b { position: absolute; bottom: 14px; right: 18px; width: 6px; height: 6px; border-radius: 50%; background: rgba(231,221,208,.44); filter: blur(1px); animation: outlaw-steam 3.6s ease-out infinite; }.home-train b:nth-of-type(2) { right: 25px; animation-delay: 1.1s; }.home-train b:nth-of-type(3) { right: 15px; animation-delay: 2.1s; }.home-live-list { display: grid; gap: 1px; margin-top: 20px; background: rgba(255,198,136,.18); }.home-live-list a { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; min-height: 61px; padding: 10px 12px; color: #ded1c3; background: rgba(28,14,8,.72); }.home-live-list i { color: var(--outlaw-orange-light); }.home-live-list small { display: block; color: #c0a996; font: 700 10px 'Oswald', sans-serif; letter-spacing: .12em; text-transform: uppercase; }.home-live-list strong { color: #fff; font: 700 25px/1 'Oswald', sans-serif; }.home-live-note { margin: auto 0 0; padding-top: 22px; color: #cfbba9; font-size: 14px; line-height: 1.55; }
.home-archive { padding: 90px max(24px, calc((100vw - 1260px) / 2)) 110px; background: radial-gradient(circle at 15% 20%, rgba(175,84,28,.25), transparent 28%), repeating-linear-gradient(7deg, rgba(255,218,164,.022) 0 1px, transparent 1px 6px), #2b170e; border-top: 1px solid rgba(240,107,25,.38); }.home-archive-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 32px; }.home-archive-copy { max-width: 350px; color: #d0beb0; line-height: 1.6; }.home-archive-controls { display: flex; gap: 8px; margin-top: 18px; }.home-archive-controls button { width: 42px; height: 42px; color: #fff; border: 1px solid rgba(240,107,25,.55); background: rgba(45,22,12,.5); cursor: pointer; }.home-archive-controls button:hover { color: #1a0d07; background: var(--outlaw-orange); }.home-archive-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(430px, 48%); gap: 15px; overflow-x: auto; padding: 2px 1px 20px; scroll-snap-type: x mandatory; scrollbar-color: var(--outlaw-orange) #1d100a; }.home-archive-card { position: relative; display: grid; grid-template-columns: 38% 1fr; min-height: 305px; overflow: hidden; color: inherit; background: #341b0f; border: 1px solid rgba(245,184,106,.22); border-bottom: 4px solid var(--outlaw-orange); scroll-snap-align: start; transition: transform .2s; }.home-archive-card::after { content: 'WANTED'; position: absolute; top: 18px; right: 18px; z-index: 2; padding: 7px 9px; opacity: 0; color: #eb6733; border: 3px solid currentColor; font: 700 19px/1 'Oswald', sans-serif; letter-spacing: .08em; transform: rotate(-13deg) scale(1.4); transition: opacity .2s, transform .28s; }.home-archive-card:hover { transform: translateY(-4px); }.home-archive-card:hover::after { opacity: .88; transform: rotate(-13deg) scale(1); }.home-archive-photo { min-height: 100%; background: #1e1711 center / cover no-repeat; }.home-archive-photo.no-photo { display: grid; place-items: center; color: var(--outlaw-orange); font-size: 45px; }.home-archive-card-copy { display: flex; flex-direction: column; justify-content: end; padding: 25px; background: linear-gradient(135deg, rgba(78,41,21,.54), rgba(38,18,10,.5)); }.home-archive-card-copy small { color: var(--outlaw-orange-light); font: 700 10px 'Oswald', sans-serif; letter-spacing: .15em; text-transform: uppercase; }.home-archive-card-copy h3 { margin: 12px 0; color: #fff; font: 700 32px/1 'Oswald', sans-serif; text-transform: uppercase; }.home-archive-card-copy p { margin: 0; color: #dfc9b6; line-height: 1.55; }.home-archive-read { margin-top: 19px; color: var(--outlaw-orange-light); font: 700 11px 'Oswald', sans-serif; letter-spacing: .13em; text-transform: uppercase; }.home-archive-empty { padding: 34px; color: #ead4bf; border: 1px dashed rgba(240,107,25,.44); }
@keyframes outlaw-dust { 0% { opacity: 0; transform: translate3d(0,0,0) scale(.55); } 20% { opacity: .75; } 75% { opacity: .32; } 100% { opacity: 0; transform: translate3d(125vw,-18px,0) scale(1.65); } } @keyframes outlaw-steam { 0% { opacity: 0; transform: translate(0,0) scale(.35); } 28% { opacity: .65; } 100% { opacity: 0; transform: translate(-20px,-28px) scale(1.55); } } @media (prefers-reduced-motion: reduce) { .home-dust, .home-train b { animation: none !important; } .home-archive-card, .home-archive-card::after { transition: none !important; } }
@media (max-width: 900px) { .home-camp { min-height: 730px; }.home-briefing-grid { grid-template-columns: 1fr; }.home-archive-head { display: block; }.home-archive-copy { margin-top: 18px; }.home-steps { grid-template-columns: 1fr; }.home-step { min-height: 230px; }.home-archive-track { grid-auto-columns: 82%; }.home-archive-card { grid-template-columns: 1fr; }.home-archive-photo { min-height: 205px; }.home-archive-card-copy { min-height: 210px; } }
@media (max-width: 560px) { .home-camp { min-height: 760px; padding: 65px 22px 148px; }.home-camp::after { top: 22px; right: 22px; font-size: 8px; }.home-camp h1 { font-size: 62px; }.home-camp-lede { font-size: 16px; }.home-camp-note { bottom: 28px; width: calc(100% - 44px); font-size: 12px; }.home-briefing { width: min(100% - 32px, 1260px); padding: 68px 0; }.home-live { padding: 22px; }.home-archive { padding: 68px 16px 80px; }.home-archive-track { grid-auto-columns: 91%; } }

/* RDR2-style field journal finish: dust, leather, paper and old photographs. */
.outlaw-home-v2 { background: #6b3c1f !important; font-family: 'Roboto', Georgia, serif !important; }.home-camp { min-height: 650px; background-position: center 42% !important; }.home-camp::before { background: linear-gradient(90deg, rgba(34,16,8,.73), rgba(85,43,17,.24) 49%, rgba(33,14,7,.69)), linear-gradient(0deg, #42200e 0%, transparent 40%) !important; }.home-camp::after { color: rgba(255,225,181,.72); font-family: Georgia, serif; }.home-camp-badge { color: #f0c67e; border-color: rgba(246,194,112,.72); background: rgba(74,34,13,.68); font-family: Georgia, serif; font-size: 11px; letter-spacing: .13em; }.home-camp h1 { color: #f8ead2; font-family: 'Rye', Georgia, serif; font-size: clamp(54px, 7vw, 91px); font-weight: 400; line-height: .92; letter-spacing: .02em; text-shadow: 3px 4px 0 rgba(44,17,6,.72), 0 8px 24px rgba(0,0,0,.45); }.home-camp h1 span { color: #df913f; }.home-camp-lede { color: #efdbc0; font-family: Georgia, serif; font-size: 17px; text-shadow: 1px 1px 0 rgba(0,0,0,.42); }.home-camp-actions a { color: #f8e5c7; border-color: rgba(246,193,111,.64); background: repeating-linear-gradient(-10deg, rgba(255,228,180,.04) 0 1px, transparent 1px 5px), rgba(54,24,10,.82); font-family: Georgia, serif; letter-spacing: .07em; }.home-camp-actions .camp-join { color: #3a1807; background: repeating-linear-gradient(-10deg, rgba(81,35,11,.1) 0 1px, transparent 1px 5px), linear-gradient(135deg, #efb867, #c7732f); border-color: #f4c57e; }.home-camp-note { color: #e2c8a5; border-color: rgba(242,179,91,.47); background: rgba(51,24,11,.61); font-family: Georgia, serif; }.home-camp-note b { color: #edb362; font-family: 'Rye', Georgia, serif; letter-spacing: .04em; }
.home-briefing::before { background: radial-gradient(circle at 84% 31%, rgba(157,91,38,.26), transparent 25%), repeating-linear-gradient(-7deg, rgba(87,45,17,.075) 0 1px, transparent 1px 5px), linear-gradient(100deg, #d9bd89, #e7d1a4 50%, #c8a875) !important; border-top-color: #865124; border-bottom-color: #865124; }.home-briefing h2 { color: #3c1d0d; font-family: 'Rye', Georgia, serif; font-size: clamp(37px, 5vw, 62px); font-weight: 400; letter-spacing: .015em; text-shadow: 1px 1px 0 rgba(255,236,197,.55); }.home-eyebrow { color: #96521d; font-family: Georgia, serif; font-weight: 700; }.home-briefing-header > p:last-child { color: #5b3822; font-family: Georgia, serif; }.home-steps { gap: 10px; padding: 9px; background: rgba(89,44,18,.38); border: 1px solid rgba(94,48,20,.44); }.home-step { min-height: 285px; border: 1px solid rgba(255,219,164,.28); box-shadow: 4px 6px 0 rgba(79,39,15,.2); }.home-step::before { background: linear-gradient(0deg, rgba(47,23,11,.94) 5%, rgba(45,20,8,.1) 87%) !important; }.home-step strong, .home-step a { color: #f0b669; font-family: Georgia, serif; }.home-step h3 { color: #f7e6c8; font-family: 'Rye', Georgia, serif; font-size: 28px; font-weight: 400; }.home-step p { color: #e3ceb1; font-family: Georgia, serif; }.home-live { background: repeating-linear-gradient(-8deg, rgba(255,216,161,.025) 0 1px, transparent 1px 5px), linear-gradient(145deg, #563019, #351a0d) !important; border-color: #bb7637; border-top-color: #e0a253; box-shadow: 5px 7px 0 rgba(89,42,16,.26); }.home-live-top h3 { color: #f6e0bd; font-family: 'Rye', Georgia, serif; font-weight: 400; }.home-live-list { background: rgba(221,165,91,.3); }.home-live-list a { color: #ead5b8; background: rgba(47,22,10,.65); }.home-live-list small { color: #c6a681; font-family: Georgia, serif; }.home-live-note { color: #dec3a1; font-family: Georgia, serif; }
.home-archive { background: radial-gradient(circle at 12% 17%, rgba(236,174,91,.17), transparent 27%), repeating-linear-gradient(8deg, rgba(255,225,173,.028) 0 1px, transparent 1px 6px), linear-gradient(100deg, #56301a, #3d2011 48%, #6a3b1d) !important; border-top-color: #a4612d; }.home-archive h2 { color: #f4dec0; font-family: 'Rye', Georgia, serif; font-size: clamp(37px, 5vw, 61px); font-weight: 400; letter-spacing: .02em; text-shadow: 2px 3px 0 rgba(42,18,7,.45); }.home-archive-copy { color: #dfc19d; font-family: Georgia, serif; }.home-archive-controls button { color: #f4dfc1; border-color: #c88240; background: rgba(64,30,12,.62); }.home-archive-card { background: #d4b985; border-color: #9c6233; border-bottom-color: #72401e; box-shadow: 5px 7px 0 rgba(31,13,5,.28); }.home-archive-card-copy { background: repeating-linear-gradient(-8deg, rgba(97,54,23,.06) 0 1px, transparent 1px 5px), linear-gradient(135deg, #dfc796, #c5a675) !important; }.home-archive-card-copy small, .home-archive-read { color: #9b521e; font-family: Georgia, serif; }.home-archive-card-copy h3 { color: #3b1e0e; font-family: 'Rye', Georgia, serif; font-weight: 400; text-shadow: 1px 1px 0 rgba(255,232,191,.48); }.home-archive-card-copy p { color: #5a3620; font-family: Georgia, serif; }.home-archive-card::after { color: #a3311b; }.home-archive-empty { color: #f0d6af; border-color: #b7773e; background: rgba(61,29,13,.35); }