*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#050d21;color:#f4f7ff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a9d4ff;outline-offset:8px}[hidden]{display:none!important}#portal{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 35% 25%,#220037,transparent 60%),radial-gradient(ellipse at 80% 80%,#002a35,transparent 60%),#050008;isolation:isolate}#chaos{position:absolute;inset:0;overflow:hidden}.symbol{position:absolute;left:var(--x);top:var(--y);font-size:var(--size);font-weight:900;color:var(--color);line-height:1;text-shadow:0 0 8px currentColor,0 0 28px currentColor,0 0 65px currentColor;animation:fly var(--duration) linear infinite alternate;animation-delay:var(--delay);opacity:.85;will-change:transform}.entry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(120px,18vw,230px);height:clamp(120px,18vw,230px);border:2px solid #fff;border-radius:50%;font-size:clamp(90px,13vw,170px);font-weight:900;color:white;background:#090215e8;box-shadow:0 0 22px #fa00ff,inset 0 0 35px #fc00ff80,0 0 100px #6600ff;transition:scale .25s,box-shadow .25s;z-index:2}.entry:hover{scale:1.08;box-shadow:0 0 50px #00ffff,inset 0 0 55px #00ffff70,0 0 140px #ff00fb}@keyframes fly{from{transform:translate3d(-7vw,-10vh,0) rotate(0deg)}to{transform:translate3d(16vw,18vh,0) rotate(390deg)}}header{height:96px;display:flex;align-items:center;gap:40px;padding:0 5.5%;border-bottom:1px solid #26324b}.wordmark{font-size:23px;letter-spacing:-1px;font-weight:900}.wordmark span{font-size:10px;vertical-align:top;margin-left:5px}nav{display:flex;gap:32px;margin-left:auto;font-size:13px}nav a:hover,.text-link:hover{color:#8ab7ff}#exit{border:1px solid #53627d;border-radius:50%;width:34px;height:34px;background:none;color:white;cursor:pointer}.wrap{max-width:1440px;margin:auto;padding-left:8%;padding-right:8%}.hero{position:relative;min-height:760px;padding-top:92px;padding-bottom:50px;overflow:hidden}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.5px;color:#99afd0}.dot{display:inline-block;width:6px;height:6px;background:#78aaff;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #609fff}h1{font-size:clamp(70px,9vw,142px);font-weight:500;line-height:.98;letter-spacing:-7px;margin:56px 0 38px;position:relative;z-index:1}h1 em{font-style:normal;color:#85afff}.hero-bottom{display:flex;align-items:end;gap:60px;position:relative;z-index:1}.hero-bottom p{max-width:340px;color:#aebdd4;line-height:1.7;font-size:15px}.text-link{font-size:13px;display:inline-block;border-bottom:1px solid #7193c4;padding-bottom:9px}.text-link span{margin-left:28px}.blueprint{width:54%;position:absolute;right:-5%;top:125px;opacity:.65}.blueprint svg{width:100%}.coord{display:block;text-align:center;font:9px monospace;letter-spacing:2px;color:#7b9ed3}.hero-index{display:block;font:10px monospace;color:#6c83a5;letter-spacing:2px;margin-top:82px}.work{padding-top:85px;padding-bottom:100px;border-top:1px solid #26324b;background:linear-gradient(#09162e,#050d21)}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:55px}h2{font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:0}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.project-art{aspect-ratio:1.45;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#183b72,#0a1a35 70%);border:1px solid #244069;display:grid;place-items:center}.project-art>span{font-size:150px;font-weight:100;color:#bed5ff}.project-art small{position:absolute;bottom:24px;left:25px;font:9px monospace;letter-spacing:2px;color:#83a7d9}.orbit{position:absolute;width:70%;height:38%;border:1px solid #6894d0;border-radius:50%;transform:rotate(-30deg)}.o2{transform:rotate(30deg)}.o3{transform:rotate(90deg)}h3{font-size:28px;font-weight:400;letter-spacing:-1px}h3 span{float:right}.project-info p,.about p{color:#aebdd4;line-height:1.8;font-size:15px;max-width:410px}.project-info .text-link{margin-top:20px}.project:hover .project-art{border-color:#85afff}.about{border-top:1px solid #26324b;padding-top:95px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.about h2{margin-bottom:30px}.about .text-link{margin-top:22px}footer{border-top:1px solid #26324b;padding-top:35px;padding-bottom:35px;display:flex;justify-content:space-between;align-items:center}footer>span{font:10px monospace;letter-spacing:2px;color:#8da3c5}footer>a:last-child{font-size:12px}@media(max-width:700px){header{height:76px;padding:0 6%;gap:18px}.wordmark{font-size:19px}nav{gap:17px;font-size:11px}.wrap{padding-left:7%;padding-right:7%}.hero{padding-top:62px;min-height:790px}h1{letter-spacing:-4px;font-size:75px;margin-top:46px}.blueprint{width:90%;top:340px;right:-17%;opacity:.4}.hero-bottom{display:block}.hero-bottom p{max-width:280px}.hero-bottom .text-link{margin-top:12px}.hero-index{margin-top:205px}.section-heading{display:block}.section-heading h2{margin-top:30px}.project{grid-template-columns:1fr;gap:28px}.about{grid-template-columns:1fr;gap:36px}footer>span{display:none}h3{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.symbol{animation:none}.entry{transition:none}}
/* made with approximately zero taste */
#portal{background-color:#170046;background-image:radial-gradient(circle,#00ff69 1px,transparent 2px),repeating-linear-gradient(32deg,transparent 0 78px,#ff00d522 79px 82px),linear-gradient(110deg,#00003c,#69005c 54%,#003d20);background-size:23px 23px,100% 100%,100% 100%;font-family:'Comic Sans MS',cursive;overflow:auto}.bad-banner{position:absolute;top:2%;left:4%;font-size:clamp(25px,5vw,74px);font-weight:900;color:#0f0;background:#f000b8;border:10px ridge #ffff00;transform:rotate(-8deg);text-shadow:4px 4px blue;z-index:3;padding:4px 14px;letter-spacing:-4px}.bad-links{position:absolute;inset:0;pointer-events:none;z-index:5}.bad-links a{pointer-events:auto;position:absolute;color:blue;text-decoration:underline;font-family:'Times New Roman',serif;font-weight:bold;box-shadow:9px 7px 0 #00f}.bad-links a:nth-child(1){top:22%;left:4%;font-size:34px;background:#0f0;transform:rotate(12deg);border:7px dotted red}.bad-links a:nth-child(2){top:6%;right:5%;font-size:51px;background:#ff0;color:red;border:8px outset #0ff}.bad-links a:nth-child(3){bottom:13%;left:11%;font-size:25px;background:#ff8bd7;color:#00f;border:8px double #70ff00;transform:rotate(-15deg)}.bad-links a:nth-child(4){bottom:9%;right:3%;font-size:40px;background:#00f;color:#0ff;border:9px ridge #f0f;transform:rotate(9deg)}#portal .entry{font-family:'Times New Roman',serif;border:14px outset #00ff00;border-radius:0;background:#ff00a8;color:#ffff00;text-shadow:5px 5px blue;box-shadow:12px 14px 0 blue,0 0 55px #f0f;width:140px;height:150px;font-size:135px;transform:translate(-50%,-50%) rotate(-6deg);top:49%;left:51%}#portal .entry:hover{background:#00f;rotate:8deg;color:#0f0}.retro-gif{position:absolute;image-rendering:pixelated;object-fit:contain;z-index:2;background:black}.banana{top:30%;left:13%;width:148px;height:175px;transform:rotate(-12deg);border:9px inset #f0f}.fire-one{bottom:0;left:0;width:30%;height:135px}.fire-two{top:0;left:43%;width:25%;height:90px;transform:rotate(180deg)}.smile{top:26%;right:3%;width:160px;height:147px;border:12px dashed #ff0;transform:rotate(22deg)}.alien{bottom:9%;left:49%;width:130px;height:150px;border:7px double cyan;transform:rotate(7deg)}.construction{position:absolute;bottom:30%;right:8%;transform:rotate(-17deg);z-index:3;border:9px groove #ff5900;background:#000}.construction img{display:block;width:260px;height:55px;image-rendering:pixelated}.visitor{position:absolute;bottom:3%;left:35%;background:#000;color:#0f0;font:22px monospace;letter-spacing:5px;border:7px inset #aaa;z-index:3}#rainbow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}#doodle{position:fixed;top:0;left:0;width:160px;height:116px;z-index:6;pointer-events:none;filter:drop-shadow(2px 3px 0 #fff);will-change:transform}#doodle svg{width:100%;height:100%}.motion-toggle{position:fixed;bottom:7px;right:7px;background:#bbb;color:#000;border:3px outset #eee;z-index:9;font:18px 'Times New Roman',serif;cursor:pointer;min-width:34px;min-height:34px}.symbol{font-family:'Comic Sans MS',cursive;z-index:1;animation-timing-function:linear;text-shadow:3px 3px #00f,0 0 12px currentColor;opacity:1}.paused .symbol{animation-play-state:paused}@media(max-width:700px){.bad-banner{left:1%;top:4%;font-size:31px;letter-spacing:-2px;border-width:6px}.bad-links a:nth-child(1){font-size:24px;top:23%;left:2%}.bad-links a:nth-child(2){font-size:29px;top:14%;right:3%}.bad-links a:nth-child(3){left:1%;bottom:20%;font-size:22px}.bad-links a:nth-child(4){font-size:24px;bottom:5%}.banana{left:0;top:34%;width:95px;height:115px;border-width:5px}.smile{top:33%;right:0;width:90px;height:100px;border-width:5px}.construction{right:1%;bottom:32%;border-width:5px}.construction img{width:170px;height:40px}.alien{left:40%;bottom:12%;width:90px;height:105px}.visitor{left:3%;bottom:3%;font-size:14px;letter-spacing:2px}.fire-one{width:43%;height:90px}.fire-two{left:53%;width:40%;height:60px}#portal .entry{width:105px;height:120px;font-size:100px;border-width:9px;left:51%;top:49%}#doodle{width:125px;height:90px}}
#portal:not(.paused) .symbol{animation:fly var(--duration) linear infinite alternate;animation-delay:var(--delay)}
/* Flat paint, hard edges, absolutely no airbrush. */
#portal{background:#0000ff;background-image:none}
#portal .symbol{text-shadow:5px 5px 0 #000,9px 9px 0 #ff0000;opacity:1}
#portal .entry,#portal .entry:hover{box-shadow:12px 14px 0 #000,20px 22px 0 #ffff00;text-shadow:6px 6px 0 #ff0000;transition:none}
#portal .bad-banner{text-shadow:5px 5px 0 #000;box-shadow:12px 12px 0 #00ffff}
#portal .retro-gif,#portal .construction{box-shadow:10px 10px 0 #ff0000}
#portal .bad-links a{box-shadow:9px 9px 0 #000,14px 14px 0 #ffff00}
#portal .bad-links a:nth-child(3){background:#ff00ff}
#portal .visitor{box-shadow:8px 8px 0 #ff0000}
/* Flat neon paint only: no shadows, glow, bevels, or tinted outlines. */
#portal,#portal *{text-shadow:none!important;box-shadow:none!important;filter:none!important}
#portal .entry,#portal .entry:hover,#portal .bad-banner,#portal .bad-links a,#portal .retro-gif,#portal .construction,#portal .visitor,#portal .motion-toggle{border-style:solid}
#portal .bad-banner,#portal .entry{background:#ff00ff}
#portal .bad-banner{border-color:#ffff00}
#portal .entry{border-color:#00ff00}
#portal .banana{border-color:#ff00ff}
#portal .alien{border-color:#00ffff}
#portal .construction{border-color:#ff0000}
#portal .visitor{border-color:#00ff00}
#portal .motion-toggle{background:#ffff00;border-color:#ff00ff}
#doodle{position:absolute;z-index:8}
#doodle svg>g{fill:#ff00ff;stroke:#000;stroke-width:4}