:root{--red:#f0182b;--black:#050505;--white:#fff;--yellow:#ffc928}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{overflow:hidden}
.about-runtime{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--black);isolation:isolate}
.about-profile{position:absolute;inset:0;overflow:hidden;background:var(--black)}
.about-profile:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 58% 42%,rgba(240,24,43,.18),transparent 28%),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.018) 5px 6px)}
.about-profile-art{position:absolute;inset:0;z-index:2;overflow:hidden}
.about-particles{position:absolute;inset:0;z-index:30;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.about-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;transition:color .18s ease}
.about-home-link span{display:inline-block;margin-right:.45em;color:var(--red);font-size:1.35em;transition:transform .18s ease}
.about-home-link:hover{color:var(--red)}
.about-home-link:hover span{transform:translateX(-7px)}
.about-top-band{position:absolute;left:-4vw;right:-4vw;top:-5vh;height:20vh;background:var(--red);transform:rotate(3deg);transform-origin:center}
.about-top-band:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:9px;background:var(--yellow)}
.about-checkers{position:absolute;left:-4vw;right:-4vw;width:auto;z-index:6;background:conic-gradient(from 90deg,#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/34px 34px;opacity:.92;pointer-events:none}
.about-checkers--top{top:1.5vh;height:7vh;transform:rotate(2deg)}
.about-checkers--bottom{bottom:2.2vh;height:7vh;z-index:6;transform:rotate(-2deg)}
.about-bg-word{position:absolute;left:5vw;top:16vh;font:900 16vw/.72 Arial Black,Impact,sans-serif;letter-spacing:-.09em;color:#fff;opacity:.07;white-space:nowrap}
.about-mini-logo{position:absolute;left:7vw;top:11vh;z-index:6;padding:8px 14px;border:4px solid #fff;background:#050505;color:#fff;font:900 italic clamp(20px,2.5vw,42px)/1 Arial Black,Impact,sans-serif;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--red)}
.about-love{position:absolute;right:4vw;top:17vh;z-index:6;color:var(--yellow);font:900 clamp(28px,3vw,52px)/1 Arial,sans-serif;letter-spacing:.12em;transform:rotate(4deg)}
.about-badge{position:absolute;z-index:8;left:6vw;top:22vh;width:min(42vw,690px);transform:rotate(-4deg)}
.about-badge:before,.about-badge:after{content:"";position:absolute;inset:-18px -5.5vw -18px -24px;background:var(--yellow);clip-path:polygon(3% 5%,96% 0,100% 88%,8% 100%,0 42%);z-index:-2}
.about-badge:after{inset:-7px -4.5vw -7px -10px;background:var(--red);z-index:-1;clip-path:polygon(1% 12%,95% 0,100% 82%,13% 100%,0 50%)}
.about-badge span{display:block;color:#fff;font:900 italic clamp(24px,3vw,52px)/.9 Arial Black,Impact,sans-serif;letter-spacing:-.05em;text-shadow:3px 3px 0 #000}
.about-badge strong{display:block;color:#fff;font:900 italic clamp(66px,8.6vw,150px)/.72 Arial Black,Impact,sans-serif;letter-spacing:-.09em;text-transform:uppercase;-webkit-text-stroke:2px #000;text-shadow:7px 7px 0 #000}
.about-shadow-main{position:absolute;z-index:8;right:2vw;bottom:-12vh;width:min(53vw,860px);height:92vh;object-fit:contain;filter:drop-shadow(-18px 18px 24px rgba(0,0,0,.7))}
.about-right-tag{position:absolute;right:4vw;top:28vh;z-index:9;padding:10px 14px;background:#fff;color:#050505;font:900 italic clamp(14px,1.6vw,28px)/.92 Arial Black,Impact,sans-serif;transform:rotate(6deg);box-shadow:7px 7px 0 var(--yellow)}
.about-profile-copy{position:absolute;z-index:12;left:7vw;bottom:18vh;width:min(39vw,610px);padding:20px 24px;background:#050505;border-left:7px solid var(--red);transform:rotate(-1.5deg);box-shadow:12px 12px 0 var(--red)}
.about-profile-copy p{margin:0 0 10px;font:700 clamp(15px,1.12vw,19px)/1.45 Arial,Helvetica,sans-serif}
.about-profile-copy p:last-child{margin-bottom:0}
.about-profile-copy strong{font-weight:900}
.about-age{display:inline-block;margin-top:4px!important;color:#fff}
.about-bottom-swipe{position:absolute;z-index:5;left:-8vw;right:-8vw;bottom:-10vh;height:30vh;background:var(--red);transform:rotate(-4deg);transform-origin:center}
.about-bottom-swipe:before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px;background:#fff}
.about-bottom-label{position:absolute;z-index:10;right:12vw;bottom:5.5vh;color:#fff;font:900 italic clamp(34px,5vw,82px)/.8 Arial Black,Impact,sans-serif;letter-spacing:-.05em;transform:rotate(-4deg);text-shadow:5px 5px 0 #000}
.about-bottom-icons{position:absolute;z-index:10;right:3vw;bottom:5.5vh;color:var(--yellow);font-size:clamp(22px,2vw,36px);letter-spacing:.3em;transform:rotate(-4deg)}
@media(max-width:900px){
 body{overflow:auto}
 .about-runtime{height:100dvh;min-height:680px}
 .about-top-band{height:17vh}
 .about-bg-word{left:-6vw;top:17vh;font-size:27vw}
 .about-mini-logo{left:18px;top:11vh;font-size:22px}
 .about-love{right:16px;top:18vh;font-size:26px}
 .about-badge{left:6vw;top:28vh;width:68vw}
 .about-badge strong{font-size:14vw}
 .about-shadow-main{right:-24vw;bottom:-5vh;width:105vw;height:74vh;opacity:.78}
 .about-right-tag{right:10px;top:30vh;font-size:13px}
 .about-profile-copy{left:18px;right:18px;bottom:17vh;width:auto;padding:18px 20px;transform:rotate(-1deg)}
 .about-profile-copy p{font-size:15px}
 .about-bottom-swipe{height:17vh}
 .about-bottom-label{right:18px;bottom:6vh;font-size:11vw}
 .about-bottom-icons{display:none}
 .about-checkers--top,.about-checkers--bottom{left:-6vw;right:-6vw;width:auto}
}
@media(prefers-reduced-motion:reduce){.about-particles{display:none}}
@media(max-width:560px){.about-runtime{min-height:820px;height:max(100svh,820px)}.about-profile-copy{bottom:145px}.about-bottom-swipe{height:145px}.about-bottom-label{font-size:clamp(34px,11vw,58px)}}