:root{--black:#08090b;--white:#f5f3ee;--red:#ed2730;--gold:#dcb76a;--dim:#aaa9ab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Outfit,Arial,sans-serif;overflow-x:hidden}.noise{pointer-events:none;position:fixed;z-index:30;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reading{position:fixed;left:0;top:0;width:3px;height:100vh;background:#333;z-index:50}.reading i{display:block;width:100%;height:0;background:var(--red)}header{position:absolute;z-index:10;height:84px;width:100%;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900;color:var(--white);text-decoration:none;letter-spacing:-1px}.status,.menu,.mono,header p{font:10px 'DM Mono';letter-spacing:.14em}.menu{color:var(--white);text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:5px}header p b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 12px var(--red)}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden;padding:150px 8vw 60px;background:radial-gradient(circle at 78% 38%,#75161f 0,rgba(97,13,22,.4) 19%,transparent 45%),linear-gradient(125deg,#090a0d 30%,#181114)}.hero:before{content:"";position:absolute;right:-20vw;top:-10vw;width:65vw;height:65vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(238,37,45,.04),0 0 0 140px rgba(238,37,45,.03)}.hero-name{position:relative;z-index:1;margin-top:20vh}.hero-name p{margin:0 0 13px;letter-spacing:.28em;font-size:14px}.hero h1{font-size:clamp(76px,15vw,220px);line-height:.7;letter-spacing:-.095em;margin:0;font-weight:900}.hero h1 em{font-family:'Playfair Display',serif;font-weight:400;color:var(--red)}.role{position:relative;z-index:1;font-size:clamp(15px,1.9vw,27px);line-height:1.3;letter-spacing:.08em;margin:52px 0 0 8px}.role span{display:inline-block;color:var(--red);font-weight:800;max-width:520px;transition:.25s}.role span.swap{opacity:0;transform:translateY(-15px)}.red-disc{position:absolute;width:26vw;aspect-ratio:1;right:13vw;top:32%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff5a54,#d71020 38%,#6a0f1a 66%,transparent 67%);filter:drop-shadow(0 0 50px rgba(238,37,45,.45));animation:disc 6s ease-in-out infinite}.scroll{position:absolute;bottom:34px;font:10px 'DM Mono';letter-spacing:.13em}.scroll b{color:var(--red);font-size:19px;margin-left:10px;animation:bob 1.4s infinite}.fade{animation:rise .8s both}.hero-name .fade:nth-child(2){animation-delay:.12s}.role{animation:rise .8s .28s both}.mission{height:300vh;position:relative;background:radial-gradient(circle at 50% 42%,#420f19 0,transparent 28%),#0c0b0e;overflow:clip}.copy{position:fixed;left:8vw;top:50%;transform:translateY(-45%);width:min(390px,35vw);opacity:0;z-index:4;transition:.45s;pointer-events:none}.copy.active{opacity:1;transform:translateY(-50%)}.copy .mono{color:var(--red);margin-bottom:20px}.copy h2,.identity h2,.skills h2,.contact h2{font-size:clamp(45px,5.7vw,94px);line-height:.91;letter-spacing:-.08em;margin:0}.copy h2 em,.identity h2 em,.skills h2 em,.contact h2 em{font-family:'Playfair Display',serif;font-weight:400}.copy h2 em{color:var(--red)}.copy>p:last-child{color:#c3c0c1;line-height:1.65;font-size:15px;margin-top:24px}.armor{position:fixed;left:50%;top:49%;transform:translate(-50%,-46%);z-index:3;width:290px;height:460px;filter:drop-shadow(0 35px 26px #000);transition:transform .65s}.backlight{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#b61c25 0,rgba(100,10,18,.35) 35%,transparent 70%);filter:blur(22px)}.helmet{position:absolute;z-index:5;left:59px;top:12px;width:172px;height:164px;border-radius:48% 48% 39% 39%;background:linear-gradient(110deg,#500b12 0 14%,#b91d28 17% 31%,#e2b55f 31.5% 49%,#cc222c 49.5% 71%,#4a090f 72%);border:1px solid #f4d790;box-shadow:inset 13px 9px 17px rgba(255,255,255,.18),inset -18px -17px 26px rgba(0,0,0,.48),0 0 22px rgba(237,39,48,.55)}.face{position:absolute;left:21px;top:61px;width:128px;height:52px;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);background:linear-gradient(#0d1920,#050709);border-bottom:2px solid #a9f5ff}.face i{position:absolute;top:16px;width:23px;height:7px;background:#c9fbff;box-shadow:0 0 12px #89efff}.face i:first-child{left:31px}.face i:last-child{right:31px}.collar{position:absolute;z-index:3;top:145px;left:86px;width:118px;height:53px;background:linear-gradient(90deg,#581019,#e42c38,#641019);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);border-bottom:2px solid var(--gold)}.chest{position:absolute;z-index:3;top:162px;left:34px;width:222px;height:190px;border-radius:65px 65px 31px 31px;background:linear-gradient(110deg,#5b0c16,#cb202c 36%,#e63840 51%,#7e101b 82%);border:2px solid #d2a856;box-shadow:inset 18px 13px 18px rgba(255,255,255,.16),inset -22px -11px 27px rgba(28,0,3,.57)}.chest:before{content:"";position:absolute;left:25px;right:25px;top:44px;height:2px;background:#e2bb6c;box-shadow:0 38px #e2bb6c}.reactor{position:absolute;z-index:5;left:87px;top:70px;width:49px;height:49px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#78edff 13% 25%,#126d94 26% 34%,#c7faff 35% 39%,#152933 40% 55%,#d01626 57%);box-shadow:0 0 25px #7deeff}.shoulder,.arm{position:absolute;background:linear-gradient(95deg,#5e0c16,#e32d38,#72101a);border:2px solid #d1a554;box-shadow:inset 9px 7px 11px rgba(255,255,255,.15),inset -11px -7px 12px rgba(0,0,0,.4)}.shoulder{z-index:4;top:168px;width:71px;height:73px;border-radius:50%}.shoulder.left{left:-2px}.shoulder.right{right:-2px}.arm{z-index:2;top:221px;width:49px;height:142px;border-radius:30px}.arm.left{left:-18px;transform:rotate(15deg)}.arm.right{right:-18px;transform:rotate(-15deg)}.hip{position:absolute;z-index:3;left:74px;top:334px;width:142px;height:43px;background:linear-gradient(#d82c38,#5c0e17);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-bottom:2px solid var(--gold)}.leg{position:absolute;z-index:1;top:358px;width:78px;height:116px;background:linear-gradient(90deg,#5b0d16,#d42b37,#72111c);border:2px solid #d4a958;border-radius:14px 14px 27px 27px;box-shadow:inset 10px 6px 10px rgba(255,255,255,.1)}.leg.left{left:57px;transform:rotate(4deg)}.leg.right{right:57px;transform:rotate(-4deg)}.orbit{position:fixed;z-index:1;left:50%;top:49%;border:1px solid rgba(238,37,45,.4);border-radius:50%;transform:translate(-50%,-50%)}.o1{width:490px;height:490px;animation:spin 18s linear infinite}.o2{width:650px;height:270px;transform:translate(-50%,-50%) rotate(60deg);border-color:rgba(255,255,255,.13);animation:spin 23s linear infinite reverse}.ticks{position:fixed;z-index:5;top:50%;right:7vw;display:grid;gap:13px}.ticks i{display:block;width:7px;height:7px;border:1px solid white;border-radius:50%}.ticks i.live{background:var(--red);border-color:var(--red);box-shadow:0 0 12px var(--red)}.mission[data-stage="2"] .armor{transform:translate(-30%,-53%) rotate(5deg)}.mission[data-stage="3"] .armor{transform:translate(-70%,-43%) rotate(-6deg)}.identity{background:var(--white);color:#0b0b0d;min-height:95vh;padding:125px 8vw}.identity .mono,.skills .mono,.contact .mono{color:#777}.identity h2{font-size:clamp(64px,11vw,170px);margin:18px 0 73px}.identity h2 em{color:var(--red)}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb}.facts article{padding:20px 18px 50px 0;border-right:1px solid #bbb}.facts article+article{padding-left:20px}.facts article:last-child{border:0}.facts span{display:block;font:10px 'DM Mono';letter-spacing:.12em;color:#777;margin-bottom:25px}.facts b{font-size:clamp(18px,2.2vw,31px);line-height:1.04;letter-spacing:-.05em}.skills{padding:135px 8vw;background:#0f1013}.skills-head{max-width:650px}.skills h2{font-size:clamp(55px,8vw,125px);margin:15px 0 20px}.skills h2 em{color:var(--red)}.skills-head>p:last-child{color:#aaa;line-height:1.6}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid #38383b}.skill-grid article{position:relative;min-height:200px;padding:20px;overflow:hidden;border-bottom:1px solid #38383b;border-right:1px solid #38383b}.skill-grid article:nth-child(3n){border-right:0}.skill-grid span{font:10px 'DM Mono';color:var(--red)}.skill-grid h3{font-size:clamp(21px,2.8vw,42px);line-height:.96;letter-spacing:-.06em;margin:37px 0 0}.featured{grid-column:span 3;min-height:310px;background:linear-gradient(125deg,#e92c38,#8c101c);cursor:crosshair}.featured span,.featured>b{position:relative;z-index:2}.featured span{color:#ffdf91}.featured h3{position:relative;z-index:2;font-size:clamp(34px,6vw,88px);margin:15px 0}.featured p{position:relative;z-index:2;max-width:500px;line-height:1.5;font-size:15px}.featured>b{position:absolute;right:28px;top:28px;font-size:32px}.developer{background:linear-gradient(125deg,#f0f0ed,#a8aaa8);color:#121315}.developer span{color:#d71e29}.developer:after{content:"</>";position:absolute;right:-12px;bottom:-65px;color:rgba(0,0,0,.1);font-size:190px;font-weight:900}.money-stream,.code-stream{position:absolute;z-index:1;inset:0;opacity:0;transition:.35s;pointer-events:none}.money-stream{color:#ffd266;font:800 42px 'DM Mono';word-spacing:23px;line-height:2;transform:rotate(-10deg) translateX(-23%);background:linear-gradient(90deg,transparent,rgba(255,211,92,.2),transparent)}.code-stream{color:#d51f29;font:13px 'DM Mono';line-height:2;width:160%;padding:22px;transform:rotate(-11deg) translate(-18%,34%);background:linear-gradient(90deg,transparent,rgba(221,25,35,.12),transparent)}.featured:hover .money-stream{opacity:.8;animation:money 1s linear infinite}.featured:hover .code-stream{opacity:.8;animation:code 1.4s linear infinite}.featured:hover h3,.featured:hover p{transform:translateY(-6px)}.featured h3,.featured p{transition:.35s}.contact{padding:135px 8vw;min-height:100vh;position:relative;background:radial-gradient(circle at 86% 23%,#8a1723,transparent 25%),#0b0b0d}.contact h2{font-size:clamp(63px,9vw,145px);margin:15px 0 28px}.contact h2 em{color:var(--red)}.contact>p:not(.mono){color:#bbb;max-width:390px;line-height:1.6}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px}.contact-links a{color:var(--white);font:12px 'DM Mono';letter-spacing:.06em;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:11px}.contact-links a b{font-size:23px;color:var(--red);margin-left:20px}footer{position:absolute;bottom:25px;left:8vw;right:8vw;display:flex;justify-content:space-between;font:9px 'DM Mono';color:#888;letter-spacing:.11em}footer a{color:inherit;text-decoration:none}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes disc{50%{transform:scale(1.08) translate(-10px,12px)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes money{to{transform:rotate(-10deg) translateX(0)}}@keyframes code{to{transform:rotate(-11deg) translate(0,10%)}}@media(max-width:750px){header{padding:0 7vw}header p{display:none}.hero{padding:130px 7vw}.hero-name{margin-top:22vh}.hero h1{font-size:25vw}.role{font-size:16px;max-width:290px}.red-disc{width:65vw;right:-11vw;top:32%}.mission{height:260vh}.copy{left:7vw;top:auto;bottom:9vh;width:74vw}.copy h2{font-size:47px}.copy>p:last-child{font-size:13px;margin-top:16px}.armor{transform:translate(-50%,-67%) scale(.66)}.mission[data-stage="2"] .armor{transform:translate(-24%,-73%) scale(.66) rotate(5deg)}.mission[data-stage="3"] .armor{transform:translate(-78%,-64%) scale(.66) rotate(-6deg)}.orbit{transform:translate(-50%,-58%) scale(.68)}.o1{width:490px}.o2{width:610px}.ticks{right:7vw;top:28%}.identity{padding:100px 7vw}.identity h2{font-size:20vw;margin-bottom:45px}.facts{grid-template-columns:1fr 1fr}.facts article:nth-child(2){border-right:0}.facts article:nth-child(n+3){border-top:1px solid #bbb}.facts article{padding-bottom:30px}.skills,.contact{padding:100px 7vw}.skill-grid{grid-template-columns:1fr;margin-top:50px}.skill-grid article,.skill-grid article:nth-child(3n),.featured{grid-column:auto;border-right:0}.featured{min-height:285px}.featured h3{font-size:40px}.financial h3{font-size:25px}.contact h2{font-size:62px}footer{left:7vw;right:7vw;gap:10px;flex-wrap:wrap}}
.hero h1 em .ji{display:block;width:max-content;letter-spacing:.02em;font-size:.95em;line-height:.95;margin-top:.05em;white-space:nowrap;font-style:normal;font-family:'Playfair Display',serif;font-weight:400;transform:skewX(-12deg);transform-origin:left bottom;padding-left:.06em}

/* Desktop hero fit: name + role fully visible on PC viewports. Desktop-only; mobile rules (max-width:750px) untouched. */
@media(min-width:751px){
.hero{padding-top:120px}
.hero-name{margin-top:8vh}
.hero h1{font-size:clamp(76px,min(15vw,19.5vh),220px)}
.role{margin-top:34px}
}
@media(min-width:751px) and (max-height:900px){.scroll{left:auto;right:8vw}}