html{overflow-x:hidden}
:root{--font-geist-sans:"Arial Black","Arial Narrow",Arial,sans-serif;--font-geist-mono:"Courier New",Courier,monospace;--night:#07061b;--deep:#11103b;--pink:#ff2fb3;--cyan:#00f0ff;--yellow:#fff000;--purple:#7c3cff;--paper:#f7efe3;--ink:#15101f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:white;font-family:var(--font-geist-mono),monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.scanlines{position:fixed;inset:0;z-index:99;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#00000013 4px);mix-blend-mode:multiply}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid #ffffff22}.brand{font-family:var(--font-geist-sans);font-weight:950;font-style:italic;font-size:25px;letter-spacing:-2px;text-shadow:3px 3px 0 var(--pink)}.brand span{color:var(--cyan)}.navlinks{display:flex;gap:34px;font-size:11px;letter-spacing:2px}.navlinks a:hover{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.coin{border:1px solid var(--yellow);color:var(--yellow);padding:11px 15px;font-size:10px;letter-spacing:1.5px;box-shadow:4px 4px 0 var(--pink)}.coin i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--yellow);margin-right:7px;box-shadow:0 0 10px var(--yellow)}.hero{min-height:720px;padding:55px 0 72px;position:relative;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto -20vw -90px;z-index:-2;height:330px;background:linear-gradient(#00f0ff60 1px,transparent 1px),linear-gradient(90deg,#00f0ff60 1px,transparent 1px);background-size:55px 25px;transform:perspective(230px) rotateX(57deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000)}.heroMeta{display:flex;justify-content:space-between;font-size:9px;color:#b6aed8;letter-spacing:1.5px}.pretitle{text-align:center;color:var(--yellow);font-size:11px;letter-spacing:4px;margin:70px 0 22px;text-shadow:0 0 12px #fff00099}.hero h1{font-family:var(--font-geist-sans);font-size:clamp(82px,12.5vw,176px);font-style:italic;font-weight:950;line-height:.7;text-align:center;letter-spacing:-.08em;margin:0;position:relative;z-index:2;text-transform:uppercase}.hero h1>span{color:white;text-shadow:-5px 5px 0 #37256f,-9px 9px 0 var(--pink),0 0 30px #ff2fb377}.hero h1 em{font-style:italic;color:transparent;-webkit-text-stroke:3px var(--cyan);text-shadow:7px 7px 0 var(--purple),0 0 24px #00f0ffaa}.sun{position:absolute;width:285px;height:285px;border-radius:50%;background:linear-gradient(#fff000 3%,#ff6929 48%,#ff2fb3);left:50%;top:150px;transform:translateX(-50%);z-index:-1;overflow:hidden;box-shadow:0 0 70px #ff2fb366}.sun i{display:block;height:9px;background:var(--night);margin-top:36px}.heroBottom{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;margin-top:70px}.bio{max-width:530px;border-left:3px solid var(--cyan);padding-left:18px}.bio b{font-family:var(--font-geist-sans);font-size:12px;letter-spacing:1px;color:var(--cyan)}.bio p{font-family:var(--font-geist-sans);line-height:1.6;color:#d6d1e7;margin-bottom:0}.start{display:flex;align-items:center;gap:15px;color:var(--yellow);font-family:var(--font-geist-sans);font-size:22px;font-weight:900;animation:blink 1.3s steps(2) infinite}.start span{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--yellow);border-radius:50%;font-size:15px;box-shadow:0 0 16px #fff00088}.pixel{position:absolute;font-size:30px;font-weight:900;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.p1{left:10%;top:230px}.p2{right:9%;top:285px;color:var(--pink)}.p3{right:18%;bottom:170px;color:var(--yellow)}@keyframes blink{50%{opacity:.35}}.marquee{overflow:hidden;background:var(--yellow);color:var(--night);font-weight:900;font-size:14px;white-space:nowrap;padding:15px 0;transform:rotate(-1deg);width:102%;margin-left:-1%;box-shadow:0 8px 0 var(--pink)}.section{padding:125px 0}.skills{background:var(--paper);color:var(--ink);max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}.chapter{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:end;margin-bottom:70px}.chapter>span{font-size:10px;letter-spacing:2px;color:var(--pink)}.chapter h2{font-family:var(--font-geist-sans);font-size:clamp(50px,7vw,90px);line-height:.76;letter-spacing:-.07em;font-style:italic;margin:0}.chapter h2 em{color:transparent;-webkit-text-stroke:2px currentColor;text-shadow:5px 5px 0 var(--pink)}.chapter>p{font-family:var(--font-geist-sans);font-size:14px;line-height:1.5}.powerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.powerGrid>article{background:#171132;color:white;border:2px solid #171132;box-shadow:8px 8px 0 var(--pink);padding:15px 15px 23px;transition:.2s}.powerGrid>article:hover{transform:translate(-4px,-5px);box-shadow:13px 13px 0 var(--cyan)}.powerGrid article>header{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;padding:2px 4px 12px}.powerGrid article>header b{color:var(--yellow);font-size:18px}.screen{height:205px;background:linear-gradient(145deg,#090627,#252083);border:7px solid #3e3666;display:grid;place-items:center;position:relative;overflow:hidden}.screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 4px,#0005 5px)}.powerIcon{font-style:normal;font-size:80px;filter:drop-shadow(8px 8px 0 #171132);z-index:1}.power01{color:var(--pink)}.power02{color:var(--yellow)}.power03{color:var(--cyan)}.screenGlow{position:absolute;width:130px;height:130px;border-radius:50%;background:#ff2fb344;filter:blur(25px)}.powerGrid small{display:block;color:var(--cyan);font-size:9px;letter-spacing:2px;margin:22px 2px 8px}.powerGrid h3{font-family:var(--font-geist-sans);font-style:italic;font-size:31px;margin:0;letter-spacing:-.03em}.powerGrid>article>p{font-family:var(--font-geist-sans);font-size:13px;line-height:1.5;color:#c9c2e3;min-height:78px}.powerGrid article>footer{display:flex;align-items:center;gap:8px;font-size:8px}.powerGrid footer>i{height:7px;background:#31295c;flex:1;padding:1px}.powerGrid footer>i b{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--yellow))}.powerGrid footer em{font-style:normal;color:var(--yellow)}.work{background:radial-gradient(circle at 70% 10%,#291469,#07061b 42%);color:white}.chapterLight>span{color:var(--cyan)}.chapterLight h2 em{text-shadow:5px 5px 0 var(--cyan)}.chapterLight>p{color:#bdb5d7}.mainQuest{display:grid;grid-template-columns:40% 60%;border:2px solid var(--cyan);box-shadow:12px 12px 0 var(--pink);min-height:570px;background:#0d0b2c}.questCopy{padding:42px}.questTop{display:flex;justify-content:space-between;align-items:center}.questTop span{color:var(--yellow);font-size:9px;letter-spacing:2px}.questTop b{font-size:8px;background:var(--pink);padding:8px}.episode{font-size:9px;color:#8e85b5;letter-spacing:1.5px;margin-top:70px}.questCopy h3,.posterCopy h3{font-family:var(--font-geist-sans);font-size:65px;line-height:.78;letter-spacing:-.06em;font-style:italic;margin:17px 0 28px}.questCopy h3 em,.posterCopy h3 em{color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:4px 4px 0 var(--purple)}.questCopy>p:not(.episode){font-family:var(--font-geist-sans);line-height:1.6;color:#c6bfdc}.chips{display:flex;gap:8px;margin-top:28px}.chips b{font-size:8px;letter-spacing:1px;border:1px solid #5f568b;padding:8px}.rating{color:var(--yellow);margin-top:35px;letter-spacing:2px}.rating span{color:#8e85b5;font-size:8px;margin-left:9px}.questVisual{position:relative;overflow:hidden;min-height:570px}.questVisual:after,.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#00f0ff22,transparent 35%,#ff2fb322),repeating-linear-gradient(to bottom,transparent 0 4px,#0003 5px);pointer-events:none}.questVisual img{width:100%;height:100%;object-fit:cover;position:absolute}.vhs{position:absolute;top:22px;left:22px;font-size:11px;line-height:1.6;text-shadow:1px 1px #000;z-index:2}.demoTag{position:absolute;bottom:20px;right:20px;background:var(--yellow);color:var(--night);font-size:8px;font-weight:900;padding:9px 11px;z-index:2}.sideQuests{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:85px}.sideQuests>article{border:1px solid #524a7c;background:#0d0b2c}.poster{height:365px;position:relative;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;filter:saturate(1.25) contrast(1.08)}.poster span{position:absolute;left:18px;bottom:8px;font-family:var(--font-geist-sans);font-size:88px;font-weight:950;font-style:italic;color:white;text-shadow:6px 6px 0 var(--pink);z-index:2}.poster b{position:absolute;right:13px;top:14px;background:var(--cyan);color:var(--night);font-size:8px;padding:7px;z-index:2}.posterCopy{padding:30px}.posterCopy small{color:var(--yellow);font-size:8px;letter-spacing:1.5px}.posterCopy h3{font-size:47px;margin:22px 0}.posterCopy>p{font-family:var(--font-geist-sans);color:#a9a2c4;line-height:1.5}.posterCopy a{display:inline-block;color:var(--cyan);border-bottom:1px solid var(--cyan);font-size:9px;letter-spacing:1px;margin-top:13px}.process{background:var(--paper);color:var(--ink)}.processTrack{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--ink);padding:24px;box-shadow:8px 8px 0 var(--pink)}.processTrack span{font-size:10px}.processTrack span b{color:var(--pink);margin-right:9px}.processTrack>i{font-style:normal;color:var(--purple);font-size:24px}.process blockquote{font-family:var(--font-geist-sans);font-weight:950;font-style:italic;font-size:clamp(46px,7vw,91px);line-height:.9;text-align:center;letter-spacing:-.06em;margin:125px auto 0}.process blockquote em{color:var(--pink)}footer{background:linear-gradient(#0b082c,#07061b);position:relative;overflow:hidden;padding:125px 0 35px}.footerGrid{position:absolute;inset:0;background:linear-gradient(#ff2fb344 1px,transparent 1px),linear-gradient(90deg,#ff2fb344 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(transparent,#000)}.footerInner{position:relative;text-align:center}.footerInner>p{color:var(--yellow);font-size:10px;letter-spacing:3px}.footerInner h2{font-family:var(--font-geist-sans);font-size:clamp(90px,15vw,190px);font-weight:950;font-style:italic;line-height:.72;letter-spacing:-.09em;margin:65px 0}.footerInner h2 em{color:transparent;-webkit-text-stroke:3px var(--cyan);text-shadow:8px 8px 0 var(--pink)}.contactCta{max-width:600px;margin:auto;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border:2px solid var(--yellow);color:var(--yellow);padding:17px 22px;text-align:left;box-shadow:8px 8px 0 var(--pink);font-size:9px}.contactCta b{font-family:var(--font-geist-sans);font-size:16px}.contactCta i{font-style:normal;font-size:20px}.contactCta:hover{background:var(--yellow);color:var(--night)}.credits{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;border-top:1px solid #ffffff33;margin-top:100px;padding-top:20px;font-size:8px;text-align:left;color:#8e85b5}.credits b{color:white}
@media(max-width:780px){.shell{width:min(100% - 28px,1180px)}.nav{height:70px}.navlinks{display:none}.coin{padding:9px;font-size:8px}.hero{min-height:690px}.heroMeta span:nth-child(2){display:none}.pretitle{font-size:8px;letter-spacing:2px;margin-top:65px}.hero h1{font-size:19vw;line-height:.76}.hero h1 em{-webkit-text-stroke:1.5px var(--cyan)}.sun{width:190px;height:190px;top:160px}.sun i{height:6px;margin-top:24px}.heroBottom{align-items:flex-end;margin-top:95px}.bio{max-width:76%}.bio b{font-size:9px}.bio p{font-size:12px}.start{font-size:0}.pixel{display:none}.section{padding:80px 0}.chapter{grid-template-columns:1fr;margin-bottom:45px}.chapter>p{max-width:320px}.chapter h2{font-size:15vw}.powerGrid,.sideQuests{grid-template-columns:1fr}.mainQuest{grid-template-columns:1fr}.questCopy{padding:30px}.questCopy h3{font-size:56px}.questVisual{min-height:420px}.sideQuests{margin-top:70px}.processTrack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.processTrack>i{display:none}.process blockquote{font-size:12vw;margin-top:90px}.footerInner h2{font-size:23vw}.contactCta{grid-template-columns:1fr auto}.contactCta>span{display:none}.credits{grid-template-columns:1fr;text-align:center;gap:10px;margin-top:75px}}

.slash{font-size:.55em;color:var(--pink);text-shadow:none;letter-spacing:-.18em;margin-left:.04em}
.gravityGame{background:radial-gradient(circle at 50% 52%,#2e2286 0,#111044 42%,#06051b 75%);display:flex;align-items:center;justify-content:center;isolation:isolate}
.gravityGame:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,#00f0ff0d 12%,transparent 12.5%,transparent 87%,#00f0ff0d 87.5%),linear-gradient(150deg,#00f0ff0d 12%,transparent 12.5%,transparent 87%,#00f0ff0d 87.5%);background-size:42px 72px;opacity:.7}
.gameHud{position:absolute;z-index:4;top:20px;right:22px;text-align:right;display:grid;gap:3px}.gameHud span{font-size:7px;letter-spacing:1.5px;color:var(--cyan)}.gameHud b{font-size:20px;color:white}.gameHud i{font-style:normal;font-size:8px;color:var(--yellow)}
.reactorRing{width:min(490px,76%);aspect-ratio:1;border-radius:50%;border:2px solid #00f0ff77;box-shadow:0 0 20px #00f0ff44,inset 0 0 45px #7c3cff77;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#1b1859 0 54%,#07061b 55% 59%,#21155d 60% 61%,transparent 62%)}
.reactorRing:before,.reactorRing:after{content:"";position:absolute;inset:5%;border:1px dashed #ff2fb377;border-radius:50%;animation:spin 24s linear infinite}.reactorRing:after{inset:11%;border-color:#fff00055;animation-direction:reverse;animation-duration:17s}@keyframes spin{to{transform:rotate(360deg)}}
.hexBoard{width:70%;height:72%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;z-index:2}.marbleRow{height:9.7%;display:flex;gap:5px;justify-content:center}.marble{display:block;aspect-ratio:1;height:100%;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#fff 0 7%,#ffffff77 8%,transparent 13%),var(--ball);box-shadow:inset -5px -7px 9px #0008,0 0 11px var(--ball);animation:marblePulse 2.8s ease-in-out infinite}.marble b{position:absolute;inset:16%;border:1px solid #ffffff33;border-radius:50%}.m0{--ball:#ff2fb3}.m1{--ball:#00f0ff}.m2{--ball:#fff000}.m3{--ball:#7c3cff}.m4{--ball:#ff6a35}.m5{--ball:#43f29b}@keyframes marblePulse{50%{transform:scale(.93);filter:brightness(1.2)}}.marbleRow:nth-child(2) .marble,.marbleRow:nth-child(5) .marble{animation-delay:.4s}.marbleRow:nth-child(3) .marble,.marbleRow:nth-child(7) .marble{animation-delay:.8s}
.gravityCore{position:absolute;width:64px;height:64px;border-radius:50%;background:#0b092c;border:4px solid var(--yellow);box-shadow:0 0 22px var(--yellow),0 0 46px #ff2fb399;left:1%;top:54%;transform:translate(-50%,-50%);z-index:5;display:grid;place-items:center}.gravityCore:after{content:"";position:absolute;inset:-13px;border:2px dashed var(--pink);border-radius:50%;animation:spin 5s linear infinite}.gravityCore i{position:absolute;inset:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,white,var(--yellow) 12%,var(--pink) 48%,#260c54 70%)}.gravityCore b{position:relative;color:#07061b;font-size:13px}.pullArrow{position:absolute;left:13%;top:39%;font-family:var(--font-geist-sans);font-size:46px;color:var(--yellow);text-shadow:0 0 13px var(--yellow);z-index:5;animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{50%{transform:translate(-8px,8px)}}
.impact{position:absolute;font-style:normal;color:white;font-size:29px;text-shadow:0 0 12px var(--yellow),0 0 28px var(--pink);animation:burst 1.4s ease-in-out infinite}.impact.one{left:35%;top:39%}.impact.two{right:25%;bottom:30%;animation-delay:.7s}@keyframes burst{50%{transform:scale(1.65) rotate(30deg);opacity:.45}}.drop{position:absolute;width:10px;height:15px;border-radius:60% 40% 55% 45%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);transform:rotate(45deg)}.d1{left:30%;bottom:25%}.d2{right:31%;top:28%;background:var(--yellow)}.d3{right:23%;bottom:41%;background:var(--pink)}
.shiftPrompt{position:absolute;left:20px;bottom:19px;display:grid;gap:4px;z-index:5}.shiftPrompt span{font-size:7px;color:var(--cyan);letter-spacing:1.5px}.shiftPrompt b{font-size:9px;color:white}.gravityGame .vhs{left:20px;top:20px}
@media(max-width:780px){.gravityGame{min-height:470px}.reactorRing{width:78%}.gravityCore{width:52px;height:52px}.pullArrow{font-size:34px}.marbleRow{gap:3px}.gameHud{top:16px;right:16px}.gravityGame .demoTag{bottom:15px;right:15px}.shiftPrompt{bottom:15px;left:15px}.shiftPrompt b{font-size:8px}}

.circuitLogo{display:inline-flex;align-items:center;gap:14px;text-shadow:none;font-style:normal;letter-spacing:0}.logoMark{width:70px;height:44px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:visible}.logoMark:before{content:"";position:absolute;width:28px;height:50px;left:22px;top:-3px;background:linear-gradient(145deg,#fff86b 0 24%,var(--yellow) 25% 62%,#ff9e00 100%);clip-path:polygon(53% 0,100% 0,72% 36%,100% 36%,28% 100%,42% 54%,9% 54%);transform:rotate(9deg);filter:drop-shadow(3px 3px 0 var(--pink)) drop-shadow(0 0 7px #fff000aa);z-index:-1}.logoMark>i:first-child{position:absolute;left:-4px;top:11px;width:77px;height:26px;background:repeating-linear-gradient(90deg,var(--pink) 0 5px,var(--cyan) 5px 10px,var(--yellow) 10px 15px,var(--purple) 15px 20px);clip-path:polygon(0 12%,100% 0,83% 30%,100% 52%,82% 76%,100% 100%,0 88%,17% 64%,0 43%,18% 26%);transform:skew(-17deg);opacity:.6;filter:drop-shadow(0 0 4px #00f0ff88);z-index:-2;animation:plaidRush 2.4s linear infinite}.logoMark>i:nth-child(2){position:absolute;left:2px;top:7px;width:66px;height:31px;border-top:2px solid var(--cyan);border-bottom:2px solid var(--pink);clip-path:polygon(0 0,58% 0,68% 28%,100% 28%,100% 72%,42% 72%,32% 100%,0 100%);filter:drop-shadow(0 0 4px var(--cyan));z-index:0}.logoMark>i:nth-child(2):before,.logoMark>i:nth-child(2):after{content:"";position:absolute;width:5px;height:5px;border:2px solid var(--yellow);border-radius:50%;background:#09061e}.logoMark>i:nth-child(2):before{left:-1px;top:-4px}.logoMark>i:nth-child(2):after{right:-1px;bottom:-4px}.logoMark>b{position:relative;z-index:2;font-family:var(--font-geist-sans);font-size:20px;font-weight:950;font-style:italic;letter-spacing:-1.5px;color:white;-webkit-text-stroke:1.5px #09061e;paint-order:stroke fill;text-shadow:2px 2px 0 var(--purple),-1px -1px 0 var(--cyan),0 0 8px #ff2fb3}.logoMark>em{position:absolute;right:-1px;top:1px;z-index:3;font-size:9px;font-style:normal;color:var(--yellow);text-shadow:0 0 6px var(--yellow);transform:rotate(12deg)}.logoType{display:grid;text-align:left;line-height:.8}.logoType>b{font-family:var(--font-geist-sans);font-size:11px;letter-spacing:.5px;color:white;white-space:nowrap}.logoType>small{font-size:6px;letter-spacing:5.8px;color:var(--cyan);margin-top:7px}.circuitLogoFooter{justify-content:center;margin:0 auto 42px}.circuitLogoFooter .logoMark{transform:scale(1.35);margin-right:12px}.circuitLogoFooter .logoType>b{font-size:16px}.circuitLogoFooter .logoType>small{font-size:7px;letter-spacing:7px}@keyframes plaidRush{to{background-position:20px 0}}
.powerGrid>article{position:relative}.skillAnchor{position:absolute;inset:0;z-index:5}.powerGrid>article:focus-within{outline:3px solid var(--cyan);outline-offset:5px}.skillCta{display:flex;justify-content:space-between;border-top:1px solid #ffffff33;margin-top:20px;padding-top:14px;color:var(--yellow);font-size:8px;letter-spacing:1.5px}.skillCta span{animation:skillBounce 1.2s ease-in-out infinite}@keyframes skillBounce{50%{transform:translateY(4px)}}
.skillDetails{margin-top:135px;display:grid;gap:90px}.skillDetails>article{scroll-margin-top:30px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;border-top:2px solid var(--ink);padding-top:35px}.skillDetails>article:nth-child(even){grid-template-columns:.95fr 1.05fr}.skillDetails>article:nth-child(even) .detailVisual{order:2}.detailVisual{min-height:430px;background:#120d32;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--pink);position:relative;overflow:hidden}.detailCopy>span{font-size:9px;letter-spacing:2px;color:var(--pink)}.detailCopy h3{font-family:var(--font-geist-sans);font-size:clamp(45px,5vw,68px);font-style:italic;line-height:.8;letter-spacing:-.055em;margin:28px 0}.detailCopy h3 em{color:transparent;-webkit-text-stroke:2px var(--purple);text-shadow:4px 4px 0 var(--pink)}.detailCopy>p{font-family:var(--font-geist-sans);font-size:15px;line-height:1.65;color:#514a5a}.deliverables{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.deliverables b{font-size:7px;letter-spacing:1px;border:1px solid #aaa3a9;padding:8px}.detailCopy>a{display:inline-block;font-size:9px;font-weight:900;color:var(--purple);border-bottom:2px solid var(--pink);padding-bottom:4px}
.gameSkillVisual{display:grid;place-items:center;background:radial-gradient(circle,#30217d,#09061e 65%)}.miniPhone{width:210px;height:365px;border:9px solid #06050f;border-radius:30px;background:linear-gradient(#1d155c,#090623);box-shadow:18px 24px 0 #0005,0 0 32px #00f0ff55;padding:28px 20px;position:relative}.miniHud{font-size:7px;color:var(--yellow);text-align:center;letter-spacing:1px}.miniOrbit{width:155px;height:155px;border:2px solid var(--cyan);border-radius:50%;position:absolute;left:18px;top:82px;box-shadow:0 0 15px #00f0ff77;animation:miniSpin 8s linear infinite}.miniOrbit>b{position:absolute;width:38px;height:38px;background:radial-gradient(circle at 30% 30%,#fff,var(--yellow) 15%,var(--pink) 55%,#33105a);border-radius:50%;left:-16px;top:56px;box-shadow:0 0 14px var(--yellow)}.miniOrbit>i{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--cyan);box-shadow:inset -4px -5px 5px #0006,0 0 8px currentColor}.miniOrbit>i:nth-of-type(1){left:57px;top:23px}.miniOrbit>i:nth-of-type(2){left:89px;top:48px;background:var(--pink)}.miniOrbit>i:nth-of-type(3){left:45px;top:73px;background:var(--yellow)}.miniOrbit>i:nth-of-type(4){left:83px;top:94px;background:#43f29b}.miniOrbit>i:nth-of-type(5){left:25px;top:107px;background:#ff6a35}.miniOrbit>i:nth-of-type(6){left:112px;top:78px;background:var(--purple)}.miniOrbit>span{position:absolute;left:68px;top:61px;color:white;text-shadow:0 0 8px var(--yellow)}.miniPhone>small{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:var(--cyan);font-size:6px;letter-spacing:1.5px}@keyframes miniSpin{to{transform:rotate(360deg)}}
.adsSkillVisual{background:linear-gradient(145deg,#311063,#ff2f91);perspective:800px}.adCard{position:absolute;width:210px;height:270px;border:4px solid #111;background:var(--yellow);box-shadow:15px 20px 0 #10102577;display:grid;place-items:center}.adCard span{font-family:var(--font-geist-sans);font-size:45px;font-weight:950;font-style:italic;color:#111;transform:rotate(-9deg)}.adCard i{position:absolute;width:90px;height:90px;border-radius:50%;background:var(--cyan);right:-28px;top:35px;mix-blend-mode:multiply}.adOne{left:60px;top:70px;transform:rotate(-8deg)}.adTwo{right:60px;top:45px;transform:rotate(9deg);background:#111}.adTwo b{display:grid;place-items:center;width:78px;height:78px;border:3px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:24px}.adTwo i{left:-25px;top:160px;background:var(--pink)}.adStats{position:absolute;right:18px;bottom:18px;background:#08061c;color:white;padding:13px;display:grid;grid-template-columns:auto auto;gap:5px 15px;box-shadow:5px 5px 0 var(--cyan)}.adStats span{font-size:6px;color:#aaa}.adStats b{font-size:10px;color:var(--yellow)}
.webSkillVisual{background:linear-gradient(145deg,#09061e,#153b9b);display:grid;place-items:center}.webWindow{width:78%;height:280px;background:#eee7db;border:7px solid #080713;box-shadow:18px 20px 0 #06051d88}.webWindow header{height:34px;background:#0d0b2c;display:flex;align-items:center;padding:0 10px;gap:5px}.webWindow header i{width:6px;height:6px;border-radius:50%;background:var(--pink)}.webWindow header i:nth-child(2){background:var(--yellow)}.webWindow header i:nth-child(3){background:var(--cyan)}.webWindow header b{font-size:6px;color:white;margin-left:auto}.webWindow main{height:239px;padding:34px;background:linear-gradient(115deg,#eee7db 55%,var(--pink) 55%)}.webWindow main>span{font-family:var(--font-geist-sans);font-size:36px;font-weight:950;font-style:italic}.webWindow main>div{display:flex;gap:8px;margin-top:30px}.webWindow main i{display:block;width:55px;height:45px;background:#0d0b2c}.webPhone{position:absolute;width:105px;height:205px;border:7px solid #080713;border-radius:18px;background:linear-gradient(var(--yellow) 0 45%,#eee7db 45%);right:25px;bottom:20px;box-shadow:8px 10px 0 #00f0ff88;padding:16px}.webPhone span{display:block;height:8px;background:#111;width:55%}.webPhone i{display:block;height:32px;background:var(--purple);margin-top:45px}.webPhone i:last-child{margin-top:8px;background:var(--pink)}
@media(max-width:780px){.logoType{display:none}.circuitLogoFooter .logoType{display:grid}.skillDetails{margin-top:100px;gap:75px}.skillDetails>article,.skillDetails>article:nth-child(even){grid-template-columns:1fr;gap:40px}.skillDetails>article:nth-child(even) .detailVisual{order:0}.detailVisual{min-height:350px}.detailCopy h3{font-size:13vw}.adCard{transform:scale(.78) rotate(-8deg)}.adTwo{transform:scale(.78) rotate(9deg)}.adOne{left:15px}.adTwo{right:15px}.webWindow{width:88%;height:235px}.webWindow main{height:194px;padding:25px}.webPhone{transform:scale(.8);transform-origin:bottom right}.circuitLogoFooter{margin-bottom:35px}}

/* Eight-second CORE//SHIFT gameplay loop: attract, release, change pole, repeat. */
.gravityGame .gravityCore{animation:coreLap 8s ease-in-out infinite}
@keyframes coreLap{0%,100%{left:1%;top:52%}25%{left:50%;top:1%}50%{left:99%;top:52%}75%{left:50%;top:99%}}
.gravityGame .marble{animation:magnetCycle 8s ease-in-out infinite}
@keyframes magnetCycle{0%,100%{transform:translate(0) scale(1);filter:brightness(1)}10%{transform:translate(-11px,0) scale(.92);filter:brightness(1.35)}17%{transform:translate(0) scale(1.08);filter:brightness(1)}25%{transform:translate(0) scale(1)}35%{transform:translate(0,-11px) scale(.92);filter:brightness(1.35)}42%{transform:translate(0) scale(1.08);filter:brightness(1)}50%{transform:translate(0) scale(1)}60%{transform:translate(11px,0) scale(.92);filter:brightness(1.35)}67%{transform:translate(0) scale(1.08);filter:brightness(1)}75%{transform:translate(0) scale(1)}85%{transform:translate(0,11px) scale(.92);filter:brightness(1.35)}92%{transform:translate(0) scale(1.08);filter:brightness(1)}}
.gravityGame .pullArrow{animation:pullDirection 8s steps(1) infinite}
@keyframes pullDirection{0%,100%{transform:rotate(45deg)}25%{transform:rotate(135deg)}50%{transform:rotate(225deg)}75%{transform:rotate(315deg)}}
.gravityGame .reactorRing:before{animation-duration:8s}.gravityGame .reactorRing:after{animation-duration:6s}
.gravityGame .gameHud i{animation:cycleStatus 8s steps(1) infinite}
@keyframes cycleStatus{0%,24%{color:var(--cyan)}25%,49%{color:var(--yellow)}50%,74%{color:var(--pink)}75%,100%{color:#43f29b}}
@media(prefers-reduced-motion:reduce){.gravityGame *,.miniOrbit,.skillCta span,.logoMark>i:first-child{animation:none!important}}