.home-page{background:linear-gradient(#26163d03 1px, transparent 1px), linear-gradient(90deg, #26163d03 1px, transparent 1px), var(--color-paper);background-size:5rem 5rem;min-height:100svh}.home-page .site-main{min-height:calc(100svh - var(--header-h))}.interface-stage{--pointer-x:0px;--pointer-y:0px;min-height:calc(100svh - var(--header-h));isolation:isolate;position:relative;overflow:hidden}.interface-stage:before{z-index:0;clip-path:polygon(2.4rem 0,100% 0,100% calc(100% - 2.4rem),calc(100% - 2.4rem) 100%,0 100%,0 2.4rem);content:"";pointer-events:none;border:1px solid #26163d0f;transition:opacity .26s;position:absolute;inset:clamp(1rem,2vw,2rem) clamp(1rem,2.5vw,2.5rem)}.interface-stage:after{z-index:30;content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#df0068e6,#0000);width:48vw;height:2px;position:absolute;top:51%;left:-32vw;transform:skew(-18deg)translate(0);box-shadow:0 0 1rem #df006847}.interface-stage[data-ui-state=open]:after{animation:project-launch-trail .36s var(--ease-engineered) 1}@keyframes project-launch-trail{0%{opacity:0;transform:skew(-18deg)translate(0)}18%{opacity:1}to{opacity:0;transform:skew(-18deg)translate(185vw)}}.interface-stage__watermark{z-index:1;pointer-events:none;opacity:.035;width:clamp(10rem,17vw,17rem);transition:opacity .32s;position:absolute;bottom:clamp(2.5rem,7vh,5.5rem);left:clamp(-2.5rem,1vw,1rem);transform:rotate(-4deg)}.interface-stage__watermark img{filter:grayscale()contrast(.78);mix-blend-mode:multiply;width:100%;height:auto}.interface-stage[data-mode=about] .interface-stage__watermark,.interface-stage[data-mode=contact] .interface-stage__watermark{opacity:0}.interface-stage__field{z-index:4;position:absolute;inset:clamp(1.6rem,3.5vh,3rem) clamp(2rem,5vw,6rem) clamp(2.2rem,5vh,4rem)}.mode-panel{visibility:hidden;pointer-events:none;opacity:0;transition:visibility 0s linear .44s, opacity .3s ease, transform .44s var(--ease-engineered);position:absolute;inset:0;transform:translateY(.8rem)}.interface-stage[data-mode=projects] .project-panel,.interface-stage[data-mode=about] .about-panel,.interface-stage[data-mode=contact] .contact-panel{visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s;transform:none}.connection-layer{z-index:1;pointer-events:none;transition:opacity .24s ease, transform .36s var(--ease-engineered);position:absolute;inset:0;overflow:hidden}.connection-layer svg{width:100%;height:100%}.connection-layer__quiet,.connection-layer__project,.connection-layer__about,.connection-layer__contact,.connection-layer__marks{fill:none;vector-effect:non-scaling-stroke}.connection-layer__quiet{stroke:var(--color-line);stroke-width:1px;opacity:.38}.connection-layer__marks{fill:var(--color-structure);stroke:var(--color-structure);stroke-width:1px;opacity:.16}.connection-layer__project,.connection-layer__about,.connection-layer__contact{stroke:var(--color-structure);stroke-width:1.2px}.connection-layer__project path,.connection-layer__about path,.connection-layer__contact path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .52s var(--ease-engineered)}.connection-layer__project circle,.connection-layer__about circle,.connection-layer__contact circle{fill:var(--color-paper);opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .14s ease, transform .24s var(--ease-engineered);transform:scale(0)}.interface-stage[data-mode=projects][data-ui-state=approach] .connection-layer__project path,.interface-stage[data-mode=projects]:is([data-ui-state=hover],[data-ui-state=connected]) .connection-layer__project path,.interface-stage[data-mode=projects][data-ui-state=open] .connection-layer__project path,.interface-stage[data-mode=about] .connection-layer__about path,.interface-stage[data-mode=contact] .connection-layer__contact path{stroke-dashoffset:0}.interface-stage[data-mode=projects][data-ui-state=approach] .connection-layer__project circle,.interface-stage[data-mode=projects]:is([data-ui-state=hover],[data-ui-state=connected]) .connection-layer__project circle,.interface-stage[data-mode=projects][data-ui-state=open] .connection-layer__project circle,.interface-stage[data-mode=about] .connection-layer__about circle,.interface-stage[data-mode=contact] .connection-layer__contact circle{opacity:1;transform:scale(1)}.connection-layer__project circle:nth-of-type(2),.connection-layer__about circle:nth-of-type(2),.connection-layer__contact circle:nth-of-type(2){transition-delay:60ms}.connection-layer__project circle:nth-of-type(3),.connection-layer__about circle:nth-of-type(3),.connection-layer__contact circle:nth-of-type(3){transition-delay:.12s}.connection-layer__project circle:nth-of-type(n+4),.connection-layer__contact circle:nth-of-type(n+4){transition-delay:.18s}.interface-stage[data-mode=projects]:is([data-ui-state=hover],[data-ui-state=connected]) .connection-layer__project circle:last-child,.interface-stage[data-mode=projects][data-ui-state=open] .connection-layer__project circle:last-child,.interface-stage[data-mode=contact] .connection-layer__contact circle:last-child{fill:var(--color-active);stroke:var(--color-active)}.interface-stage[data-link-focus=about-doc] .connection-layer__about circle:last-child{fill:var(--color-active);stroke:var(--color-active);transform:scale(1.35)}.interface-stage:is([data-link-focus=discord],[data-link-focus=x]) .connection-layer__contact circle:last-child{transform:scale(1.35)}.project-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.project-panel__target{place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}@media (width>=861px){.project-panel[data-has-switcher] .project-panel__frame{height:min(60vh,38rem);min-height:24rem}}.project-panel__stage{position:relative}.project-panel__link{color:inherit;touch-action:pan-y;text-decoration:none;display:block}.project-panel__cycle{z-index:8;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-structure-soft);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.32rem;padding:.55rem .5rem .5rem;transition:border-color .2s,color .2s,opacity .2s;display:flex;position:absolute;top:50%}.project-panel__cycle--prev{left:0;transform:translate(-50%,-50%)}.project-panel__cycle--next{right:0;transform:translate(50%,-50%)}.project-panel__cycle i{color:inherit;font-size:1.05rem;font-style:normal;line-height:1}.project-panel__cycle span{max-width:5.6rem;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:.4rem;overflow:hidden}.project-panel__cycle:hover,.project-panel__cycle:focus-visible{color:var(--color-active);border-color:var(--color-active)}.project-panel__cycle:focus-visible{outline:1px solid var(--color-active);outline-offset:2px}.interface-stage[data-ui-state=open] .project-panel__cycle{opacity:0;pointer-events:none}.project-panel__frame{isolation:isolate;width:min(67vw,68rem);height:min(71vh,45rem);min-height:31rem;transition:filter .26s ease, transform .52s var(--ease-engineered);view-transition-name:zero-g-project-frame;position:relative;transform:translateZ(0)}.project-frame-svg{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.project-frame-svg__quiet,.project-frame-svg__active{fill:none;vector-effect:non-scaling-stroke}.project-frame-svg__quiet{stroke:var(--color-line);stroke-width:1px;opacity:.55;transition:opacity .22s,stroke .22s}.project-frame-svg__active{stroke:var(--color-structure);stroke-width:1.35px}.project-frame-svg__active path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .46s var(--ease-engineered)}.project-frame-svg__nodes{fill:var(--color-paper);stroke:var(--color-structure);stroke-width:1.8px}.project-frame-svg__nodes circle{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .14s ease, transform .24s var(--ease-engineered);transform:scale(0)}.interface-stage[data-ui-state=approach] .project-frame-svg__quiet,.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-frame-svg__quiet,.interface-stage[data-ui-state=open] .project-frame-svg__quiet{stroke:#cac6ce;opacity:1}.interface-stage[data-ui-state=approach] .project-frame-svg__active path{stroke-dashoffset:.42px}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-frame-svg__active path,.interface-stage[data-ui-state=open] .project-frame-svg__active path{stroke-dashoffset:0}.interface-stage[data-ui-state=approach] .project-frame-svg__nodes circle,.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-frame-svg__nodes circle,.interface-stage[data-ui-state=open] .project-frame-svg__nodes circle{opacity:1;transform:scale(1)}.project-frame-svg__nodes circle:nth-child(2){transition-delay:60ms}.project-frame-svg__nodes circle:nth-child(3),.project-frame-svg__nodes circle:nth-child(4){transition-delay:.12s}.project-frame-svg__nodes circle:nth-child(n+5){transition-delay:.18s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-frame-svg__nodes circle:nth-child(4),.interface-stage[data-ui-state=open] .project-frame-svg__nodes circle:nth-child(4){fill:var(--color-active);stroke:var(--color-active)}.project-panel__media{z-index:1;visibility:hidden;clip-path:polygon(6% 0,100% 0,100% 88%,88% 100%,0 100%,0 7%);opacity:0;transition:visibility 0s linear .18s, opacity .18s var(--ease-engineered);view-transition-name:zero-g-project-visual;background:#08060a;position:absolute;inset:6.2% 5.8%;overflow:hidden}.layered-project-media{isolation:isolate;background:#08060a;position:absolute;inset:0;overflow:hidden}.project-panel__visual{position:absolute;inset:0}.project-panel__visual:not([data-active]){visibility:hidden}.project-panel__beacon{z-index:5;pointer-events:none;text-align:center;place-content:center;transition:opacity .22s;display:grid;position:absolute;inset:0}.project-panel__beacon-box{justify-items:center;gap:.55rem;padding:1.15rem 1.9rem;display:grid;position:relative}.project-panel__beacon-box:before,.project-panel__beacon-box:after{content:"";pointer-events:none;width:.95rem;height:.95rem;position:absolute}.project-panel__beacon-box:before{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);top:0;left:0}.project-panel__beacon-box:after{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);bottom:0;right:0}.project-panel__beacon-sys{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.18em;align-items:center;gap:.45rem;font-size:.4rem;display:inline-flex}.project-panel__beacon-sys:before{background:var(--color-active);content:"";border-radius:50%;width:.28rem;height:.28rem}.project-panel__beacon-target{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.16em;font-size:.42rem}.project-panel__beacon-cta{color:var(--color-structure);font-family:var(--font-mono);letter-spacing:.15em;font-size:.56rem;font-weight:650}.project-panel__beacon-touch{display:none}.interface-stage:not([data-ui-state=idle]) .project-panel__beacon{opacity:0}.layered-project-media__image{z-index:1;object-fit:cover;object-position:center var(--image-pan-y,var(--media-focal-y));clip-path:inset(0 0 100%);filter:saturate(.94)contrast(1.045);opacity:0;width:100%;height:100%;transform:scale(1.035) translate(var(--pointer-x), var(--pointer-y));transition:transform .52s var(--ease-engineered), object-position .16s var(--ease-engineered);position:absolute;inset:0}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__media,.interface-stage[data-ui-state=open] .project-panel__media{visibility:visible;opacity:1;transition-delay:0s,0s}.interface-stage[data-ui-state=approach] .project-panel__media{visibility:visible;clip-path:inset(44% 7%);opacity:0;animation:approach-trace-pulse 1.2s var(--ease-engineered) 1 forwards;background:0 0;transition:none}@keyframes approach-trace-pulse{0%{opacity:0}16%{opacity:.62}58%{opacity:.62}to{opacity:0}}.interface-stage[data-ui-state=approach] .layered-project-media{background:0 0}.interface-stage[data-ui-state=approach] .layered-project-media__monochrome{clip-path:inset(0);opacity:.5;filter:grayscale()contrast(1.15)brightness(1.04);transition:opacity .22s}.interface-stage[data-ui-state=approach] .layered-project-media__trace-line{opacity:.5;top:50%}.layered-project-media__monochrome{z-index:1;background-image:var(--layered-media-source);background-position:center var(--image-pan-y,var(--media-focal-y));clip-path:inset(0 0 100%);filter:grayscale()contrast(1.2)brightness(.66);opacity:0;pointer-events:none;background-size:cover;position:absolute;inset:-1.8%;transform:scale(1.035)}.layered-project-media__static{z-index:2;mix-blend-mode:screen;opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:120px 120px;position:absolute;inset:0}.layered-project-media__ghost{z-index:3;background-image:var(--layered-media-source);background-position:center var(--image-pan-y,var(--media-focal-y));filter:saturate(3.2)hue-rotate(312deg)contrast(1.35)brightness(1.05);mix-blend-mode:screen;opacity:0;pointer-events:none;background-size:cover;position:absolute;inset:-1.8%;transform:scale(1.035)}.layered-project-media__scanlines{z-index:4;mix-blend-mode:multiply;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#08060a80 0 1px,#0000 1px 4px);position:absolute;inset:0}.layered-project-media__loader{z-index:8;color:#eeeaf2a8;font-family:var(--font-mono);letter-spacing:.15em;opacity:0;pointer-events:none;grid-template-columns:auto clamp(2.5rem,6vw,5rem) auto;align-items:center;gap:.65rem;font-size:.39rem;display:grid;position:absolute;top:5.5%;left:5%}.layered-project-media__loader-track{background:#eeeaf22e;height:2px;position:relative;overflow:hidden}.layered-project-media__loader-track:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 20%,#08060ae6 20% 24%);position:absolute;inset:0}.layered-project-media__loader-track i{background:var(--layered-media-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(.16)}.layered-project-media__trace-line,.layered-project-media__develop-line{z-index:6;opacity:0;pointer-events:none;height:1px;position:absolute;top:0;left:4%;right:4%}.layered-project-media__trace-line{color:#93889f;background:linear-gradient(90deg,#0000,currentColor 12% 88%,#0000);box-shadow:0 0 .45rem #93889f4d}.layered-project-media__develop-line{color:var(--layered-media-accent);box-shadow:0 0 .65rem color-mix(in srgb, var(--layered-media-accent) 42%, transparent);background:linear-gradient(90deg,#0000,currentColor 18% 82%,#0000)}.layered-project-media__trace-line span,.layered-project-media__develop-line span{font-family:var(--font-mono);letter-spacing:.15em;white-space:nowrap;font-size:.38rem;position:absolute;top:-1rem}.layered-project-media__trace-line span{left:0}.layered-project-media__develop-line span{right:0}.layered-project-media__trace-line:after,.layered-project-media__develop-line:after{content:"";opacity:.14;pointer-events:none;background:linear-gradient(#0000,currentColor 92%);height:2.4rem;position:absolute;top:-2.4rem;left:0;right:0}.layered-project-media__calibration{z-index:7;color:color-mix(in srgb, var(--layered-media-accent) 72%, white);font-family:var(--font-mono);letter-spacing:.15em;opacity:0;pointer-events:none;justify-content:space-between;font-size:.39rem;display:flex;position:absolute;bottom:5.5%;left:5%;right:5%}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=false] .layered-project-media__loader,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=false] .layered-project-media__loader{opacity:.72}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__loader,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__loader{animation:trace-project-loader .1s var(--ease-engineered) 1 both}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__loader-track i,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__loader-track i{animation:trace-project-buffer 90ms var(--ease-engineered) 1 both}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__monochrome,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__monochrome{animation:trace-project-monochrome .22s var(--ease-engineered) 1 both}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__trace-line,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__trace-line{animation:trace-project-line .22s var(--ease-engineered) 1 both}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media .layered-project-media__static,.interface-stage[data-ui-state=open] .layered-project-media .layered-project-media__static{animation:.22s steps(5,end) both trace-project-static}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__ghost,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__ghost{animation:.2s step-end .28s both trace-project-ghost}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media .layered-project-media__scanlines,.interface-stage[data-ui-state=open] .layered-project-media .layered-project-media__scanlines{animation:.46s linear both trace-project-scanlines}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__image,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__image{opacity:1;animation:trace-project-color .25s var(--ease-engineered) .13s 1 both, trace-project-decode .14s step-end .3s 1 both, trace-project-calibrate .12s var(--ease-engineered) .38s 1 both;transition:none}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__develop-line,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__develop-line{animation:trace-project-line .25s var(--ease-engineered) .13s 1 both}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__calibration,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__calibration{animation:trace-project-ready .12s var(--ease-engineered) .34s 1 both}@keyframes trace-project-loader{0%{opacity:0;transform:translateY(-.3rem)}30%,72%{opacity:.82;transform:none}to{opacity:0;transform:translateY(.2rem)}}@keyframes trace-project-buffer{0%{transform:scaleX(.16)}to{transform:scaleX(1)}}@keyframes trace-project-monochrome{0%{clip-path:inset(0 0 100%);opacity:.22}12%{opacity:.82}to{clip-path:inset(0);opacity:1}}@keyframes trace-project-color{0%{clip-path:inset(0 0 100%);opacity:.45}14%{opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes trace-project-calibrate{0%{filter:grayscale(.38)saturate(.66)contrast(1.12)brightness(.84)}55%{filter:saturate(1.32)contrast(1.15)brightness(1.02)}to{filter:saturate(.94)contrast(1.045)}}@keyframes trace-project-static{0%{opacity:.5}55%{opacity:.24}to{opacity:0}}@keyframes trace-project-decode{0%{transform:scale(1.035) translate(calc(var(--pointer-x) - 2.5px), var(--pointer-y))}34%{transform:scale(1.035) translate(calc(var(--pointer-x) + 2px), calc(var(--pointer-y) + 1px))}67%{transform:scale(1.035) translate(calc(var(--pointer-x) - 1px), var(--pointer-y))}to{transform:scale(1.035) translate(var(--pointer-x), var(--pointer-y))}}@keyframes trace-project-ghost{0%{opacity:.38;transform:scale(1.035)translate(3px)}35%{opacity:.2;transform:scale(1.035)translate(-2.5px)}70%{opacity:.28;transform:scale(1.035)translate(1.5px)}to{opacity:0;transform:scale(1.035)}}@keyframes trace-project-scanlines{0%{opacity:.3}70%{opacity:.15}to{opacity:0}}@keyframes trace-project-line{0%{opacity:0;top:0}8%{opacity:.86}88%{opacity:.86}to{opacity:0;top:100%}}@keyframes trace-project-ready{0%{opacity:0;transform:translateY(.25rem)}to{opacity:.72;transform:none}}@media (pointer:coarse){.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__loader,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__loader{animation-duration:.15s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__loader-track i,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__loader-track i{animation-duration:.135s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__monochrome,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__monochrome,.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__trace-line,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__trace-line,.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media .layered-project-media__static,.interface-stage[data-ui-state=open] .layered-project-media .layered-project-media__static{animation-duration:.33s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__ghost,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__ghost{animation-duration:.3s;animation-delay:.42s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media .layered-project-media__scanlines,.interface-stage[data-ui-state=open] .layered-project-media .layered-project-media__scanlines{animation-duration:.69s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__image,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__image{animation-duration:.375s,.21s,.18s;animation-delay:.195s,.45s,.57s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__develop-line,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__develop-line{animation-duration:.375s;animation-delay:.195s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__calibration,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__calibration{animation-duration:.18s;animation-delay:.51s}}.project-panel__copy{z-index:7;visibility:hidden;color:var(--color-structure);pointer-events:none;position:absolute;inset:0}.project-panel__copy>*{opacity:0;transition:opacity .2s ease, transform .3s var(--ease-engineered);transform:translateY(.8rem)}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__copy,.interface-stage[data-ui-state=open] .project-panel__copy{visibility:visible}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__copy>*,.interface-stage[data-ui-state=open] .project-panel__copy>*{opacity:1;transform:none}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__title,.interface-stage[data-ui-state=open] .project-panel__title{transition-delay:.18s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__summary,.interface-stage[data-ui-state=open] .project-panel__summary{transition-delay:.27s}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__action,.interface-stage[data-ui-state=open] .project-panel__action{transition-delay:.33s}.project-panel__title{grid-template-columns:auto auto;align-items:end;gap:clamp(.8rem,1.8vw,1.8rem);padding-left:1rem;display:grid;position:absolute;top:-4.6rem;left:9%}.project-panel__title:before,.project-panel__title:after{content:"";pointer-events:none;position:absolute}.project-panel__title:before{background:linear-gradient(90deg, var(--color-active), var(--color-line) 58%, transparent);width:min(31rem,36vw);height:1px;bottom:-.65rem;left:0}.project-panel__title:after{border:1px solid var(--color-active);background:var(--color-paper);border-radius:50%;width:.44rem;height:.44rem;bottom:-.86rem;left:-.18rem}.project-panel__eyebrow{color:var(--color-active);font-family:var(--font-mono);letter-spacing:.18em;white-space:nowrap;margin:0 0 .45rem;font-size:.48rem}.project-panel__copy h1{color:var(--color-structure);letter-spacing:-.06em;view-transition-name:zero-g-project-title;white-space:nowrap;margin:0;font-size:clamp(2.8rem,4.6vw,5rem);font-weight:680;line-height:.8}.project-panel__copy h1 span{color:var(--color-structure-soft);font-family:var(--font-mono);letter-spacing:.22em;vertical-align:.7em;margin-right:.8em;font-size:.22em;font-weight:560;display:inline-block}.project-panel__copy h1 b{font-weight:inherit}.project-panel__summary{border-top:1px solid var(--color-line);width:7.6rem;padding-top:1rem;position:absolute;top:27%;right:-8.7rem}.project-panel__summary:before,.project-panel__summary:after{content:"";pointer-events:none;position:absolute;top:-.24rem}.project-panel__summary:before{border:1px solid var(--color-active);background:var(--color-paper);border-radius:50%;width:.46rem;height:.46rem;left:-.22rem}.project-panel__summary:after{background:linear-gradient(90deg, transparent, var(--color-line));width:2.5rem;height:1px;margin-top:.22rem;right:100%}.project-panel__summary>span{color:var(--color-active);font-family:var(--font-mono);letter-spacing:.16em;font-size:.43rem}#project-panel-summary{color:var(--color-structure-soft);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin:.7rem 0 0;font-size:.5rem;line-height:1.85}.project-panel__action{color:var(--color-structure);font-family:var(--font-mono);letter-spacing:.13em;align-items:center;gap:.9rem;margin:0;font-size:.62rem;font-weight:650;display:inline-flex;position:absolute;bottom:-4.2rem;right:8%}.project-panel__action:before{background:linear-gradient(90deg, transparent, var(--color-line));content:"";pointer-events:none;width:clamp(3rem,7vw,7rem);height:1px;position:absolute;top:50%;right:calc(100% + .9rem)}.project-panel__action>span:first-child{width:2.9rem;height:2.9rem;color:var(--color-structure);border:1px solid var(--color-structure-soft);background:var(--color-paper);transition:color .18s ease, border-color .18s ease, background-color .18s ease, transform .26s var(--ease-engineered);border-radius:50%;place-items:center;display:grid}.project-panel__action small{color:var(--color-muted);margin-bottom:.25rem;font-size:.44rem;font-weight:400;display:block}.project-panel__link:hover .project-panel__action>span:first-child,.project-panel__link:focus-visible .project-panel__action>span:first-child{color:#fff;border-color:var(--color-active);background:var(--color-active);transform:rotate(45deg)}.project-panel__link:focus-visible{outline-color:var(--color-structure);outline-offset:.8rem}.project-panel__meta{z-index:7;visibility:hidden;color:var(--color-structure-soft);font-family:var(--font-mono);letter-spacing:.13em;opacity:0;justify-content:flex-start;gap:1.5rem;font-size:.43rem;transition:opacity .18s .3s;display:flex;position:absolute;bottom:-3.15rem;left:8%;right:auto}.project-panel__meta:before{background:linear-gradient(90deg, var(--color-active), var(--color-line));content:"";width:2.5rem;height:1px;margin-top:.25rem}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__meta,.interface-stage[data-ui-state=open] .project-panel__meta{visibility:visible;opacity:1}.project-panel__approach-id{z-index:8;color:var(--color-structure-soft);font-family:var(--font-mono);letter-spacing:.15em;opacity:0;transition:opacity .18s ease, transform .26s var(--ease-engineered);gap:1.4rem;font-size:.47rem;display:flex;position:absolute;top:4%;left:7%;transform:translateY(.45rem)}.project-panel__approach-id span:last-child{color:var(--color-active)}.interface-stage[data-ui-state=approach] .project-panel__approach-id{opacity:1;transform:none}.project-panel__hint{z-index:8;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.13em;align-items:center;gap:.8rem;font-size:.43rem;transition:opacity .16s;display:flex;position:absolute;bottom:2%;right:7%}.project-panel__hint>span{background:linear-gradient(90deg, var(--color-line), var(--color-active));width:2.5rem;height:1px}.project-panel__hint p{margin:0}.project-panel__hint-touch{display:none}.interface-stage[data-ui-state=approach] .project-panel__hint,.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__hint,.interface-stage[data-ui-state=open] .project-panel__hint{opacity:0}.project-switcher{z-index:2;border-top:1px solid var(--color-line);width:100%;padding-top:.8rem;position:relative}.project-switcher__label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.14em;justify-content:space-between;margin:0 0 .45rem;font-size:.5rem;display:flex}.project-switcher__gesture-touch{display:none}.project-switcher__list{justify-content:center;align-items:stretch;margin:0;padding:0;list-style:none;display:flex}.project-switcher__entry{align-items:center;display:flex}.project-switcher__entry+.project-switcher__entry:before{background:var(--color-line);content:"";width:clamp(1.2rem,3.5vw,3rem);height:1px;margin:0 .4rem}.project-switcher__item{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:baseline;gap:.55rem;padding:.45rem .6rem;transition:color .2s,border-color .2s;display:flex;position:relative}.project-switcher__item i{border:1px solid var(--color-line);background:var(--color-paper);border-radius:50%;align-self:center;width:.42rem;height:.42rem;transition:background .2s,border-color .2s}.project-switcher__no{font-family:var(--font-mono);letter-spacing:.14em;font-size:.5rem}.project-switcher__name{letter-spacing:.02em;white-space:nowrap;font-size:.72rem;font-weight:650}.project-switcher__status{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;white-space:nowrap;font-size:.42rem}.project-switcher__item:hover,.project-switcher__item:focus-visible{color:var(--color-structure);border-color:var(--color-line)}.project-switcher__item:hover i,.project-switcher__item:focus-visible i{border-color:var(--color-structure-soft)}.project-switcher__item:focus-visible{outline:1px solid var(--color-active);outline-offset:2px}.project-switcher__item[aria-pressed=true]{color:var(--color-structure)}.project-switcher__item[aria-pressed=true] i{border-color:var(--color-active);background:var(--color-active)}.project-switcher__item[aria-pressed=true] .project-switcher__no{color:var(--color-active)}.interface-stage[data-ui-state=open] .project-panel__frame{transform:scale(1.085)}.interface-stage[data-ui-state=open] .project-panel__media{clip-path:polygon(3% 0,100% 0,100% 93%,93% 100%,0 100%,0 4%)}.interface-stage[data-ui-state=open] .project-frame-svg__active{stroke:var(--color-active)}.interface-stage[data-transition-phase=departure]:before,.interface-stage[data-transition-phase=departure] .connection-layer,.interface-stage[data-transition-phase=departure] .interface-stage__watermark,.interface-stage[data-transition-phase=departure] .interface-stage__registry{opacity:0}.interface-stage[data-transition-phase=departure] .connection-layer{transform:scale(1.015)}.interface-stage[data-transition-phase=departure] .project-panel__eyebrow,.interface-stage[data-transition-phase=departure] .project-panel__summary,.interface-stage[data-transition-phase=departure] .project-panel__action,.interface-stage[data-transition-phase=departure] .project-panel__meta{opacity:0;transition-delay:0s;transform:translateY(.45rem)}.interface-stage[data-transition-phase=departure] .project-panel__frame{filter:saturate(1.035)contrast(1.02);transform:scale(1.1)}.mode-panel__eyebrow{color:var(--color-structure-soft);font-family:var(--font-mono);letter-spacing:.17em;margin:0 0 1.5rem;font-size:.52rem}.about-panel{grid-template-columns:minmax(25rem,1.08fr) minmax(20rem,.82fr);align-items:center;gap:clamp(3rem,8vw,9rem);padding:clamp(2rem,6vw,6rem);display:grid}.about-panel__copy{z-index:2;max-width:48rem;position:relative}.about-panel h2,.contact-panel h2{color:var(--color-ink);letter-spacing:-.065em;margin:0;font-size:clamp(3.3rem,6.2vw,7rem);font-weight:590;line-height:.82}.about-panel h2{view-transition-name:about-page-title}.about-panel__lead{color:var(--color-structure);margin:clamp(2rem,5vh,3.5rem) 0 0;font-size:clamp(.94rem,1.4vw,1.2rem);line-height:1.9}.about-panel__copy>p:not(.mode-panel__eyebrow):not(.about-panel__lead){max-width:38rem;color:var(--color-muted);margin:1.2rem 0 0;font-size:clamp(.78rem,1vw,.94rem);line-height:2}.about-panel__principles{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,1fr);margin:clamp(2rem,5vh,3.5rem) 0 0;display:grid}.about-panel__principles div{grid-template-columns:auto 1fr;align-items:center;gap:.8rem;min-height:5rem;padding:.8rem;display:grid}.about-panel__principles div+div{border-left:1px solid var(--color-line)}.about-panel__principles dt,.about-panel__principles small{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:.42rem}.about-panel__principles dd{margin:0;font-size:.92rem}.about-panel__principles small{margin-top:.2rem;display:block}.about-panel__open{width:min(100%,28rem);min-height:4.2rem;color:var(--color-structure);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-family:var(--font-mono);letter-spacing:.1em;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1.4rem;padding:.7rem 0;font-size:.62rem;text-decoration:none;display:grid}.about-panel__open small{color:var(--color-muted);letter-spacing:.14em;margin-bottom:.35rem;font-size:.4rem;display:block}.about-panel__open i{width:2.5rem;height:2.5rem;transition:color .18s ease, border-color .18s ease, background-color .18s ease, transform .24s var(--ease-engineered);border:1px solid;border-radius:50%;place-items:center;font-style:normal;display:grid}.about-panel__open:hover i,.about-panel__open:focus-visible i{color:#fff;border-color:var(--color-structure);background:var(--color-structure);transform:rotate(45deg)}.about-panel__visual{grid-template-columns:minmax(7rem,.52fr) minmax(14rem,1fr);justify-self:center;align-items:center;gap:clamp(1.5rem,3vw,3rem);width:min(100%,39rem);display:grid;position:relative}.about-panel__identity{justify-items:center;gap:1rem;display:grid}.about-panel__identity img{mix-blend-mode:multiply;width:min(100%,11rem);height:auto}.about-panel__identity span,.about-panel__diagram>span{color:var(--color-structure-soft);font-family:var(--font-mono);letter-spacing:.13em;text-align:center;font-size:.42rem;display:block}.about-panel__diagram{width:min(100%,30rem);color:var(--color-structure-soft);justify-self:center;position:relative}.about-panel__globe{z-index:2;opacity:.76;view-transition-name:about-page-structure;width:100%;position:relative}.about-panel__diagram-grid{z-index:0;opacity:.42;width:120%;position:absolute;inset:10% -10%}.about-panel__affordance-map{z-index:3;background:color-mix(in srgb, var(--color-paper) 92%, transparent);opacity:.9;width:58%;padding:.25rem;position:absolute;bottom:4%;right:-8%}.about-panel__diagram>span{z-index:4;margin-top:.8rem;position:relative}.contact-panel{grid-template-columns:minmax(27rem,1fr) minmax(19rem,.8fr);align-items:center;gap:clamp(3rem,8vw,9rem);padding:clamp(2rem,7vw,7rem);display:grid}.contact-panel__terminal{max-width:52rem}.contact-panel__terminal>p:not(.mode-panel__eyebrow){max-width:34rem;color:var(--color-muted);margin:clamp(1.6rem,4vh,2.8rem) 0 0;font-size:clamp(.8rem,1.1vw,.96rem);line-height:1.9}.contact-panel__links{margin-top:clamp(2rem,5vh,3.8rem)}.contact-panel__links a{min-height:5.4rem;color:var(--color-structure);border-top:1px solid var(--color-line);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font-size:clamp(.72rem,1vw,.9rem);text-decoration:none;display:flex}.contact-panel__links a:last-child{border-bottom:1px solid var(--color-line)}.contact-panel__links small{color:var(--color-muted);letter-spacing:.16em;margin-bottom:.45rem;font-size:.43rem;display:block}.contact-panel__links i{border:1px solid var(--color-structure);width:2.7rem;height:2.7rem;transition:color .18s ease, border-color .18s ease, background-color .18s ease, transform .26s var(--ease-engineered);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.contact-panel__links a:hover i,.contact-panel__links a:focus-visible i{color:#fff;border-color:var(--color-active);background:var(--color-active);transform:rotate(45deg)}.contact-panel__route{color:var(--color-structure-soft);align-self:end}.contact-panel__route svg{width:100%;height:auto;fill:var(--color-paper);stroke:currentColor;stroke-width:1px;overflow:visible}.contact-panel__route-active{fill:var(--color-active);stroke:var(--color-active)}.contact-panel__route span{font-family:var(--font-mono);letter-spacing:.13em;text-align:right;margin-top:.8rem;font-size:.44rem;display:block}.interface-stage__registry{z-index:3;top:clamp(7.2rem,10vh,8.5rem);right:var(--page-pad);color:#aaa7ae;font-family:var(--font-mono);letter-spacing:.13em;pointer-events:none;gap:1.5rem;font-size:.42rem;transition:opacity .2s;display:flex;position:absolute}@media (width<=1080px){.project-panel__frame{width:min(70vw,60rem)}.project-panel__copy h1{font-size:clamp(2.6rem,4.8vw,4.4rem)}.about-panel,.contact-panel{gap:3rem;padding-inline:2rem}}@media (width<=860px){.interface-stage{min-height:calc(100svh - var(--header-h))}.interface-stage:before{inset:.75rem}.interface-stage__watermark{opacity:.025;width:9rem;inset:2.5rem -2.5rem auto auto}.interface-stage__field{inset:1.25rem 1rem 1.5rem}.project-panel__stage{width:min(100%,39rem)}.project-panel__link{width:100%}.project-panel__cycle--prev,.project-panel__cycle--next{transform:translateY(-50%)}.project-switcher__list{overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;padding-bottom:.3rem;overflow-x:auto}.project-switcher__list::-webkit-scrollbar{display:none}.project-switcher__entry{flex:none}.project-panel__frame{aspect-ratio:.82;width:100%;height:auto;min-height:0}.project-panel[data-has-switcher] .project-panel__frame{aspect-ratio:.92}.project-panel__media{inset:5.6%}.project-panel__copy{inset:0}.project-panel__copy h1{font-size:clamp(2.5rem,7vw,3.9rem)}.project-panel__eyebrow{margin-bottom:.4rem}#project-panel-summary{margin-top:.7rem}.project-panel__action{margin:0}.project-panel__approach-id{top:1.5%;left:5%}.project-panel__hint{bottom:0;right:5%}.about-panel,.contact-panel{grid-template-columns:1fr;align-content:center;gap:2.5rem;padding:2.2rem 1.2rem 1rem}.about-panel h2,.contact-panel h2{font-size:clamp(3rem,10vw,5rem)}.about-panel__visual{grid-template-columns:minmax(5.5rem,.45fr) minmax(10rem,1fr);width:min(70vw,27rem)}.about-panel__diagram{width:min(100%,18rem)}.contact-panel__route{justify-self:end;width:min(65vw,25rem)}.interface-stage__registry{top:auto;bottom:1rem;right:1.25rem}.interface-stage__registry span:nth-child(n+2){display:none}}@media (width<=720px){.project-panel__title{grid-template-columns:1fr;gap:.25rem;padding-left:.7rem;top:-4.2rem;left:5%}.project-panel__title:before{width:min(18rem,64vw)}.project-panel__copy h1{font-size:clamp(2.1rem,8vw,3.2rem)}.project-panel__eyebrow{margin:0;font-size:.42rem}.project-panel__summary{width:42%;padding-top:.75rem;inset:auto auto -5.8rem 5%}.project-panel__summary:after{display:none}.project-panel__summary>span{font-size:.39rem}#project-panel-summary{font-size:.46rem;line-height:1.7}.project-panel__action{font-size:.52rem;bottom:-5.55rem;right:4%}.project-panel__meta{gap:.7rem;font-size:.38rem;inset:-1.55rem 5% auto auto}.project-panel__meta:before{width:1.2rem}.project-panel__meta span:last-child{display:none}}@media (width<=520px){.interface-stage__field{inset:1rem .8rem 1.2rem}.project-panel__frame{aspect-ratio:.76;width:100%}.project-panel[data-has-switcher] .project-panel__frame{aspect-ratio:.88}.project-panel__cycle span,.project-panel__hint-pointer{display:none}.project-panel__hint-touch{display:inline}.project-panel__copy{inset:0}.project-panel__title{grid-template-columns:1fr;gap:.25rem;padding-left:.7rem;top:-4.15rem;left:5%}.project-panel__title:before{width:min(16rem,64vw)}.project-panel__copy h1{font-size:clamp(2rem,10.5vw,2.8rem)}.project-panel__eyebrow{margin:0;font-size:.4rem}.project-panel__summary{width:42%;padding-top:.75rem;inset:auto auto -5.8rem 5%}.project-panel__summary:after{display:none}.project-panel__summary>span{font-size:.38rem}#project-panel-summary{font-size:.44rem;line-height:1.7}.project-panel__action{font-size:.5rem;bottom:-5.55rem;right:4%}.project-panel__action>span:first-child{width:2.55rem;height:2.55rem}.project-panel__meta{gap:.7rem;font-size:.37rem;inset:-1.55rem 5% auto auto}.project-panel__meta:before{width:1.2rem}.project-panel__meta span:last-child{display:none}.project-panel__approach-id{gap:.7rem;font-size:.4rem}.project-panel__hint{font-size:.39rem;right:6%}.project-panel__hint>span{width:1.75rem}.about-panel,.contact-panel{padding-inline:1.1rem}.about-panel h2,.contact-panel h2{font-size:clamp(2.75rem,13vw,4rem)}.about-panel__lead{margin-top:1.6rem;font-size:.85rem}.about-panel__copy>p:not(.mode-panel__eyebrow):not(.about-panel__lead),.contact-panel__terminal>p:not(.mode-panel__eyebrow){font-size:.74rem}.about-panel__principles{margin-top:1.7rem}.about-panel__open{min-height:3.6rem;margin-top:1rem;font-size:.55rem}.about-panel__principles div{grid-template-columns:1fr;gap:.25rem;min-height:4.6rem;padding:.65rem}.about-panel__visual{grid-template-columns:5.5rem minmax(8rem,1fr);gap:1rem;width:min(78vw,21rem)}.about-panel__identity span,.about-panel__diagram>span{font-size:.34rem}.about-panel__diagram{width:min(100%,13rem)}.contact-panel__links{margin-top:1.8rem}.contact-panel__links a{min-height:4.6rem;font-size:.68rem}.contact-panel__route{width:min(72vw,20rem)}}@media (pointer:coarse){.project-panel__hint-pointer,.project-panel__beacon-pointer,.project-switcher__gesture-pointer{display:none}.project-panel__hint-touch,.project-panel__beacon-touch,.project-switcher__gesture-touch{display:inline}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__hint{opacity:1}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .project-panel__hint p:after{color:var(--color-active);content:" / TAP AGAIN TO OPEN"}}@media (hover:none){.project-panel__beacon-box{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-paper) 82%, transparent);gap:.7rem;padding:1.35rem 1.8rem 1.5rem}.project-panel__beacon-target{font-size:.58rem}.project-panel__beacon-cta{border:1px solid var(--color-active);min-height:2.75rem;color:var(--color-active);letter-spacing:.12em;padding:.7rem 1.1rem;font-size:.82rem;line-height:1.4;display:block}.interface-stage[data-ui-state=idle] .project-panel__hint{opacity:0}.project-panel__cycle{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem .45rem}.project-panel__cycle i{font-size:1.25rem}.project-switcher__item{min-height:2.75rem;padding-block:.7rem}.project-switcher__name{font-size:.82rem}.project-switcher__no,.project-switcher__status{font-size:.5rem}.project-switcher__label{font-size:.56rem}.interface-stage[data-self-test=run] .project-panel__beacon-cta{animation:beacon-self-test 1.1s var(--ease-engineered) 1 both}.interface-stage[data-self-test=run] .project-panel__beacon-sys:before{animation:beacon-node-self-test 1.1s var(--ease-engineered) 1 both}}@keyframes beacon-self-test{0%{border-color:var(--color-line);color:var(--color-muted)}22%{border-color:var(--color-active);color:var(--color-active)}70%{border-color:var(--color-active);color:var(--color-active)}to{border-color:var(--color-active);color:var(--color-active)}}@keyframes beacon-node-self-test{0%,to{transform:scale(1)}30%{transform:scale(2.1)}60%{transform:scale(1)}}@media (hover:none) and (width<=520px){.project-panel__cycle span{max-width:4.2rem;font-size:.42rem;display:block}.project-panel__beacon-cta{font-size:.76rem}}@media (prefers-reduced-motion:reduce){.project-panel__media{transition:visibility 0s linear 80ms,opacity 80ms,clip-path 80ms}.layered-project-media__monochrome,.layered-project-media__static,.layered-project-media__ghost,.layered-project-media__scanlines,.layered-project-media__loader,.layered-project-media__trace-line,.layered-project-media__develop-line,.layered-project-media__calibration{animation:none;display:none}.layered-project-media__image{clip-path:inset(0);filter:saturate(.94)contrast(1.045);opacity:0;transition:opacity 80ms,object-position 80ms;transform:scale(1.02)}.interface-stage:is([data-ui-state=hover],[data-ui-state=connected]) .layered-project-media[data-media-ready=true] .layered-project-media__image,.interface-stage[data-ui-state=open] .layered-project-media[data-media-ready=true] .layered-project-media__image{clip-path:inset(0);opacity:1;transition-delay:0s;animation:none}}html:not(.js) .interface-stage[data-mode=projects] .project-panel__media,html:not(.js) .interface-stage[data-mode=projects] .project-panel__copy,html:not(.js) .interface-stage[data-mode=projects] .project-panel__meta{visibility:visible;clip-path:polygon(6% 0,100% 0,100% 88%,88% 100%,0 100%,0 7%);opacity:1}html:not(.js) .project-panel__copy>*{opacity:1;transform:none}html:not(.js) .layered-project-media__image{clip-path:inset(0);filter:saturate(.94)contrast(1.045);opacity:1}html:not(.js) .layered-project-media__monochrome,html:not(.js) .layered-project-media__static,html:not(.js) .layered-project-media__ghost,html:not(.js) .layered-project-media__scanlines,html:not(.js) .layered-project-media__loader,html:not(.js) .layered-project-media__trace-line,html:not(.js) .layered-project-media__develop-line,html:not(.js) .layered-project-media__calibration,html:not(.js) .project-panel__beacon,html:not(.js) .project-panel__cycle,html:not(.js) .project-switcher{display:none}