@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--red:#f02627;--white:#f5f4ef;--dim:#989795;--line:#ffffff24;--px:0;--py:0;--scroll:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:#050505;color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:7px}button{border:0;background:none}::selection{background:var(--red);color:white}.svg-library{position:absolute;width:0;height:0}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:var(--red);padding:15px}.skip:focus{top:20px}
header{position:absolute;top:0;left:0;width:100%;height:106px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;z-index:30}.brand{display:flex;align-items:center;gap:16px}.brand svg{width:32px;height:42px}.brand span{font-size:8px;font-weight:500;line-height:1.7;letter-spacing:1.5px}.brand b{font-size:12px;letter-spacing:3px}.header-note{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.header-note i{height:5px;width:5px;border-radius:50%;background:var(--red);box-shadow:0 0 12px #f02627}.menu-toggle{display:flex;gap:12px;align-items:center;font-size:12px}.menu-icon{width:24px;height:9px;border-top:1px solid;border-bottom:1px solid}.panel{min-height:760px;position:relative;overflow:hidden;height:100svh}.hero{isolation:isolate;background:#030303}.portrait-layer{position:absolute;inset:0;z-index:1;transform:translate(calc(var(--px)*10px),calc(var(--py)*7px));will-change:transform}.portrait-layer img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.82);margin:0;max-width:100%}.hero:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0003,transparent 30%,transparent 70%,#050505),linear-gradient(90deg,#0004,transparent 30%,transparent 70%,#0004);pointer-events:none}.hero-topline{position:absolute;top:155px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#aaa}.hero-title{position:absolute;top:42%;left:50%;margin:0;transform:translate(-50%,-10%);white-space:nowrap;font-size:clamp(80px,13vw,210px);font-weight:900;letter-spacing:0.05em;line-height:.85;z-index:0}.hero-title span{-webkit-text-stroke:1px #f5f4ef;color:transparent}.hero-caption{position:absolute;top:34%;width:170px;z-index:3}.caption-left{left:6%}.caption-right{right:6%;top:61%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5}.eyebrow span{color:var(--red)}.hero-caption .eyebrow{font-size:10px;letter-spacing:1px}.hero-caption p{font-size:10px;line-height:1.6;color:#c5c2c2;margin-top:10px}.hero-bottom{position:absolute;bottom:48px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:9px;line-height:1.8;letter-spacing:1.5px;font-weight:400}.hero-bottom b{font-weight:500;color:#a2a2a2}.scroll-link{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:2px}.scroll-link span{border:1px solid #ffffff50;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:18px;transition:background .3s}.scroll-link:hover span{background:var(--red);border-color:var(--red)}.edition{font-size:9px;letter-spacing:2px;color:#aaa}.web{position:absolute;width:52%;height:110%;pointer-events:none;stroke:#711b20;stroke-width:.65;fill:none;opacity:.35}.web-left{left:-10%;top:-7%;z-index:-1}
.identity{background:#050505;display:flex;align-items:center;padding:10% 7%;gap:10%;isolation:isolate}.identity-portrait{position:absolute;inset:0;z-index:-2;background:url('assets/portrait.jpg') center / cover no-repeat;opacity:.75}.identity:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05050550,transparent 40%,#050505 80%);z-index:-1}.section-heading{width:55%;align-self:flex-start;margin-top:50px}.section-heading h2{font-size:clamp(70px,8.2vw,150px);font-weight:900;letter-spacing:-.055em;line-height:.9;margin:35px 0 24px}.section-heading h2 span{-webkit-text-stroke:1px white;color:transparent}.small-note{font-size:9px;line-height:1.6;letter-spacing:2px;color:#d0cece}.identity-facts{width:29%;margin-top:35px}.identity-facts article{display:flex;align-items:flex-start;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}.identity-facts article:last-child{border-bottom:0}.identity-facts svg{height:26px;width:21px;flex-shrink:0;margin-top:3px;color:var(--red)}.identity-facts h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.identity-facts p{font-size:11px;line-height:1.8;color:#aaa;margin:0;max-width:240px}.panel-bottom{position:absolute;bottom:40px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.panel-bottom a{font-size:24px}
.abilities{padding:120px 7% 70px;background:radial-gradient(ellipse at 49% 60%,#350b0d 0, #100809 32%,#080808 64%);display:grid;grid-template-columns:1fr .9fr 1fr;align-items:center;gap:4%}.abilities-title{align-self:start;margin-top:30px;z-index:2}.abilities h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(68px,7.2vw,130px);line-height:.92;letter-spacing:-1px;margin:28px 0}.abilities h2 span{color:var(--red)}.suit-wrap{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.suit-wrap img{position:relative;height:min(73vh,730px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(10px 15px 20px #0008);animation:breathe 5s ease-in-out infinite;z-index:1}.suit-orbit{position:absolute;width:420px;height:420px;border:1px solid #e82c2828;border-radius:50%;transform:rotateX(62deg);bottom:0;box-shadow:0 0 90px #e8272710}.suit-label{position:absolute;bottom:-15px;white-space:nowrap;letter-spacing:2px;font-size:8px;color:#a18787}.power-list{z-index:2}.power{width:100%;display:grid;grid-template-columns:22px 1fr 14px;gap:12px;text-align:left;padding:27px 0;border-top:1px solid #ffffff30}.power:last-child{border-bottom:1px solid #ffffff30}.power>span:first-child{font-size:8px;color:#aaa;padding-top:5px}.power b{font-size:16px;letter-spacing:-.3px}.power i{font-style:normal;font-size:20px;color:#777}.power-description{font-size:11px;line-height:1.9;color:#b1a8a8;margin-top:15px;display:block;max-width:255px}.power-description[hidden]{display:none}.power.active b,.power.active i{color:var(--red)}
.legacy{background:var(--red);color:#100606;padding:85px 8%;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.legacy>.eyebrow{z-index:2}.legacy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(72px,8.7vw,145px);font-weight:800;line-height:.87;letter-spacing:-.02em;margin:15px 0;z-index:2}.legacy h2 span{-webkit-text-stroke:1px #100606;color:transparent}.legacy h2 em{font-style:normal;color:var(--white)}.web-legacy{right:-10%;top:-20%;width:90%;height:160%;stroke:#4a0505;opacity:.3}.legacy-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;z-index:2}.legacy-bottom p{font-size:12px;line-height:1.8}.replay{border-bottom:1px solid #200b0b;padding:12px 0;letter-spacing:1.5px;font-size:9px;display:flex;align-items:center;gap:30px}.replay span{font-size:25px}footer{padding:30px 4.4%;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:9px;line-height:1.7}footer a:hover,footer button:hover{color:white}footer button{padding:0;font-size:9px;color:#777}.section-dots{position:fixed;right:23px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:17px;z-index:20;mix-blend-mode:difference}.section-dots a{width:5px;height:5px;background:#888;border-radius:50%;outline-offset:4px}.section-dots a[aria-current]{background:white;outline:1px solid #fff9}.progress{position:fixed;height:2px;bottom:0;left:0;background:var(--red);z-index:50;width:0;pointer-events:none}
dialog{border:0;padding:0;background:#090909;color:var(--white)}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}#menu{max-width:none;max-height:none;width:100%;height:100%;margin:0}.menu-inner{max-width:1100px;margin:auto;padding:10vh 8%}.menu-inner>.eyebrow{color:var(--red);margin-bottom:40px}.menu-inner nav{display:flex;flex-direction:column}.menu-inner nav a{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,5vw,70px);text-transform:uppercase;padding:19px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px}.menu-inner nav a:hover{color:var(--red)}.menu-inner small{font:9px Inter,Arial,sans-serif;color:#888}.menu-inner nav a>span{margin-left:auto;font-family:Arial,sans-serif;font-size:28px}.close-menu{margin-top:30px;border:1px solid var(--line);padding:12px 20px;font-size:12px}.close-menu span{margin-left:30px}.credits-inner{padding:35px;max-width:520px}.credits-inner h2{font-size:26px}.credits-inner p{font-size:13px;line-height:1.7;color:#aaa}.credits-inner a{color:#fff;text-decoration:underline}.credits-inner button{background:var(--red);padding:10px 25px;margin-top:20px}
.intro{position:fixed;inset:0;background:#050505;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;pointer-events:none;animation:intro-away .7s 1s ease forwards}.intro svg{color:var(--red);width:55px;height:75px;animation:intro-pulse 1s both}.intro span{font-size:10px;letter-spacing:8px}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:translateY(0)}@keyframes intro-away{to{opacity:0;visibility:hidden}}@keyframes intro-pulse{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes breathe{50%{transform:translateY(-10px)}}
@media(min-width:1600px){.panel{max-height:1200px}.portrait-layer img{object-position:center 50%}}
@media(max-width:1000px){.panel{min-height:680px}header{height:85px}.hero-title{font-size:15vw}.hero-caption{top:30%}.caption-right{top:64%}.hero-topline{top:115px}.portrait-layer img{object-position:center 50%;height:100%;width:100%;max-width:100%;margin-left:0}.identity{padding:110px 6%;gap:4%}.section-heading{width:52%;margin-top:30px}.identity-facts{width:38%}.identity-portrait{background-position:center center;background-size:cover;opacity:.5}.abilities{padding:80px 6%;grid-template-columns:1fr 1fr;gap:3%}.abilities-title{align-self:center}.abilities h2{font-size:80px}.suit-wrap{grid-column:2;grid-row:1 / 3}.suit-wrap img{max-width:100%;height:65vh}.power-list{grid-column:1;grid-row:2}.power{padding:18px 0}.power b{font-size:14px}.power-description{font-size:10px}.legacy{padding:70px 6%}.legacy h2{font-size:12vw}.header-note{display:none}}
@media(max-width:600px){header{padding:0 6%}.brand span{font-size:6px}.brand b{font-size:9px}.brand svg{height:34px;width:26px}.menu-toggle{font-size:11px}.hero{min-height:720px;height:100svh}.hero-topline{top:120px;font-size:7px;left:6%;right:6%}.hero-topline span:last-child{display:none}.portrait-layer img{width:100%;margin-left:0;object-position:center 40%;filter:brightness(.8)}.hero-title{font-size:14vw;top:45%;letter-spacing:0.04em}.hero-caption{top:29%;left:6%;width:130px}.hero-caption .eyebrow{font-size:8px}.hero-caption p{font-size:9px}.caption-right{left:auto;right:6%;top:66%;text-align:right}.hero-bottom{left:6%;right:6%;bottom:30px;align-items:center}.hero-bottom p{font-size:7px;letter-spacing:1px}.scroll-link{font-size:7px;letter-spacing:1px;gap:9px}.scroll-link span{height:31px;width:31px}.edition{display:none}.section-dots{right:12px;gap:15px}.identity{height:auto;min-height:920px;display:block;padding:70px 8% 100px}.identity-portrait{background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.36;transform:none}.identity:after{background:linear-gradient(180deg,transparent,#050505 65%)}.section-heading{width:100%;margin:0}.section-heading h2{font-size:80px}.eyebrow{font-size:8px}.identity-facts{width:100%;margin-top:100px}.identity-facts article{padding:22px 0;gap:18px}.identity-facts p{max-width:100%;font-size:11px}.identity-facts h3{font-size:18px}.small-note{font-size:8px}.panel-bottom{bottom:30px}.abilities{height:auto;min-height:1020px;display:block;padding:65px 8%}.abilities-title{margin-top:0}.abilities h2{font-size:66px;margin-top:20px}.suit-wrap{position:absolute;right:8%;top:100px;height:345px;width:130px;opacity:.85}.suit-wrap img{height:340px;max-width:100%}.suit-orbit{width:220px;height:220px;bottom:0}.suit-label{display:none}.power-list{margin-top:200px}.power{padding:22px 0}.power b{font-size:17px}.power-description{font-size:12px;max-width:100%}.legacy{height:auto;min-height:690px;padding:60px 8%}.legacy h2{font-size:15.5vw;margin:55px 0}.legacy-bottom{display:block}.legacy-bottom p{font-size:11px}.replay{max-width:270px;margin-top:25px;font-size:8px}.legacy h2 em{font-size:.84em}footer{padding:25px 8%;flex-direction:column;gap:12px;font-size:8px;align-items:flex-start}.menu-inner{padding:10vh 7%}.menu-inner nav a{font-size:34px;padding:24px 0;gap:15px}.web-left{width:100%;left:-50%}}
@media(max-width:600px){.hero-title{font-size:15vw}.abilities h2{font-size:52px;max-width:180px}.abilities .suit-wrap{top:150px;width:115px}.abilities .suit-wrap img{height:310px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.js .reveal{opacity:1;transform:none}.portrait-layer{transform:none!important}}