@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root { --red:#e31b23; --red-dark:#7b070c; --blue:#087bd9; --blue-bright:#1da8ff; --ink:#07090b; --paper:#e9ddc5; --paper-dim:#c9bda5; --green:#9bbb4c; --yellow:#ffcf28; --line:rgba(233,221,197,.22); --header:76px; --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif; --mono:'IBM Plex Mono',Consolas,monospace; }
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--mono);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 68% 8%,rgba(20,102,183,.25),transparent 28%),linear-gradient(125deg,rgba(187,6,13,.18),transparent 40%),#07090b}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
.site-header{height:var(--header);position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(7,9,11,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--paper);font:600 12px var(--mono);letter-spacing:.12em}.brand span{display:grid;place-items:center;width:36px;height:36px;background:var(--red);font:900 25px var(--display);clip-path:polygon(12% 0,88% 0,100% 25%,82% 100%,18% 100%,0 25%)}nav{display:flex;align-self:stretch;align-items:center;gap:2.2vw;margin:auto}nav a{position:relative;color:var(--paper-dim);text-decoration:none;text-transform:uppercase;font:600 clamp(9px,1vw,11px) var(--mono);letter-spacing:.08em}nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-13px;height:2px;background:var(--red);transition:.25s}nav a:hover,nav a.active{color:#fff}nav a:hover::after,nav a.active::after{left:0;right:0}.mode-switch{display:flex;border:1px solid var(--line);padding:3px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.mode-button{border:0;background:none;color:var(--paper-dim);padding:8px 12px;text-transform:uppercase;font:600 9px var(--mono);cursor:pointer}.mode-button.active{background:var(--red);color:#fff}.menu-toggle{display:none}
main{overflow:hidden}.hero{position:relative;min-height:100vh;padding:calc(var(--header) + 8vh) 5vw 7vh;display:grid;grid-template-columns:47% 53%;align-content:center;border-bottom:5px solid var(--paper);isolation:isolate}.hero::before{content:"";position:absolute;inset:var(--header) 0 0;z-index:-2;background:radial-gradient(circle at 12px 12px,rgba(255,22,22,.35) 1.4px,transparent 1.7px) 0 0/14px 14px,linear-gradient(118deg,rgba(202,9,16,.85) 0 48%,transparent 48.2%),linear-gradient(118deg,transparent 0 48%,rgba(0,94,183,.88) 48.2% 100%)}.hero::after{content:"";position:absolute;inset:var(--header) 0 0;z-index:-1;background:repeating-linear-gradient(23deg,transparent 0 105px,rgba(255,255,255,.06) 106px 108px);clip-path:polygon(0 0,54% 0,43% 100%,0 100%)}.hero-copy{z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;text-transform:uppercase;font:600 11px var(--mono);letter-spacing:.16em;color:var(--paper)}.eyebrow span{color:var(--red);border:1px solid currentColor;padding:5px 7px}.hero h1{max-width:740px;margin:0;text-transform:uppercase;font:900 clamp(68px,7vw,136px)/.78 var(--display);letter-spacing:-.045em;text-shadow:6px 6px 0 var(--ink);transform:scaleY(1.08);transform-origin:left}.terminal-intro{display:flex;flex-direction:column;width:max-content;min-width:300px;margin:50px 0 24px;padding:17px 24px;border:1px solid var(--red);background:rgba(5,5,6,.78);box-shadow:6px 6px 0 rgba(0,0,0,.4);color:#ff3d43;font:600 12px/1.7 var(--mono)}.cursor{animation:blink .8s steps(1) infinite}.comic-button{display:inline-flex;gap:28px;align-items:center;padding:15px 22px;background:var(--paper);color:var(--ink);border:0;text-decoration:none;text-transform:uppercase;font:800 14px var(--display);letter-spacing:.09em;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,8px 50%);transition:.2s}.comic-button:hover{background:var(--red);color:white;transform:translateX(5px)}.hero-art{position:absolute;z-index:1;right:0;top:var(--header);width:58%;height:calc(100% - var(--header));overflow:hidden}.city{position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(90deg,transparent 0 4%,#030507 4% 12%,transparent 12% 15%,#05080b 15% 24%,transparent 24% 27%,#020507 27% 36%,transparent 36% 38%,#040609 38% 50%,transparent 50% 54%,#020507 54% 66%,transparent 66% 70%,#040609 70% 77%,transparent 77% 81%,#020507 81% 94%,transparent 94%);clip-path:polygon(0 40%,4% 40%,4% 20%,9% 20%,9% 35%,15% 35%,15% 5%,23% 5%,23% 32%,27% 32%,27% 0,36% 0,36% 37%,43% 37%,43% 16%,52% 16%,52% 39%,57% 39%,57% 8%,67% 8%,67% 31%,72% 31%,72% 21%,81% 21%,81% 2%,91% 2%,91% 24%,96% 24%,96% 13%,100% 13%,100% 100%,0 100%)}.city-back{opacity:.6;transform:scale(.8);transform-origin:bottom right}.city-front{filter:drop-shadow(-10px 0 0 rgba(0,0,0,.2))}.moon{position:absolute;width:45vw;height:45vw;right:-10vw;top:1vh;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(29,168,255,.16),transparent 68%)}.swing-line{position:absolute;width:70%;height:50%;top:8%;right:10%;border:3px solid white;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-18deg);filter:drop-shadow(0 0 8px #6dccff)}.runner{position:absolute;top:25%;left:49%;width:160px;height:220px;transform:rotate(-24deg);filter:drop-shadow(14px 10px 0 rgba(0,0,0,.35))}.runner i{position:absolute;display:block;background:#060709}.runner .head{width:48px;height:52px;left:58px;border-radius:48%}.runner .body{width:70px;height:100px;left:48px;top:45px;border-radius:50% 50% 35% 35%;transform:skew(-8deg)}.runner .arm,.runner .leg{height:25px;border-radius:20px;transform-origin:left}.runner .arm-a{width:120px;top:65px;left:70px;transform:rotate(-48deg)}.runner .arm-b{width:110px;top:75px;left:45px;transform:rotate(155deg)}.runner .leg-a{width:125px;top:130px;left:90px;transform:rotate(35deg)}.runner .leg-b{width:140px;top:125px;left:65px;transform:rotate(130deg)}.code-window{display:none}.hero-stats{position:absolute;right:4vw;bottom:28px;display:flex;z-index:3;border:1px solid rgba(255,255,255,.2);background:rgba(4,6,9,.8)}.hero-stats span{display:flex;flex-direction:column;padding:12px 20px;text-transform:uppercase;font-size:8px;letter-spacing:.1em}.hero-stats b{font:800 18px var(--display);color:var(--blue-bright)}
.section-shell{position:relative;padding:120px 6vw}.section-heading{max-width:660px;margin-bottom:55px}.section-heading h2,.origin h2,.contact h2{margin:0 0 15px;text-transform:uppercase;font:900 clamp(56px,7vw,112px)/.86 var(--display);letter-spacing:-.03em}.section-heading>p:last-child{max-width:540px;color:var(--paper-dim);line-height:1.7}.work{background-color:#080a0d;background-image:linear-gradient(rgba(18,116,204,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(18,116,204,.08) 1px,transparent 1px);background-size:36px 36px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8vw}.project-card{position:relative;min-width:0;padding:26px 22px 20px;background:var(--paper);color:var(--ink);border:2px solid #151515;outline:1px solid var(--paper);clip-path:polygon(0 24px,18px 24px,18px 8px,47% 8px,51% 0,82% 0,86% 10px,100% 10px,100% calc(100% - 18px),calc(100% - 18px) 100%,16px 100%,0 calc(100% - 16px));transition:transform .25s,filter .25s}.project-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.project-card:hover{transform:translateY(-10px) rotate(-.4deg);filter:drop-shadow(12px 15px 0 var(--red-dark))}.folder-tab{position:absolute;top:7px;left:29px;font-size:8px;text-transform:uppercase}.stamp{position:absolute;z-index:2;top:28px;left:24px;padding:5px 8px;border:3px double var(--red);color:var(--red);font:800 18px var(--display);text-transform:uppercase;transform:rotate(-5deg);background:var(--paper)}.status-ring{position:absolute;z-index:3;right:20px;top:20px;width:63px;height:63px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) calc(var(--score)*1%),#111 0);box-shadow:0 0 0 5px var(--paper),0 0 0 7px #111}.status-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--paper)}.status-ring span{position:relative;font:800 17px var(--display)}.project-visual{height:230px;margin:45px 0 20px;border:6px solid #111;background-color:#07101b;background-image:linear-gradient(rgba(16,111,190,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(16,111,190,.2) 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.visual-grid{position:relative;background-image:radial-gradient(circle,rgba(225,27,35,.8) 1px,transparent 1.5px),linear-gradient(35deg,transparent 40%,rgba(225,27,35,.6) 41%,transparent 42%),linear-gradient(-35deg,transparent 45%,rgba(225,27,35,.6) 46%,transparent 47%);background-size:12px 12px,60px 60px,80px 80px}.visual-grid span{position:absolute;inset:22%;border:1px solid var(--red);transform:rotate(45deg);box-shadow:0 0 25px var(--red)}.visual-cube{display:grid;place-items:center}.visual-cube span{width:95px;height:95px;border:2px solid var(--blue-bright);box-shadow:inset 0 0 25px var(--blue),0 0 25px var(--blue);transform:rotate(30deg) skew(-5deg)}.visual-cube span::before,.visual-cube span::after{content:"";display:block;width:100%;height:100%;border:1px solid var(--blue);transform:rotate(60deg)}.visual-cube span::after{transform:rotate(60deg) translate(-3px,-3px)}.visual-pulse{display:grid;place-items:center;background-color:#14070a;background-image:linear-gradient(rgba(225,27,35,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(225,27,35,.16) 1px,transparent 1px);background-size:18px 18px}.visual-pulse svg{width:100%}.visual-pulse polyline{fill:none;stroke:var(--red);stroke-width:4;filter:drop-shadow(0 0 6px var(--red))}.project-body>p:first-child{text-transform:uppercase;color:var(--red);font-size:9px;font-weight:bold;letter-spacing:.12em}.project-body h3{margin:5px 0;text-transform:uppercase;font:900 38px var(--display);letter-spacing:.03em}.project-body>p:nth-child(3){min-height:55px;font-size:11px;line-height:1.6;color:#39352e}.project-body ul{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:15px 0;list-style:none}.project-body li{border:1px solid #8c806c;padding:5px 7px;font-size:8px;text-transform:uppercase}.project-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-actions a{text-decoration:none;text-align:center;text-transform:uppercase;padding:12px 5px;border:2px solid #111;background:#111;color:var(--paper);font:700 12px var(--display);letter-spacing:.08em}.project-actions a:last-child{background:var(--red)}
.origin{min-height:760px;display:grid;grid-template-columns:36% 42% 22%;gap:30px;align-items:center;background:linear-gradient(110deg,#0a0b0e 58%,#081526 58%);border-top:1px solid var(--blue)}.origin-number{font:900 32vw/.7 var(--display);color:transparent;-webkit-text-stroke:2px rgba(225,27,35,.25);transform:translateX(-5vw)}.origin-copy{max-width:730px}.origin-copy h2{font-size:clamp(50px,6vw,100px)}.origin-copy>p{font:400 clamp(14px,1.4vw,20px)/1.9 var(--mono);color:var(--paper-dim)}mark.sense{position:relative;color:var(--yellow);background:rgba(225,27,35,.55);padding:2px 6px;cursor:crosshair}.sense::before,.sense::after{content:"";position:absolute;inset:-12px;border:2px solid var(--yellow);clip-path:polygon(0 42%,15% 42%,25% 0,33% 76%,47% 15%,58% 85%,71% 29%,83% 64%,100% 64%,100% 66%,82% 66%,72% 36%,58% 100%,47% 25%,31% 100%,23% 13%,17% 47%,0 47%);opacity:0;transition:.15s}.sense::after{inset:-20px;transform:rotate(180deg);border-color:var(--red)}.sense:hover::before,.sense:focus::before,.sense:hover::after,.sense:focus::after{opacity:1;animation:sense .5s steps(2) infinite}.text-link{display:inline-block;margin-top:20px;color:white;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:5px;text-transform:uppercase;font:700 12px var(--mono)}.status-panel{padding:24px;border:1px solid var(--blue);background:rgba(2,10,20,.72);clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.panel-label{color:var(--blue-bright);font-size:9px;text-transform:uppercase}.status-panel dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;text-transform:uppercase}.status-panel dd{color:var(--blue-bright)}.status-panel svg{margin-top:15px;width:100%}.status-panel polyline{fill:none;stroke:var(--red);stroke-width:2}
.loadout{background-color:#07090b;background-image:radial-gradient(circle at 1px 1px,rgba(10,126,225,.25) 1px,transparent 0);background-size:24px 24px}.loadout-panel{padding:42px;border:1px solid var(--blue);background:rgba(4,9,15,.9);clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px))}.loadout-tabs{display:flex;gap:40px;border-bottom:1px solid var(--line)}.loadout-tabs button{position:relative;border:0;background:none;color:var(--paper-dim);padding:0 0 15px;text-transform:uppercase;font:600 13px var(--mono);cursor:pointer}.loadout-tabs button[aria-selected=true]{color:white}.loadout-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--red);box-shadow:0 0 9px var(--red)}.skills{display:flex;flex-wrap:wrap;gap:15px;margin-top:35px}.skills span{padding:11px 18px;border:1px solid rgba(233,221,197,.35);text-transform:uppercase;font-size:11px;transition:.25s}.skills span::before{content:"•";color:var(--blue-bright);margin-right:10px}.skills span.muted{opacity:.14;transform:scale(.96)}.contact{text-align:center;padding-top:160px;padding-bottom:140px;background:linear-gradient(rgba(180,7,13,.9),rgba(95,3,8,.95)),radial-gradient(circle at 3px 3px,#000 1px,transparent 1.5px);background-size:auto,13px 13px;border-top:5px solid var(--paper)}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(70px,11vw,180px);text-shadow:7px 7px #160104}.contact h2 i{font-style:normal;color:var(--paper);-webkit-text-stroke:1px var(--paper)}.contact .comic-button{margin:30px 0;font-size:18px}.contact-meta{display:flex;justify-content:space-between;margin-top:100px;padding-top:20px;border-top:1px solid rgba(255,255,255,.25);font-size:9px;text-transform:uppercase}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5vw;background:#050607;font-size:9px;text-transform:uppercase}footer a{color:var(--paper);text-decoration:none}footer>div{display:flex;gap:25px}
.web-scroll{position:fixed;z-index:40;right:20px;bottom:18px;height:150px;width:34px;pointer-events:none}.progress-track{position:absolute;right:15px;bottom:27px;height:120px;width:2px;background:rgba(255,255,255,.2)}.progress-track span{position:absolute;bottom:0;left:0;width:100%;height:0;background:white;box-shadow:0 0 7px white}.shooter{position:absolute;right:0;bottom:0;width:33px;height:40px;background:linear-gradient(90deg,#30343a,#0a0b0d 35%,#3e444b 50%,#0b0c0e 75%,#34383d);border:1px solid #aaa;border-radius:7px 7px 12px 12px;transform:skewY(-10deg)}.shooter i{display:block;height:2px;margin:8px 4px;background:var(--red);box-shadow:0 0 5px var(--red)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes sense{50%{transform:scale(1.07) rotate(2deg)}}
html[data-mode=parker]{--red:#91af45;--red-dark:#3e5515;--blue:#91af45;--blue-bright:#b2d85a}html[data-mode=parker] body::before{background:radial-gradient(circle at 70% 10%,rgba(118,148,53,.14),transparent 30%),#050806}html[data-mode=parker] .mode-button.active{color:#071006}html[data-mode=parker] .hero::before{background:linear-gradient(rgba(102,130,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,130,40,.08) 1px,transparent 1px),#050806;background-size:25px 25px}html[data-mode=parker] .hero::after{background:radial-gradient(circle at 45% 35%,rgba(133,164,65,.13),transparent 38%);clip-path:none}html[data-mode=parker] .hero{grid-template-columns:42% 58%}html[data-mode=parker] .hero h1{color:#a9c95e;text-transform:none;font-family:var(--mono);font-size:clamp(50px,6vw,105px);line-height:1.02;letter-spacing:-.08em;text-shadow:none}html[data-mode=parker] .terminal-intro{border-color:var(--green);color:var(--green)}html[data-mode=parker] .hero-art .city,html[data-mode=parker] .hero-art .runner,html[data-mode=parker] .hero-art .moon,html[data-mode=parker] .hero-art .swing-line{display:none}html[data-mode=parker] .code-window{display:block;position:absolute;inset:14% 8% auto 4%;border:1px solid rgba(145,175,69,.5);background:rgba(3,7,4,.85);box-shadow:0 20px 80px rgba(0,0,0,.5)}.window-bar{height:36px;border-bottom:1px solid rgba(145,175,69,.3);display:flex;align-items:center;gap:7px;padding:0 14px}.window-bar span{width:7px;height:7px;border:1px solid var(--green);border-radius:50%}.window-bar b{margin-left:auto;text-transform:uppercase;color:var(--green);font-size:8px}.code-window pre{padding:10px 30px 25px;font:400 clamp(10px,1.15vw,17px)/1.75 var(--mono);color:var(--green)}.code-window em{color:#4d5c2b;font-style:normal;margin-right:20px}html[data-mode=parker] .hero-stats b{color:var(--green)}html[data-mode=parker] .work{background-color:#060906;background-image:linear-gradient(rgba(100,128,44,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(100,128,44,.07) 1px,transparent 1px)}html[data-mode=parker] .project-card{filter:saturate(.55)}html[data-mode=parker] .project-card:hover{filter:saturate(.8) drop-shadow(12px 15px 0 var(--red-dark))}html[data-mode=parker] .project-visual{filter:sepia(.8) hue-rotate(25deg) saturate(.6)}html[data-mode=parker] .origin{background:#060906}html[data-mode=parker] .contact{background:linear-gradient(rgba(45,59,15,.92),rgba(10,17,5,.98)),radial-gradient(circle at 3px 3px,#000 1px,transparent 1.5px)}
@media(max-width:900px){:root{--header:68px}.site-header{padding:0 20px}.brand b{display:none}.menu-toggle{display:flex;margin-left:auto;margin-right:12px;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span:not(.sr-only){width:22px;height:2px;background:var(--paper)}nav{position:absolute;inset:var(--header) 0 auto;display:none;padding:25px;background:#07090b;border-bottom:1px solid var(--red);flex-direction:column;align-items:flex-start;gap:25px}nav.open{display:flex}nav a{font-size:12px}.mode-button{padding:8px}.hero,.origin{grid-template-columns:1fr}.hero{padding:calc(var(--header) + 70px) 25px 70px;min-height:900px;align-content:start}.hero::before{background:linear-gradient(155deg,rgba(202,9,16,.88) 0 50%,rgba(0,94,183,.8) 50.2% 100%)}.hero-copy{padding-top:20px}.hero h1{font-size:clamp(58px,14vw,105px)}.hero-art{top:45%;height:55%;width:100%}.runner{transform:scale(.75) rotate(-24deg);left:48%;top:15%}.hero-stats{right:20px;bottom:20px}.project-grid{grid-template-columns:1fr;gap:45px}.project-card{max-width:600px;width:100%;margin:auto}.origin{display:block;padding-top:90px}.origin-number{position:absolute;right:-10px;top:120px;font-size:58vw;opacity:.3}.origin-copy,.status-panel{position:relative}.status-panel{margin-top:60px}.loadout-panel{padding:28px 22px}.contact-meta{gap:20px}.web-scroll{right:8px}.code-window pre{font-size:10px}.section-shell{padding-left:25px;padding-right:25px}}
@media(max-width:540px){.mode-button{padding:7px 6px;font-size:8px}.hero{min-height:820px}.hero h1{font-size:57px}.terminal-intro{min-width:0;width:100%;margin-top:40px}.hero-art{top:52%;height:48%}.runner{left:37%;top:5%;transform:scale(.55) rotate(-24deg)}.hero-stats span{padding:9px 10px}.hero-stats b{font-size:15px}.section-shell{padding-top:85px;padding-bottom:85px}.section-heading h2,.origin h2{font-size:55px}.project-card{padding:24px 14px 16px}.project-visual{height:190px}.project-body h3{font-size:33px}.status-ring{transform:scale(.8);transform-origin:top right}.loadout-tabs{gap:22px}.skills{gap:8px}.skills span{padding:9px 10px;font-size:9px}.contact h2{font-size:64px}.contact-meta{flex-direction:column}.contact .comic-button{font-size:13px}footer{flex-direction:column;gap:18px}.web-scroll{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Personal dossier additions */
.project-visual--screenshot{position:relative;background-image:none}
.project-screenshot{display:block;width:100%;height:100%;object-fit:cover}
.project-screenshot--stockwise{object-position:center center}
.project-screenshot--tweet-weaver{object-position:34% top}
.project-card{display:flex;flex-direction:column}
.project-body{display:flex;flex:1;flex-direction:column}
.project-body ul{margin-top:auto}
.project-actions.single{grid-template-columns:1fr}
.project-actions.single span{text-align:center;text-transform:uppercase;padding:12px 5px;border:2px solid #111;background:#34312b;color:var(--paper);font:700 12px var(--display);letter-spacing:.08em}
.dev-ring{background:conic-gradient(var(--red) 64%,#111 0)}
.status-ring{background:repeating-conic-gradient(var(--blue) 0 22deg,#111 22deg 31deg)}
.status-ring span{font-size:15px}
.beta-ring{background:repeating-conic-gradient(var(--red) 0 17deg,var(--blue) 17deg 29deg,#111 29deg 35deg)}
.dev-ring{background:repeating-conic-gradient(var(--red) 0 10deg,#111 10deg 28deg)}
.dossier{background:linear-gradient(135deg,#0a0b0e 0 62%,#10100e 62%);border-top:1px solid rgba(233,221,197,.15)}
.education-file{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;max-width:1100px;padding:42px;background:var(--paper);color:var(--ink);clip-path:polygon(0 18px,18px 0,70% 0,72% 12px,100% 12px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.education-file::after{content:"CONFIRMED";position:absolute;right:18%;top:25px;border:4px double var(--red);color:var(--red);padding:5px 9px;font:800 20px var(--display);transform:rotate(-7deg);opacity:.75}
.education-seal{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;border:8px double var(--ink);font:900 38px var(--display)}
.record-label{color:var(--red);font-size:9px;text-transform:uppercase;letter-spacing:.14em}
.education-file h3{margin:7px 0 0;text-transform:uppercase;font:900 clamp(38px,5vw,70px)/1 var(--display)}
.education-file h4{margin:6px 0 20px;text-transform:uppercase;font:700 20px var(--display)}
.education-file p:last-child{max-width:700px;font-size:11px;line-height:1.7}
.education-file time{align-self:start;padding:9px;border:1px solid var(--ink);font-size:10px;font-weight:bold}
.api-strip{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px;padding:18px 24px;border:1px solid var(--blue);background:#05090f;text-transform:uppercase;font-size:9px}
.api-strip span{color:var(--blue-bright);margin-right:auto}
.api-strip b{font-weight:500;color:var(--paper-dim)}
.contact-intro{max-width:760px;margin:15px auto 10px;color:var(--paper);font-size:12px;line-height:1.8}
.contact-links{display:flex;justify-content:center;gap:28px}
.contact-links a{color:var(--paper);text-decoration:none;text-transform:uppercase;font:600 10px var(--mono);border-bottom:1px solid rgba(255,255,255,.45);padding:5px 2px}
.mobile-dock{display:none!important}
html[data-mode=parker] .dossier{background:#070a07}

@media(max-width:900px){.education-file{grid-template-columns:auto 1fr}.education-file time{grid-column:2}}
@media(max-width:540px){body{padding-bottom:70px}.education-file{display:block;padding:30px 22px}.education-seal{width:70px;height:70px;margin-bottom:25px}.education-file::after{right:20px;top:25px;font-size:15px}.education-file time{display:inline-block;margin-top:15px}.contact .comic-button{font-size:12px;padding-left:14px;padding-right:14px}.mobile-dock{position:fixed;z-index:50;display:grid!important;grid-template-columns:repeat(5,1fr);inset:auto 10px 9px;height:58px;padding:4px;border:1px solid var(--line);background:rgba(5,7,9,.94);backdrop-filter:blur(14px);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%,0 9px)}.mobile-dock a{display:grid;place-items:center;color:var(--paper-dim);font:600 14px var(--mono);border-right:1px solid rgba(255,255,255,.08)}.mobile-dock a:last-child{border:0}.mobile-dock a::after{bottom:1px}.mobile-dock a.active{background:rgba(225,27,35,.22);color:var(--paper)}html[data-mode=parker] .mobile-dock a.active{background:rgba(145,175,69,.18)}footer{padding-bottom:55px}}

/* Generated hero artwork integration */
html[data-mode=spider] .hero::before{background-image:linear-gradient(90deg,rgba(5,5,7,.3) 0,rgba(5,5,7,.08) 48%,transparent 68%),url('assets/hero-comic-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
html[data-mode=spider] .hero::after{background:linear-gradient(90deg,rgba(4,5,7,.22),transparent 56%);clip-path:none}
html[data-mode=spider] .hero-art{display:none}
html[data-mode=spider] .hero-copy{max-width:760px}
html[data-mode=spider] .hero h1{font-size:clamp(68px,7.2vw,140px)}
@media(max-width:900px){html[data-mode=spider] .hero::before{background-position:62% center}html[data-mode=spider] .hero::after{background:linear-gradient(90deg,rgba(4,5,7,.38),transparent 78%)}}
@media(max-width:540px){html[data-mode=spider] .hero::before{background-position:58% center}html[data-mode=spider] .hero h1{font-size:clamp(52px,15vw,72px);line-height:.82}}

/* Generated Parker-mode artwork integration */
html[data-mode=parker] .hero::before{background-image:linear-gradient(90deg,rgba(2,5,3,.15),rgba(2,5,3,.05)),url('assets/hero-parker-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
html[data-mode=parker] .hero::after{background:linear-gradient(90deg,rgba(3,7,4,.1),transparent 45%,rgba(3,7,4,.18));clip-path:none}
@media(max-width:900px){html[data-mode=parker] .hero::before{background-position:55% center}}
@media(max-width:540px){html[data-mode=parker] .hero::before{background-position:45% center}}

/* Parker mode: warm daylight notebook theme */
html[data-mode=parker] body{background:#eee7d8;color:#182017}
html[data-mode=parker] body::before{background:radial-gradient(circle at 78% 9%,rgba(140,164,73,.16),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.55),transparent 48%),#eee7d8}
html[data-mode=parker] .noise{opacity:.08;mix-blend-mode:multiply}
html[data-mode=parker] .site-header{background:rgba(239,233,219,.9);border-color:rgba(27,39,23,.22)}
html[data-mode=parker] .brand{color:#182017}
html[data-mode=parker] .brand span{color:#f7f1e4}
html[data-mode=parker] nav a{color:#465141}
html[data-mode=parker] nav a:hover,html[data-mode=parker] nav a.active{color:#11170f}
html[data-mode=parker] .mode-switch{border-color:rgba(27,39,23,.35)}
html[data-mode=parker] .mode-button{color:#4b5745}
html[data-mode=parker] .menu-toggle span:not(.sr-only){background:#182017}
html[data-mode=parker] .hero{color:#182017;border-bottom-color:#1d2819}
html[data-mode=parker] .hero::before{background-image:linear-gradient(90deg,rgba(247,241,226,.14),rgba(247,241,226,.02)),url('assets/hero-parker-lab-side-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
html[data-mode=parker] .hero::after{background:linear-gradient(90deg,rgba(244,238,222,.32),transparent 48%,rgba(238,231,214,.12));clip-path:none}
html[data-mode=parker] .hero .eyebrow{color:#273422}
html[data-mode=parker] .hero h1{color:#56712d;text-shadow:2px 2px 0 rgba(255,255,255,.8)}
html[data-mode=parker] .terminal-intro{color:#3f5b27;background:rgba(246,240,226,.88);box-shadow:7px 7px 0 rgba(45,57,37,.18)}
html[data-mode=parker] .hero .comic-button{background:#1e2b1b;color:#f7f0df}
html[data-mode=parker] .code-window{background:rgba(244,239,226,.88);border-color:rgba(63,86,40,.48);box-shadow:0 24px 70px rgba(47,58,38,.18);backdrop-filter:blur(4px)}
html[data-mode=parker] .hero-art .code-window{inset:12% 5% auto 18%}
html[data-mode=parker] .window-bar{border-color:rgba(57,78,37,.3)}
html[data-mode=parker] .code-window pre{color:#29401d}
html[data-mode=parker] .code-window em{color:#96a879}
html[data-mode=parker] .hero-stats{color:#1b2518;background:rgba(245,239,224,.9);border-color:rgba(28,39,23,.25)}
html[data-mode=parker] .work{background-color:#e7dfcf;background-image:linear-gradient(rgba(87,111,50,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(87,111,50,.1) 1px,transparent 1px)}
html[data-mode=parker] .section-heading>p:last-child{color:#4c5747}
html[data-mode=parker] .origin{background:linear-gradient(110deg,#f2eadb 58%,#dfe5d3 58%)}
html[data-mode=parker] .origin-copy>p{color:#3d4938}
html[data-mode=parker] .origin-number{-webkit-text-stroke-color:rgba(88,113,45,.24)}
html[data-mode=parker] .status-panel{color:#1b2518;background:rgba(245,240,227,.84);border-color:#708c42}
html[data-mode=parker] .status-panel dl div{border-color:rgba(25,38,20,.14)}
html[data-mode=parker] .loadout{background-color:#e8e1d3;background-image:radial-gradient(circle at 1px 1px,rgba(80,105,43,.2) 1px,transparent 0)}
html[data-mode=parker] .loadout-panel{background:rgba(247,242,230,.9);border-color:#718f40}
html[data-mode=parker] .loadout-tabs{border-color:rgba(24,35,20,.2)}
html[data-mode=parker] .loadout-tabs button{color:#596452}
html[data-mode=parker] .loadout-tabs button[aria-selected=true]{color:#1b2517}
html[data-mode=parker] .skills span{border-color:rgba(35,49,28,.34)}
html[data-mode=parker] .dossier{background:linear-gradient(135deg,#eee7d8 0 62%,#dce3cf 62%)}
html[data-mode=parker] .api-strip{color:#21301c;background:#f3eddf;border-color:#789548}
html[data-mode=parker] .api-strip b{color:#485540}
html[data-mode=parker] footer{color:#1a2417;background:#ddd6c7}
html[data-mode=parker] footer a{color:#1a2417}
html[data-mode=parker] .progress-track{background:rgba(24,35,20,.2)}
html[data-mode=parker] .progress-track span{background:#344a26;box-shadow:0 0 7px rgba(52,74,38,.5)}
@media(max-width:900px){html[data-mode=parker] nav{background:#eee7d8}html[data-mode=parker] .hero::before{background-position:52% center}}
@media(max-width:540px){html[data-mode=parker] .mobile-dock{background:rgba(239,233,218,.95);border-color:rgba(28,39,23,.25)}html[data-mode=parker] .mobile-dock a{color:#475440;border-color:rgba(28,39,23,.1)}html[data-mode=parker] .mobile-dock a.active{color:#1d2a18}}

/* Parker hero: mirrored composition with props anchored at the far right */
html[data-mode=parker] .hero::before{background-size:125% auto;background-position:right center;transform:scaleX(-1);transform-origin:center}
html[data-mode=parker] .hero::after{background:transparent}
html[data-mode=parker] .hero-art .code-window{inset:11% 40% auto 0}
@media(max-width:900px){html[data-mode=parker] .hero::before{background-size:auto 112%;background-position:42% center}html[data-mode=parker] .hero::after{background:transparent}html[data-mode=parker] .hero-art .code-window{inset:8% 8% auto 8%}}