/* OutLaw Records — individual compositions for Laws and Lore */
.laws-page, .lore-chronicle { width: min(1320px, calc(100% - 48px)) !important; margin: 34px auto 72px !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }

/* Laws: a sheriff department record */
.laws-page { padding: 0 0 50px !important; }.laws-page .laws-hero { min-height: 510px !important; display: flex !important; align-items: flex-end !important; padding: clamp(32px, 5vw, 78px) !important; border: 1px solid rgba(240,107,25,.55) !important; border-bottom: 6px solid var(--outlaw-orange) !important; background: linear-gradient(90deg, rgba(4,4,4,.95) 0%, rgba(4,4,4,.7) 48%, rgba(4,4,4,.17) 100%), url('/assets/images/laws/laws-frontier.png') center / cover no-repeat !important; }.laws-page .laws-hero::after { display: none !important; }.laws-hero-content { max-width: 670px !important; }.laws-page .frontier-kicker { display: inline-block; padding: 7px 10px; color: #170e08 !important; background: var(--outlaw-orange) !important; font-size: 11px !important; }.laws-page .laws-hero h1 { margin: 18px 0 0 !important; color: #fff !important; font: 700 clamp(65px, 9vw, 124px)/.82 'Oswald', sans-serif !important; letter-spacing: -.04em !important; text-transform: uppercase; }.laws-page .laws-hero p { max-width: 580px; margin-top: 24px !important; padding: 0 !important; border: 0 !important; color: #d7d0c8 !important; font-size: 18px !important; }
.laws-page .law-office { display: grid !important; grid-template-columns: 240px minmax(0, 1fr) !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #101010 !important; border: 1px solid rgba(255,255,255,.12) !important; border-top: 0 !important; }.laws-page .law-sheriff-card { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 320px; margin: 0 !important; padding: 30px; background: #15100d !important; border-right: 1px solid rgba(240,107,25,.34); }.laws-page .law-sheriff-card img { width: 140px !important; height: 140px !important; border: 2px solid var(--outlaw-orange) !important; border-radius: 0 !important; box-shadow: 8px 8px 0 rgba(0,0,0,.45) !important; }.laws-page .law-sheriff-card figcaption { margin-top: 20px !important; color: #d4cbc1 !important; font: 500 13px 'Barlow Condensed', sans-serif !important; text-align: center; }.laws-page .law-sheriff-card figcaption span { color: var(--outlaw-orange-light) !important; font-family: 'Oswald', sans-serif !important; }.laws-page .law-office-copy { padding: clamp(32px, 5vw, 65px) !important; }.laws-page .law-office-copy h2 { margin: 13px 0 17px !important; color: #fff !important; font: 700 clamp(34px, 4vw, 55px)/.96 'Oswald', sans-serif !important; text-transform: uppercase; }.laws-page .law-office-copy p { max-width: 720px; color: #bfb7ae !important; font-size: 16px !important; }.laws-page .law-deputy-card { display: none !important; }
.laws-page .law-proclamation { width: 100% !important; margin: 2px 0 0 !important; padding: 20px 28px !important; color: #cfc6bc !important; background: #090909 !important; border: 1px solid rgba(240,107,25,.3) !important; text-align: left !important; }.laws-page .law-proclamation span { display: block; margin-bottom: 5px; color: var(--outlaw-orange-light) !important; }
.laws-page .law-index { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; width: 100% !important; margin: 38px 0 20px !important; border: 0 !important; background: transparent !important; }.laws-page .law-index a { min-height: 70px; display: flex !important; align-items: center; padding: 15px 17px !important; color: #ded7ce !important; background: #111 !important; border: 1px solid rgba(240,107,25,.32) !important; font: 700 13px 'Oswald', sans-serif !important; letter-spacing: .08em; text-transform: uppercase; }.laws-page .law-index a:hover { color: #1a0c06 !important; background: var(--outlaw-orange) !important; }
.laws-page .law-dossiers { display: grid; gap: 10px; }.laws-page .law-dossier { border: 1px solid rgba(255,255,255,.14) !important; background: #101010 !important; }.laws-page .law-dossier summary { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) auto !important; align-items: center; gap: 20px; min-height: 104px; padding: 20px 28px !important; color: #fff !important; background: #101010 !important; cursor: pointer; }.laws-page .law-dossier summary:hover { background: #17110d !important; }.laws-page .dossier-index { display: inline-grid; place-items: center; min-height: 58px; padding: 0 12px !important; color: #1a0d07 !important; background: var(--outlaw-orange) !important; font: 700 13px 'Oswald', sans-serif !important; letter-spacing: .12em; text-transform: uppercase; }.laws-page .law-dossier strong { display: block; color: #fff; font: 700 clamp(24px, 3vw, 38px)/1 'Oswald', sans-serif; text-transform: uppercase; }.laws-page .law-dossier small { display: block; margin-top: 7px; color: #a9a198 !important; font-size: 14px !important; }.laws-page .dossier-action { color: var(--outlaw-orange-light) !important; font: 700 11px 'Oswald', sans-serif !important; letter-spacing: .12em; text-transform: uppercase; }.laws-page .dossier-body { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; padding: 1px !important; background: rgba(240,107,25,.34) !important; }.laws-page .rule-block { min-height: auto !important; margin: 0 !important; padding: 26px !important; background: #0a0a0a !important; border: 0 !important; border-left: 0 !important; }.laws-page .rule-block:hover { transform: none !important; background: #14100d !important; }.laws-page .rule-block h3 { color: #fff !important; font: 700 25px/1.05 'Oswald', sans-serif !important; }.laws-page .rule-block p { color: #bfb6ad !important; }.laws-page .punishment-box { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }.laws-page .punishment-box span { padding: 10px; color: #d7cec5; background: #17120f; border-left: 2px solid var(--outlaw-orange); font-size: 13px; }

/* Lore: dark travel journal with a central line. */
.lore-chronicle { position: relative; padding: 0 0 80px !important; }.lore-chronicle::before { content: ''; position: absolute; top: 590px; bottom: 115px; left: 50%; width: 1px; background: linear-gradient(var(--outlaw-orange), rgba(240,107,25,.04)); }.lore-chronicle .story-hero { min-height: 530px !important; display: flex !important; align-items: flex-end !important; padding: clamp(34px, 6vw, 86px) !important; border: 1px solid rgba(240,107,25,.5) !important; border-bottom: 5px solid var(--outlaw-orange) !important; background: linear-gradient(90deg, rgba(4,4,4,.95) 0%, rgba(4,4,4,.68) 50%, rgba(4,4,4,.14) 100%), url('/assets/images/lore/lore-frontier.png') center / cover no-repeat !important; }.lore-chronicle .story-hero::before { background: linear-gradient(0deg, rgba(0,0,0,.7), transparent) !important; }.lore-chronicle .story-hero h1 { color: #fff !important; font: 700 clamp(64px, 9vw, 124px)/.82 'Oswald', sans-serif !important; letter-spacing: -.04em; text-transform: uppercase; }.lore-chronicle .story-hero p { max-width: 580px; padding: 0 !important; border: 0 !important; color: #d3cbc1 !important; font-size: 18px !important; }.lore-chronicle .story-narrator { grid-template-columns: 180px minmax(0, 1fr) !important; width: min(930px, calc(100% - 48px)) !important; margin: 0 auto !important; padding: 58px 0 !important; background: transparent !important; border: 0 !important; }.lore-chronicle .story-narrator-portrait { width: 155px !important; height: 155px !important; border: 2px solid var(--outlaw-orange) !important; border-radius: 0 !important; box-shadow: 8px 8px 0 #16100d !important; }.lore-chronicle .story-narrator h2 { color: #fff !important; font: 700 48px/1 'Oswald', sans-serif !important; text-transform: uppercase; }.lore-chronicle .story-narrator p { color: #bfb7ae !important; }.lore-chronicle .story-contents { grid-template-columns: repeat(3, 1fr) !important; width: min(1040px, calc(100% - 48px)) !important; margin-bottom: 75px !important; border: 0 !important; background: transparent !important; }.lore-chronicle .story-contents a { min-height: 125px; padding: 24px !important; color: #ddd5cb !important; background: #101010 !important; border: 1px solid rgba(240,107,25,.32) !important; font: 700 22px 'Oswald', sans-serif !important; text-transform: uppercase; }.lore-chronicle .story-contents a:hover { color: #160d07 !important; background: var(--outlaw-orange) !important; }.lore-chronicle .story-contents span { color: var(--outlaw-orange-light) !important; font-family: 'Oswald', sans-serif !important; }.lore-chronicle .story-contents small { color: #aaa198 !important; font-family: 'Barlow Condensed', sans-serif !important; text-transform: none; }.lore-chronicle .story-divider { width: min(920px, calc(100% - 48px)) !important; margin-bottom: 36px !important; }.lore-chronicle .story-entry { position: relative; grid-template-columns: 140px minmax(0,1fr) !important; width: min(1000px, calc(100% - 48px)) !important; margin-bottom: 22px !important; padding: 38px 45px !important; background: #101010 !important; border: 1px solid rgba(255,255,255,.13) !important; border-left: 4px solid var(--outlaw-orange) !important; box-shadow: none !important; }.lore-chronicle .story-entry:nth-of-type(odd) { margin-left: auto !important; }.lore-chronicle .story-entry-mark { position: relative; color: var(--outlaw-orange) !important; font: 700 94px/.75 'Oswald', sans-serif !important; text-align: left !important; }.lore-chronicle .story-entry h2 { color: #fff !important; font: 700 clamp(32px, 4vw, 52px)/.95 'Oswald', sans-serif !important; text-transform: uppercase; }.lore-chronicle .story-entry p { color: #c1b9b0 !important; }.lore-chronicle .story-closing { width: min(900px, calc(100% - 48px)) !important; margin-bottom: 0 !important; color: #eee7de !important; background: #14100d !important; border: 1px solid rgba(240,107,25,.48) !important; font-family: 'Oswald', sans-serif !important; text-transform: uppercase; }
@media (max-width: 850px) { .laws-page, .lore-chronicle { width: min(100% - 24px, 1320px) !important; margin-top: 20px !important; }.laws-page .laws-hero, .lore-chronicle .story-hero { min-height: 390px !important; padding: 30px !important; }.laws-page .law-office { grid-template-columns: 1fr !important; }.laws-page .law-sheriff-card { min-height: auto; flex-direction: row; gap: 22px; align-items: center; border-right: 0; border-bottom: 1px solid rgba(240,107,25,.34); }.laws-page .law-sheriff-card img { width: 100px !important; height: 100px !important; }.laws-page .law-dossier summary { grid-template-columns: 72px minmax(0,1fr) !important; padding: 18px !important; }.laws-page .dossier-action { display: none; }.laws-page .dossier-body { grid-template-columns: 1fr !important; }.lore-chronicle::before { display: none; }.lore-chronicle .story-narrator { grid-template-columns: 1fr !important; padding: 36px 0 !important; }.lore-chronicle .story-contents { grid-template-columns: 1fr !important; margin-bottom: 48px !important; }.lore-chronicle .story-entry { grid-template-columns: 1fr !important; padding: 27px !important; }.lore-chronicle .story-entry-mark { font-size: 72px !important; }.lore-chronicle .story-closing { padding: 26px !important; } }