/* Ank1tverse — plain CSS, no build step required */
:root{font-family:'Manrope',sans-serif;color:#f4f0e8;background:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101010;--panel:#171717;--paper:#f4f0e8;--red:#f43a32;--blue:#2359f4;--muted:#aaa69e;--line:rgba(244,240,232,.16);--mono:'DM Mono',monospace;--display:'Barlow Condensed',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--bg)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:radial-gradient(#fff 0.5px,transparent .8px);background-size:5px 5px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #77dfff;outline-offset:4px}::selection{color:#fff;background:var(--red)}.site-shell{overflow:clip}.section-wrap{width:min(1220px,calc(100% - 88px));margin-inline:auto}
.top-strip{display:flex;justify-content:space-between;padding:10px 44px;border-bottom:1px solid var(--line);color:#aaa69e;font:9px var(--mono);letter-spacing:.11em}.top-strip b{color:var(--red);font-size:13px;margin-left:5px}.topbar{width:min(1220px,calc(100% - 88px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--red);color:#fff;font:800 16px var(--display);transform:rotate(-5deg);position:relative}.brand-mark>span{position:absolute;top:-7px;right:-5px;font:700 14px Arial,Helvetica,sans-serif;color:var(--paper);font-variant-emoji:text}.brand-name{display:flex;flex-direction:column;font:800 13px var(--display);letter-spacing:.11em}.brand-name small{font:8px var(--mono);color:#aaa69e;margin-top:3px;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:700}.nav-links>a:not(.nav-cta){color:#ded8d0;transition:color .2s}.nav-links>a:hover{color:#ff665f}.nav-behance{display:inline-flex;gap:7px;align-items:center;padding:10px 12px;border:1px solid #5c554c;color:#f4eee5;font-size:10px;letter-spacing:.04em;white-space:nowrap}.nav-behance:hover{border-color:#ff665f;color:#ff665f}.nav-cta{display:inline-flex;gap:9px;align-items:center;padding:12px 15px;background:var(--paper);color:#111;font-size:10px;letter-spacing:.04em}.menu-toggle{display:none;background:transparent;border:0;color:white}
.hero{position:relative;min-height:690px;padding:70px 0 88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art copy";align-items:center;gap:48px}.hero-copy{grid-area:copy;position:relative;z-index:3;min-width:0;align-self:center}.eyebrow{display:flex;align-items:center;gap:9px;color:#c5bfb6;font:9px var(--mono);letter-spacing:.09em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5bdf90;box-shadow:0 0 10px #5bdf9070;flex:0 0 auto}.eyebrow-line{width:40px;height:1px;background:#77716a;margin-left:3px}h1,h2,h3,p{margin-top:0}.hero h1{margin:26px 0;font:900 clamp(54px,6.2vw,88px)/.96 var(--display);letter-spacing:-.025em}.outline-word{color:transparent;-webkit-text-stroke:1.5px var(--paper)}.red-period{color:var(--red)}.hero-intro{max-width:485px;color:#c0bbb3;font-size:13px;line-height:1.9}.hero-intro strong{color:#fff;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;padding:15px 18px;font:700 10px var(--mono);letter-spacing:.04em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-red{color:#fff;background:var(--red);box-shadow:4px 4px 0 #8f1d1a}.button-red:hover{background:#ff4d45}.text-link{display:inline-flex;align-items:center;gap:8px;color:#eee9df;font:9px var(--mono);letter-spacing:.04em;transition:color .2s}.text-link:hover{color:var(--red)}.hero-footnote{display:flex;gap:20px;margin-top:61px;color:#99938a;font:8px var(--mono);letter-spacing:.09em}.hero-footnote span:first-child{color:#ff665f}
.hero-art{grid-area:art;width:100%;height:500px;min-width:0;align-self:center;position:relative;isolation:isolate;background:#1b1b1b;border:1px solid #49443e;overflow:hidden;transform:rotate(1deg);box-shadow:12px 14px 0 #292725}.hero-art::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 58% 38%,#f43a3230,transparent 45%),linear-gradient(140deg,#262626,#111 65%)}.art-caption{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;z-index:7;color:#c4beb4;font:8px var(--mono);letter-spacing:.1em}.top-caption{top:17px}.bottom-caption{bottom:16px;color:#ded8d0}.top-caption span{color:#ff655d}.city-silhouette{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-around;opacity:.8}.city-silhouette i{display:block;width:9%;height:36%;background:#080808;border-top:2px solid #3a3937;position:relative}.city-silhouette i:nth-child(2n){height:49%;width:7%}.city-silhouette i:nth-child(3n){height:27%}.city-silhouette i:nth-child(4){height:64%}.city-silhouette i:nth-child(7){height:57%}.city-silhouette i:nth-child(9){height:42%}.city-silhouette i::after{content:"";position:absolute;inset:12px 6px;background:repeating-linear-gradient(90deg,#f43a32 0 2px,transparent 2px 9px),repeating-linear-gradient(0deg,#f43a32 0 2px,transparent 2px 13px);opacity:.3}.hero-character{position:absolute;z-index:4;width:250px;height:360px;left:50%;bottom:45px;transform:translateX(-50%) rotate(-5deg);filter:drop-shadow(15px 16px 0 #05050580);animation:hero-float 5s ease-in-out infinite}.hero-hood{position:absolute;width:205px;height:220px;left:23px;top:8px;border-radius:48% 48% 28% 28%;background:#9e181a;clip-path:polygon(50% 0,93% 18%,100% 70%,73% 100%,25% 100%,0 70%,7% 18%)}.hero-head{position:absolute;z-index:2;width:126px;height:148px;left:62px;top:40px;background:repeating-linear-gradient(125deg,#ef4039 0 10px,#b91e25 10px 12px);border:3px solid #151515;border-radius:47% 47% 45% 45%;clip-path:polygon(50% 0,90% 13%,100% 47%,74% 89%,50% 100%,26% 89%,0 47%,10% 13%)}.hero-head::before{content:"";position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(45deg,transparent 0 10px,#111 11px 12px)}.eye{position:absolute;z-index:3;top:58px;width:37px;height:24px;background:#f7f0df;border:3px solid #151515;transform:skewY(-18deg) rotate(8deg)}.eye-left{left:17px;clip-path:polygon(0 0,100% 17%,80% 100%,8% 80%)}.eye-right{right:17px;transform:skewY(18deg) rotate(-8deg);clip-path:polygon(0 17%,100% 0,92% 80%,20% 100%)}.mask-line{position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #681216}.hero-neck{position:absolute;z-index:1;width:62px;height:60px;background:#b72227;left:94px;top:158px;border:3px solid #151515}.hero-body{position:absolute;width:208px;height:183px;left:20px;top:187px;background:linear-gradient(110deg,#b51f25 0 44%,#e52b31 44% 60%,#a3161d 60%);border:4px solid #111;border-radius:42% 42% 8% 8%;clip-path:polygon(18% 0,82% 0,100% 22%,87% 100%,13% 100%,0 22%)}.hero-body::before{content:"";position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(45deg,transparent 0 11px,#080808 12px 13px)}.chest-emblem{position:absolute;top:29px;left:83px;width:34px;height:34px;display:grid;place-items:center;z-index:2;color:white;font:900 24px var(--display);border:2px solid white;border-radius:50%}.suit-seam{position:absolute;top:0;left:50%;height:100%;border-left:2px solid #141414;opacity:.7}.hero-arm{position:absolute;z-index:-1;width:65px;height:180px;top:205px;background:linear-gradient(90deg,#a81920,#ed3536);border:4px solid #111;border-radius:35px}.arm-left{left:-9px;transform:rotate(28deg)}.arm-right{right:-6px;transform:rotate(-29deg)}.hero-glove{position:absolute;z-index:3;width:62px;height:63px;background:#161616;border:3px solid #080808;border-radius:22px 22px 18px 18px;top:321px}.glove-left{left:-28px;transform:rotate(25deg)}.glove-right{right:-24px;transform:rotate(-25deg)}.web-mark{pointer-events:none}.hero-web{position:absolute;z-index:2;width:190px;right:-25px;top:55px;color:#d9d1c2;opacity:.48;transform:rotate(20deg)}.web-line{position:absolute;z-index:2;width:1px;height:220px;background:#e7e0d6;opacity:.45;transform-origin:top}.web-line-a{top:0;right:70px;transform:rotate(23deg)}.web-line-b{top:0;right:120px;transform:rotate(-19deg);height:165px}.halftone{position:absolute;pointer-events:none;background-image:radial-gradient(#f4f0e8 1px,transparent 1.6px);background-size:7px 7px}.halftone-hero{z-index:5;width:170px;height:190px;right:-3px;bottom:35px;opacity:.2;mask-image:linear-gradient(135deg,transparent,#000)}.comic-burst{position:absolute;z-index:6;top:100px;left:22px;width:120px;height:120px;background:var(--blue);color:white;display:grid;place-items:center;clip-path:polygon(50% 0,61% 25%,87% 9%,82% 37%,100% 50%,78% 63%,92% 91%,62% 80%,50% 100%,37% 78%,8% 91%,19% 63%,0 50%,23% 37%,10% 10%,39% 23%);transform:rotate(-12deg)}.comic-burst span{text-align:center;font:900 22px/.83 var(--display);transform:rotate(12deg);text-shadow:2px 2px 0 #101010}.art-stamp{position:absolute;z-index:8;right:18px;bottom:56px;display:flex;flex-direction:column;align-items:end;gap:3px;color:white;font:7px var(--mono)}.art-stamp b{font:900 38px var(--display);color:var(--red)}.scroll-cue{position:absolute;bottom:25px;left:0;display:flex;align-items:center;gap:13px;color:#aaa49a;font:8px var(--mono);letter-spacing:.12em}.scroll-line{width:55px;height:1px;background:var(--red)}
.section-label{display:flex;align-items:center;gap:12px;color:#b8b1a7;font:9px var(--mono);letter-spacing:.12em}.section-label span:first-child{color:#ff665f}.section-label i{display:block;height:1px;width:48px;background:#77716a}.work-section,.education-section{padding-top:100px;padding-bottom:112px;border-top:1px solid var(--line)}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:36px;margin:30px 0 46px}.section-heading-row h2,.about-copy h2,.contact-content h2,.game-heading h2{margin:0;font:900 clamp(45px,6vw,76px)/.87 var(--display);letter-spacing:-.02em}.section-heading-row h2 span{color:transparent;-webkit-text-stroke:1px var(--paper)}.section-heading-row>p{max-width:330px;margin:0 0 4px;color:#b7b1a8;font-size:12px;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}.project-card{border:1px solid #49443e;background:#171717;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-6px) rotate(-.4deg);border-color:#8d857b}.project-visual{height:285px;position:relative;overflow:hidden}.nova-project-link{display:block;color:inherit;cursor:pointer;isolation:isolate}.nova-project-link:focus-visible{outline:3px solid #77dfff;outline-offset:-4px}.nova-project-link:hover .nova-orb{transform:translate(-50%,-47%) scale(1.04);transition:transform .25s ease}.project-info h3 a{color:inherit}.project-info h3 a:hover{color:#ff665f}.project-visual-top,.project-visual-bottom{position:absolute;left:15px;right:15px;z-index:5;display:flex;justify-content:space-between;color:#f7f1e7;font:8px var(--mono);letter-spacing:.07em}.project-visual-top{top:15px}.project-visual-bottom{bottom:13px;color:#d0c9bf}.project-visual-bottom span:last-child{font-size:16px;color:white}.nova .project-visual{background:#e8e5dc;color:#161616}.nova .project-visual-top,.nova .project-visual-bottom{color:#282723}.nova-orb{position:absolute;width:210px;height:210px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-47%);background:radial-gradient(circle at 30% 25%,#fff 0 3%,#a7e9f5 13%,#2f91c9 36%,#163c76 66%,#111 100%);box-shadow:inset -15px -20px 35px #101d3e80,12px 18px 35px #2b313e60}.nova-orb::after{content:"";position:absolute;inset:14px;border:1px solid #ffffff90;border-radius:50%}.nova-orb-small{position:absolute;z-index:2;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#a3dbe8 40%,#326eaa);top:70px;right:34px}.visual-word{position:absolute;z-index:3;left:20px;top:82px;color:#f4f0e8;font:900 42px/.8 var(--display);letter-spacing:-.03em;transform:rotate(-7deg);mix-blend-mode:difference}.visual-word em{font-style:normal;font-size:25px}.visual-splash{position:absolute;z-index:3;right:19px;bottom:57px;font:800 11px/.95 var(--display);text-align:right;color:var(--red);transform:rotate(8deg)}.visual-halftone{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#111 1px,transparent 1.6px);background-size:6px 6px;opacity:.15;mask-image:linear-gradient(120deg,#000,transparent 58%)}.terminal{background:#111c20}.terminal .project-visual{background:radial-gradient(ellipse at 70% 30%,#1d3c3c,#101819 70%)}.terminal-window{position:absolute;z-index:2;left:28px;top:61px;width:calc(100% - 56px);min-height:160px;background:#0b1113;border:1px solid #43615d;box-shadow:7px 7px 0 #050809;transform:rotate(-3deg)}.terminal-bar{display:flex;align-items:center;gap:4px;padding:9px;border-bottom:1px solid #253c39;color:#9bb6ad;font:7px var(--mono)}.terminal-bar i,.terminal-popover-head i{width:5px;height:5px;border-radius:50%;background:#f43a32}.terminal-bar i:nth-child(2){background:#e9c45c}.terminal-bar i:nth-child(3){background:#5bdf90}.terminal-bar span{margin-left:auto}.terminal-content{padding:14px;font:9px/1.5 var(--mono);color:#e2e9e3}.terminal-green{color:#7df2a7}.terminal-pink{color:#fa8cb8}.terminal-blue{color:#72c9ff}.cursor-block{color:#7df2a7;animation:blink 1s steps(2) infinite}.screen-sticker{position:absolute;z-index:3;right:17px;bottom:56px;padding:8px 11px;background:var(--red);color:white;font:900 13px/.9 var(--display);transform:rotate(7deg);box-shadow:3px 3px 0 #111}.case .project-visual{background:#d4c8ad;color:#151515}.case .project-visual-top,.case .project-visual-bottom{color:#28251f}.case-paper{position:absolute;z-index:2;top:44px;left:39px;width:70%;height:205px;background:#fff8e9;padding:14px 15px;transform:rotate(4deg);box-shadow:7px 8px 0 #16161630;border:1px solid #a69b84}.case-paper>span{font:7px var(--mono);color:#413b31;border-bottom:1px solid #9d9686;display:block;padding-bottom:7px}.case-paper b{display:block;font:900 31px/.82 var(--display);margin-top:15px;letter-spacing:-.03em;color:#171717}.case-paper em{color:#d92320;font-style:normal}.case-paper small{display:block;margin-top:12px;font:7px var(--mono);color:#28251f}.case-scribble{position:absolute;right:12px;top:48px;color:#173ec6;font:900 56px var(--display);transform:rotate(12deg)}.case-red-shape{position:absolute;z-index:1;width:110px;height:90px;right:-20px;bottom:40px;background:var(--red);clip-path:polygon(0 0,100% 15%,80% 100%,12% 80%);transform:rotate(-18deg)}.project-info{padding:21px 19px 19px}.project-info>div:first-child{display:flex;align-items:center;gap:11px}.project-number{color:#ff665f;font:10px var(--mono)}.project-info h3{margin:0;font:800 27px var(--display);letter-spacing:.01em}.project-subtitle{margin:8px 0 11px;color:#fff5e8;font-size:11px;font-weight:700}.project-description{min-height:77px;margin-bottom:18px;color:#c0bbb3;font-size:10px;line-height:1.8}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.tag-list span{padding:6px 8px;border:1px solid #514b44;color:#e0d9cf;font:8px var(--mono)}.project-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #49443e;padding-top:14px;color:#eee6dc;font:8px var(--mono);letter-spacing:.03em}.work-note{display:flex;align-items:center;gap:11px;margin-top:35px;color:#aaa49a;font:8px var(--mono);letter-spacing:.08em}.asterisk{color:var(--red);font-size:21px}
.about-section{border-top:1px solid var(--line);padding:100px 0 120px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;margin-top:48px}.about-left{min-height:400px;background:#1b1b1b;border:1px solid #49443e;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-left::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#f43a3220,transparent 50%),radial-gradient(ellipse at 50% 100%,#2359f430,transparent 55%)}.comic-sticker{position:absolute;z-index:3;left:20px;top:22px;width:84px;height:84px;display:grid;place-content:center;background:var(--red);color:white;font:900 22px/.83 var(--display);transform:rotate(-9deg);clip-path:polygon(50% 0,60% 18%,85% 7%,82% 33%,100% 50%,79% 64%,91% 90%,62% 81%,50% 100%,38% 81%,9% 90%,20% 63%,0 50%,20% 35%,9% 8%,39% 19%)}.comic-sticker span{position:absolute;right:13px;bottom:11px;font-size:12px}.about-quote{position:relative;z-index:2;transform:rotate(-4deg)}.quote-mark{position:absolute;top:-55px;left:-24px;color:var(--red);font:900 120px var(--display);opacity:.8}.about-quote p{font:800 39px/.98 var(--display);letter-spacing:-.02em}.about-quote em{color:#ff665f;font-style:normal}.quote-by{font:8px var(--mono);color:#c4bdb2;letter-spacing:.06em}.about-web{position:absolute;width:220px;right:-53px;bottom:-56px;color:white;opacity:.12}.about-copy h2{margin:23px 0 26px;font-size:clamp(48px,5.3vw,68px)}.about-copy .about-lede{color:#fff4e7;font-size:14px;font-weight:700;line-height:1.8}.about-copy>p:not(.about-lede){color:#c0bbb3;font-size:11px;line-height:2}.about-copy .text-link{margin-top:15px}
.education-section{padding-top:90px}.education-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.education-card{position:relative;min-height:250px;padding:27px;background:#191919;border:1px solid #514a42;overflow:hidden}.education-card::after{content:"";position:absolute;width:170px;height:170px;border:1px solid #f43a3240;border-radius:50%;right:-50px;bottom:-65px;box-shadow:0 0 0 18px #f43a3210,0 0 0 38px #f43a3208}.education-current{background:linear-gradient(135deg,#191919,#171d2c);border-color:#4a5d96}.education-index{color:#c8c0b5;font:9px var(--mono);letter-spacing:.09em}.education-mark{display:grid;place-items:center;position:relative;margin:24px 0 16px;width:43px;height:43px;background:var(--red);color:white;font:900 24px var(--display);transform:rotate(-5deg)}.education-mark span{position:absolute;right:-7px;top:-9px;color:#f4f0e8;font-size:12px}.education-card h3{margin:0 0 9px;font:800 32px var(--display)}.education-degree{max-width:440px;color:#f1e9df;font-size:12px;line-height:1.7}.education-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;padding-top:14px;border-top:1px solid #ffffff26;color:#d6cec3;font:8px var(--mono);letter-spacing:.07em}.education-current .education-mark{background:#2359f4}
.toolkit-section{border-top:1px solid var(--line);padding:100px 0 115px}.toolkit-section .section-heading-row{margin-bottom:55px}.tool-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-group{min-height:230px;padding:23px;background:#171717;border:1px solid #49443e}.tool-group-head{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid #49443e}.tool-group-head>span{color:#ff665f;font:10px var(--mono)}.tool-group-head h3{margin:0;flex:1;font:800 25px var(--display)}.tool-items{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px}.tool-items span{display:inline-flex;flex-direction:column;gap:4px;padding:9px 10px;border:1px solid #514b44;color:#eee7dc;font-size:9px}.tool-items span.learning{border-color:#b74d45;color:#ffc0bb;background:#281816}.tool-items small{font:7px var(--mono);color:#e8a09a}.business-tools{background:linear-gradient(145deg,#17243d,#171717 75%);border:1px solid #6388ff;box-shadow:0 0 0 1px #2359f433,0 12px 35px #0004}.business-tools .tool-group-head{border-color:#40557e}.business-tools .tool-group-head>span{color:#91b2ff}.business-tools .tool-items span{background:#101c33;border-color:#526ba0;color:#fff}.business-tools .tool-items span.learning{background:#32201b;border-color:#ef8b53;color:#ffd2b4}.analytics-note{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:13px;border-left:3px solid #ffb15c;background:#0d1525;color:#f5f7ff}.analytics-note strong{font:9px var(--mono);letter-spacing:.06em;color:#ffd08c}.analytics-note span{font-size:10px;line-height:1.6;color:#e0e7f5}
.game-section{border-top:1px solid var(--line);padding:90px 0 110px}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:32px 0 30px}.game-heading h2{font-size:clamp(48px,6vw,75px);margin:15px 0}.game-heading h2 span{color:#ff665f}.game-heading>div:first-child>p:last-child{max-width:540px;color:#c2bbb1;font-size:12px;line-height:1.8;margin-bottom:0}.game-scoreboard{display:flex;gap:10px}.game-scoreboard span{display:flex;flex-direction:column;gap:8px;min-width:83px;padding:13px;border:1px solid #49443e;background:#191919;color:#aaa49a;font:8px var(--mono)}.game-scoreboard b{font:800 25px var(--display);color:#fff}.game-frame{border:1px solid #554b40;background:#0c1018;box-shadow:8px 8px 0 #25211d}.game-hud,.game-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;color:#bfcbe0;font:8px var(--mono);letter-spacing:.07em}.game-hud{border-bottom:1px solid #34415a}.game-hud span:last-child{color:#ffc27b}#spider-game{display:block;width:100%;height:auto;aspect-ratio:800/360;background:#101827}.game-controls{border-top:1px solid #34415a;color:#c2cce0}.touch-controls{display:flex;align-items:center;gap:8px}.touch-controls button{min-width:38px;min-height:35px;border:1px solid #5d6b83;background:#19263b;color:#fff}.touch-controls .button{min-height:35px;background:var(--red);border:0;padding:10px 13px}
.contact-section{padding:0 0 100px}.contact-panel{position:relative;margin-top:30px;background:var(--red);color:white;padding:23px 28px 20px;overflow:hidden}.contact-halftone{position:absolute;inset:0 0 0 55%;opacity:.14;background-image:radial-gradient(#111 1.2px,transparent 1.6px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.contact-topline,.contact-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;font:8px var(--mono);letter-spacing:.09em}.contact-topline>span:last-child{display:flex;align-items:center;gap:8px}.contact-topline .live-dot{background:white;box-shadow:none}.contact-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:40px;padding:60px 0 48px}.contact-content .eyebrow{color:#ffe0dc}.contact-content h2{margin-top:20px;font-size:clamp(53px,7vw,88px)}.contact-content h2 span{color:#191919}.contact-side{width:min(320px,42%)}.contact-side p{font-size:11px;line-height:1.9;color:#ffe4e1}.button-light{background:var(--paper);color:#151515;box-shadow:4px 4px 0 #9e211d}.button-light:hover{background:white}.whatsapp-form{position:relative;z-index:2;max-width:760px;margin:0 0 45px;padding:20px;background:#a91e1a40;border:1px solid #ffffff5c}.form-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:16px;font:9px var(--mono);letter-spacing:.05em}.form-heading span{color:#ffe0dc}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-fields label{display:flex;flex-direction:column;gap:7px;color:#fff0e8;font-size:10px}.form-fields input,.form-fields textarea{width:100%;border:1px solid #ffffff70;background:#771b18;color:white;padding:12px;font-size:12px;outline-offset:2px}.form-fields input::placeholder,.form-fields textarea::placeholder{color:#f4b9b4}.message-field{grid-column:1/-1}.form-fields textarea{resize:vertical}.whatsapp-button{margin-top:15px;background:#133e2d;color:#fff;box-shadow:4px 4px 0 #721914}.whatsapp-button:hover{background:#18563c}.form-hint{margin:12px 0 0;color:#ffe0dc;font-size:9px;line-height:1.6}.contact-bottom{border-top:1px solid #ffffff60;padding-top:16px;color:#ffe0dc}
.footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}.footer-brand .brand-mark{width:31px;height:31px;font-size:13px}.footer-brand .brand-name{font-size:11px}.footer p,.copyright{margin:0;color:#aaa49a;font:8px var(--mono);letter-spacing:.05em}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{font:700 11px Arial,Helvetica,sans-serif}.socials a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #49443e;color:#d5cec4;transition:color .2s,border .2s}.socials a:hover{color:var(--red);border-color:var(--red)}
.terminal-widget{position:fixed;z-index:40;right:22px;bottom:22px}.terminal-launch{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #514b44;background:#181818;color:#e2dbd1;box-shadow:5px 5px 0 #050505;font:8px var(--mono);letter-spacing:.06em}.terminal-indicator{width:5px;height:5px;border-radius:50%;background:#77e9a1;margin-left:3px}.terminal-popover{position:absolute;bottom:48px;right:0;width:min(350px,calc(100vw - 32px));background:#0b1110;border:1px solid #3d5a4d;box-shadow:8px 8px 0 #000;font:10px var(--mono)}.terminal-popover[hidden]{display:none}.terminal-popover-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#d3e2d7;background:#15211b;border-bottom:1px solid #304539}.terminal-popover-head>span{display:flex;align-items:center;gap:8px}.terminal-popover-head i{background:#5bdf90}.terminal-popover-head button,.terminal-input button{background:transparent;border:0;color:#e3eee6;display:grid;place-items:center}.terminal-log{padding:14px;min-height:95px;max-height:230px;overflow-y:auto;color:#b8c9bd;line-height:1.6}.terminal-log p{margin-bottom:7px}.terminal-log>p:first-child{color:#75e5a0}.terminal-response{margin-top:10px}.terminal-response p:first-child{color:#e3e9e3}.terminal-response p:first-child span{color:#75e5a0}.terminal-input{display:flex;gap:7px;align-items:center;padding:11px 14px;border-top:1px solid #304539}.terminal-input>span{color:#75e5a0;white-space:nowrap}.terminal-input input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:white;font:10px var(--mono)}.terminal-input input::placeholder{color:#8b9b8f}.back-top{position:fixed;z-index:35;right:27px;bottom:84px;width:35px;height:35px;display:grid;place-items:center;background:var(--red);color:white;box-shadow:3px 3px 0 #070707}.back-top[hidden]{display:none}
.swing-stage{position:fixed;z-index:28;top:0;right:13%;width:90px;height:145px;pointer-events:none;transform-origin:top center;animation:swing 3.2s ease-in-out infinite alternate}.swing-web{position:absolute;top:0;left:50%;height:63px;width:1px;background:#f3eee4;transform:rotate(-5deg);transform-origin:top}.swing-character{position:absolute;top:52px;left:0;width:82px;height:88px;transform:rotate(17deg);filter:drop-shadow(3px 4px 0 #0008)}.swing-mask{position:absolute;left:22px;top:0;width:39px;height:36px;background:repeating-linear-gradient(45deg,#ff4942 0 5px,#b91f2b 5px 7px);border:2px solid #151515;border-radius:45% 45% 40% 40%;transform:rotate(-12deg)}.swing-mask i{position:absolute;top:13px;width:11px;height:7px;background:#fff4e8;border:1px solid #111;transform:skew(-20deg)}.swing-mask i:first-child{left:4px}.swing-mask i:last-child{right:4px}.swing-body{position:absolute;left:24px;top:31px;width:35px;height:39px;background:linear-gradient(90deg,#d21f2c 0 50%,#2058ce 50%);border:2px solid #151515;border-radius:9px 9px 12px 12px;transform:rotate(-9deg)}.swing-body b{position:absolute;top:9px;left:10px;color:#fff;font:700 10px Arial,Helvetica,sans-serif;font-variant-emoji:text}.swing-arm{position:absolute;left:49px;top:30px;width:30px;height:9px;background:#d92a32;border:2px solid #151515;border-radius:8px;transform:rotate(-45deg);transform-origin:left}.swing-leg{position:absolute;top:62px;left:34px;width:10px;height:28px;background:#2457bf;border:2px solid #151515;border-radius:8px}.leg-one{transform:rotate(28deg)}.leg-two{left:48px;transform:rotate(-38deg)}
.reveal{opacity:1;transform:translateY(0)}.js-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes hero-float{0%,100%{transform:translateX(-50%) rotate(-5deg) translateY(0)}50%{transform:translateX(-50%) rotate(-3deg) translateY(-9px)}}@keyframes blink{50%{opacity:0}}@keyframes swing{0%{transform:rotate(-17deg)}100%{transform:rotate(18deg)}}
@media(min-width:1500px){.hero{min-height:760px}.hero-art{height:550px}}@media(max-width:1050px){.nav-links{gap:15px}.nav-links a{font-size:10px}.section-wrap,.topbar{width:calc(100% - 48px)}.top-strip{padding-inline:24px}.hero{gap:28px}.project-visual{height:240px}.nova-orb{width:170px;height:170px}.visual-word{font-size:35px;left:14px}.case-paper{left:20px;width:80%}.project-info{padding:17px 14px}.project-info h3{font-size:24px}.project-description{min-height:98px}.about-grid{gap:45px}}
@media(max-width:780px){html{scroll-padding-top:70px}.section-wrap,.topbar{width:calc(100% - 36px)}.top-strip{padding:9px 18px;font-size:7px}.top-strip span:nth-child(2){display:none}.topbar{min-height:70px}.menu-toggle{display:grid;place-items:center;padding:8px}.nav-links{display:none;position:absolute;top:69px;left:-1px;right:-1px;padding:20px;background:#151515;border:1px solid #49443e;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 25px #0008}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:14px 0;border-bottom:1px solid #333;font-size:12px}.nav-links .nav-behance{justify-content:center;margin-top:12px;padding:13px;border-color:#514a42}.nav-cta{justify-content:center;margin-top:14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 0 75px;gap:38px}.hero-copy{order:1}.hero-art{order:2}.hero h1{font-size:clamp(58px,15vw,88px);margin-top:23px}.hero-intro{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-footnote{margin-top:35px;font-size:7px;gap:12px}.hero-art{height:min(112vw,470px);max-height:470px}.hero-character{transform:translateX(-50%) scale(.88) rotate(-5deg);transform-origin:bottom center}.comic-burst{width:100px;height:100px;left:14px;top:83px}.comic-burst span{font-size:18px}.scroll-cue{bottom:20px}.work-section,.about-section,.education-section,.toolkit-section,.game-section{padding-top:70px;padding-bottom:75px}.section-heading-row{display:block;margin:25px 0 32px}.section-heading-row h2{font-size:clamp(48px,13vw,70px)}.section-heading-row>p{margin-top:20px;font-size:11px;max-width:430px}.project-grid{grid-template-columns:1fr;gap:20px}.project-visual{height:clamp(250px,72vw,350px)}.project-info{padding:20px}.project-description{min-height:0}.nova-orb{width:220px;height:220px}.visual-word{left:25px;font-size:48px}.visual-word em{font-size:29px}.terminal-window{left:11%;width:78%}.case-paper{left:13%;width:70%}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.about-left{min-height:320px}.about-quote p{font-size:36px}.about-copy h2{font-size:clamp(52px,13vw,68px)}.education-grid,.tool-groups{grid-template-columns:1fr;gap:12px}.tool-group{min-height:0;padding:21px}.game-heading{display:block}.game-scoreboard{margin-top:20px}.game-controls{align-items:flex-start;flex-direction:column}.touch-controls{align-self:stretch;justify-content:center}.swing-stage{right:8%;transform:scale(.82);transform-origin:top center}.contact-section{padding-bottom:55px}.contact-panel{padding:18px}.contact-content{display:block;padding:46px 0 40px}.contact-content h2{font-size:clamp(55px,14vw,80px)}.contact-side{width:100%;max-width:360px;margin-top:30px}.contact-bottom{gap:15px;align-items:flex-start;font-size:7px}.contact-bottom span:last-child{text-align:right}.form-fields{grid-template-columns:1fr}.message-field{grid-column:auto}.footer{flex-wrap:wrap;padding-block:22px}.footer p{order:3;width:100%}.copyright{margin-left:auto}.terminal-widget{right:12px;bottom:12px}.terminal-launch{padding:10px 11px}.terminal-launch>span:nth-child(2){font-size:7px}.back-top{right:16px;bottom:67px}}
@media(max-width:420px){.swing-stage{right:2%;transform:scale(.7);-webkit-transform:scale(.7)}.brand-mark{flex:0 0 38px}.hero-art{overflow:hidden}.nova-project-link{touch-action:manipulation}.top-strip span:first-child{max-width:50%}.contact-topline{font-size:7px}.game-scoreboard span{min-width:72px}.game-heading h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Small suit selector inspired by interactive portfolio avatars */
.suit-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.suit-controls>span{color:#bfcbe0;font:8px var(--mono);margin-right:3px}.suit-controls button{min-height:30px;padding:6px 9px;border:1px solid #53647e;background:#111b2c;color:#e6edf9;font:8px var(--mono)}.suit-controls button[aria-pressed="true"]{background:#f43a32;border-color:#ff9a93;color:#fff}.swing-stage.suit-neon .swing-mask,.swing-stage.suit-neon .swing-body,.swing-stage.suit-neon .swing-arm{filter:hue-rotate(100deg) saturate(1.6)}.swing-stage.suit-glitch .swing-mask,.swing-stage.suit-glitch .swing-body,.swing-stage.suit-glitch .swing-arm{filter:hue-rotate(190deg) saturate(1.8);animation:glitch-flicker .65s steps(2,end) infinite}.swing-stage.suit-glitch{filter:drop-shadow(-2px 0 #00e5ff) drop-shadow(2px 0 #ff3e8d)}@keyframes glitch-flicker{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@media(max-width:780px){.suit-controls{justify-content:center;width:100%}.game-controls{align-items:center}.game-controls>span{text-align:center}}


/* HIGH-CONTRAST BUSINESS ANALYTICS PANEL — readable beige paper, dark ink */
.business-tools{background:#eadfc9!important;border:2px solid #c7b48e!important;box-shadow:8px 8px 0 #6d5b43!important;color:#17130f!important}
.business-tools .tool-group-head{border-color:#b8a584!important}
.business-tools .tool-group-head h3,.business-tools .tool-group-head>span{color:#211a12!important}
.business-tools .tool-items span{background:#f7f0e3!important;border-color:#b9a582!important;color:#17130f!important}
.business-tools .tool-items span.learning{background:#f4c9a6!important;border-color:#9d4a2e!important;color:#3a1c10!important}
.business-tools .tool-items small{color:#7d321b!important}
.business-tools .analytics-note{background:#211a12!important;border-left:4px solid #d64035!important;color:#fff!important}
.business-tools .analytics-note strong{color:#ffd28a!important}
.business-tools .analytics-note span{color:#fff4df!important}
.nav-links .nav-play{padding:11px 13px;background:#f43a32;color:#fff!important;box-shadow:3px 3px 0 #8f1d1a;font:700 9px var(--mono);letter-spacing:.04em}
.nav-links .nav-play:hover{background:#ff5a52}
.button-arcade{background:#f1dfbf;color:#17130f;box-shadow:4px 4px 0 #9a7950}
.button-arcade:hover{background:#fff0d6}
.hero-actions{row-gap:16px}
.game-section{position:relative;isolation:isolate;min-height:90vh;background:radial-gradient(ellipse at 82% 20%,#1a2c4c 0,transparent 43%),linear-gradient(180deg,#0b0e14,#11151d 55%,#0b0e14);padding:90px max(0px,calc((100vw - 1220px)/2)) 110px;border-top:2px solid #f43a32;border-bottom:2px solid #f43a32}
.game-section:before{content:"04";position:absolute;z-index:-1;right:5%;top:80px;color:#fff;opacity:.035;font:900 clamp(180px,30vw,420px)/.8 var(--display);pointer-events:none}
.game-section .section-label span:first-child{color:#ffdb76}
.game-section .game-heading h2 span{color:#ffdb76}
.game-frame{border:2px solid #e9b66d;box-shadow:9px 9px 0 #f43a32}
#spider-game{min-height:220px}
@media(max-width:780px){.nav-links .nav-play{margin-top:10px;text-align:center;justify-content:center}.game-section{padding-inline:18px}.game-section:before{top:35px;right:0}.hero-actions .button-arcade{margin-top:0}}

  
/* Added portfolio projects */
.lucid .project-visual{background:#e9e4d8;color:#171717}.lucid-project-link{display:block;color:inherit}.lucid-paper{position:absolute;left:50%;top:50%;width:72%;height:190px;transform:translate(-50%,-48%) rotate(-4deg);padding:18px;background:#fffaf0;border:1px solid #c9bda6;box-shadow:8px 9px 0 #17171725}.lucid-paper>span{font:7px var(--mono);letter-spacing:.08em;color:#514b42}.lucid-paper b{display:block;margin-top:20px;font:900 38px/.8 var(--display);color:#151515}.lucid-paper b em{font-style:normal;color:#2359f4}.lucid-paper small{display:block;margin-top:13px;font:7px var(--mono);color:#514b42}.lucid-checks{position:absolute;right:15px;top:17px;display:flex;gap:5px}.lucid-checks i{display:grid;place-items:center;width:15px;height:15px;border:1px solid #2359f4;color:#2359f4;font:9px var(--mono);font-style:normal}.afterglow .project-visual{background:linear-gradient(145deg,#17152d,#492b51 48%,#f0784e);color:#fff4e8}.afterglow-project-link{display:block;color:inherit}.afterglow-sun{position:absolute;width:150px;height:150px;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%);background:linear-gradient(#ffcf8d,#f17a65);box-shadow:0 0 45px #f7a06b55}.afterglow-sun:after{content:"";position:absolute;inset:50% 0 0;background:repeating-linear-gradient(0deg,#492b51 0 5px,transparent 5px 11px)}.afterglow-type{position:absolute;z-index:2;left:22px;top:75px;font:900 43px/.78 var(--display);letter-spacing:-.04em;color:#fff4e8;transform:rotate(-7deg)}.afterglow-type em{font-style:normal;color:#ffcf8d}.afterglow-lines{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 22px,#fff1 23px 24px)}.noir .project-visual{background:#e7e5df;color:#111}.noir-project-link{display:block;color:inherit}.noir-mark{position:absolute;left:22px;top:96px;font:900 52px/.78 var(--display);letter-spacing:-.05em;color:#111}.noir-mark span{display:block;color:#f43a32;font-size:30px;margin-top:8px}.noir-cross{position:absolute;right:25px;top:48px;color:#f43a32;font:900 70px var(--display);transform:rotate(15deg)}


/* Final three-project portfolio structure */
.lucid-exe .project-visual{background:radial-gradient(ellipse at 70% 30%,#1d3c3c,#101819 70%)}
.lucid-exe-link{display:block;color:inherit}
.business-analysis-card .project-visual{background:#d4c8ad;color:#151515}
.business-analysis-card .project-visual-top,.business-analysis-card .project-visual-bottom{color:#28251f}
.ba-options{display:grid;gap:0;margin-top:4px;border-top:1px solid #49443e}
.ba-options a{display:grid;grid-template-columns:22px 1fr 14px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #49443e;color:#eee6dc;text-decoration:none;font:8px var(--mono);letter-spacing:.02em;transition:color .2s, padding .2s}
.ba-options a:hover{color:#ff665f;padding-left:5px}
.ba-options a span{color:#ff665f}
.ba-options a b{font-weight:500}
@media(max-width:780px){.ba-options a{font-size:9px;padding:14px 0}}

/* Keep the three project cards visually balanced */
.project-grid > .project-card{height:100%;display:flex;flex-direction:column;}
.project-grid > .project-card .project-info{flex:1;display:flex;flex-direction:column;}
.project-grid > .project-card .project-info > div:last-child{margin-top:auto;}