@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=VT323&display=swap";
:root{--background:#0b0806;--accent:#ff5c00;--accent-bright:#ff9b64;--accent-rgb:255, 92, 0}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--background)}body{background:var(--background);color:var(--accent);margin:0;font-family:Space Mono,ui-monospace,SFMono-Regular,Consolas,monospace}button,a{font:inherit}::selection{background:var(--accent);color:var(--background)}.skip-link{z-index:30;background:var(--accent);color:var(--background);padding:.7rem 1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:transform .16s;position:fixed;top:.75rem;left:50%;transform:translate(-50%,-160%)}.skip-link:focus{transform:translate(-50%)}.original-lander{background:radial-gradient(ellipse at 50% 42%, rgba(var(--accent-rgb), .07), transparent 62%), var(--background);perspective:1200px;isolation:isolate;justify-content:center;align-items:center;width:100vw;height:100svh;min-height:34rem;font-family:Space Mono,monospace;display:flex;position:relative;overflow:hidden}.blueprint-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.original-glow{z-index:1;opacity:0;background:radial-gradient(circle at center, rgba(var(--accent-rgb), .5), rgba(var(--accent-rgb), .12) 32%, transparent 66%);filter:blur(34px);mix-blend-mode:screen;pointer-events:none;border-radius:50%;width:640px;height:640px;transition:opacity .5s,transform .12s ease-out;position:absolute;top:0;left:0;transform:translate(-1200px,-1200px)}.original-header{z-index:6;border-bottom:1px solid rgba(var(--accent-rgb), .14);min-height:3.5rem;color:rgba(var(--accent-rgb), .7);letter-spacing:.125rem;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.125rem,4vw,2.5rem);font-size:.75rem;display:flex;position:absolute;top:0;left:0;right:0}.original-brand{color:inherit;white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.original-brand span{background:var(--accent);box-shadow:3px 3px 0 rgba(var(--accent-rgb), .25);clip-path:polygon(0% 26%,7% 26%,7% 6%,16% 6%,16% 0%,90% 0%,90% 16%,100% 16%,100% 74%,93% 74%,93% 94%,84% 94%,84% 100%,10% 100%,10% 84%,0% 84%);color:var(--background);margin-left:.1875rem;padding:.125rem .5rem;font-weight:700;display:inline-block;position:relative;transform:rotate(-1.6deg)}.original-uptime{color:rgba(var(--accent-rgb), .42);letter-spacing:.09375rem;text-align:center;white-space:nowrap;align-items:center;gap:.4rem;margin:0;font-size:.75rem;display:inline-flex}.original-uptime>span:first-child{color:rgba(var(--accent-rgb), .72);font-variant-numeric:tabular-nums}.original-content{z-index:3;text-align:center;width:100%;min-width:0;transform-style:preserve-3d;will-change:transform;flex-direction:column;align-items:center;gap:clamp(1.125rem,3vw,1.875rem);padding:3.75rem 1.5rem 1.5rem;transition:transform .25s ease-out;display:flex;position:relative}.original-greeting{color:rgba(var(--accent-rgb), .6);letter-spacing:.1875rem;text-transform:uppercase;margin:0;font-size:.8125rem}.blink-cursor{animation:1s step-end infinite blink}.original-construction{flex-direction:column;align-items:center;gap:.875rem;display:flex}.original-wall{width:min(80vw,28.75rem);max-width:100%}.original-tape{border-top:3px solid var(--background);border-bottom:3px solid var(--background);background:var(--accent);width:min(128vw,82.5rem);box-shadow:0 14px 40px rgba(var(--accent-rgb), .22);position:relative;overflow:hidden;transform:rotate(-2.4deg);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%)}.original-tape-track{white-space:nowrap;will-change:transform;flex:none;width:max-content;animation:18s linear infinite marquee;display:inline-flex}.original-tape-track span{color:var(--background);letter-spacing:.25rem;flex:none;padding:.5625rem 0;font-family:Space Mono,monospace;font-size:clamp(.8125rem,1.5vw,1.1875rem);font-weight:700}.original-copy{max-width:36ch;color:rgba(var(--accent-rgb), .55);letter-spacing:.03125rem;margin:0;font-size:clamp(.8125rem,1.5vw,.9375rem);line-height:1.6}.original-actions{flex-direction:column;align-items:center;gap:.875rem;margin-top:.125rem;display:flex}.original-secondary-actions{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}.original-button{border:1px solid rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .05);min-height:2.75rem;color:var(--accent);letter-spacing:.125rem;text-transform:uppercase;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.8125rem;font-weight:700;text-decoration:none;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,filter .2s,transform .2s;display:inline-flex}.original-button-primary{border-color:var(--accent);background:var(--accent);box-shadow:0 0 26px rgba(var(--accent-rgb), .5);color:var(--background);padding:.8125rem 1.625rem}.original-button:hover,.original-button:focus-visible{border-color:var(--accent);background:var(--accent);box-shadow:0 0 26px rgba(var(--accent-rgb), .55);color:var(--background);transform:translateY(-2px)}.original-button-primary:hover,.original-button-primary:focus-visible{box-shadow:0 0 34px rgba(var(--accent-rgb), .7);filter:brightness(1.12)}.original-button:focus-visible,.original-brand:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.original-menu{z-index:7;width:clamp(9.25rem,18vw,12.5rem);height:clamp(9.25rem,18vw,12.5rem);position:absolute;bottom:0;left:0}.pw-menu{cursor:pointer}.pw-items{opacity:0;transform-box:view-box;transform-origin:0 200px}.pw-item text{fill:rgba(var(--accent-rgb), .82);letter-spacing:1.5px;cursor:pointer;font-family:Space Mono,monospace;font-size:10.5px}.pw-item:hover text,.pw-item:focus text{fill:var(--accent-bright)}.pw-tick{stroke:rgba(var(--accent-rgb), .3);stroke-width:1px}.pw-logo-txt{fill:rgba(var(--accent-rgb), .5)}.pw-menu:hover .pw-logo-txt,.pw-menu.pw-open .pw-logo-txt{fill:var(--accent)}.original-scanlines,.original-vignette{z-index:5;pointer-events:none;position:absolute;inset:0}.original-scanlines{opacity:.55;background:repeating-linear-gradient(#0006 0 1px,#0000 1px 3px);animation:7s infinite flick}.original-scanlines div{background:linear-gradient(to bottom, transparent, rgba(var(--accent-rgb), .028), transparent);height:240px;animation:13s linear infinite scandrift;position:absolute;left:0;right:0}.original-vignette{background:radial-gradient(#0000 52%,#00000080 100%)}.projects-page{background:linear-gradient(rgba(var(--accent-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .035) 1px, transparent 1px), var(--background);background-size:26px 26px;min-height:100svh;padding:clamp(2rem,6vw,5rem) clamp(1.125rem,4vw,4rem)}.projects-shell{width:min(100%,70rem);margin-inline:auto}.projects-back{color:rgba(var(--accent-rgb), .72);letter-spacing:.12em;text-transform:uppercase;margin-bottom:clamp(4rem,11vw,8rem);font-size:.75rem;text-decoration:none;display:inline-block}.projects-page h1{max-width:11ch;color:var(--accent);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-family:VT323,monospace;font-size:clamp(4rem,13vw,9rem);font-weight:400;line-height:.78}.projects-intro{max-width:45ch;color:rgba(var(--accent-rgb), .58);margin:2rem 0 0;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.7}.project-placeholder{border-top:1px solid rgba(var(--accent-rgb), .24);margin-top:clamp(4rem,9vw,7rem);display:grid}.project-placeholder article{border-bottom:1px solid rgba(var(--accent-rgb), .16);grid-template-columns:4rem 1fr auto;align-items:center;gap:1.5rem;padding-block:1.4rem;display:grid}.project-placeholder span,.project-placeholder p{color:rgba(var(--accent-rgb), .48);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.project-placeholder h2,.project-placeholder p{margin:0}.project-placeholder h2{color:rgba(var(--accent-rgb), .82);font-family:VT323,monospace;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400}@keyframes blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scandrift{0%{opacity:0;transform:translateY(-30vh)}16%,84%{opacity:.45}to{opacity:0;transform:translateY(115vh)}}@keyframes flick{0%,to{opacity:1}7%{opacity:.95}8%{opacity:1}52%{opacity:.985}53%{opacity:.94}54%{opacity:1}80%{opacity:.98}}@keyframes craneSway{0%,to{transform:rotate(-3.2deg)}50%{transform:rotate(3.2deg)}}@keyframes mote{0%{opacity:0;transform:translateY(0)}15%{opacity:.7}to{opacity:0;transform:translateY(-90px)}}@keyframes smoke{0%{opacity:0;transform:translate(0)scale(.5)}25%{opacity:.5}to{opacity:0;transform:translate(4px,-22px)scale(1.5)}}@keyframes legSwing{0%,to{transform:rotate(6deg)}50%{transform:rotate(-4deg)}}@media (max-width:720px){.original-lander{min-height:40rem}.original-header{flex-direction:column;align-items:flex-start;gap:.4rem;min-height:4.5rem;padding-block:.7rem}.original-uptime{justify-content:space-between;gap:.2rem;width:100%;font-size:.65rem}.uptime-separator{margin-left:auto}.original-content{gap:clamp(.65rem,1.8vh,1.05rem);padding:5.2rem 1.125rem 3.5rem}.original-wall{width:min(92vw,26rem)}.original-tape{width:118vw}.original-copy{max-width:34ch}.original-actions,.original-secondary-actions{gap:.55rem}.original-button{letter-spacing:.08rem;min-height:2.45rem;padding:.55rem .8rem;font-size:.68rem}.original-button-primary{padding-inline:1.2rem}.original-menu{width:9.25rem;height:9.25rem}.project-placeholder article{grid-template-columns:2.5rem 1fr}.project-placeholder p{grid-column:2}}@media (max-width:430px){.original-uptime{letter-spacing:.08rem;justify-content:flex-start;font-size:.6rem}.original-uptime .uptime-separator{margin-left:auto}.original-content{padding-inline:.75rem}.original-greeting{font-size:.7rem}.original-copy{font-size:.72rem}.original-secondary-actions{grid-template-columns:1fr 1fr;display:grid}}@media (max-height:760px) and (min-width:721px){.original-content{gap:.55rem;padding-top:3.8rem;padding-bottom:.8rem}.original-wall{width:min(56vh,24rem)}.original-tape-track span{padding-block:.38rem}.original-actions{gap:.45rem}.original-button{min-height:2.3rem;padding-block:.48rem}}@media (max-height:700px) and (max-width:720px){.original-lander{height:auto}.original-content{gap:.55rem}.original-wall{width:min(66vh,22rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}