:root{color-scheme:dark;--bg: #0d100e;--panel: #121713;--line: #29352b;--muted: #829185;--text: #edf2e8;--lime: #c3f36b;--accent: #c3f36b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#23332130,transparent 65%)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;border:0}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}main:focus{outline:none}svg{flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - 80px));margin-inline:auto}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--muted);background:transparent;transition:color .2s,background .2s,border-color .2s}.icon-button:hover{color:var(--text);background:#ffffff08}.icon-button[aria-current],.icon-button.selected{color:var(--accent);background:#c3f36b0b}.skip-link{position:fixed;z-index:10;top:12px;left:12px;transform:translateY(-160%);background:var(--panel)}.skip-link:focus{transform:none}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;position:relative}.brand-symbol{color:var(--lime);width:44px;height:44px;display:grid;place-items:center}.site-header nav{display:flex;gap:7px;padding:5px;border:1px solid #29352b85;background:#141a1580;border-radius:18px}.contact-link{border:1px solid var(--line)}.gallery{display:grid;gap:24px}.construction-lines{stroke:#66835b;stroke-width:.7;opacity:.27}.connection-track{stroke:#46533b;stroke-width:1.1}.connection-signal{stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1.2 98.8;animation:signal-flow 5s linear infinite;animation-delay:var(--delay, 0s);opacity:.6}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{position:relative;overflow:hidden;border:1px solid #303a2d;border-radius:20px;background:#121713;transition:border-color .3s,background .3s,transform .3s}.project-card:hover{border-color:#657c4d;background:#182016;transform:translateY(-4px)}.project-visual{--accent: #c3f36b;position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#9dbf6410,transparent 68%)}.project-visual-1{--accent: #a4c6ad}.project-visual-2{--accent: #d0d99c}.project-art{width:100%;height:100%}.project-open{position:absolute;right:17px;top:17px;color:#6f8066;transition:color .2s}.project-card:hover .project-open{color:var(--lime)}.visual-corner{position:absolute;width:7px;height:7px;border-color:#556548;opacity:.5}.corner-top{top:19px;left:19px;border-top:1px solid;border-left:1px solid}.corner-bottom{bottom:19px;right:19px;border-bottom:1px solid;border-right:1px solid}.svg-tile{fill:#1a2319;stroke:#4b6040;stroke-width:1}.svg-core{fill:#c3f36b0a;stroke:#7c9d50;stroke-width:1}.svg-detail{stroke:#7d926c;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.svg-icon{stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.svg-dot{fill:var(--accent)}.muted-dot{fill:#43533e}.svg-float{animation:float 6s ease-in-out infinite;animation-delay:var(--delay, 0s)}.svg-pulse{stroke:var(--accent);stroke-width:1;animation:twinkle 3s ease-in-out infinite;animation-delay:var(--delay, 0s)}.matrix-cell{fill:#344e32;animation:matrix-shift 5s ease-in-out infinite;animation-delay:var(--delay)}.matrix-cell.cell-bright{fill:var(--accent);opacity:.7}.chart-line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:100;animation:draw-line 5s ease-in-out infinite}.scan-line{fill:var(--accent);opacity:.25;animation:scan 6s ease-in-out infinite}.visual-meter{position:absolute;bottom:17px;left:20px;display:flex;align-items:flex-end;height:13px;gap:3px;opacity:.35}.visual-meter i{width:2px;height:var(--meter);background:var(--accent);animation:wave 2.5s ease-in-out infinite;animation-delay:var(--delay)}.site-footer{display:flex;align-items:center;justify-content:center;gap:10px;height:110px}.footer-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#34412d);margin-right:15px}.footer-line:last-child{transform:rotate(180deg);margin-left:15px;margin-right:0}.projects-gallery{min-height:calc(100svh - 214px);align-content:center}.project-feature{border:1px solid var(--line);border-radius:24px;background:#121713;position:relative;overflow:hidden}.project-feature .project-visual{max-width:800px;margin:auto}.project-feature .visual-meter{display:none}.back-link{position:absolute;left:20px;top:20px;z-index:1;transform:rotate(180deg)}.portrait-scene{min-height:650px;display:grid;place-items:center;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#26372140,transparent 65%)}.about-portrait{position:relative;width:300px;aspect-ratio:6 / 7;padding:9px;background:#1c271a;border:1px solid #62724d;border-radius:150px 150px 30px 30px;transform:rotate(-5deg);box-shadow:0 25px 80px #0008}.about-portrait img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:saturate(.65)}.portrait-status{position:absolute;bottom:28px;right:28px;width:12px;height:12px;border-radius:50%;background:var(--lime);border:3px solid #283620;box-shadow:0 0 0 4px #c3f36b15}.portrait-orbit{position:absolute;width:470px;height:470px;border-radius:50%;border:1px solid #53644060;animation:orbit 50s linear infinite}.portrait-orbit:after{content:"";width:7px;height:7px;background:var(--lime);border-radius:50%;position:absolute;top:66px;left:66px;box-shadow:0 0 15px #c3f36b50}.portrait-orbit-two{width:580px;height:580px;border-style:dashed;opacity:.5;animation-direction:reverse}.portrait-contact{position:absolute;left:calc(50% + 170px);top:58%;background:#24301c;color:var(--lime);border:1px solid #607843;width:58px;height:58px;border-radius:18px}.portrait-spark{position:absolute;left:calc(50% - 230px);top:29%;color:var(--lime);animation:float 5s ease-in-out infinite}.lost-scene{min-height:calc(100svh - 240px);display:grid;place-items:center;position:relative;overflow:hidden}.lost-home{display:grid;place-items:center;gap:26px;color:var(--lime);z-index:1}.lost-orbit{width:280px;height:280px;border:1px dashed #536440;border-radius:50%;position:absolute;animation:orbit 60s linear infinite}@keyframes signal-flow{to{stroke-dashoffset:-100}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -7px}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}@keyframes wave{50%{transform:scaleY(.45);opacity:.3}}@keyframes matrix-shift{50%{opacity:.25}}@keyframes draw-line{0%,15%{stroke-dashoffset:100}65%,to{stroke-dashoffset:0}}@keyframes scan{0%,to{transform:translate(0);opacity:0}15%,85%{opacity:.25}95%{transform:translate(236px);opacity:0}}.motion-paused .animated,.page-hidden .animated,.is-idle .animated{animation-play-state:paused!important}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.project-grid{gap:16px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{height:88px}.site-header nav{gap:0;padding:3px;border-radius:15px}.site-header nav .icon-button{width:40px}.brand-symbol svg{width:25px}.gallery{gap:16px}.project-grid{grid-template-columns:1fr;gap:16px}.project-visual{aspect-ratio:4 / 2.7}.project-card{border-radius:18px}.project-art{width:100%;max-height:340px}.project-feature .project-visual{aspect-ratio:1 / 1.1}.project-feature .project-art{max-height:none}.portrait-scene{min-height:540px}.about-portrait{width:220px}.portrait-orbit-one{width:340px;height:340px}.portrait-orbit-two{width:460px;height:460px}.portrait-contact{left:calc(50% + 88px);top:70%}.portrait-spark{left:9%;top:18%}.site-footer{height:96px}.footer-line{width:35px;margin-right:4px}.footer-line:last-child{margin-left:4px}}@media(max-width:360px){.wrap{width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-card:hover{transform:none}.chart-line{stroke-dashoffset:0}.scan-line{display:none}.connection-signal{stroke-dasharray:1 24;opacity:.5}}