:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#141414;--signal:#ff3100;--signal-soft:#ff31002e;--signal-mid:#ff310073;--text-dim:#ff3100ad}@font-face{font-family:Microgramma;font-display:swap;src:url(/fonts/Microgramma-D-Extended-Bold.otf)format("opentype")}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body{background:var(--background);color:var(--signal);-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricprecision;margin:0;font-family:Courier New,Lucida Console,monospace}button{font:inherit}img{max-width:100%;display:block}.welcomeShell{perspective:900px;background:radial-gradient(circle,#ff310014,#0000 34rem),linear-gradient(#141414e6,#141414);align-items:center;min-height:100vh;padding:clamp(20px,5vw,64px);display:grid;position:relative;overflow:hidden}.welcomeShell:before{content:"";opacity:.48;pointer-events:none;z-index:2;background:repeating-linear-gradient(#ff31000f 0 1px,#0000 1px 5px);position:absolute;inset:0}.welcomeShell:after{content:"";pointer-events:none;z-index:3;border:1px solid #ff310014;animation:5s ease-in-out infinite screenPulse;position:absolute;inset:16px;box-shadow:inset 0 0 90px #000000bf}.matrixRain{opacity:.42;pointer-events:none;transform-origin:50%;z-index:1;position:absolute;inset:0}.matrixRain span{animation:rainFall var(--duration) linear infinite;color:var(--signal);left:var(--left);opacity:.28;text-shadow:0 0 12px var(--signal-mid);white-space:pre-line;word-break:break-all;width:1ch;animation-delay:var(--delay);font-size:.78rem;font-weight:700;line-height:1.45;position:absolute;top:-42%;transform:translate(-50%)}.matrixRain span:nth-child(5n){animation:rainFall var(--duration) linear infinite, matrixColumnGlow 1.8s ease-in-out infinite;color:#fff;opacity:.56;text-shadow:0 0 8px #fff,0 0 18px #ff3100e6,0 0 42px #ff310075}.matrixRain span:nth-child(7n){animation:rainFall var(--duration) linear infinite, matrixColumnGlow 2.4s ease-in-out infinite reverse;opacity:.66;text-shadow:0 0 10px var(--signal), 0 0 28px #ff3100d9}.welcomePanel{z-index:4;justify-self:center;width:min(100%,980px);max-width:980px;position:relative}.bootSequence{text-align:center}.bootLabel{color:var(--text-dim);letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(.72rem,2vw,.88rem);font-weight:700}.bootSequence h1{letter-spacing:.04em;min-height:1.4em;text-shadow:0 0 14px var(--signal-mid), 0 0 44px var(--signal-soft);margin:0;font-size:clamp(.92rem,2.4vw,1.45rem);font-weight:700;line-height:1.35}.cursor{background:var(--signal);box-shadow:0 0 12px var(--signal);width:.12em;height:.86em;margin-left:.16em;animation:.78s steps(2,start) infinite cursorBlink;display:inline-block;transform:translateY(.08em)}.loader{border:1px solid var(--signal-mid);width:min(100%,620px);max-width:620px;height:12px;margin:clamp(28px,6vw,54px) auto 0;padding:2px;overflow:hidden}.loader span{background:var(--signal);box-shadow:0 0 18px var(--signal);height:100%;width:var(--progress,0%);transition:width .42s step-end;display:block}.loadingPercent{color:var(--text-dim);letter-spacing:.16em;opacity:0;margin:14px 0 0;font-size:.82rem;font-weight:700}.loadingPercent.isVisible{opacity:1}.terminalBody{text-align:center;align-items:center;max-width:880px;min-height:90px;margin:0 auto;padding:clamp(8px,2vw,18px);display:grid}.terminalBody p{color:var(--signal);text-shadow:0 0 12px #ff310085,0 0 28px #ff310033;min-height:1.55em;margin:0;font-size:clamp(.9rem,2vw,1.26rem);font-weight:700;line-height:1.55}.prompt{color:var(--text-dim)}.welcomeReveal{z-index:8;align-items:center;display:grid;position:fixed;inset:0}.brandReveal{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;inset:0;overflow:hidden}.brandFloatGroup{justify-items:center;animation:5.2s ease-in-out 2.65s infinite brandTextFloat;display:grid}.brandTextReveal{text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;width:min(92vw,1200px);line-height:.78;display:flex;position:relative}.brandLetter{animation:letterSlowPop .82s cubic-bezier(.16, 1, .3, 1) var(--letter-delay) forwards;color:color-mix(in srgb, var(--base-color) calc((1 - var(--letter-proximity,0)) * 100%), var(--hover-color) calc(var(--letter-proximity,0) * 100%));-webkit-font-smoothing:antialiased;letter-spacing:-.08em;opacity:0;text-shadow:0 0 18px #ff31006b,0 0 72px #ff31002e;text-transform:lowercase;transform:translate(var(--push-x,0), calc(38px + var(--push-y,0px))) rotate(var(--push-rotate,0deg)) scale(.7);will-change:transform;font-family:Microgramma,Arial,Helvetica,sans-serif;font-size:clamp(2.25rem,8.15vw,7.7rem);transition:color .28s,transform .34s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.isEnteringSite .matrixRain{animation:1.85s cubic-bezier(.65,0,.35,1) forwards matrixTunnel}.isEnteringSite .welcomePanel{animation:1.2s forwards panelExit}.isEnteringSite .brandFloatGroup{animation:none}.isEnteringSite .brandLetter{animation:1.2s cubic-bezier(.65,0,.35,1) forwards letterExit;animation-delay:calc(var(--letter-delay) * .18)}.isEnteringSite .brandLetter:nth-child(3n){--exit-x:-42vw;--exit-y:62vh;--exit-rotate:-38deg}.isEnteringSite .brandLetter:nth-child(3n+1){--exit-x:22vw;--exit-y:70vh;--exit-rotate:32deg}.isEnteringSite .brandLetter:nth-child(3n+2){--exit-x:4vw;--exit-y:76vh;--exit-rotate:12deg}.isEnteringSite .letterIcon,.isEnteringSite .enterPopup{animation:.45s forwards fadeOutFast}.finalLetter{margin-right:.28em}.letterIcon{filter:drop-shadow(0 0 14px #ff310070);opacity:0;width:.18em;animation:1.1s cubic-bezier(.16,1,.3,1) 2.62s forwards iconReveal;position:absolute;top:.08em;left:calc(100% + .08em);transform:rotate(-220deg)scale(.25)}.enterPopup{box-shadow:none;opacity:0;text-align:center;z-index:2;background:0 0;border:0;width:min(74vw,240px);margin-top:clamp(22px,3vw,42px);padding:0;animation:.72s 4.75s forwards popupIn;position:relative;transform:translateY(18px)scale(.98)}.enterPopup p{display:none}.enterPopup button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ff3100;cursor:pointer;text-transform:uppercase;background:linear-gradient(110deg,#ff31001a,#ffffff09),#1414141f;border:1px solid #ff310061;width:100%;min-height:38px;padding:0 14px;font-size:clamp(.72rem,2vw,.86rem);font-weight:700;transition:background-color .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;box-shadow:inset 0 1px #ffffff2e,0 0 24px #ff31002e}.enterPopup button:hover{color:#fff;background:linear-gradient(110deg,#ffffff2e,#ff31001a),#ffffff0a;border-color:#ffffffc7;transform:scale(1.06);box-shadow:inset 0 1px #ffffff3d,0 0 30px #ffffff2e,0 0 44px #ff310033}@keyframes rainFall{0%{transform:translate(-50%,-20%)}to{transform:translate(-50%,160vh)}}@keyframes matrixColumnGlow{0%,to{filter:brightness(.78)}45%{filter:brightness(1.9)}58%{filter:brightness(.95)}}@keyframes navIconFloatSpin{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes matrixTunnel{0%{opacity:.42;transform:translateZ(0)scale(1)}45%{opacity:.82;transform:rotateX(18deg)translateZ(180px)scale(1.7)}to{opacity:0;transform:rotateX(32deg)translateZ(760px)scale(4.4)}}@keyframes panelExit{to{opacity:0;transform:translateZ(260px)scale(1.35)}}@keyframes letterExit{to{opacity:0;transform:translate(var(--exit-x), var(--exit-y)) rotate(var(--exit-rotate)) scale(.42)}}@keyframes fadeOutFast{to{opacity:0;transform:scale(.92)}}.matrixSite{color:#fff;background:radial-gradient(circle at 50% 12%,#ff31001a,#0000 32rem),#141414;min-height:100vh;position:relative;overflow:hidden}.matrixSite:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#ff31000b 0 1px,#0000 1px 5px);position:fixed;inset:0}.siteRain{opacity:.22;position:fixed}.matrixSite>:not(.siteRain){z-index:2;position:relative}.matrixNav{box-shadow:none;z-index:10;background:0 0;border:0;justify-content:center;place-items:center;gap:14px;width:100%;max-width:none;margin:0 auto;padding:24px clamp(16px,4vw,40px) 14px;display:grid;position:sticky;top:0;left:0;right:0}.matrixBrand{text-decoration:none;display:inline-flex}.matrixBrand img{filter:drop-shadow(0 0 12px #ff31006b);width:24px;animation:5.4s ease-in-out infinite navIconFloatSpin}.matrixNav nav{flex-wrap:wrap;justify-content:center;gap:clamp(22px,5vw,58px);display:flex}.matrixNav nav a,.matrixNav nav button{color:#ffffffb8;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;font-family:Courier New,monospace;font-size:.76rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.matrixNav nav a:hover,.matrixNav nav button:hover{color:#ff3100;transform:scale(1.1)}.siteSection{width:100%;max-width:none;min-height:100vh;margin:0;padding:clamp(88px,13vw,150px) clamp(18px,5vw,70px)}.matrixHero{text-align:center;align-content:center;justify-items:center;min-height:calc(100vh - 82px);display:grid}.sectionKicker{color:#ff3100;letter-spacing:.24em;text-transform:uppercase;margin:0 0 22px;font-family:Courier New,monospace;font-size:.8rem;font-weight:800}.historySection h2,.labSection h2,.contactSection h2{letter-spacing:0;text-transform:lowercase;margin:0;font-family:Microgramma,Arial,Helvetica,sans-serif;line-height:.9}.siteHeroWordmark{width:min(96vw,1400px);max-width:100%}.siteHeroWordmark .brandLetter{font-size:clamp(2rem,8.6vw,9.2rem)}.matrixHero p,.contactSection p{color:#ffffffb3;max-width:720px;margin:28px auto 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}.heroCommands{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.heroCommands a,.contactSection a{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ff3100;text-transform:uppercase;background:linear-gradient(115deg,#ff310014,#ffffff06),#1414141f;border:1px solid #ff31005c;border-radius:8px;padding:12px 18px;font-family:Courier New,monospace;font-size:.82rem;font-weight:800;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s;box-shadow:inset 0 1px #ffffff24,0 0 24px #ff31001a}.heroCommands a:hover,.contactSection a:hover{color:#fff;background:linear-gradient(115deg,#ffffff29,#ff310017),#ffffff0a;border-color:#ffffffb8;transform:scale(1.05);box-shadow:inset 0 1px #ffffff38,0 0 30px #ffffff29,0 0 42px #ff31002e}.historyGrid,.projectFolderGrid{gap:18px;margin-top:42px;display:grid}.historyGrid{grid-template-columns:repeat(3,1fr)}.historyGrid article,.projectFolderGrid article,.contactSection{background:#141414d6;border:1px solid #ff310047;box-shadow:0 0 36px #ff310014}.historyGrid article{min-height:260px;padding:26px}.historyGrid span{color:#ff31008f;font-family:Microgramma,Arial,Helvetica,sans-serif;font-size:3rem}.historyGrid h3,.projectFolderGrid h3{color:#fff;margin:18px 0 10px;font-size:1.1rem}.historyGrid p,.projectFolderGrid p{color:#ffffff9e;font-size:.88rem;line-height:1.65}.categoryTabs{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.categoryTabs button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ffffffb8;cursor:pointer;text-transform:uppercase;background:linear-gradient(115deg,#ff310014,#ffffff06),#1414141f;border:1px solid #ff310057;min-height:64px;padding:12px;font-family:Courier New,monospace;font-size:.78rem;font-weight:800;transition:border-color .2s,color .2s,transform .2s}.categoryTabs button:hover,.categoryTabs button.isActive{color:#ff3100;border-color:#ffffffc2;transform:translateY(-4px)}.projectFolderGrid{grid-template-columns:repeat(3,1fr)}.projectFolderGrid article{min-height:0;padding:0;transition:border-color .2s,transform .2s;overflow:hidden}.projectFolderGrid article.isOpen{border-color:#ffffffad}.projectFolderGrid article:hover{transform:translateY(-4px)}.projectFolderGrid button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:24px;display:block}.projectFolderGrid span{color:#ff3100;letter-spacing:.16em;text-transform:uppercase;font-family:Courier New,monospace;font-size:.78rem;font-weight:800}.categoryShowcase{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;display:grid}.categoryShowcase button{color:#fff;cursor:pointer;text-align:left;background:#1414146b;border:1px solid #ff310057;min-height:280px;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.categoryShowcase button:hover{border-color:#ffffffc2;transform:translateY(-8px);box-shadow:0 0 42px #ff31002e}.categoryShowcase img{object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.categoryShowcase span{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#0000,#000000d1);padding:86px 18px 18px;font-family:Courier New,monospace;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:800;position:absolute;bottom:0;left:0;right:0}.projectModal{z-index:30;background:#0000008a;align-items:center;padding:20px;display:grid;position:fixed;inset:0}.projectModalPanel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(115deg,#ff310014,#ffffff09),#141414b8;border:1px solid #ff310066;justify-self:center;width:min(100%,720px);max-width:720px;padding:clamp(24px,5vw,44px);position:relative;box-shadow:0 0 80px #ff31002e}.modalClose{color:#ff3100;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #ff310080;padding:8px 12px;font-family:Courier New,monospace;font-size:.72rem;font-weight:800;position:absolute;top:16px;right:16px}.projectModalPanel h3{color:#fff;text-transform:lowercase;margin:0 0 26px;font-family:Microgramma,Arial,Helvetica,sans-serif;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.95}.modalProjectList{gap:12px;display:grid}.modalProjectList button{color:#ffffffd1;cursor:pointer;text-align:left;text-transform:uppercase;background:#14141447;border:1px solid #ff310057;padding:16px;font-family:Courier New,monospace;font-size:.9rem;font-weight:800}.modalProjectList button:hover{color:#ff3100;border-color:#ffffffb8}.projectDetail{align-content:center}.projectDetail h1{color:#fff;text-transform:lowercase;margin:0 0 40px;font-family:Microgramma,Arial,Helvetica,sans-serif;font-size:clamp(2.8rem,8vw,7rem);line-height:.9}.projectDetailGrid{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.projectPreviewFrame,.projectStory{background:#141414b8;border:1px solid #ff310057}.projectPreviewFrame{aspect-ratio:16/9;place-items:center;display:grid}.projectPreviewFrame span{color:#ff3100b8;letter-spacing:.16em;text-transform:uppercase;font-family:Courier New,monospace;font-weight:800}.projectStory{padding:26px}.projectStory h2{color:#fff;margin:0 0 14px}.projectStory p,.projectStory li{color:#ffffffa3;font-size:.9rem;line-height:1.7}.folderDetails{opacity:0;border-top:1px solid #ff31003d;grid-template-rows:0fr;padding:0 24px;transition:grid-template-rows .28s,opacity .22s,padding .28s;display:grid}.projectFolderGrid article.isOpen .folderDetails{opacity:1;grid-template-rows:1fr;padding:0 24px 24px}.folderDetails>*{overflow:hidden}.folderDetails ul{color:#ffffff94;margin:10px 0 0;padding-left:18px;font-size:.82rem;line-height:1.8}.contactSection{text-align:center;align-content:center;min-height:70vh;display:grid}.contactSection a{justify-self:center;margin-top:28px}.linkUpForm{text-align:left;justify-self:center;gap:10px;width:min(100%,620px);max-width:620px;margin-top:34px;display:grid}.linkUpForm label{color:#ff3100;letter-spacing:.16em;text-transform:uppercase;font-family:Courier New,monospace;font-size:.76rem;font-weight:800}.linkUpForm input,.linkUpForm textarea{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font:inherit;resize:vertical;background:linear-gradient(115deg,#ff31000f,#ffffff06),#1414142e;border:1px solid #ff310057;outline:none;margin-bottom:12px;padding:14px}.linkUpForm input:focus,.linkUpForm textarea:focus{border-color:#ffffffb8;box-shadow:0 0 28px #ff310029}.linkUpForm button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ff3100;cursor:pointer;text-transform:uppercase;background:linear-gradient(115deg,#ff310014,#ffffff06),#1414141f;border:1px solid #ff31005c;justify-self:start;padding:12px 18px;font-family:Courier New,monospace;font-size:.82rem;font-weight:800;transition:border-color .2s,color .2s,transform .2s}.linkUpForm button:hover{color:#fff;border-color:#ffffffb8;transform:scale(1.05)}.matrixFooter{color:#ffffff9e;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #ff310047;flex-wrap:wrap;justify-content:center;gap:18px;width:100%;padding:34px 18px;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:flex}.matrixFooter a{color:#ff3100;text-decoration:none}@keyframes cursorBlink{50%{opacity:0}}@keyframes screenPulse{0%,to{opacity:.8}50%{opacity:.46}}@keyframes popupIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes letterSlowPop{0%{opacity:0;transform:translate(var(--push-x,0), calc(38px + var(--push-y,0px))) rotate(var(--push-rotate,0deg)) scale(.7)}68%{opacity:1;transform:translate(var(--push-x,0), calc(-9px + var(--push-y,0px))) rotate(var(--push-rotate,0deg)) scale(1.04)}to{opacity:1;transform:translate(var(--push-x,0), var(--push-y,0px)) rotate(var(--push-rotate,0deg)) scale(1)}}@keyframes iconReveal{0%{opacity:0;transform:rotate(-220deg)scale(.25)}72%{opacity:1;transform:rotate(18deg)scale(1.08)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes brandTextFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (max-width:620px){.welcomeShell{padding:18px}.welcomeShell:after{inset:8px}.brandTextReveal{width:96vw}.brandLetter{letter-spacing:-.1em;font-size:clamp(1.55rem,8.6vw,3.2rem)}}@media (max-width:820px){.historyGrid,.projectFolderGrid,.categoryTabs,.projectDetailGrid{grid-template-columns:1fr}.categoryShowcase{grid-template-columns:repeat(2,minmax(0,1fr))}.siteSection{min-height:auto}}@media (max-width:520px){.matrixNav{padding-top:18px}.matrixNav nav{gap:12px}.matrixNav nav a{letter-spacing:.08em;font-size:.62rem}.heroCommands a,.contactSection a{width:100%}.siteHeroWordmark .brandLetter{letter-spacing:-.11em;font-size:clamp(1.42rem,8.35vw,2.8rem)}.letterIcon{width:.16em}.categoryShowcase{grid-template-columns:1fr}.categoryShowcase button{min-height:210px}.linkUpForm button{width:100%}}
