.page{background:#050507}.page .nav{position:fixed}.page-main{padding-top:88px}.page-hero{min-height:78svh;display:flex;align-items:flex-end;position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,13vw,190px) clamp(24px,7vw,125px) 80px;background-position:center;background-size:cover}.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,3,5,.98),rgba(3,3,5,.72) 46%,rgba(3,3,5,.12)),linear-gradient(0deg,#050507,transparent 55%)}.page-hero:after{content:attr(data-code);position:absolute;right:-.02em;bottom:-.2em;z-index:-1;font:900 clamp(190px,30vw,560px)/.8 "Barlow Condensed";letter-spacing:-.08em;color:rgba(255,255,255,.045)}.page-hero.city{background-image:url('/assets/civilian-night.webp')}.page-hero.bolt-page{background-image:url('/assets/deadbolt-command.webp')}.page-hero.depts{background-image:url('/assets/sheriff-night.webp')}.page-hero.command{background-image:url('/assets/join-city.webp')}.page-hero.enter{background-image:url('/assets/join-city.webp')}.page-hero-copy{max-width:820px;position:relative;z-index:2}.page-hero h1{font:900 clamp(75px,10vw,154px)/.78 "Barlow Condensed";letter-spacing:-.035em;text-transform:uppercase;margin:0 0 32px}.page-hero h1 em{font-style:normal;color:var(--red2);display:block}.page-hero-copy>p:last-of-type{font-size:clamp(18px,1.7vw,23px);line-height:1.65;max-width:680px;color:#d1d0d6;border-left:3px solid var(--red2);padding-left:22px}.page-hero .hero-actions{margin-top:34px}.chapter{padding:110px clamp(24px,7vw,125px);position:relative;border-bottom:1px solid var(--line)}.chapter-head{display:grid;grid-template-columns:1fr .85fr;gap:8vw;align-items:end;margin-bottom:65px}.chapter h2{font:900 clamp(58px,7vw,112px)/.84 "Barlow Condensed";letter-spacing:-.025em;text-transform:uppercase;margin:0}.chapter h2 em{font-style:normal;color:var(--red2)}.chapter-head>p{font-size:19px;line-height:1.75;color:#bdbcc4;margin:0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-card{min-height:350px;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(145deg,#17171d,#0b0b0e)}.story-card:before{content:attr(data-n);position:absolute;right:18px;top:4px;font:900 120px/1 "Barlow Condensed";color:rgba(255,255,255,.04)}.story-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--red2),transparent);transform:scaleX(.25);transform-origin:left;transition:.35s}.story-card:hover:after{transform:scaleX(1)}.story-card:hover{border-color:rgba(255,48,73,.5)}.story-card h3{font:800 38px/.95 "Barlow Condensed";text-transform:uppercase;margin:0 0 14px}.story-card p{color:var(--muted);line-height:1.65;margin:0}.split-scene{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;border-block:1px solid var(--line);background:#0b0b0e}.split-scene.reverse{grid-template-columns:.95fr 1.05fr}.split-scene.reverse .scene-img{order:2}.scene-img{min-height:520px;background-size:cover;background-position:center}.scene-copy{padding:clamp(45px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.scene-copy h2{font:900 clamp(58px,6vw,96px)/.84 "Barlow Condensed";text-transform:uppercase;margin:0 0 28px}.scene-copy p{font-size:18px;line-height:1.75;color:#bbb9c2}.scene-copy ul{list-style:none;padding:0;margin:22px 0 0}.scene-copy li{padding:15px 0;border-top:1px solid var(--line);font-weight:700}.scene-copy li:before{content:"◆";color:var(--red2);font-size:9px;margin-right:12px}.deadbolt-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.board-item{padding:38px;border:1px solid rgba(77,137,232,.25);background:linear-gradient(145deg,rgba(21,29,44,.88),rgba(10,11,15,.96));position:relative}.board-item span{font:800 11px Inter;letter-spacing:.18em;color:#6fa3f3}.board-item h3{font:800 40px "Barlow Condensed";text-transform:uppercase;margin:24px 0 10px}.board-item p{color:#aaaab3;line-height:1.65}.board-item:after{content:"ONLINE";position:absolute;right:22px;top:22px;font:700 9px Inter;letter-spacing:.15em;color:#66e3a4}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.command-card{border:1px solid var(--line);background:#101014;overflow:hidden}.command-card img{width:100%;height:460px;object-fit:cover;object-position:top}.command-card div{padding:30px}.command-card h2{font:800 48px "Barlow Condensed";text-transform:uppercase;margin:0 0 8px}.command-card p{color:var(--muted);line-height:1.65}.pathway{counter-reset:path;max-width:1050px;margin:auto}.pathway article{counter-increment:path;display:grid;grid-template-columns:120px 1fr;gap:30px;padding:42px 0;border-top:1px solid var(--line)}.pathway article:before{content:"0" counter(path);font:900 54px "Barlow Condensed";color:var(--red2)}.pathway h2{font:800 clamp(40px,5vw,66px) "Barlow Condensed";text-transform:uppercase;margin:0 0 10px}.pathway p{color:var(--muted);font-size:18px;line-height:1.65;margin:0}.page-next{padding:100px clamp(24px,7vw,125px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 75% 50%,rgba(207,15,43,.2),transparent 30%),#08080b}.page-next small{display:block;text-transform:uppercase;letter-spacing:.18em;color:var(--red2);font-weight:800}.page-next strong{font:900 clamp(45px,6vw,92px) "Barlow Condensed";text-transform:uppercase}.page-next .arrow{font-size:70px;color:var(--red2);transition:.25s}.page-next:hover .arrow{transform:translateX(12px)}
@media(max-width:960px){.page-main{padding-top:70px}.page-hero{min-height:720px}.chapter-head,.split-scene,.split-scene.reverse{grid-template-columns:1fr}.split-scene.reverse .scene-img{order:0}.story-grid,.command-grid{grid-template-columns:1fr}.story-card{min-height:250px}.scene-img{min-height:430px}.deadbolt-board{grid-template-columns:1fr}.command-card{display:grid;grid-template-columns:42% 58%}.command-card img{height:100%}}
@media(max-width:620px){.page-hero{min-height:670px;padding-bottom:60px;background-position:64% center}.page-hero:before{background:linear-gradient(90deg,rgba(3,3,5,.94),rgba(3,3,5,.5)),linear-gradient(0deg,#050507,transparent)}.page-hero h1{font-size:68px}.chapter{padding:75px 20px}.chapter-head{gap:25px}.chapter-head>p{font-size:17px}.scene-img{min-height:330px}.scene-copy{padding:55px 22px}.command-card{display:block}.command-card img{height:350px}.pathway article{grid-template-columns:70px 1fr}.page-next{padding:70px 20px}.page-next .arrow{font-size:44px}}

/* Five-page navigation: always visible, including mobile. */
.top-pages{height:96px;padding:8px clamp(18px,4vw,64px);gap:28px;background:rgba(4,4,7,.94)}.logo-brand{display:block;width:190px;flex:0 0 auto}.logo-brand img{display:block;width:100%;height:auto}.top-pages nav{display:flex!important;margin-left:auto;align-items:center;gap:clamp(15px,2vw,30px);overflow-x:auto;scrollbar-width:none}.top-pages nav::-webkit-scrollbar{display:none}.top-pages nav a{white-space:nowrap;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.top-pages nav a.active{color:#fff;text-shadow:0 0 20px rgba(255,32,62,.75)}.top-pages nav a.active:after{right:0}.top-pages+.page-main,.page-main{padding-top:96px}
.landing-main{padding-top:96px}.landing-hero{min-height:calc(100svh - 96px);position:relative;display:flex;align-items:center;overflow:hidden;background:url('/assets/crimson-city-hero.webp') center/cover no-repeat}.landing-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,6,.98) 0%,rgba(3,3,6,.84) 42%,rgba(3,3,6,.12) 78%),linear-gradient(0deg,#050507 0%,transparent 35%)}.landing-copy{position:relative;z-index:2;width:min(800px,90%);margin-left:clamp(24px,7vw,125px)}.hero-logo{width:min(420px,75vw);margin:14px 0 24px}.landing-copy h1{font:900 clamp(70px,9vw,145px)/.78 'Barlow Condensed';letter-spacing:-.04em;text-transform:uppercase;margin:0 0 30px}.landing-copy h1 em{color:var(--red2);font-style:normal}.landing-copy>p:not(.eyebrow){font-size:clamp(17px,1.6vw,22px);line-height:1.65;max-width:660px;color:#d2d2d8}.action-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#08080b;border-block:1px solid var(--line)}.action-strip a{min-height:155px;padding:38px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,transparent,rgba(207,15,43,.08));transition:.25s}.action-strip a:hover{background:rgba(207,15,43,.18);transform:translateY(-5px)}.action-strip small{color:var(--red2);text-transform:uppercase;font-weight:800;letter-spacing:.15em}.action-strip strong{font:800 clamp(25px,2.4vw,38px) 'Barlow Condensed';text-transform:uppercase;margin-top:9px}.requirements-hero{background-image:url('/assets/console-requirements.webp');background-position:center}.require-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.require-grid article{min-height:250px;padding:38px;border:1px solid var(--line);background:linear-gradient(145deg,#17171d,#09090c);position:relative;overflow:hidden}.require-grid b{font:900 70px/1 'Barlow Condensed';color:rgba(255,32,62,.22)}.require-grid h3{font:800 40px 'Barlow Condensed';text-transform:uppercase;margin:18px 0 10px}.require-grid p{color:var(--muted);line-height:1.65}.equal-heads .command-card{display:flex;flex-direction:column}.equal-heads .command-card div{flex:1}.department-band{display:grid;grid-template-columns:repeat(3,1fr)}.department-band article{height:480px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;position:relative;isolation:isolate}.department-band article:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,2,4,.95),transparent 70%)}.department-band span{color:var(--red2);font-weight:800;text-transform:uppercase;letter-spacing:.14em}.department-band h2{font:900 clamp(42px,4vw,70px)/.9 'Barlow Condensed';text-transform:uppercase;margin:8px 0}
@media(max-width:960px){.top-pages{height:auto;min-height:132px;padding:8px 16px;display:block}.logo-brand{width:145px;margin:0 auto 3px}.top-pages nav{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;background:transparent!important;padding:8px 0 10px!important;border:0!important;margin:0!important;gap:10px 22px;overflow:visible}.top-pages nav a{font-size:11px}.top-pages+.page-main,.page-main,.landing-main{padding-top:132px}.landing-hero{min-height:calc(100svh - 132px)}.action-strip,.department-band{grid-template-columns:1fr}.action-strip a{min-height:115px}.department-band article{height:370px}.require-grid{grid-template-columns:1fr}}
@media(max-width:620px){.top-pages{min-height:146px}.top-pages+.page-main,.page-main,.landing-main{padding-top:146px}.top-pages nav{gap:9px 14px}.top-pages nav a{font-size:10px}.landing-copy{margin:0 20px}.landing-copy h1{font-size:62px}.hero-logo{width:270px}.landing-shade{background:linear-gradient(90deg,rgba(3,3,6,.95),rgba(3,3,6,.45)),linear-gradient(0deg,#050507,transparent)}.landing-hero{background-position:60% center}}