@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#0a0b0c;--char:#151719;--steel:#9da4aa;--paper:#e8e4da;--gold:#d6a42d;--red:#8d322e;--green:#7b9b8a;--line:rgba(214,164,45,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:64px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,10,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em}.brand span{color:var(--gold);font-size:24px;font-weight:800}.brand b{font-size:13px}.links{display:flex;gap:26px;font:600 13px 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase}.links a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:var(--gold);font:700 14px 'Barlow Condensed'}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden}.hero>img,.comic>img,.offensive>img{width:100%;height:100%;object-fit:cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.95) 0%,rgba(5,6,7,.72) 40%,rgba(5,6,7,.08) 75%),linear-gradient(0deg,rgba(4,5,6,.78),transparent 55%)}.heroCopy{position:absolute;left:7vw;top:50%;transform:translateY(-48%);max-width:720px}.eyebrow,.sectionHead>span,.offCopy>span,.highlander span{font:700 12px 'Barlow Condensed';letter-spacing:.22em;color:var(--gold)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;line-height:.9}h1{font-size:clamp(58px,8vw,124px);letter-spacing:-.025em}h1 em{font-style:normal;color:var(--gold)}.heroCopy>p:not(.eyebrow){font:italic 700 clamp(18px,2vw,28px) 'Barlow Condensed';color:var(--steel)}.heroActions{display:flex;align-items:center;gap:30px;margin-top:38px;font:700 13px 'Barlow Condensed';letter-spacing:.1em}.primary{padding:16px 22px;background:var(--gold);color:var(--ink)}.signal{position:absolute;right:3vw;bottom:3vh;padding:10px 14px;border:1px solid var(--red);color:#e9b6ae;background:rgba(50,8,6,.5);font:600 11px monospace}.section{padding:110px max(7vw,28px)}.paper{background:var(--paper);color:var(--ink)}.dark{background:var(--char)}.sectionHead{max-width:850px;margin-bottom:62px}.sectionHead h2{font-size:clamp(48px,6vw,86px);margin-top:12px}.sectionHead p{color:#555;max-width:600px}.orders{display:grid;grid-template-columns:1.4fr .8fr;gap:7vw}.orders ol{list-style:none;margin:0;padding:0}.orders li{display:flex;gap:22px;padding:15px 0;border-bottom:1px solid #c6c0b3}.orders li b{font:800 24px 'Barlow Condensed';color:var(--red)}.orders li span{font-weight:600}.orders aside{background:var(--red);color:white;padding:32px;align-self:start}.orders aside strong{font:800 13px 'Barlow Condensed';letter-spacing:.17em}.orders aside p{line-height:1.65}.orders aside a{font:700 12px 'Barlow Condensed';letter-spacing:.12em;color:#ffd991}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline article{padding:35px 28px;min-height:260px;border-right:1px solid var(--line)}.timeline article:last-child{border:0}.timeline article>span{font:800 52px 'Barlow Condensed';color:#5b5e61}.timeline h3{font-size:31px;color:var(--gold);margin:22px 0 15px}.timeline p{color:#aeb1b3;line-height:1.6;font-size:14px}.timeline .hot{background:var(--red)}.timeline .hot h3,.timeline .hot span{color:white}.timeline .hot p{color:#f0d8d5}.victories{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;gap:2px}.victories div{padding:22px;background:#202326}.victories b,.victories span{display:block}.victories b{font:800 21px 'Barlow Condensed';color:var(--gold)}.victories span{font-size:12px;color:#aaa;margin-top:6px}.comic{height:88vh;min-height:650px;position:relative;overflow:hidden}.comic:after,.offensive:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,7,.92),transparent 55%)}.caption{position:absolute;z-index:2;left:4vw;background:var(--gold);color:#111;padding:9px 13px;font:800 11px 'Barlow Condensed';letter-spacing:.15em}.caption.top{top:5vh}.comic blockquote{position:absolute;z-index:2;right:5vw;top:12vh;max-width:420px;margin:0;padding:22px;border-left:4px solid var(--red);background:rgba(10,11,12,.78);font:italic 700 27px 'Barlow Condensed'}.story{position:absolute;z-index:2;left:7vw;bottom:8vh;max-width:620px}.story span{color:var(--gold);font:700 12px 'Barlow Condensed';letter-spacing:.18em}.story p{font:700 clamp(25px,3vw,44px) 'Barlow Condensed';line-height:1.05;margin:12px 0}.zoneLayout{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.zoneList{display:flex;flex-direction:column}.zoneList button{text-align:left;border:0;border-bottom:1px solid #c7c0b4;background:transparent;color:#161819;padding:17px 10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;cursor:pointer}.zoneList button span{font:800 19px 'Barlow Condensed';color:#777}.zoneList button b{font:700 25px 'Barlow Condensed';text-transform:uppercase}.zoneList button small{font:700 10px 'Barlow Condensed';letter-spacing:.1em}.zoneList button.active{background:#17191b;color:white;padding-left:20px}.zoneList button.active span{color:var(--gold)}.zoneDetail{background:#16181a;color:white;padding:42px;min-height:470px;position:relative;overflow:hidden}.zoneDetail>p:first-of-type{font:700 12px 'Barlow Condensed';letter-spacing:.2em;color:var(--gold);margin-top:35px}.zoneDetail h3{font-size:54px;color:var(--gold)}.zoneDetail>span{display:inline-block;margin:15px 0 45px;padding:7px 10px;border:1px solid #666;font:700 10px 'Barlow Condensed';letter-spacing:.15em}.zoneDetail h4{font:800 12px 'Barlow Condensed';letter-spacing:.18em;color:var(--red)}.zoneDetail>p{line-height:1.6}.zoneDetail>small{position:absolute;bottom:25px;color:#888}.orb{height:115px;width:115px;position:relative;display:grid;place-items:center}.orb i{position:absolute;border:1px solid var(--gold);border-radius:50%;inset:0}.orb i:nth-child(2){inset:14px}.orb i:nth-child(3){inset:29px}.orb strong{font:800 29px 'Barlow Condensed';color:var(--gold)}.kastorel blockquote{top:auto;bottom:10vh;right:6vw}.classified{position:absolute;z-index:2;left:5vw;bottom:5vh;font:600 11px monospace;color:#b8e1cd;background:rgba(3,20,13,.75);padding:12px}.factions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3a3c3e}.factions article{background:#1b1d1f;padding:28px;min-height:220px}.factions article span{font:800 40px 'Barlow Condensed';color:#4e5154}.factions h3{font-size:29px;color:var(--gold);margin:17px 0}.factions p{font-size:13px;color:#aaa;line-height:1.55}.offensive{height:88vh;min-height:680px;position:relative;overflow:hidden}.offCopy{position:absolute;z-index:2;left:7vw;bottom:9vh;max-width:720px}.offCopy h2{font-size:clamp(65px,8vw,118px);color:white}.offCopy p{font:600 20px 'Barlow Condensed';max-width:520px}.rounds{display:flex;gap:9px;flex-wrap:wrap}.rounds b{background:var(--red);padding:10px 13px;font:700 11px 'Barlow Condensed';letter-spacing:.08em}.dispatch{display:grid;grid-template-columns:1.3fr .7fr;box-shadow:0 15px 40px rgba(0,0,0,.12)}.dispatch>div{background:#17191b;color:white;padding:45px}.dispatch>div>b{color:var(--gold);font:700 12px monospace}.dispatch>div h3{font-size:55px;margin:24px 0}.dispatch>div p{line-height:1.7;color:#bbb}.dispatch>div strong{display:block;color:var(--gold);margin-top:35px}.dispatch aside{background:#d6d0c3;padding:40px}.dispatch aside h3{font-size:30px;margin-bottom:25px}.dispatch aside span{display:block;padding:11px 0;border-bottom:1px solid #b7afa0;font-size:13px}.highlander{padding:120px 7vw;background:linear-gradient(90deg,#711e1b,#24100f);text-align:center}.highlander>div{max-width:850px;margin:auto}.highlander h2{font-size:clamp(50px,7vw,94px);margin:14px 0}.highlander h2 em{color:var(--gold)}.highlander p{max-width:650px;margin:24px auto;line-height:1.7;color:#d3bfbb}.highlander button{margin-top:20px;border:1px solid var(--gold);color:var(--gold);background:transparent;padding:15px 20px;font:700 12px 'Barlow Condensed';letter-spacing:.13em}footer{min-height:170px;padding:55px 7vw;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#8d9092;font:600 11px 'Barlow Condensed';letter-spacing:.11em}footer b{color:var(--gold)}
@media(max-width:850px){.links{display:none;position:absolute;top:64px;left:0;right:0;padding:25px 5vw;background:#101214;flex-direction:column}.links.open{display:flex}.menu{display:block}.heroCopy{left:6vw;right:6vw;top:54%}.heroShade{background:linear-gradient(0deg,rgba(4,5,6,.95),rgba(5,6,7,.18) 80%)}.heroActions{align-items:flex-start;flex-direction:column}.section{padding:80px 6vw}.orders,.zoneLayout,.dispatch{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.timeline article{min-height:230px}.victories,.factions{grid-template-columns:1fr 1fr}.comic blockquote{font-size:21px;right:5vw;left:5vw;top:10vh}.zoneDetail{min-height:430px}.offCopy{right:6vw}.rounds{max-width:400px}footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.brand b{display:none}h1{font-size:55px}.timeline,.victories,.factions{grid-template-columns:1fr}.timeline article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.comic,.offensive{height:75vh}.sectionHead h2{font-size:46px}.zoneList button b{font-size:20px}.zoneDetail h3{font-size:43px}.dispatch>div,.dispatch aside{padding:28px}.dispatch>div h3{font-size:43px}}

/* Responsive story panels: desktop sidebars become normal full-width sections. */
@media (max-width:1050px){
  .section.has-lore{display:flex;flex-direction:column}
  .has-lore,.highlander.has-lore{padding-right:max(7vw,28px)}
  .has-lore>.lore-sidebar,.highlander.has-lore>.lore-sidebar{
    position:relative;inset:auto;width:auto!important;max-width:none;height:auto;min-height:0;align-self:stretch;display:block;flex:none;
    margin:58px -7vw -110px;
    padding:34px max(7vw,28px) 38px;border-left:0;border-top:4px solid var(--gold);
    box-shadow:none;order:99
  }
  .paper.has-lore>.lore-sidebar{background:#d6d0c3}
  .has-lore>.lore-sidebar:before{display:none}
  .offensive.has-lore{height:auto;min-height:0;display:flex;flex-direction:column;padding:0}
  .offensive.has-lore>img{height:72vh;min-height:560px;order:1}
  .offensive.has-lore>.offCopy{right:6vw;bottom:auto;top:30vh;order:2}
  .offensive.has-lore>.lore-sidebar{order:3;margin:0;padding:38px max(7vw,28px);border-top:4px solid var(--gold)}
  .highlander.has-lore{display:flex;flex-direction:column;padding:90px max(7vw,28px) 0}
  .highlander.has-lore>div{order:1}
  .highlander.has-lore>.lore-sidebar{order:2;margin:65px -7vw 0}
}
@media (max-width:600px){
  .has-lore>.lore-sidebar,.highlander.has-lore>.lore-sidebar{
    width:auto!important;margin:45px -6vw -80px;padding:30px 6vw 34px
  }
  .has-lore>.lore-sidebar h3{font-size:27px;margin:13px 0 18px}
  .has-lore>.lore-sidebar p{font-size:14px;line-height:1.65}
  .offensive.has-lore>img{height:68vh;min-height:520px}
  .offensive.has-lore>.offCopy{top:25vh;left:6vw}
  .offensive.has-lore>.offCopy h2{font-size:54px}
  .offensive.has-lore>.lore-sidebar{margin:0;padding:30px 6vw 34px}
  .highlander.has-lore{padding:75px 6vw 0}
  .highlander.has-lore>.lore-sidebar{margin:55px -6vw 0}
}