:root{--pink:#ff2cd2;--orange:#ff6700;--yellow:#ffde2b;--purple:#5e00ff;--blue:#5e00ff;--green:#ffde2b;--ink:#000000;--paper:#ffffff;--paper2:#ffffff;--brand-pink:#ff2cd2;--brand-orange:#ff6700;--brand-yellow:#ffde2b;--brand-purple:#5e00ff}
.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo img{display:block;width:58px;height:37px;object-fit:contain}.nav-wordmark{font:700 11px var(--sans);letter-spacing:.06em;color:#ffffff}.nav-wordmark span{color:#ff6700}.ascii-title{margin:0 0 4px!important;line-height:1}.screen-brand{display:block;width:145px;height:91px;margin:0 auto;object-fit:contain}.screen-content{padding-top:13px}.monitor-logo{display:flex;align-items:center;gap:8px}.monitor-logo img{width:31px;height:21px;object-fit:contain}.site-nav{background:#000000;border-color:#ffffff26}.dark-portfolio,.section-wrap{background:#000000}.portfolio-section{color:#ffffff}.desktop-scene{background:radial-gradient(ellipse at 80% 0,#ffde2b18,transparent 65%),#ffffff}.evening .desktop-scene{background:radial-gradient(ellipse at 80% 5%,#5e00ff33,transparent 65%),color-mix(in srgb,#000000 78%,#ffffff)}.desktop-scene:before{background:repeating-linear-gradient(2deg,transparent 0 6px,#0000000c 7px,#ffffff42 8px,transparent 9px 19px),repeating-linear-gradient(92deg,#ffde2b0d 0 130px,#00000018 131px,#ff670010 133px 280px),linear-gradient(165deg,color-mix(in srgb,#ffde2b 18%,#ffffff),color-mix(in srgb,#ff6700 12%,#ffffff) 58%,color-mix(in srgb,#ffde2b 30%,#ffffff));border-color:#ffffff;box-shadow:inset 0 35px 60px #ffffff33,0 -14px 45px #00000026}.desktop-scene:after{background:linear-gradient(#ffde2b,color-mix(in srgb,#ff6700 65%,#000000) 14%,#ff6700 35%,color-mix(in srgb,#ff6700 50%,#000000) 85%,#000000);border-top-color:#ffde2b;border-bottom-color:#000000}.scene-caption,.desk-instructions,.note-status{color:#000000}.evening .scene-caption,.evening .desk-instructions,.evening .note-status{color:#ffffff}.note-pad{background:linear-gradient(145deg,#ffde2b,color-mix(in srgb,#ffde2b 75%,#ffffff));border-top-color:#ff6700;color:#000000}.quick-sticky{color:#000000}.quick-sticky.purple{color:#ffffff}.quick-sticky textarea,.quick-sticky button{color:inherit}.quick-sticky.purple textarea::placeholder{color:#ffffffaa}.quick-sticky .note-copy{position:static;display:block;width:100%;min-height:70px;height:auto;padding:0;text-align:center;font:11px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;cursor:pointer}.quick-sticky.stuck{padding-top:22px}.quick-sticky button[hidden]{display:none}.note-editor{background:#ffffff;color:#000000;border-color:#000000}.note-editor textarea{background:#ffde2b;color:#000000}.note-editor select{background:#ffffff;color:#000000}.pixel-btn.dark{background:#000000;color:#ffffff}.chapter-card{--chapter-color:#ff2cd2}.chapter-card:nth-child(2){--chapter-color:#5e00ff}.chapter-card:nth-child(3){--chapter-color:#ff6700}.chapter-card:nth-child(4){--chapter-color:#ffde2b}.chapter-card:nth-child(2) small,.chapter-card:nth-child(2) .chapter-number{color:color-mix(in srgb,#5e00ff 50%,#ffffff)}.chapter-accent{background-image:linear-gradient(100deg,#ff2cd2,#ff6700,#ffde2b)}.chapter-rail:before{background:linear-gradient(90deg,#ff2cd2,#5e00ff,#ff6700,#ffde2b)}.career-section{background:radial-gradient(ellipse at 80% 15%,#5e00ff1a,transparent 60%)}.career-detail{background:linear-gradient(135deg,#ff67000e,#000000);border-color:#ff670044}.detail-index,.detail-status{color:#ffde2b}.company-icon{display:block;width:27px;height:27px;object-fit:contain;background:#ffffff;padding:3px;border-radius:7px;filter:grayscale(1)}.role-mark{background:#ffffff!important;width:24px;height:24px;flex-basis:24px;border-radius:5px;overflow:hidden}.role-mark .company-icon{width:100%;height:100%;border-radius:0;padding:2px}.chapter-card .company-icon{position:absolute;right:16px;top:18px;width:32px;height:32px}.detail-company-icon{width:38px;height:38px;display:inline-block;vertical-align:middle;margin:0 10px 0 0}.role-anaxus{background:linear-gradient(100deg,#ff2cd22e,#000000);border-color:#ff2cd25c}.role-foodhub{background:linear-gradient(100deg,#5e00ff66,#000000);border-color:#5e00ff}.role-operations{background:linear-gradient(100deg,#ff670038,#000000);border-color:#ff67005c}.role-current{background:linear-gradient(100deg,#ffde2b2e,#000000);border-color:#ffde2b5c}.role-bar.selected{background:linear-gradient(100deg,#ff670044,#000000);border-color:#ffde2b}.chapter-counter{color:#ffde2b}.scroll-progress{background:linear-gradient(90deg,#ff2cd2,#5e00ff,#ff6700,#ffde2b)}.studio-ribbon{background:#000000;color:#ffffff}.ribbon-track em{color:#ffde2b}.contact-links a{color:#ffde2b;border-color:#ffde2b}.motion-toggle{background:#000000e6;color:#ffffff;border-color:#ffffff33}.power-led{background:radial-gradient(circle at 30% 28%,#ffffff,#ffde2b 30%,#ff6700 55%,#000000 75%)}.keyboard-lights i{background:#ffde2b;box-shadow:0 0 6px #ffde2b}.key.latched:after{background:#ff2cd2;box-shadow:0 0 4px #ff2cd2}.desk-object:is(.coffee,.pixel-pet,.pixel-joystick,.plug,.doodle){filter:grayscale(1) drop-shadow(4px 6px 3px #00000033)}.doodle.star{color:#ffde2b;filter:none}.key.red{--cap:#ff6700;--rim:color-mix(in srgb,#ff6700 60%,#000000)}.key.purple,.key.blue,.key.cyan{--cap:#5e00ff;--rim:color-mix(in srgb,#5e00ff 60%,#000000);color:#ffffff}.key.green,.key.yellow,.key.space{--cap:#ffde2b;--rim:color-mix(in srgb,#ffde2b 60%,#000000)}.key{background:color-mix(in srgb,#000000 24%,#ffffff);color:#000000}.key:before{background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,#000000 12%,#ffffff),#ffffff 75%)}.keyboard{background:linear-gradient(175deg,color-mix(in srgb,#000000 65%,#ffffff),#000000);border-color:#ffffff33}.keyboard:before{background:#000000}.keyboard-badge{color:#ffffffaa}
.journey-sweep{position:absolute;top:0;bottom:0;left:calc(var(--journey,0)*100%);width:2px;z-index:4;pointer-events:none;background:linear-gradient(transparent,#ff2cd2,#ffde2b,transparent);box-shadow:0 0 22px #ff2cd266}.journey-sweep:before{content:'SCROLL';position:absolute;top:2px;right:6px;color:#ff2cd2;font:8px var(--mono)}.scroll-caption{font:9px var(--mono);color:#ffffff88;margin:0 0 12px}.chapter-card.scroll-current{box-shadow:0 0 0 1px var(--chapter-color),0 0 30px color-mix(in srgb,var(--chapter-color) 20%,transparent)}.work-art{transform:translateY(var(--art-y,0px)) scale(var(--art-scale,1));will-change:transform}.work-card{isolation:isolate}.work-copy{position:relative;background:#000000;z-index:1}.work-art strong{translate:var(--type-x,0px) 0}.studio-ribbon .ribbon-track{animation:none!important;transform:translateX(var(--ribbon-x,0px))}.contact-box{--contact-reveal:0%;background:linear-gradient(110deg,#5e00ff22,var(--contact-reveal),#000000);border-color:#5e00ff88}.section-title h2{translate:var(--heading-x,0px) 0}.scroll-orbit{position:absolute;right:7%;top:55px;width:90px;height:90px;border:1px solid #ff2cd244;border-radius:50%;pointer-events:none;rotate:var(--orbit-turn,0deg)}.scroll-orbit:before{content:'';position:absolute;left:7px;top:7px;width:16px;height:16px;background:#ffde2b;border-radius:50%;box-shadow:45px 50px 0 #5e00ff}.chapter-rail{z-index:7}.scroll-caption strong{color:#ffde2b;font-weight:400}@media(min-width:1000px){.career-section .chapter-rail{position:sticky;top:68px;padding:10px 0;background:linear-gradient(#000000ee,#000000dd);backdrop-filter:blur(16px)}}@media(max-width:760px){.nav-logo img{width:48px;height:31px}.screen-brand{width:120px;height:75px}.company-icon{width:22px;height:22px}.scroll-orbit{width:55px;height:55px;right:5%;top:38px}.scroll-orbit:before{width:9px;height:9px;box-shadow:25px 25px 0 #5e00ff}.chapter-card .company-icon{width:27px;height:27px;right:12px;top:12px}.chapter-card small{display:block;max-width:calc(100% - 26px);font-size:8px}.quick-sticky .note-copy{font-size:10px}.section-title h2{max-width:85%}}
@media(prefers-reduced-motion:reduce){.work-art,.work-art strong,.section-title h2{transform:none!important;translate:none!important}.journey-sweep{display:none}.scroll-orbit{rotate:0deg}.chapter-rail{position:relative!important;top:auto!important}}
.chapter-card{translate:0 var(--chapter-rise,0px)}html.motion-paused .computer-wrap{translate:0 0!important}.scroll-caption{min-height:18px}@media(prefers-reduced-motion:reduce){.chapter-card{translate:none!important}}