.cr-hero {
position:relative;
container-type:inline-size;
height:340px;
overflow:hidden;
contain:paint;
background:#000;
border:2px solid var(--green);
text-align:center
}

.cr-st {
position:absolute;
top:0;
left:0;
width:2px;
height:2px;
animation:cr-tw 3s ease-in-out infinite;
box-shadow:58.5cqw 98px #c8ffd9,9.5cqw 159px #ffb000,5.2cqw 196px #c8ffd9,61.8cqw 70px #0f8,15.9cqw 170px #0f8,9.4cqw 49px #0f8,48.2cqw 223px #c8ffd9,30.5cqw 112px #c8ffd9,47.2cqw 71px #c8ffd9,46.2cqw 69px #ffb000,47.5cqw 233px #c8ffd9,82.8cqw 47px #0f8,22.4cqw 138px #c8ffd9,54.5cqw 121px #c8ffd9,77.1cqw 6px #c8ffd9,42.0cqw 48px #c8ffd9,60.5cqw 102px #ffb000,88.0cqw 213px #0f8,33.5cqw 30px #0f8,5.2cqw 17px #c8ffd9,28.5cqw 142px #0f8,36.4cqw 201px #c8ffd9,92.0cqw 149px #0f8,9.3cqw 177px #c8ffd9,32.7cqw 103px #c8ffd9,16.9cqw 53px #c8ffd9,20.6cqw 152px #0f8,7.3cqw 215px #c8ffd9,50.6cqw 17px #ffb000,33.6cqw 26px #0f8,9.1cqw 195px #c8ffd9,35.3cqw 157px #c8ffd9,21.8cqw 90px #c8ffd9,57.6cqw 100px #0f8,88.4cqw 129px #ffb000,63.5cqw 39px #c8ffd9,88.5cqw 176px #c8ffd9,52.9cqw 61px #c8ffd9,75.5cqw 59px #0f8,23.7cqw 62px #0f8,42.5cqw 64px #c8ffd9,78.6cqw 12px #0f8,33.4cqw 234px #c8ffd9,87.2cqw 98px #ffb000,17.8cqw 105px #0f8,7.9cqw 33px #c8ffd9
}

.cr-st.b {
width:1px;
height:1px;
animation-duration:2.3s;
animation-delay:-1s;
box-shadow:46.7cqw 222px #c8ffd9,40.7cqw 179px #c8ffd9,98.1cqw 26px #c8ffd9,85.8cqw 198px #c8ffd9,56.9cqw 124px #c8ffd9,79.5cqw 187px #c8ffd9,78.3cqw 113px #c8ffd9,93.8cqw 193px #c8ffd9,19.0cqw 136px #c8ffd9,21.6cqw 63px #c8ffd9,74.4cqw 21px #c8ffd9,75.3cqw 162px #c8ffd9,3.1cqw 31px #c8ffd9,87.8cqw 188px #c8ffd9,58.2cqw 175px #c8ffd9,28.9cqw 52px #c8ffd9,42.6cqw 119px #c8ffd9,18.4cqw 154px #c8ffd9,29.6cqw 12px #c8ffd9,59.5cqw 24px #c8ffd9,39.3cqw 134px #c8ffd9,56.9cqw 203px #c8ffd9,27.9cqw 151px #c8ffd9,93.6cqw 197px #c8ffd9,8.8cqw 160px #c8ffd9,77.8cqw 206px #c8ffd9,88.4cqw 209px #c8ffd9,47.0cqw 21px #c8ffd9,62.9cqw 103px #c8ffd9,96.7cqw 162px #c8ffd9,65.6cqw 99px #c8ffd9,26.9cqw 212px #c8ffd9,39.0cqw 134px #c8ffd9,3.4cqw 37px #c8ffd9,27.1cqw 67px #c8ffd9,21.4cqw 174px #c8ffd9,76.4cqw 189px #c8ffd9,46.2cqw 113px #c8ffd9,25.9cqw 10px #c8ffd9,9.7cqw 137px #c8ffd9,11.0cqw 221px #c8ffd9,42.4cqw 47px #c8ffd9,37.3cqw 226px #c8ffd9,9.6cqw 173px #c8ffd9,39.1cqw 52px #c8ffd9,14.9cqw 39px #c8ffd9
}

@keyframes cr-tw {
0%,100% {
opacity:1
}

50% {
opacity:.25
}
}

.cr-bar {
position:absolute;
left:0;
right:0;
height:42px;
z-index:2;
opacity:.85;
animation:cr-bar 5s ease-in-out infinite
}

.cr-bar.g {
background:linear-gradient(#063d1b 0 14%,#0c7a37 0 28%,#22c25a 0 43%,#9dffc0 0 57%,#22c25a 0 71%,#0c7a37 0 86%,#063d1b 0)
}

.cr-bar.a {
background:linear-gradient(#3d2200 0 14%,#a56200 0 28%,#ffb000 0 43%,#fff0b8 0 57%,#ffb000 0 71%,#a56200 0 86%,#3d2200 0);
animation-duration:7s;
animation-delay:-2s
}

.cr-bar.r {
background:linear-gradient(#4a0614 0 14%,#a3112e 0 28%,#ff3d5a 0 43%,#ffc2cc 0 57%,#ff3d5a 0 71%,#a3112e 0 86%,#4a0614 0);
animation-duration:6s;
animation-delay:-4s
}

@keyframes cr-bar {
0%,100% {
top:24px
}

50% {
top:225px
}
}

.cr-hud {
position:absolute;
top:10px;
z-index:6;
font-size:.7rem;
letter-spacing:.15em;
color:var(--ph-dim);
background:#000;
padding:1px 6px
}

.cr-hud.l {
left:10px
}

.cr-hud.r {
right:10px
}

.cr-title {
position:relative;
z-index:5;
display:flex;
justify-content:center;
gap:4px;
margin:78px 0 0;
font-size:clamp(48px,13vw,88px);
font-weight:700;
line-height:1;
letter-spacing:0
}

.cr-title span {
display:inline-block;
animation:cr-wave 2.2s ease-in-out infinite;
animation-delay:calc(var(--i) * -.22s)
}

.cr-title .f {
color:var(--green);
text-shadow:3px 3px 0 #0f7a3a,6px 6px 0 #063d1b
}

.cr-title .h {
color:transparent;
-webkit-background-clip:text;
background-clip:text;
background-image:linear-gradient(#ff3d5a 0 20%,#ff8a00 0 40%,#ffd400 0 60%,#ff8a00 0 80%,#ff3d5a 0);
background-size:100% 44px;
filter:drop-shadow(4px 4px 0 #3a0010);
animation:cr-wave 2.2s ease-in-out infinite,cr-band 1s linear infinite;
animation-delay:calc(var(--i) * -.22s),0s
}

.cr-title .sp {
width:.4em
}

@keyframes cr-wave {
0%,100% {
transform:translateY(0)
}

50% {
transform:translateY(-16px)
}
}

@keyframes cr-band {
to {
background-position:0 44px
}
}

.cr-tag {
position:relative;
z-index:5;
display:inline-block;
margin:20px 0 0;
padding:2px 12px;
background:#000;
letter-spacing:.35em;
font-size:.8rem;
color:var(--paper)
}

.cr-press {
position:absolute;
bottom:10px;
left:0;
right:0;
z-index:6;
margin:0;
font-size:.75rem;
letter-spacing:.2em;
color:var(--amber)
}

.cr-press span {
background:#000;
padding:1px 8px
}

.cr-blink {
animation:cr-bl 1s steps(1) infinite
}

@keyframes cr-bl {
50% {
opacity:0
}
}

@media (max-width:520px) {
.cr-hud.r {
display:none
}

.cr-tag {
letter-spacing:.15em;
font-size:.7rem
}
}

.cr-intro {
max-width:none;
margin:1.5rem 0 1.25rem;
color:var(--paper);
line-height:1.8
}

.cr-intro::before {
content:"> ";
content:"> " /;
color:var(--green)
}

.cr-intro::after {
content:"\2588";
content:\2588 /;
color:var(--green);
animation:cr-bl 1s steps(1) infinite
}

.cr-vus {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:.75rem;
margin-bottom:3rem
}

.cr-vu {
background:var(--ph-bg);
border:1px solid var(--ph-edge);
padding:.75rem 1rem
}

.cr-vu small {
display:block;
font-size:.7rem;
letter-spacing:.15em;
color:var(--ph-dim)
}

.cr-vu b {
display:block;
font-size:1.9rem;
line-height:1.15;
color:var(--green)
}

.cr-vu b.x {
color:var(--hot)
}

.cr-led {
position:relative;
height:14px;
margin:.4rem 0;
background:repeating-linear-gradient(90deg,#0b2a14 0 8px,transparent 8px 11px)
}

.cr-led i {
position:absolute;
left:0;
top:0;
bottom:0;
background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 11px);
animation:cr-pu 1.6s ease-in-out infinite alternate
}

@keyframes cr-pu {
from {
opacity:.7
}

to {
opacity:1
}
}

.articles-grid {
counter-reset:cr-row -1;
gap:0;
background:var(--ph-bg);
border:1px solid var(--ph-edge);
border-radius:0
}

.articles-grid > a {
counter-increment:cr-row;
display:grid;
grid-template-columns:2.2rem minmax(0,1fr);
column-gap:.9rem;
align-content:start;
background:transparent;
border-bottom:1px solid #0b2a14;
padding:.9rem 3rem .9rem 1rem;
animation:cr-hl 6s steps(1) infinite
}

.articles-grid > a:last-child {
border-bottom:0
}

.articles-grid > a::before {
content:counter(cr-row,decimal-leading-zero);
grid-row:1 / span 6;
color:var(--amber);
font-weight:700;
font-size:.9rem
}

.articles-grid > a > * {
grid-column:2
}

.articles-grid > a:nth-child(2) {
animation-delay:2s
}

.articles-grid > a:nth-child(3) {
animation-delay:4s
}

.articles-grid > a:nth-child(n+4) {
animation:none
}

.articles-grid > a:hover b {
color:var(--amber);
text-decoration:underline
}

@keyframes cr-hl {
0% {
background:#0a3318;
box-shadow:inset 3px 0 var(--amber)
}

33.3%,100% {
background:transparent;
box-shadow:none
}
}

.cr-disks {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:1.25rem;
margin-bottom:3rem
}

.cr-disk {
display:block;
container-type:inline-size;
aspect-ratio:1/1;
padding:2px;
background:var(--green);
clip-path:polygon(0 0,93% 0,100% 7%,100% 100%,0 100%);
transition:transform .15s
}

.cr-disk:hover,.cr-disk:focus-visible {
transform:translateY(-4px);
background:var(--amber);
outline:none
}

.cr-disk-in {
position:relative;
display:block;
width:100%;
height:100%;
background:var(--ph-bg);
clip-path:polygon(0 0,calc(100% - (7cqw - 1px)) 0,100% calc(7cqw - 1px),100% 100%,0 100%)
}

.cr-disk:hover .cr-disk-in,.cr-disk:focus-visible .cr-disk-in {
background:var(--ph-bg2)
}

.cr-no {
position:absolute;
left:7%;
top:6%;
font-size:max(11px,5cqw);
letter-spacing:.05em;
color:var(--amber)
}

.cr-shutter {
position:absolute;
left:30%;
width:46%;
top:0;
height:30%;
background:repeating-linear-gradient(90deg,#d5dade 0 1px,#aeb5ba 1px 2px);
border-left:1px solid #eef1f3;
border-right:1px solid #7d8489;
border-bottom:2px solid #7d8489
}

.cr-window {
position:absolute;
right:9%;
top:14%;
width:34%;
height:64%;
display:flex;
justify-content:center;
overflow:hidden;
background:#020a05;
border:1px solid #5d6469
}

.cr-window::after {
content:"^^^";
width:1ch;
margin-top:2px;
font-size:max(11px,6.5cqw);
font-weight:700;
line-height:4cqw;
color:#8a9196;
word-break:break-all
}

.cr-hd {
position:absolute;
right:5%;
top:11%;
font-size:max(11px,5.5cqw);
font-weight:700;
color:var(--green)
}

.cr-label {
position:absolute;
left:6%;
right:6%;
top:38%;
bottom:13%;
overflow:hidden;
padding:3cqw 4.5cqw;
background:var(--paper);
color:#020a05
}

.cr-file {
display:block;
margin-bottom:2cqw;
border-bottom:1px solid #020a05;
font-size:max(11px,5.4cqw);
font-weight:700;
letter-spacing:.05em;
line-height:1.3
}

.cr-disk h3 {
margin:0;
font-size:max(13px,8cqw);
line-height:1.2;
letter-spacing:0;
color:#020a05
}

.cr-sub {
display:block;
font-size:max(11px,5.6cqw);
line-height:1.25
}

.cr-wp {
position:absolute;
bottom:3%;
left:4%;
width:7px;
height:7px;
background:#020a05;
border:1px solid var(--ph-edge)
}

.cr-wp.r {
left:auto;
right:4%
}

.ms-home-section {
margin:0 0 3rem
}

.cr-arc {
display:grid;
grid-template-columns:auto 1fr;
gap:1.5rem;
align-items:center;
background:var(--ph-bg);
border:1px solid var(--ph-edge);
padding:1.1rem
}

.cr-board {
display:grid;
grid-template-columns:repeat(7,32px);
width:max-content;
border:2px solid var(--ph-edge)
}

.cr-board i {
display:flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
font-style:normal;
font-weight:700;
background:#020a05;
border:1px solid #0b2a14
}

.cr-board .u {
background:var(--ph-edge);
border:2px solid;
border-color:var(--green) #063d1b #063d1b var(--green)
}

.cr-board .n1 {
color:var(--cyan)
}

.cr-board .n2 {
color:var(--green)
}

.cr-board .m {
background:var(--hot);
color:#020a05
}

.cr-arc p {
margin:0 0 .35rem
}

.ms-home-tagline {
color:var(--paper);
font-weight:700
}

.ms-home-sub {
font-size:.8rem;
color:var(--ph-dim)
}

.cr-btn {
display:inline-block;
margin-top:.5rem;
padding:.55rem 1.1rem;
background:var(--amber);
color:#020a05;
font-weight:700;
letter-spacing:.15em;
text-transform:uppercase;
font-size:.8rem;
box-shadow:3px 3px 0 var(--amber-d);
transition:transform .1s,box-shadow .1s
}

.cr-btn:hover {
color:#020a05;
transform:translate(2px,2px);
box-shadow:1px 1px 0 var(--amber-d)
}

.cr-scores {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
gap:.75rem;
margin-top:.75rem
}

.cr-sc {
background:#020a05;
border:1px solid var(--ph-edge);
padding:.6rem .8rem
}

.cr-sc h3 {
margin:0 0 .3rem;
font-size:.75rem;
letter-spacing:.25em
}

.cr-sc ol {
list-style:none;
margin:0;
padding:0
}

.cr-sc li {
display:flex;
align-items:baseline;
margin:0;
font-size:.8rem;
line-height:1.6
}

.cr-sc .k {
flex:1;
margin:0 .4rem;
border-bottom:1px dotted var(--ph-edge)
}

.cr-sc .r1 {
color:#ffd400
}

.cr-sc .r2 {
color:var(--paper)
}

.cr-sc .r3 {
color:#e08a45
}

.cr-sc-empty {
margin:0;
font-size:.75rem;
color:var(--ph-dim);
font-style:italic
}

.cr-lb {
display:block;
margin-top:.6rem;
text-align:right;
font-size:.75rem;
letter-spacing:.08em;
color:var(--ph-dim)
}

.cr-lb:hover {
color:var(--amber)
}

@media (max-width:640px) {
.cr-arc {
grid-template-columns:1fr;
justify-items:start
}
}

.cr-boot {
margin:0 0 .75rem
}

.cr-boot p {
display:flex;
align-items:flex-start;
margin:0 0 .15rem;
font-size:.85rem;
line-height:1.7;
animation:cr-in .4s both;
animation-delay:calc(var(--i) * .25s)
}

.cr-boot .ok {
flex-shrink:0;
margin-right:.6rem;
color:var(--green)
}

.cr-boot .t {
flex:0 1 auto;
min-width:0
}

.cr-boot .k {
flex:1 1 1rem;
min-width:1rem;
align-self:flex-end;
margin:0 .5rem .5em;
border-bottom:1px dotted var(--ph-edge)
}

.cr-boot b {
flex-shrink:0;
align-self:flex-end;
margin-left:auto;
color:var(--amber);
font-weight:400;
white-space:nowrap
}

@media (max-width:520px) {
.cr-boot p {
font-size:.8rem
}

.cr-boot .d {
display:none
}
}

@keyframes cr-in {
from {
opacity:0;
transform:translateX(-8px)
}

to {
opacity:1;
transform:none
}
}

.cr-manifest {
margin-bottom:3rem;
color:var(--ph-dim)
}

.cr-manifest summary {
cursor:pointer;
color:var(--amber);
font-size:.8rem;
letter-spacing:.1em;
list-style:none
}

.cr-manifest summary::-webkit-details-marker {
display:none
}

.cr-manifest summary::before {
content:"+ "
}

.cr-manifest[open] summary::before {
content:"- "
}

.cr-manifest h3 {
margin:1rem 0 .25rem;
font-size:.85rem;
letter-spacing:.15em;
text-transform:uppercase;
color:var(--green)
}

.cr-manifest p {
margin:0;
font-size:.85rem;
color:var(--muted);
line-height:1.8
}

@media (prefers-reduced-motion:reduce) {
.cr-st,.cr-bar,.cr-title span,.cr-blink,.cr-intro::after,.cr-led i,.cr-boot p,.articles-grid > a {
animation:none!important
}

.cr-bar {
top:120px
}

.cr-bar.a {
top:60px
}

.cr-bar.r {
top:180px
}

.cr-disk,.cr-btn {
transition:none
}

.articles-grid > a:hover {
background:#0f1d28
}
}