:root{color-scheme:dark;--bg: #05060d;--surface: #111827;--surface-muted: #0b1020;--text: #fff7d6;--muted: #b7c1d9;--border: #3c4868;--accent: #5ff3ff;--accent-dark: #217cc9;--accent-soft: #102b36;--pixel-yellow: #ffd15c;--pixel-pink: #ff5ca8;--pixel-green: #66ff8a;--pixel-red: #ff4d5e;--shadow: 8px 8px 0 rgba(0, 0, 0, .62)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,#0b1020 0%,var(--bg) 58%,#02030a 100%);background-size:18px 18px,18px 18px,auto;color:var(--text);font-family:Lucida Console,Courier New,Consolas,ui-monospace,SFMono-Regular,monospace;line-height:1.6;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricPrecision;overflow-y:scroll}body.is-project-opening{overflow:hidden;overscroll-behavior:none}a{color:inherit;text-decoration:none}main,.project-page{position:relative;z-index:1}.drift-mx5-scene{position:fixed;z-index:22;inset:0;pointer-events:none;overflow:hidden}.drift-mx5-button{position:absolute;left:0;top:58vh;width:clamp(300px,36vw,540px);aspect-ratio:1590 / 503;height:auto;padding:0;background:transparent;border:0;cursor:pointer;pointer-events:auto;opacity:.54;filter:drop-shadow(8px 9px 0 rgba(0,0,0,.44));transform-origin:50% 68%;animation:mx5-drive-across 62s linear infinite}.drift-mx5-button:before,.drift-mx5-button:after{position:absolute;z-index:-1;left:3%;width:88%;height:5px;content:"";background:linear-gradient(90deg,transparent 0 10px,rgba(216,245,255,.22) 10px 36px,transparent 36px 50px);background-size:50px 7px;opacity:.22;transform-origin:center}.drift-mx5-button:before{top:87%;transform:rotate(0)}.drift-mx5-button:after{top:93%;transform:rotate(0)}.drift-mx5-button:hover,.drift-mx5-button:focus-visible{opacity:.86;outline:0;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(158,220,255,.55))}.drift-mx5{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.mx5-wheel-spin,.mx5-wheel-spark{position:absolute;z-index:2;pointer-events:none;border-radius:50%}.mx5-wheel-spin{top:73.7%;width:clamp(34px,3.95vw,60px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.98) 0 7%,rgba(18,22,28,.95) 8% 15%,transparent 16%),conic-gradient(from 12deg,#fffffffa 0deg 9deg,#282c329e 9deg 29deg,#12161ceb 29deg 72deg,#d2e0ebe0 72deg 84deg,#14181ea8 84deg 103deg,#12161ceb 103deg 145deg,#ffffffeb 145deg 157deg,#1e2228a8 157deg 177deg,#12161ceb 177deg 221deg,#bee1f5d1 221deg 234deg,#1e2228a8 234deg 255deg,#12161ceb 255deg 300deg,#ffffffc7 300deg 311deg,#12161ceb 311deg 360deg);border:clamp(2px,.28vw,4px) solid rgba(238,242,245,.9);box-shadow:inset 0 0 0 3px #000000c7,inset 0 0 0 9px #ebf0f52e,0 0 6px #e6f5ff57;opacity:.86;transform:translate(-50%,-50%) rotate(0);animation:mx5-wheel-spin .19s linear infinite}.mx5-wheel-spin:before,.mx5-wheel-spin:after{position:absolute;inset:43% 10%;content:"";background:#f5faffbd;box-shadow:0 0 0 1px #05080cb8,0 0 5px #ffffff52}.mx5-wheel-spin:after{transform:rotate(74deg)}.mx5-wheel-spin-front{left:45%}.mx5-wheel-spin-rear{left:83.75%}.mx5-wheel-spark{width:clamp(7px,.82vw,13px);aspect-ratio:1;background:#fffbea;box-shadow:0 -8px #ffffffe6,8px 0 #ffffffe6,0 8px #9ce2ffb8,-8px 0 #9ce2ffb8,0 0 12px #fffffffa,0 0 22px #76d5ff6b;opacity:0;transform:translate(-50%,-50%) scale(.55);animation:mx5-chrome-sparkle 4.2s steps(1,end) infinite}.mx5-wheel-spark-front{left:46.3%;top:69.5%;animation-delay:.7s}.mx5-wheel-spark-rear{left:85%;top:69.4%;animation-delay:2.15s}.mx5-smoke{position:absolute;z-index:0;left:88%;top:80%;width:clamp(34px,4.2vw,68px);height:clamp(18px,2.4vw,38px);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.65);image-rendering:pixelated;background:linear-gradient(#d2dee8a8,#d2dee8a8) 0 42% / 20% 30% no-repeat,linear-gradient(#aabac680,#aabac680) 22% 18% / 24% 38% no-repeat,linear-gradient(#e1ebf2ad,#e1ebf2ad) 44% 40% / 28% 36% no-repeat,linear-gradient(#96a4b06b,#96a4b06b) 74% 56% / 22% 28% no-repeat;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.24));animation:mx5-smoke-puffs 62s steps(1,end) infinite}.mx5-smoke-soft{left:92%;top:85%;width:clamp(46px,5.4vw,86px);height:clamp(20px,2.8vw,44px);opacity:0;animation-delay:.18s}@keyframes mx5-wheel-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mx5-chrome-sparkle{0%,72%,79%,to{opacity:0;transform:translate(-50%,-50%) scale(.55)}74%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}76%{opacity:.55;transform:translate(-50%,-50%) scale(.82)}}@keyframes mx5-drive-across{0%{top:66vh;transform:translate3d(-48vw,0,0) scale(.72) scaleX(-1);opacity:0}4%{top:66vh;transform:translate3d(-42vw,0,0) scale(.72) scaleX(-1);opacity:0}7%{opacity:.46}33%{top:66vh;transform:translate3d(112vw,0,0) scale(.72) scaleX(-1);opacity:.46}36%{top:66vh;transform:translate3d(120vw,0,0) scale(.72) scaleX(-1);opacity:0}38%{top:42vh;transform:translate3d(122vw,0,0) scale(1.12) scaleX(1);opacity:0}41%{opacity:.68}58%{top:42vh;transform:translate3d(-42vw,0,0) scale(1.12) scaleX(1);opacity:.68}61%{top:42vh;transform:translate3d(-50vw,0,0) scale(1.12) scaleX(1);opacity:0}63%{top:56vh;transform:translate3d(-50vw,0,0) scale(.9) scaleX(-1);opacity:0}66%{opacity:.56}88%{top:56vh;transform:translate3d(112vw,0,0) scale(.9) scaleX(-1);opacity:.56}91%{top:56vh;transform:translate3d(120vw,0,0) scale(.9) scaleX(-1);opacity:0}93%{top:72vh;transform:translate3d(120vw,0,0) scale(.78) scaleX(1);opacity:0}96%{opacity:.48}99%{top:72vh;transform:translate3d(-42vw,0,0) scale(.78) scaleX(1);opacity:.48}to{top:72vh;transform:translate3d(-50vw,0,0) scale(.78) scaleX(1);opacity:0}}@keyframes mx5-smoke-puffs{0%,8%,20%,31%,47%,59%,73%,84%,to{opacity:0;transform:translate(-50%,-50%) scale(.5)}10%,12%,37%,39%,89%,92%{opacity:.72;transform:translate(-62%,-54%) scale(1.08)}14%,41%,94%{opacity:.34;transform:translate(-78%,-64%) scale(1.38)}24%,26%,64%,67%,79%{opacity:.2;transform:translate(-58%,-50%) scale(.82)}}.site-header{position:sticky;top:0;z-index:10;background:#05060df5;border-bottom:4px solid var(--border)}.nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;width:100%;margin:0 auto;padding:18px 24px}.logo{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;font-size:1.1rem;font-weight:900;font-family:inherit;cursor:pointer}.logo img{width:42px;height:42px;border:3px solid var(--text);border-radius:50%;background:#fff;object-fit:cover;image-rendering:crisp-edges;box-shadow:4px 4px #000}.nav-links{display:flex;gap:24px;justify-content:center;justify-self:center;color:var(--muted);font-size:.92rem;font-weight:900;text-transform:uppercase}.nav-links a:hover{color:var(--pixel-yellow);text-shadow:3px 3px 0 #000}.nav-actions{display:flex;align-items:center;gap:10px;justify-self:end}.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;background:var(--surface);border:3px solid var(--border);border-radius:0;color:var(--text);font-size:.82rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.nav-button:hover{border-color:var(--pixel-yellow);color:var(--pixel-yellow);box-shadow:4px 4px #000}.search-form{display:flex;align-items:center;min-height:38px;overflow:hidden;background:var(--surface-muted);border:3px solid var(--border);border-radius:0}.search-form:focus-within{border-color:var(--accent);box-shadow:4px 4px #000}.search-form input{width:190px;min-height:38px;padding:0 12px;background:transparent;border:0;color:var(--text);font:inherit;font-size:.88rem;font-weight:900;outline:0}.search-form input::placeholder{color:#a9b4c7b8}.search-form button{min-height:38px;padding:0 12px;background:#142842;border:0;border-left:3px solid var(--border);color:var(--accent);font:inherit;font-size:.88rem;font-weight:900;text-transform:uppercase;cursor:pointer}.search-form button:hover{background:#1e3f61}.auth-nav-button{gap:8px;min-width:48px;padding:0 10px}.shelly-nav-button{gap:8px;min-width:132px}.pixel-switch{position:relative;display:inline-block;width:28px;height:16px;background:#0b1220;border:3px solid var(--border);box-shadow:2px 2px #000}.pixel-switch:after{position:absolute;top:2px;left:2px;width:6px;height:6px;content:"";background:var(--danger);box-shadow:8px 0 #ffffff1f,0 8px #0000005c}.pixel-switch-off:after{left:12px;background:var(--success)}.shelly-message{max-width:180px;overflow:hidden;color:var(--muted);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.pixel-user-icon{position:relative;display:inline-grid;width:22px;height:26px;image-rendering:pixelated}.pixel-user-head,.pixel-user-body{position:absolute;left:50%;background:var(--pixel-yellow);border:2px solid #061018;box-shadow:3px 3px #000;transform:translate(-50%)}.pixel-user-head{top:0;width:12px;height:12px}.pixel-user-head:before,.pixel-user-head:after{position:absolute;top:3px;width:2px;height:2px;content:"";background:#061018}.pixel-user-head:before{left:3px}.pixel-user-head:after{right:3px}.pixel-user-body{bottom:0;width:20px;height:12px}.auth-username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:linear-gradient(#05060dc7,#05060de6),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px}.auth-panel{display:grid;gap:18px;width:min(480px,100%);padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),var(--surface);background-size:12px 12px,auto;border:4px solid var(--border);box-shadow:10px 10px #000}.auth-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.auth-panel h2{margin:0;font-size:clamp(1.6rem,5vw,2.4rem)}.auth-close-button{display:inline-grid;width:42px;height:42px;place-items:center;background:var(--pixel-red);border:3px solid #ffd4d9;color:#061018;font:inherit;font-weight:900;cursor:pointer;box-shadow:4px 4px #000}.auth-close-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.auth-panel label{display:grid;gap:8px;color:var(--pixel-yellow);font-size:.86rem;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 #000}.auth-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-panel input{width:100%;min-height:46px;padding:0 12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-weight:900;outline:0}.auth-panel input:focus{border-color:var(--accent);box-shadow:4px 4px #000}.password-field{display:grid;grid-template-columns:1fr 52px}.password-field input{border-right:0}.password-eye-button{display:inline-grid;min-height:46px;place-items:center;background:#142842;border:3px solid var(--border);color:var(--accent);cursor:pointer}.password-eye-button:hover{background:#1e3f61}.pixel-eye{position:relative;width:24px;height:14px;background:var(--pixel-yellow);border:3px solid #061018;box-shadow:3px 3px #000}.pixel-eye:before{position:absolute;top:2px;left:8px;width:4px;height:4px;content:"";background:#061018}.pixel-eye:after{position:absolute;top:-6px;right:-6px;width:8px;height:8px;content:"";background:var(--accent);border:2px solid #061018}.auth-message{margin:0;padding:10px 12px;background:#ff4d5e29;border:3px solid var(--pixel-red);color:var(--text);font-size:.88rem;font-weight:900}.auth-dev-code{margin:0;padding:10px 12px;background:#5ff3ff24;border:3px solid var(--accent);color:var(--text);font-size:.88rem;font-weight:900}.auth-dev-code span{color:var(--pixel-yellow)}.auth-mode-button{padding:0;background:transparent;border:0;color:var(--accent);font:inherit;font-size:.88rem;font-weight:900;text-align:left;text-transform:uppercase;cursor:pointer}.auth-mode-button:hover{color:var(--pixel-yellow);text-shadow:3px 3px 0 #000}.orders-panel{width:min(720px,100%)}.orders-list{display:grid;gap:14px;max-height:min(56vh,560px);overflow:auto;padding-right:6px}.order-card{display:grid;gap:10px;padding:16px;background:#0b1020e6;border:3px solid var(--border);box-shadow:5px 5px #000}.order-card div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.order-card strong{color:var(--pixel-yellow);text-transform:uppercase}.order-card span,.order-card p{margin:0;color:var(--muted);font-size:.88rem;font-weight:900}.hero{display:grid;min-height:72vh;place-items:center;padding:72px 16px;background:linear-gradient(45deg,rgba(95,243,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,209,92,.08) 25%,transparent 25%),linear-gradient(135deg,#111827,#070913 62%,#02030a);background-size:28px 28px,28px 28px,auto;border-bottom:4px solid var(--border)}.hero-content{width:min(850px,100%)}.eyebrow{margin:0 0 10px;color:var(--pixel-yellow);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase;text-shadow:3px 3px 0 #000}h1,h2,h3,p{margin-top:0}h1{max-width:790px;margin-bottom:20px;font-size:clamp(2.25rem,7vw,5.2rem);font-weight:900;line-height:1;text-transform:uppercase;text-shadow:4px 4px 0 #000,6px 6px 0 var(--accent-dark),8px 8px 0 rgba(95,243,255,.22)}h2{margin-bottom:12px;font-size:clamp(1.8rem,4.4vw,3rem);font-weight:900;line-height:1.08;text-transform:uppercase;text-shadow:4px 4px 0 #000,6px 6px 0 rgba(255,92,168,.18)}h3{margin-bottom:10px;font-size:1.2rem;font-weight:900;text-transform:uppercase}.hero-content>p:not(.eyebrow),.section-heading p{max-width:660px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:3px solid transparent;border-radius:0;font:inherit;font-size:.9rem;font-weight:900;text-transform:uppercase;cursor:pointer}.button-primary{background:var(--accent);border-color:#d8fbff;color:#041018;box-shadow:5px 5px #000}.button-primary:hover{background:var(--pixel-yellow);transform:translate(3px,3px);box-shadow:2px 2px #000}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:5px 5px #000}.button-secondary:hover{border-color:var(--pixel-yellow);color:var(--pixel-yellow);transform:translate(3px,3px);box-shadow:2px 2px #000}.section{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:84px 0}.section-muted{width:100%;padding-right:max(16px,calc((100% - 1120px)/2));padding-left:max(16px,calc((100% - 1120px)/2));background:linear-gradient(180deg,#0e131deb,#080a0ff5),radial-gradient(circle at 85% 10%,rgba(104,225,253,.08),transparent 30%)}.section-heading{margin-bottom:32px}.info-section{scroll-margin-top:96px;border-top:4px solid rgba(60,72,104,.9)}.project-list{position:relative;display:grid;gap:64px;padding-left:300px}.timeline-item{position:relative;display:grid}.timeline-scroll-indicator{position:fixed;top:50vh;left:calc(max(20px,(100vw - 1440px) / 2) + 193px);z-index:20;width:84px;height:34px;background:transparent;border:0;border-radius:999px;transform:translateY(-50%);cursor:grab;pointer-events:auto;touch-action:none}.timeline-scroll-indicator:before{position:absolute;top:50%;left:50%;width:58px;height:6px;content:"";background:var(--pixel-yellow);border:3px solid #fff7d6;border-radius:0;box-shadow:5px 5px #000;transform:translate(-50%,-50%)}.timeline-scroll-indicator:active,.is-dragging-marker .timeline-scroll-indicator{cursor:grabbing}.timeline-scroll-indicator-hidden{opacity:0;pointer-events:none}.is-dragging-marker{-webkit-user-select:none;user-select:none}.timeline-range{position:absolute;top:0;bottom:0;left:-300px;width:220px}.timeline-end,.timeline-start{position:absolute;right:52px;max-width:168px;color:var(--text);font-size:1.05rem;font-weight:900;line-height:1.1;text-align:right;text-shadow:3px 3px 0 #000;text-transform:uppercase}.timeline-end{top:0}.timeline-start{bottom:0}.timeline-duration{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;margin:0}.timeline-duration:before{position:absolute;top:0;right:0;bottom:0;width:8px;content:"";background:repeating-linear-gradient(180deg,var(--accent) 0 16px,var(--pixel-pink) 16px 24px,var(--accent-dark) 24px 40px);border:2px solid #d8fbff;border-radius:0;box-shadow:5px 5px #000}.timeline-tick{width:54px;height:3px;margin-right:0;align-self:end;background:var(--muted);transform:translate(21px)}.project-card{position:relative;scroll-margin-top:110px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(180deg,#151d31,#080c18);background-size:12px 12px,auto;border:4px solid var(--border);border-radius:0;box-shadow:var(--shadow)}.project-card{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;padding:28px;width:min(1040px,100%);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.project-card-left{justify-self:start;transform-origin:left center}.project-card-right{justify-self:end;transform-origin:right center}.project-card-active{border-color:var(--pixel-yellow);box-shadow:10px 10px #000,0 0 0 4px #5ff3ff47;transform:scale(1.035)}.project-number{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 14px;background:#122a44;border:3px solid var(--accent);border-radius:0;color:#fff3df;font-weight:900;text-align:center;box-shadow:4px 4px #000;text-transform:uppercase;text-shadow:3px 3px 0 #000}.project-card-with-media{grid-template-columns:190px minmax(220px,320px) 1fr}.project-media,.project-page-media{overflow:hidden;background:#fff7d6;border:4px solid var(--border);box-shadow:6px 6px #000}.project-media{aspect-ratio:4 / 3}.project-media img,.project-page-media img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.mx5-info-hero{grid-template-columns:minmax(0,1fr) auto}.mx5-info-car{display:grid;width:min(220px,28vw);aspect-ratio:112 / 220;place-items:center;padding:18px;background:#05060d6b;border:4px solid var(--border);box-shadow:6px 6px #000}.mx5-info-car svg{display:block;width:100%;height:100%;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.52));image-rendering:pixelated;shape-rendering:crispEdges}.project-copy{min-width:0}.project-arrow-button{position:absolute;right:22px;bottom:18px;display:inline-grid;grid-template-areas:"arrow";width:96px;height:54px;place-items:center;padding:0;background:transparent;border:0;color:#fff7d66b;cursor:pointer;transition:color .18s ease,transform .18s ease,text-shadow .18s ease}.project-arrow-button:hover,.project-arrow-button:focus-visible{color:var(--pixel-yellow);outline:0;text-shadow:4px 4px 0 #000;transform:translate(8px,2px)}.project-enter-icon{grid-area:arrow;width:78px;height:44px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:5;filter:drop-shadow(3px 3px 0 #000);shape-rendering:crispEdges}.project-status{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.78rem;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 #000}.project-status-dot{display:inline-grid;width:22px;height:22px;place-items:center;border:2px solid #061018;border-radius:0;box-shadow:3px 3px #000}.project-status-dot:before{color:#061018;font-size:.86rem;font-weight:1000;line-height:1}.project-status-active .project-status-dot{background:var(--pixel-yellow);color:var(--pixel-yellow)}.project-status-done .project-status-dot{background:var(--pixel-green);color:var(--pixel-green)}.project-status-done .project-status-dot:before{content:"✓"}.project-status-stalled .project-status-dot{background:var(--pixel-red);color:var(--pixel-red)}.project-status-stalled .project-status-dot:before{width:12px;height:3px;content:"";background:#061018;border-radius:999px}.status-inner-dots{display:inline-flex;gap:2px;align-items:center;justify-content:center}.status-inner-dots span{width:3px;height:3px;animation:active-inner-dot 1.15s infinite;background:#061018;border-radius:0;opacity:.22}.status-inner-dots span:nth-child(2){animation-delay:.18s}.status-inner-dots span:nth-child(3){animation-delay:.36s}@keyframes active-inner-dot{0%,30%{opacity:.22;transform:translateY(0)}55%,to{opacity:1;transform:translateY(-1px)}}.project-date-range{margin-bottom:8px;color:var(--pixel-yellow);font-size:.82rem;font-weight:900;text-transform:uppercase}.project-card p{margin:0;color:var(--muted)}.project-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:96px 0;transform:translateZ(0);will-change:opacity,transform}.project-page-opening{transform:translateZ(0)}.project-open-overlay{position:fixed;z-index:9;top:var(--project-from-top, 120px);left:var(--project-from-left, 20px);width:var(--project-from-width, 420px);height:var(--project-from-height, 320px);pointer-events:none;animation:project-open-overlay-expand .72s cubic-bezier(.16,1,.3,1) both}.project-open-overlay-inner{width:100%;height:100%;background:linear-gradient(45deg,rgba(95,243,255,.07) 25%,transparent 25%),linear-gradient(180deg,#151d31,#080c18);background-size:14px 14px,auto;border:4px solid var(--border);box-shadow:var(--shadow)}.project-page-opening .project-page-hero{animation:project-hero-content-reveal .72s cubic-bezier(.16,1,.3,1) both}.project-page-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;min-height:46vh;padding:48px;background:linear-gradient(45deg,rgba(95,243,255,.07) 25%,transparent 25%),linear-gradient(180deg,#151d31,#080c18);background-size:14px 14px,auto;border:4px solid var(--border);border-radius:0;box-shadow:var(--shadow)}.project-page-hero p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:1.12rem}.project-page-status{position:static;grid-column:2;justify-self:end;align-self:start;padding:10px 12px;background:var(--surface-muted);border:3px solid var(--border);border-radius:0}.project-page-media{width:min(360px,32vw);aspect-ratio:4 / 3}.project-action-bar{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:14px;align-items:center;padding-top:10px;border-top:4px solid rgba(60,72,104,.72)}.buy-button{min-width:170px}.sold-out-badge{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;background:#ff525229;border:3px solid var(--pixel-red);color:var(--pixel-red);font-weight:900;text-transform:uppercase;box-shadow:4px 4px #000}.notify-button{display:inline-flex;gap:10px;align-items:center}.pixel-bell{position:relative;width:18px;height:18px;image-rendering:pixelated}.pixel-bell:before{position:absolute;inset:2px 3px 4px;content:"";background:var(--pixel-yellow);box-shadow:0 4px 0 var(--pixel-yellow),-3px 7px 0 var(--pixel-yellow),3px 7px 0 var(--pixel-yellow),3px 11px #000,-3px 11px #000}.pixel-bell:after{position:absolute;left:7px;bottom:0;width:4px;height:4px;content:"";background:var(--pixel-yellow);box-shadow:0 -16px 0 var(--pixel-yellow)}.project-price{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;background:var(--surface-muted);border:3px solid var(--border);color:var(--pixel-yellow);font-weight:900;text-transform:uppercase;box-shadow:4px 4px #000}.rating-box{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font-weight:900;box-shadow:4px 4px #000}.rating-stars{display:inline-flex;gap:2px;color:#b7c1d96b;font-size:1.2rem;line-height:1;text-shadow:2px 2px 0 #000}.rating-star-button{width:22px;height:26px;padding:0;background:transparent;border:0;color:#b7c1d96b;cursor:pointer;font:inherit;font-size:1.2rem;font-weight:900;line-height:1;text-shadow:2px 2px 0 #000}.rating-star-button:hover,.rating-star-button:focus-visible,.rating-star-button.star-filled{color:var(--pixel-yellow)}.project-notice{flex-basis:100%;margin:0;color:var(--muted);font-weight:900}.project-comments-panel{display:grid;gap:18px;margin-top:24px;padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),var(--surface);background-size:12px 12px,auto;border:4px solid var(--border);box-shadow:6px 6px #000}.comment-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.comment-form textarea{min-height:92px;resize:vertical;padding:12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-weight:900;outline:0}.comment-form textarea:focus{border-color:var(--accent);box-shadow:4px 4px #000}.comment-login-note{margin:0;color:var(--muted);font-weight:900}.comment-list{display:grid;gap:12px}.comment-card{padding:14px;background:#05060d85;border:3px solid rgba(60,72,104,.78)}.comment-card div{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px;color:var(--pixel-yellow);font-size:.88rem;font-weight:900;text-transform:uppercase}.comment-card span{color:var(--muted)}.comment-card p{margin:0;color:var(--text)}.comment-empty{margin:0;padding:14px;background:#05060d85;border:3px dashed rgba(60,72,104,.78);color:var(--muted);font-weight:900}.comment-toggle-button{justify-self:start;padding:10px 12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--accent);cursor:pointer;font:inherit;font-weight:900;text-transform:uppercase;box-shadow:4px 4px #000}.comment-toggle-button:hover,.comment-toggle-button:focus-visible{border-color:var(--accent);color:var(--text)}.project-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.project-info-panel{padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),var(--surface);background-size:12px 12px,auto;border:4px solid var(--border);border-radius:0;box-shadow:6px 6px #000}.project-info-panel p:last-child{margin:0;color:var(--muted)}.project-detail-list,.project-spec-list{display:grid;gap:10px;margin:0}.project-detail-list{padding-left:22px;color:var(--muted);font-weight:900}.project-detail-list li::marker{color:var(--pixel-yellow)}.project-spec-list{padding:0}.project-spec-list div{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:14px;padding:10px;background:#05060d85;border:3px solid rgba(60,72,104,.78)}.project-spec-list dt{color:var(--pixel-yellow);font-weight:900;text-transform:uppercase}.project-spec-list dd{margin:0;color:var(--text);font-weight:900}.project-software-panel{grid-column:1 / -1}.software-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:46px;margin-top:16px;padding:0 18px;background:var(--accent);border:3px solid #d8fbff;color:#041018;font-weight:900;text-transform:uppercase;box-shadow:5px 5px #000}.software-link:hover{background:var(--pixel-yellow)}@keyframes project-open-overlay-expand{0%{top:var(--project-from-top, 120px);left:var(--project-from-left, 20px);width:var(--project-from-width, 420px);height:var(--project-from-height, 320px);opacity:.86}64%{opacity:.52}to{top:var(--project-to-top, 140px);left:var(--project-to-left, 20px);width:var(--project-to-width, 1180px);height:var(--project-to-height, 420px);opacity:0}}@keyframes project-hero-content-reveal{0%{opacity:0}34%{opacity:0}72%{opacity:.78}to{opacity:1}}.project-page-hero,.project-info-panel{transform:translateZ(0);will-change:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:760px){.nav{align-items:flex-start;grid-template-columns:1fr;gap:12px;padding:16px}.nav-links{width:100%;justify-content:space-between;gap:12px;font-size:.95rem}.nav-actions{flex-wrap:wrap;width:100%}.nav-button{flex:1;min-width:160px}.search-form{width:100%}.search-form input{flex:1;width:auto}.auth-name-grid{grid-template-columns:1fr}.hero{min-height:68vh;padding-top:52px}.section{padding:64px 0}.section-muted{padding-top:64px;padding-bottom:64px}.project-list{gap:44px;padding-left:0}.timeline-scroll-indicator{display:none}.timeline-range{position:static;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:none;gap:12px;align-items:center;width:100%;min-height:auto!important;margin-bottom:14px}.timeline-end,.timeline-start{position:static;max-width:none;font-size:.9rem;text-align:left}.timeline-duration{position:static;flex-direction:row;height:30px;margin:0}.timeline-duration:before{top:50%;right:0;left:0;width:auto;height:5px;transform:translateY(-50%)}.timeline-tick{width:1px;height:20px;transform:none}.project-card{grid-template-columns:1fr;gap:18px}.project-card-with-media{grid-template-columns:1fr}.project-page-media{width:100%}.project-page-status{grid-column:auto;justify-self:start}.comment-form{grid-template-columns:1fr}.project-page{width:min(100% - 32px,1180px);padding:64px 0}.project-page-hero,.project-page-grid{grid-template-columns:1fr}.project-page-hero{padding:28px}.project-spec-list div{grid-template-columns:1fr;gap:4px}.project-number{justify-content:flex-start;padding:0 16px}}