:root{--red:#f0182b;--black:#050505;--white:#fff;--yellow:#ffc928}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
.updates-runtime{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 8%,rgba(240,24,43,.17),transparent 25%),#050505;isolation:isolate;padding-bottom:18vh}
.updates-runtime:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.016) 5px 6px)}
.updates-particles{position:fixed;inset:0;z-index:20;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.updates-home-link{position:fixed;z-index:40;left:2.2vw;top:2.4vh;color:#fff;text-decoration:none;font:900 italic clamp(13px,1vw,17px)/1 Arial Black,Impact,sans-serif;letter-spacing:.08em;text-shadow:3px 3px 0 #000}
.updates-home-link span{display:inline-block;margin-right:.45em;color:var(--red);font-size:1.35em;transition:transform .18s ease}.updates-home-link:hover{color:var(--red)}.updates-home-link:hover span{transform:translateX(-7px)}
.updates-hero{position:relative;min-height:72vh;padding:21vh 7vw 10vh;overflow:hidden}
.updates-top-band{position:absolute;z-index:-1;left:-5vw;right:-5vw;top:-7vh;height:22vh;background:var(--red);transform:rotate(3deg)}.updates-top-band:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:9px;background:var(--yellow)}
.updates-checkers{position:absolute;left:-4vw;right:-4vw;z-index:5;background:conic-gradient(from 90deg,#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/34px 34px;opacity:.92;pointer-events:none}
.updates-checkers--top{top:1.5vh;height:7vh;transform:rotate(2deg)}
.updates-title{position:relative;z-index:3;width:min(80vw,1100px);transform:rotate(-3deg)}
.updates-title:before,.updates-title:after{content:"";position:absolute;inset:-20px -4vw -18px -25px;background:var(--yellow);clip-path:polygon(2% 7%,97% 0,100% 84%,7% 100%,0 40%);z-index:-2}
.updates-title:after{inset:-8px -3vw -7px -10px;background:var(--red);z-index:-1}
.updates-title span{display:block;font:900 italic clamp(28px,4vw,66px)/.82 Arial Black,Impact,sans-serif;text-shadow:4px 4px #000}
.updates-title strong{display:block;font:900 italic clamp(84px,14vw,220px)/.67 Arial Black,Impact,sans-serif;letter-spacing:-.095em;-webkit-text-stroke:2px #000;text-shadow:9px 9px #000}
.updates-hero>p{position:relative;z-index:4;margin:50px 0 0 2vw;width:min(620px,70vw);padding:16px 20px;background:#050505;border-left:7px solid var(--red);box-shadow:10px 10px var(--red);font:800 clamp(16px,1.3vw,21px)/1.4 Arial,sans-serif;transform:rotate(-1deg)}
.updates-history{position:relative;z-index:4;width:min(1180px,88vw);margin:0 auto;padding:5vh 0 15vh}
.updates-history:before{content:"";position:absolute;left:132px;top:0;bottom:0;width:7px;background:var(--red);box-shadow:10px 0 0 rgba(240,24,43,.18)}
.update{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:56px;margin:0 0 62px}
.update time{padding-top:10px;transform:translateX(-24px);color:var(--yellow);font:900 italic 18px/.95 Arial Black,Impact,sans-serif;text-align:right;letter-spacing:-.03em}
.update>div{position:relative;padding:24px 28px 25px;background:#050505;box-shadow:13px 13px 0 var(--red);transform:rotate(-.35deg)}
.update:nth-child(even)>div{transform:rotate(.35deg);box-shadow:13px 13px 0 #fff}
.update>div:before{content:"";position:absolute;left:-62px;top:23px;width:28px;height:28px;background:var(--red);border:7px solid #050505;outline:4px solid #fff;transform:rotate(45deg)}
.update h2{margin:0 0 12px;font:900 italic clamp(27px,3.4vw,52px)/.92 Arial Black,Impact,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.update p{max-width:850px;margin:0 0 12px;font:700 clamp(15px,1.05vw,18px)/1.55 Arial,Helvetica,sans-serif}.update p:last-child{margin-bottom:0}
.update a{display:inline-block;margin-top:8px;color:#fff;text-decoration:none;border-bottom:4px solid var(--red);padding-bottom:5px;font:900 italic 16px/1 Arial Black,Impact,sans-serif}.update a:hover{color:var(--yellow)}
.update--feature>div{background:var(--red);box-shadow:14px 14px 0 var(--yellow)}.update--feature>div:before{background:var(--yellow)}
.update--origin h2{font-size:clamp(40px,5vw,74px);color:var(--yellow)}
.updates-bottom-swipe{position:absolute;z-index:1;left:-8vw;right:-8vw;bottom:-9vh;height:26vh;background:var(--red);transform:rotate(-4deg)}.updates-bottom-swipe:before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px;background:#fff}
.updates-checkers--bottom{bottom:2vh;height:7vh;z-index:6;transform:rotate(-2deg)}
@media(max-width:760px){.updates-hero{min-height:62vh;padding:22vh 20px 8vh}.updates-title{width:92vw}.updates-title strong{font-size:18vw}.updates-hero>p{margin-top:38px;width:88vw}.updates-history{width:calc(100% - 36px)}.updates-history:before{left:20px}.update{grid-template-columns:1fr;gap:10px;margin-left:46px;margin-bottom:50px}.update time{transform:none;text-align:left;font-size:15px}.update>div{padding:20px}.update>div:before{left:-42px;top:20px;width:20px;height:20px;border-width:5px}.update h2{font-size:30px}.updates-checkers{left:-8vw;right:-8vw}}
@media(prefers-reduced-motion:reduce){.updates-particles{display:none}}