@font-face{font-family:Orbitron;src:url('/fonts/Orbitron-800.06773f1d0718.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#000;--fg:#f1f4f5;--muted:#8e979e;--cyan:#69f6ed;--pink:#f851df;--line:#ffffff15;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff02 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff02 75%,transparent calc(75% + 1px));z-index:-1}
a{color:inherit;text-decoration:none}button{font:inherit}button[hidden]{display:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
.skip{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:var(--cyan);color:#000;padding:12px 16px;z-index:10}.skip:focus{transform:none}
.site-shell{max-width:1800px;min-height:100svh;margin:auto;padding:0 5vw;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:15px;font-family:Orbitron,Arial,sans-serif;font-size:16px;font-weight:800;letter-spacing:.03em;line-height:1.35}.brand-second{display:block;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.45em;color:var(--muted);margin-top:5px}
.header-right{display:flex;align-items:center;gap:34px}.status{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted)}.status i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #69f6ed55}
.brand-glyph{width:47px;height:47px;flex:none;position:relative;mix-blend-mode:screen;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%;transition:filter .2s}.brand-glyph:hover{filter:drop-shadow(0 0 8px #69f6ed55)}
.brand-glyph img,.brand-glyph video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.brand-glyph img{filter:none}.brand-glyph video{opacity:0}.brand-glyph[data-playing=true] video{opacity:1}.brand-glyph[data-playing=true] img{opacity:0}
@media(max-width:700px){.brand-glyph{width:44px;height:44px}.brand-glyph img,.brand-glyph video{inset:4px;width:36px;height:36px}}
.hero{flex:1;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.3fr);align-items:center;gap:2vw;padding:48px 0;min-height:0}
.copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-family:var(--mono);font-size:10px;letter-spacing:.12em;margin:0 0 24px}.eyebrow span{font-size:20px;font-weight:400}
h1{font-family:Orbitron,Arial,sans-serif;font-size:clamp(60px,6vw,108px);line-height:1.06;letter-spacing:-.055em;margin:0;font-weight:800;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 24px #69f6ed18}h1 span{color:var(--cyan)}
.intro{font-size:18px;letter-spacing:-.025em;margin:24px 0 10px}.description{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 28px;max-width:430px}
.project-link{display:flex;align-items:center;gap:14px;max-width:445px;padding:14px 16px;border:1px solid #ffffff25;border-radius:3px;background:#06070acc;transition:border-color .2s}.project-copy{display:flex;flex-direction:column;gap:8px}.project-eyebrow{font:9px var(--mono);letter-spacing:.16em;color:var(--muted)}.project-copy strong{font-size:22px;font-weight:500;letter-spacing:0}.project-arrow{font-size:24px;margin-left:auto;color:var(--cyan);transition:transform .2s}.project-link:hover{border-color:var(--cyan)}.project-link:hover .project-arrow{transform:translate(3px,-3px)}.project-link[aria-disabled=true]{cursor:default}
.art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0 -3vw 0 0}
.visual{position:relative;container-type:inline-size;--crt-step:clamp(2px,.6cqw,6px);--crt-line:clamp(.5px,.12cqw,1.5px);aspect-ratio:16/9;width:100%;background:#000;mix-blend-mode:screen;isolation:isolate}.poster,.visual video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;mix-blend-mode:screen;display:block}.visual video{opacity:0}.visual[data-playing=true] video{opacity:1}.poster{opacity:1}.visual[data-playing=true] .poster{opacity:0}
.contact-link{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:22px;padding:10px 0;font:12px var(--mono);color:var(--cyan);overflow-wrap:anywhere}.contact-label{font-size:9px;letter-spacing:.16em;color:var(--muted)}.contact-link>span:last-child>span{display:inline-block;margin-left:9px}.contact-link:hover>span:last-child,.opening-contact:hover{text-decoration:underline;text-underline-offset:5px}
.crt-visual{overflow:hidden;mask-image:radial-gradient(ellipse 70% 90% at 50% 50%,#000 65%,transparent 100%)}.crt-core{animation:crt-float 13.7s ease-in-out infinite;transform-origin:center}.crt-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none}.crt-cyan{opacity:.2;filter:brightness(1.1) saturate(1.15);animation:crt-cyan-drift 8.3s ease-in-out infinite}.crt-magenta{opacity:.17;clip-path:polygon(0 36%,100% 36%,100% 69%,0 69%);filter:brightness(1.15) saturate(1.2);animation:crt-magenta-drift 11.9s ease-in-out infinite}.crt-lines,.crt-sweep{position:absolute;inset:0;pointer-events:none}.crt-lines{background:repeating-linear-gradient(0deg,#000 0 var(--crt-line),transparent var(--crt-line) var(--crt-step));opacity:.2;mask-image:radial-gradient(ellipse 35% 70% at 50% 50%,#000 35%,transparent 80%);animation:crt-lines-drift 9.7s linear infinite}.crt-sweep{background:radial-gradient(ellipse 40% 12% at 50% 50%,#08f5ff0c 0%,#f851df08 30%,transparent 75%);opacity:.5;animation:crt-sweep-drift 10.6s ease-in-out infinite}
@keyframes crt-float{0%,100%{transform:translate3d(0,.6%,0) scale(1)}38%{transform:translate3d(0,-1.2%,0) scale(1.009)}73%{transform:translate3d(.17%,-.3%,0) scale(1.004)}}
@keyframes crt-cyan-drift{0%,100%{transform:translate3d(-.35%,.3%,0);opacity:.12}28%{transform:translate3d(.7%,-.6%,0);opacity:.25}61%{transform:translate3d(-.85%,.6%,0);opacity:.17}82%{transform:translate3d(.17%,-.3%,0);opacity:.22}}
@keyframes crt-magenta-drift{0%,100%{transform:translate3d(.5%,-.3%,0);opacity:.15}32%{transform:translate3d(-1.15%,.6%,0);opacity:.24}68%{transform:translate3d(.85%,-.9%,0);opacity:.1}87%{transform:translate3d(-.35%,.3%,0);opacity:.18}}
@keyframes crt-lines-drift{to{transform:translate3d(0,var(--crt-step),0)}}
@keyframes crt-sweep-drift{0%,100%{transform:translate3d(0,-48%,0);opacity:0}18%{opacity:.45}50%{transform:translate3d(0,0,0);opacity:.7}82%{opacity:.45}94%{transform:translate3d(0,48%,0);opacity:0}}
.motion-paused .crt-visual *{animation-play-state:paused}.ambient-static .crt-core{animation:none;transform:none}.ambient-static .crt-ghost,.ambient-static .crt-lines,.ambient-static .crt-sweep{display:none}
@media(prefers-reduced-motion:reduce){.crt-core{animation:none}.crt-ghost,.crt-lines,.crt-sweep{display:none}}
.footer{border-top:1px solid var(--line);min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px var(--mono);letter-spacing:.08em;color:#778087}.domain{display:flex;align-items:center;gap:13px}.domain span{color:var(--cyan);font-size:15px}
@media(min-width:1600px){.site-shell{padding:0 90px}.hero{gap:60px}.art{margin-right:-20px}}
@media(max-width:1050px){.site-shell{padding:0 5vw}.masthead{min-height:90px}.hero{grid-template-columns:minmax(310px,.9fr) minmax(0,1fr);min-height:0;gap:5px}h1{font-size:clamp(54px,6vw,72px)}.eyebrow{font-size:9px;letter-spacing:.05em}.art{margin-right:-4vw}.intro{font-size:18px}.description{font-size:13px}}
@media(max-width:700px){.site-shell{padding:0 24px}.masthead{min-height:82px;gap:8px}.status{font-size:8px;letter-spacing:.05em;gap:8px}.brand{gap:10px;font-size:12px}.brand-second{font-size:8px}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:16px 0 36px}.art{order:0;width:calc(100% + 48px);margin:0 -24px;align-self:center;height:clamp(220px,35svh,340px);flex-shrink:0}.visual{width:100%}.copy{order:1;width:100%;margin-top:4px}.eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:22px}.eyebrow span{font-size:16px}h1{font-size:clamp(42px,12vw,68px);line-height:1.06}.intro{font-size:17px;margin-top:23px}.description{font-size:12px;margin-bottom:28px}.desktop-break{display:none}.project-link{padding:14px 16px;gap:14px;max-width:none}.project-copy strong{font-size:22px}.footer{font-size:8px;letter-spacing:0;min-height:58px}.domain{font-size:8px;gap:6px}.domain span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.project-link:hover .project-arrow{transform:none}}
.project-icon{width:60px;height:60px;flex-shrink:0;filter:drop-shadow(0 0 12px #54c8a010)}
.intro-active{overflow:hidden}.opening[hidden]{display:none}.opening{position:fixed;inset:0;z-index:20;background:#000;overflow:hidden;isolation:isolate}.opening video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:0;transition:opacity .25s}.opening::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0005,transparent 18%,transparent 70%,#0009)}.opening[data-ready=true] video{opacity:1}.opening-top,.opening-bottom{position:absolute;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:1;font:10px var(--mono);letter-spacing:.15em;color:#89969d}.opening-top{top:max(34px,env(safe-area-inset-top))}.opening-top span:first-child{color:var(--cyan)}.opening-bottom{top:calc(max(34px,env(safe-area-inset-top)) + 34px);align-items:flex-start}.opening-controls{display:flex;gap:10px}.opening button{border:1px solid #ffffff30;background:#06070acc;color:var(--fg);font:11px var(--mono);padding:12px 18px;cursor:pointer;letter-spacing:.03em}.opening button:hover{border-color:var(--cyan);color:var(--cyan)}.opening button span{color:var(--cyan);padding-left:12px}
@media(max-width:700px){.project-icon{width:52px;height:52px}.opening-top,.opening-bottom{left:24px;right:24px;font-size:8px;letter-spacing:.05em}.opening-top{top:max(26px,env(safe-area-inset-top))}.opening-bottom{top:auto;bottom:max(24px,env(safe-area-inset-bottom))}.opening-bottom>span{max-width:92px;line-height:1.8}.opening button{font-size:10px;padding:11px 12px}}
.project-icon[hidden]{display:none}.opening-project{display:flex;align-items:center;gap:14px;letter-spacing:0;padding:12px 16px;border:1px solid #ffffff25;border-radius:3px;background:#06070acc}.opening-project>span{display:flex;flex-direction:column;gap:8px}.opening-project strong{font:500 22px Arial,Helvetica,sans-serif;color:var(--fg)}.opening-project strong span{color:var(--cyan);padding-left:18px}.opening-project:hover{border-color:var(--cyan)}.opening-project .project-eyebrow{font-size:9px}.opening-project .project-icon{width:46px;height:46px}.opening[data-finished=true] .opening-top span:last-child{color:var(--cyan)}
.project-icon{width:46px;height:46px;object-fit:contain;padding:3px;filter:drop-shadow(0 1px 5px #efe5d118)}
@media(max-width:700px){.opening-bottom{flex-wrap:wrap;gap:14px}.opening-project{width:100%;justify-content:center;text-align:left;padding:14px}.opening-project strong{font-size:21px}.opening-controls{width:100%;justify-content:flex-end}.opening-project .project-eyebrow{font-size:8px}}

.opening-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.opening-contact{color:var(--cyan);font:11px var(--mono);letter-spacing:0;padding:5px 0}.opening-contact span{margin-left:8px}
@media(max-width:700px){.opening-actions{width:100%;gap:8px}.opening-contact{font-size:10px}.contact-link{font-size:11px;margin-top:17px}}
.opening .intro-glyph{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#c0cbd0;opacity:.6;transition:opacity .2s;touch-action:manipulation}.opening .intro-glyph:hover,.opening .intro-glyph:focus-visible{opacity:1;color:var(--cyan)}.intro-glyph svg path{display:none}.intro-glyph[data-state=pause] .glyph-pause,.intro-glyph[data-state=resume] .glyph-resume,.intro-glyph[data-state=replay] .glyph-replay{display:block}.opening-top{padding-right:28px}@media(max-width:700px){.opening .intro-glyph{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.opening-top{padding-right:30px}}




.opening canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s}.opening canvas[hidden]{display:none}.opening[data-ready=true] canvas{opacity:1}.opening[data-rendered=true] video{opacity:0}
.opening .opening-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.35;pointer-events:none}.opening[data-ready=true] .opening-poster{display:none}.opening[data-renderer-fallback=true] video{object-fit:contain;mix-blend-mode:normal}
.intro-prompt{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:3;text-align:center;width:min(280px,80vw)}.intro-prompt[hidden]{display:none}.intro-prompt p{font:11px/1.7 var(--mono);color:var(--muted);margin-top:12px}.intro-glyph[data-state=start] .glyph-resume{display:block}
@media(max-height:500px) and (min-aspect-ratio:1/1){.opening-top{top:max(18px,env(safe-area-inset-top))}.opening .intro-glyph{top:max(2px,env(safe-area-inset-top))}.opening-bottom{top:auto;bottom:max(12px,env(safe-area-inset-bottom));flex-wrap:nowrap;align-items:flex-end;gap:12px}.opening-project{width:auto;padding:8px 12px;gap:8px}.opening-project .project-eyebrow{display:none}.opening-project strong{font-size:18px}.opening-project .project-icon{width:32px;height:32px}.opening-actions{width:auto;gap:4px}.opening-controls{width:auto}.opening button{padding:8px 12px}.opening-contact{font-size:9px}}