:root{
  --night:#090b0d;--night-2:#101317;--paper:#ecece6;--paper-2:#dedfd8;--ink:#0c0f12;
  --muted:#696d72;--acid:#d9ff43;--blue:#3b5cff;
  --white:#f5f5ef;--line-dark:rgba(255,255,255,.16);--line-light:rgba(12,15,18,.17);
  --color-bg:var(--night);--color-surface:var(--night-2);--color-text:var(--white);--color-muted:var(--muted);--color-accent:var(--acid);--color-border:var(--line-dark);
  --pad:clamp(20px,3.2vw,64px);--mono:'DM Mono',monospace;--sans:Inter,Arial,sans-serif;
}

*,*:before,*:after{box-sizing:border-box}
html{background:var(--night);scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;overflow-x:clip}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.is-loading{overflow:hidden}
html.is-scroll-locked,html.is-scroll-locked body{overflow:hidden!important;overscroll-behavior:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
main{position:relative}
::selection{background:var(--acid);color:var(--ink)}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.skip-link{position:fixed;z-index:2000;top:12px;left:12px;background:var(--white);color:var(--ink);padding:11px 15px;font:11px var(--mono);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.no-js .loader,.no-js .cursor,.no-js #webgl{display:none!important}.no-js body.is-loading{overflow:auto}

.grain{position:fixed;inset:-80%;z-index:130;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");animation:noise .3s steps(2) infinite}
@keyframes noise{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(-1%,2%,0)}75%{transform:translate3d(1%,1%,0)}100%{transform:translate3d(-2%,-1%,0)}}
#webgl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s linear}
.webgl-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 57% 45%,transparent 0 25%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.4) 110%);mix-blend-mode:multiply}
.no-webgl #webgl{display:none}
.frame{position:fixed;inset:0;z-index:91;pointer-events:none;mix-blend-mode:difference}
.frame i{position:absolute;background:rgba(255,255,255,.14)}
.frame i:nth-child(1),.frame i:nth-child(2){left:var(--pad);right:var(--pad);height:1px}.frame i:nth-child(1){top:54px}.frame i:nth-child(2){bottom:18px}
.frame i:nth-child(3),.frame i:nth-child(4){top:54px;bottom:18px;width:1px}.frame i:nth-child(3){left:var(--pad)}.frame i:nth-child(4){right:var(--pad)}

.loader{position:fixed;inset:0;z-index:1500;background:var(--acid);color:var(--ink);padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between;clip-path:circle(160vmax at 50% 50%);font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.loader__meta{display:flex;justify-content:space-between}
.loader__origin{position:absolute;left:50%;top:50%;width:clamp(104px,12vw,176px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.34);border-radius:50%;display:grid;place-items:center;transform-origin:center}
.loader__origin>i{position:absolute;inset:9%;border:1px solid rgba(0,0,0,.25);border-radius:50%}.loader__origin>i:nth-child(1){transform:rotateX(68deg)}.loader__origin>i:nth-child(2){transform:rotateY(68deg)}.loader__origin>i:nth-child(3){inset:25%;border-style:dashed;animation:loader-spin 3s linear infinite}
.loader__origin>span{font:800 clamp(28px,3.3vw,48px)/1 var(--sans);letter-spacing:-.09em}.loader__origin>b{position:absolute;bottom:-24px;font:7px var(--mono);letter-spacing:.12em}
@keyframes loader-spin{to{transform:rotate(360deg)}}
.loader__footer{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:24px}.loader__count{font:500 clamp(42px,7vw,100px)/.75 var(--mono);letter-spacing:-.08em}.loader__line{height:1px;background:rgba(0,0,0,.25);margin-bottom:3px;position:relative}.loader__line i{position:absolute;inset:0 auto 0 0;width:0;background:var(--ink)}.loader__footer>span:last-child{text-align:right;line-height:1.35}

.cursor{position:fixed;left:0;top:0;width:24px;height:24px;border:1px solid rgba(255,255,255,.68);border-radius:50%;z-index:1400;pointer-events:none;display:grid;place-items:center;mix-blend-mode:difference;will-change:transform,width,height}
.cursor>i{width:3px;height:3px;background:#fff;border-radius:50%}.cursor>span{position:absolute;opacity:0;color:#fff;font:7px var(--mono);letter-spacing:.1em;white-space:nowrap}
.cursor.is-active{width:72px;height:72px}.cursor.is-active>i{opacity:0}.cursor.is-active>span{opacity:1}

.nav{position:fixed;left:0;right:0;top:0;z-index:120;padding:16px var(--pad);height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;color:#fff;mix-blend-mode:difference;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.brand{justify-self:start;display:flex;align-items:flex-start;gap:9px;font:800 12px/.82 var(--sans);letter-spacing:-.04em}.brand__mark{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px transparent;margin-top:1px}.brand:hover .brand__mark{box-shadow:0 0 0 3px currentColor}
.nav__meta{display:flex;gap:28px}.live{display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid)}
.nav__links{justify-self:end;display:flex;gap:20px}.nav__links a{position:relative}.nav__links a:after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:currentColor;transition:right .35s}.nav__links a:hover:after,.nav__links a:focus-visible:after{right:0}
.menu-btn{display:none;justify-self:end;width:48px;height:48px;margin-top:-13px;margin-right:-10px;background:transparent;border:0;position:relative;cursor:pointer}.menu-btn span{position:absolute;width:25px;height:1px;left:12px;top:20px;background:currentColor;transition:transform .35s,top .35s}.menu-btn span+span{top:28px}.menu-btn[aria-expanded=true] span{top:24px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] span+span{transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:110;background:var(--acid);color:var(--ink);visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);padding:70px var(--pad) 22px;display:flex;flex-direction:column;justify-content:space-between}.menu.is-open{visibility:visible;pointer-events:auto}.menu__noise{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(0,0,0,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.12) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(90deg,#000,transparent)}
.menu__inner{position:relative;display:flex;flex-direction:column}.menu__inner a{display:grid;grid-template-columns:42px 1fr auto;align-items:start;border-bottom:1px solid rgba(0,0,0,.24);font-size:clamp(54px,10vw,140px);font-weight:700;line-height:.84;letter-spacing:-.075em;padding:9px 0;transition:padding-left .35s}.menu__inner a:hover{padding-left:1.5vw}.menu__inner a>span,.menu__inner sup{font:8px var(--mono);letter-spacing:.08em}.menu__footer{position:relative;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em}

.scene-rail{position:fixed;z-index:100;right:12px;top:50%;transform:translateY(-50%);height:230px;color:#fff;mix-blend-mode:difference;display:flex;flex-direction:column;align-items:center;gap:10px;font:7px var(--mono);letter-spacing:.12em}.scene-rail>i{position:relative;width:1px;flex:1;background:rgba(255,255,255,.25);overflow:hidden}.scene-rail>i b{position:absolute;left:0;top:0;width:1px;height:100%;background:#fff;transform-origin:top;transform:scaleY(0)}.scene-rail__label{writing-mode:vertical-rl}

.scene{position:relative;z-index:2}.scene--dark{color:var(--white)}.scene--paper{background:var(--paper);color:var(--ink)}
.section-kicker{display:flex;gap:24px;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.section-kicker span:first-child{opacity:.8}.section-kicker.light{color:rgba(255,255,255,.88)}
.process__header .section-kicker span:first-child{opacity:1;background:var(--paper)}

.hero{height:330svh;background:transparent}
.hero__sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;background:rgba(9,11,13,.78);isolation:isolate}
.hero__grid{position:absolute;inset:-12%;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:6.25vw 6.25vw;transform:perspective(800px) rotateX(0deg) scale(1.005);mask-image:radial-gradient(circle at 62% 44%,#000 0 24%,rgba(0,0,0,.65) 55%,transparent 90%);animation:hero-grid-drift 18s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.hero__aperture{position:absolute;z-index:12;left:68%;top:46%;width:6vmin;aspect-ratio:1;border-radius:50%;background:var(--paper);transform:translate(-50%,-50%) scale(0);pointer-events:none}
.hero__eyebrow{position:absolute;z-index:3;left:var(--pad);right:var(--pad);top:92px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em}
.hero__title{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:22vh;margin:0;font-weight:700;letter-spacing:-.095em;line-height:.67;pointer-events:none}
.hero__line{display:block;transform-origin:left center;will-change:transform,opacity}.hero__line>span{display:block}.hero__line--solid{font-size:clamp(112px,20vw,350px)}.hero__line--outline{font-size:clamp(102px,18.3vw,320px);padding-left:15vw;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.88)}
.hero__portal{position:absolute;z-index:5;right:7vw;top:17vh;width:min(36vw,520px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;mix-blend-mode:screen;perspective:900px;transform-style:preserve-3d;will-change:transform,opacity}
.hero__portal:after{content:'';position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle,var(--acid),rgba(217,255,67,.2) 34%,transparent 68%);filter:blur(16px);opacity:.7}
.hero__portal-system{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}.hero__portal-ring{position:absolute;transform-style:preserve-3d;will-change:transform;animation-play-state:paused}.hero__portal-ring i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 14px rgba(255,255,255,.025)}.hero__portal-ring>span{position:absolute;left:50%;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px rgba(217,255,67,.78);transform:translate(-50%,-50%) translateZ(2px)}.ring-a{inset:7%;animation:orbit-a 17s cubic-bezier(.44,.04,.56,.96) infinite alternate}.ring-a i{border-color:rgba(255,255,255,.42)}.ring-b{inset:9%;animation:orbit-b 23s cubic-bezier(.4,.02,.6,.98) infinite alternate}.ring-b i{border-color:rgba(255,255,255,.24)}.ring-c{inset:18%;animation:orbit-c 13s cubic-bezier(.45,.02,.55,.98) infinite alternate-reverse}.ring-c i{border-style:dashed;border-color:rgba(217,255,67,.58)}.ring-d{inset:13%;animation:orbit-d 29s ease-in-out infinite alternate}.ring-d i{border-color:rgba(255,255,255,.14);mask-image:conic-gradient(#000 0 22%,transparent 22% 34%,#000 34% 69%,transparent 69% 81%,#000 81%)}.ring-e{inset:24%;animation:orbit-e 19s ease-in-out infinite alternate-reverse}.ring-e i{border-style:dashed;border-width:1px;border-color:rgba(255,255,255,.2)}.ring-e>span{width:4px;height:4px;background:#fff;opacity:.7}.hero__portal-core{position:relative;z-index:2;width:32%;aspect-ratio:1;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;box-shadow:0 0 60px rgba(217,255,67,.35)}.hero__portal-core:before{content:'';position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,transparent 49%,rgba(217,255,67,.13) 54%,transparent 70%);animation:core-halo 5.8s ease-in-out infinite alternate;animation-play-state:paused}.hero__portal-core span{position:relative;z-index:2;display:block;font-weight:800;font-size:clamp(24px,4vw,58px);line-height:.82;letter-spacing:-.075em;transform:translateX(.035em)}.hero__portal-core i{position:absolute;inset:-10%;border:1px solid var(--acid);border-radius:50%;animation:core-calibration 11s ease-in-out infinite alternate;animation-play-state:paused}.hero__portal>b{position:absolute;right:7%;top:50%;font:7px var(--mono);letter-spacing:.12em;transform:rotate(90deg) translateY(-50%)}
.hero__portal{transform-style:flat}.hero__portal-system{display:block}.ring-a,.ring-b,.ring-d{z-index:1}.ring-c,.ring-e{z-index:3}
.hero__portal-core-wrap{position:absolute;z-index:2;left:50%;top:50%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%)}.hero__portal-core-wrap .hero__portal-core{width:100%;height:100%}
@keyframes orbit-a{0%{transform:rotateX(67deg) rotateY(-9deg) rotateZ(7deg)}48%{transform:rotateX(73deg) rotateY(13deg) rotateZ(76deg)}100%{transform:rotateX(62deg) rotateY(19deg) rotateZ(139deg)}}@keyframes orbit-b{0%{transform:rotateX(-8deg) rotateY(69deg) rotateZ(-12deg)}52%{transform:rotateX(18deg) rotateY(63deg) rotateZ(-89deg)}100%{transform:rotateX(27deg) rotateY(72deg) rotateZ(-151deg)}}@keyframes orbit-c{0%{transform:rotateX(58deg) rotateY(42deg) rotateZ(18deg)}46%{transform:rotateX(71deg) rotateY(24deg) rotateZ(62deg)}100%{transform:rotateX(49deg) rotateY(55deg) rotateZ(104deg)}}@keyframes orbit-d{0%{transform:rotateX(76deg) rotateY(-34deg) rotateZ(31deg) scaleX(1.04)}100%{transform:rotateX(68deg) rotateY(-48deg) rotateZ(-47deg) scaleX(.96)}}@keyframes orbit-e{0%{transform:rotateX(34deg) rotateY(72deg) rotateZ(-23deg) scaleX(.88)}100%{transform:rotateX(48deg) rotateY(63deg) rotateZ(64deg) scaleX(1.06)}}@keyframes core-halo{0%{opacity:.54;transform:scale(.98)}100%{opacity:.78;transform:scale(1.035)}}@keyframes core-calibration{0%{transform:rotate(-7deg) scale(.99);opacity:.74}100%{transform:rotate(19deg) scale(1.025);opacity:.94}}@keyframes hero-grid-drift{0%{transform:perspective(800px) rotateX(.15deg) translate3d(-2px,1px,0) scale(1.005)}100%{transform:perspective(800px) rotateX(-.2deg) translate3d(3px,-2px,0) scale(1.01)}}
.hero__network{position:absolute;z-index:2;inset:10% 5% 12%;opacity:0;transform:scale(1.35);transform-origin:60% 45%;will-change:transform,opacity}.hero__network-depth{position:absolute;inset:0;transform-style:preserve-3d;animation:network-depth-drift 14s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.hero__network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero__network path{fill:none;vector-effect:non-scaling-stroke}.network-path{stroke:rgba(255,255,255,.25);stroke-width:.08}.network-path--secondary{stroke:rgba(255,255,255,.1);stroke-width:.055;stroke-dasharray:.7 1.5}.network-signal{stroke:var(--acid);stroke-width:.22;stroke-linecap:round;stroke-dasharray:.035 .965;animation:network-signal 7.6s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px rgba(217,255,67,.7))}.network-signal.signal-b{animation-duration:10.8s;animation-delay:-4.1s}.network-node{position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--night);box-shadow:0 0 0 7px rgba(255,255,255,.035)}.network-node--major{width:9px;height:9px}.network-node--medium{width:7px;height:7px;opacity:.64}.network-node--micro{width:4px;height:4px;border-color:rgba(255,255,255,.34);opacity:.48;box-shadow:none}.network-node:after{content:'';position:absolute;width:3px;height:3px;background:var(--acid);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.network-node--micro:after{width:2px;height:2px;opacity:.55}.n1{left:12%;top:68%}.n2{left:30%;top:22%}.n3{left:54%;top:51%}.n4{left:75%;top:19%}.n5{left:87%;top:66%}.n6{left:39%;top:81%}.n7{left:67%;top:74%}.n8{left:21%;top:47%}.n9{left:17%;top:34%}.n10{left:46%;top:31%}.n11{left:62%;top:18%}.n12{left:91%;top:43%}.n13{left:57%;top:88%}.n14{left:73%;top:58%}@keyframes network-signal{to{stroke-dashoffset:-1}}@keyframes network-depth-drift{0%{transform:perspective(900px) translate3d(-2px,1px,-8px) rotateX(.25deg)}100%{transform:perspective(900px) translate3d(3px,-2px,8px) rotateX(-.2deg)}}
.hero.is-ambient-visible .hero__grid,.hero.is-ambient-visible .hero__portal-ring,.hero.is-ambient-visible .hero__portal-core:before,.hero.is-ambient-visible .hero__portal-core i,.hero.is-ambient-visible .hero__network-depth,.hero.is-ambient-visible .network-signal{animation-play-state:running}
.hero__copy{position:absolute;z-index:7;left:calc(var(--pad) + 15vw);right:var(--pad);bottom:7.2vh;display:flex;justify-content:space-between;align-items:flex-end}.hero__copy p{max-width:440px;margin:0;color:rgba(255,255,255,.73);font-size:clamp(13px,1.2vw,18px);line-height:1.45}.circle-link{width:92px;height:92px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:10px;font:8px var(--mono);letter-spacing:.08em;transition:background .25s,color .25s,border-color .25s}.circle-link:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}.circle-link i{font-style:normal;font-size:15px}
.hero__telemetry{position:absolute;z-index:7;left:var(--pad);right:var(--pad);bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);font:7px var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.42)}.hero__telemetry span:nth-child(2),.hero__telemetry span:nth-child(3){text-align:center}.hero__telemetry span:last-child{text-align:right}

.thesis{min-height:142svh;margin-top:-34svh;padding:120px var(--pad) 42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}
.thesis__orbit{position:absolute;right:-7vw;top:10vh;width:min(42vw,650px);aspect-ratio:1;border:1px solid var(--line-light);border-radius:50%;display:grid;place-items:center;opacity:.58;z-index:-1}.thesis__orbit i{position:absolute;inset:8%;border:1px solid var(--line-light);border-radius:50%;transform:rotateX(67deg)}.thesis__orbit i:nth-child(2){transform:rotateY(67deg)}.thesis__orbit span{font:800 10vw var(--sans);letter-spacing:-.1em;color:rgba(12,15,18,.04)}
.thesis__copy{margin-top:9vh}.thesis-line{margin:0;font-size:clamp(36px,6.1vw,108px);line-height:1.01;letter-spacing:-.06em;font-weight:600}.thesis-line em{font-family:Georgia,serif;font-weight:400}.thesis-line--indent{padding-left:9vw}.thesis-line--impact{font-size:clamp(68px,10.3vw,184px);font-weight:800;line-height:.82;letter-spacing:-.082em;margin-top:5vh}.thesis__footer{border-top:1px solid var(--line-light);padding-top:16px;display:flex;justify-content:space-between;align-items:flex-start}.thesis__footer p{max-width:450px;margin:0;color:#50545a;font-size:12px;line-height:1.55}.thesis__footer>div{display:flex;gap:24px;font:8px var(--mono);letter-spacing:.08em;color:#64686d}

.process{height:480svh;background:transparent}
.process__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;padding:86px var(--pad) 28px;background:var(--paper)}
.process__header{display:flex;justify-content:space-between;align-items:flex-start}.process__header>p{max-width:360px;margin:0;color:#565a5f;font-size:12px;line-height:1.5}
.process__viewport{position:absolute;left:var(--pad);right:var(--pad);top:19%;bottom:20%;display:grid;grid-template-columns:47% 53%;align-items:center;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.process__chapters{position:relative;height:100%;z-index:3}.process-chapter{position:absolute;inset:0;padding:7vh 7vw 7vh 0;display:flex;flex-direction:column;justify-content:center;visibility:hidden;opacity:0}.process-chapter:first-child{visibility:visible;opacity:1}.process-chapter>span{font:8px var(--mono);letter-spacing:.1em;color:#54595d}.process-chapter h3{font-size:clamp(82px,11.5vw,192px);line-height:.75;letter-spacing:-.09em;margin:auto 0 4vh}.process-chapter p{max-width:430px;margin:0;color:#4e5257;font-size:13px;line-height:1.55}
.process-artifact{position:relative;width:min(38vw,560px);aspect-ratio:1;justify-self:center;transform-style:preserve-3d}.artifact__frame{position:absolute;inset:0;border:1px solid rgba(12,15,18,.28);transform:rotate(45deg)}.artifact__frame i{position:absolute;width:14px;height:14px;border:1px solid var(--ink);background:var(--paper)}.artifact__frame i:nth-child(1){left:-7px;top:-7px}.artifact__frame i:nth-child(2){right:-7px;top:-7px}.artifact__frame i:nth-child(3){right:-7px;bottom:-7px}.artifact__frame i:nth-child(4){left:-7px;bottom:-7px}
.artifact__chaos{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(12,15,18,.23)}.artifact__chaos i{position:absolute;width:8px;height:8px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 5px rgba(12,15,18,.06)}.artifact__chaos i:nth-child(1){left:6%;top:21%}.artifact__chaos i:nth-child(2){left:24%;top:7%}.artifact__chaos i:nth-child(3){left:51%;top:16%}.artifact__chaos i:nth-child(4){right:7%;top:9%}.artifact__chaos i:nth-child(5){right:13%;top:42%}.artifact__chaos i:nth-child(6){right:5%;bottom:17%}.artifact__chaos i:nth-child(7){left:54%;bottom:7%}.artifact__chaos i:nth-child(8){left:30%;bottom:17%}.artifact__chaos i:nth-child(9){left:5%;bottom:11%}.artifact__chaos i:nth-child(10){left:18%;top:53%}.artifact__chaos i:nth-child(11){left:59%;top:55%}.artifact__chaos i:nth-child(12){left:42%;top:37%;background:var(--acid)}
.artifact__grid{position:absolute;inset:7%;opacity:0;background-image:linear-gradient(rgba(12,15,18,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(12,15,18,.22) 1px,transparent 1px);background-size:16.66% 16.66%;clip-path:circle(48%)}
.artifact__blocks{position:absolute;inset:16%;opacity:0}.artifact__blocks i{position:absolute;width:31%;height:28%;border:1px solid var(--ink);background:rgba(236,236,230,.82);transform:translate(var(--tx),var(--ty)) rotate(var(--r))}.artifact__blocks i:nth-child(1){left:0;top:0;--tx:-80%;--ty:-50%;--r:-20deg}.artifact__blocks i:nth-child(2){right:0;top:2%;--tx:70%;--ty:-80%;--r:30deg}.artifact__blocks i:nth-child(3){left:34%;top:34%;--tx:0;--ty:-100%;--r:10deg}.artifact__blocks i:nth-child(4){left:0;bottom:0;--tx:-70%;--ty:80%;--r:20deg}.artifact__blocks i:nth-child(5){right:0;bottom:0;--tx:80%;--ty:40%;--r:-24deg}.artifact__blocks i:nth-child(6){left:34%;bottom:0;--tx:0;--ty:110%;--r:-8deg}
.artifact__release{position:absolute;inset:0;opacity:0}.artifact__release i{position:absolute;left:50%;top:50%;height:1px;width:62%;background:var(--ink);transform-origin:left}.artifact__release i:nth-child(1){transform:rotate(-18deg)}.artifact__release i:nth-child(2){transform:rotate(18deg)}.artifact__release i:nth-child(3){transform:rotate(56deg)}.artifact__release i:nth-child(4){transform:rotate(-56deg)}
.artifact__activity{position:absolute;inset:10%;z-index:3;pointer-events:none}.artifact__activity i{--angle:0deg;position:absolute;left:50%;top:50%;width:29%;height:1px;background:linear-gradient(90deg,rgba(12,15,18,.68),transparent);transform-origin:left center;animation:artifact-current 5.6s steps(4,end) infinite;animation-play-state:paused}.artifact__activity i:nth-child(2){--angle:90deg;animation-delay:-1.4s}.artifact__activity i:nth-child(3){--angle:180deg;animation-delay:-2.8s}.artifact__activity i:nth-child(4){--angle:270deg;animation-delay:-4.2s}@keyframes artifact-current{0%,18%,100%{opacity:.06;transform:rotate(var(--angle)) translateX(4%) scaleX(.18)}36%,58%{opacity:.5;transform:rotate(var(--angle)) translateX(4%) scaleX(1)}72%{opacity:.12;transform:rotate(var(--angle)) translateX(4%) scaleX(.42)}}
.artifact__core{position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);background:var(--ink);color:var(--white);display:grid;grid-template-rows:1fr auto;place-items:center;box-shadow:0 22px 50px rgba(0,0,0,.18);z-index:4}.artifact__core span{font-size:clamp(24px,4vw,58px);font-weight:800;letter-spacing:-.11em;align-self:end}.artifact__core b{font:6px var(--mono);letter-spacing:.08em;padding-bottom:9px;color:var(--acid)}
.process.is-ambient-visible .artifact__activity i{animation-play-state:running}
.process__steps{position:absolute;left:var(--pad);right:var(--pad);bottom:29px;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aeb1ab}.process__steps li{position:relative;padding-top:13px;display:flex;justify-content:space-between;padding-right:14px;color:#606560}.process__steps li+li{border-left:1px solid #c5c7c1;padding-left:14px}.process__steps li span,.process__steps li b{font:8px var(--mono);letter-spacing:.08em}.process__steps li b{font-weight:500}.process__steps li i{position:absolute;left:0;right:100%;top:-1px;height:2px;background:var(--ink)}.process__steps li.is-active{color:var(--ink)}.process__marker{position:absolute;left:var(--pad);bottom:50px;width:46px;height:22px;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 10px 18px rgba(0,0,0,.14)}.process__marker span{font:800 10px var(--sans);letter-spacing:-.06em}

.work{height:430svh;background:transparent;color:var(--white)}
.work__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:rgba(9,11,13,.78);perspective:1300px}
.work__header{position:absolute;z-index:20;left:var(--pad);right:var(--pad);top:76px;display:flex;justify-content:space-between}.work__header>p{margin:0;color:#a7aaae;font:10px var(--mono);letter-spacing:.06em}
.project-access{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:normal}
.project-access:focus-within{position:fixed;z-index:1450;left:16px;bottom:16px;width:min(440px,calc(100vw - 32px));height:auto;margin:0;padding:18px 20px;overflow:visible;clip-path:none;background:var(--night);color:var(--white);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 55px rgba(0,0,0,.45)}
.project-access h3{font-size:18px;margin:0 0 10px}.project-access ol{margin:0;padding-left:20px;font-size:12px;line-height:1.5}.project-access li+li{margin-top:5px}.project-access a{color:var(--acid);text-decoration:underline;text-underline-offset:3px}
.project-world__status{color:rgba(255,255,255,.68)}
.project-worlds{position:absolute;inset:0}
.project-world{--world-bg:#171a1f;--world-accent:var(--acid);position:absolute;inset:112px var(--pad) 48px;display:grid;grid-template-columns:42% 58%;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);overflow:hidden;background:var(--world-bg);visibility:hidden;opacity:0;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden;contain:layout paint}
.project-world:first-child{visibility:visible;opacity:1}.project-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:5vw 5vw;mix-blend-mode:screen}
.project-world__copy{position:relative;z-index:4;min-width:0;padding:clamp(24px,4vw,70px);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.18)}
.project-world__index{font:8px var(--mono);letter-spacing:.1em;color:var(--world-accent)}.project-world__copy h3{font-size:clamp(54px,7.4vw,132px);line-height:.72;letter-spacing:-.082em;margin:auto 0 3vh}.project-world__copy h3 em{font-family:Georgia,serif;font-weight:400;color:var(--world-accent)}.project-world__copy>p{max-width:390px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.55;margin:0 0 24px}.project-world__tags{display:flex;gap:7px;flex-wrap:wrap}.project-world__tags span{border:1px solid rgba(255,255,255,.28);border-radius:100px;padding:7px 9px;font:7px var(--mono);letter-spacing:.08em}.project-world__status,.project-world__link{align-self:flex-start;margin-top:24px;font:8px var(--mono);letter-spacing:.09em;border-bottom:1px solid currentColor;padding-bottom:4px}.project-world__status{color:rgba(255,255,255,.46)}.project-world__link{color:var(--world-accent)}.project-world__link span{font-size:13px}
.project-world__art{position:relative;overflow:hidden;min-width:0}.project-world__art>b{position:absolute;left:18px;bottom:16px;font:7px var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.6)}
.project-world--agro{--world-bg:#172012;--world-accent:#d9ff43}.agro-art{container-type:size;background:linear-gradient(135deg,rgba(78,106,42,.55),rgba(12,21,10,.9)),repeating-linear-gradient(0deg,transparent 0 32px,rgba(255,255,255,.08) 32px 33px)}.agro-art__lens{position:absolute;width:min(38vw,500px);aspect-ratio:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.agro-art__lens:before,.agro-art__lens:after{content:'';position:absolute;background:rgba(255,255,255,.4)}.agro-art__lens:before{width:1px;height:112%;left:50%;top:-6%}.agro-art__lens:after{height:1px;width:112%;top:50%;left:-6%}.agro-art__lens i{position:absolute;inset:14%;border:1px dashed rgba(217,255,67,.75);border-radius:50%}.agro-art__lens i:nth-child(2){inset:32%;background:radial-gradient(circle,var(--acid),transparent 65%);filter:blur(8px);border:0}.agro-art__lens span{font:8px var(--mono);z-index:2}.agro-art__crosshair{position:absolute;left:50%;top:50%;width:13px;height:13px;border-left:1px solid var(--acid);border-top:1px solid var(--acid);opacity:.62;animation:agro-crosshair 4.8s steps(3,end) infinite;animation-play-state:paused}.agro-art__crosshair:after{content:'';position:absolute;right:-1px;bottom:-1px;width:5px;height:5px;border-right:1px solid var(--acid);border-bottom:1px solid var(--acid)}.agro-art__leaf{position:absolute;width:17.5%;height:29%;background:linear-gradient(135deg,#8daf52,#314627);border-radius:100% 0 100% 0;filter:drop-shadow(0 20px 18px rgba(0,0,0,.25));transform:rotate(var(--r))}.agro-art__leaf.l1{left:11%;top:22%;--r:-22deg}.agro-art__leaf.l2{right:11%;top:15%;--r:44deg}.agro-art__leaf.l3{right:19%;bottom:11%;--r:100deg}.agro-art__scan{position:absolute;left:4%;right:4%;height:1px;top:12%;background:var(--acid);box-shadow:0 0 18px var(--acid);animation:agro-scan 7.2s cubic-bezier(.42,0,.58,1) infinite;animation-play-state:paused}.agro-art__box{position:absolute;border:1px solid var(--acid);animation:agro-lock 6.4s ease-in-out infinite;animation-play-state:paused}.agro-art__box.b1{left:15%;top:18%;width:21%;height:37%}.agro-art__box.b2{right:15%;bottom:10%;width:23%;height:36%;animation-delay:-3.2s}@keyframes agro-scan{0%,8%{transform:translate3d(0,0,0);opacity:0}16%{opacity:.82}72%{opacity:.72}84%,100%{transform:translate3d(0,72cqh,0);opacity:0}}@keyframes agro-lock{0%,58%,100%{transform:scale(1);border-color:rgba(217,255,67,.58)}66%,76%{transform:scale(.985);border-color:var(--acid);box-shadow:0 0 12px rgba(217,255,67,.18)}}@keyframes agro-crosshair{0%,100%{transform:translate3d(-8px,-7px,0)}40%{transform:translate3d(-4px,-9px,0)}72%{transform:translate3d(-7px,-4px,0)}}
.project-world--teles{--world-bg:#141719;--world-accent:#e9ff94}.teles-art{background:radial-gradient(ellipse at 65% 52%,#545b5e 0,#24292b 38%,#0c0e0f 73%)}.teles-art__road{position:absolute;left:-10%;right:-10%;bottom:12%;height:25%;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.6));transform:perspective(500px) rotateX(66deg)}.teles-art__beam{position:absolute;right:-8%;top:49%;width:52%;height:5%;background:#e8ff92;filter:blur(8px);transform:rotate(-5deg);opacity:.76;box-shadow:0 0 60px #e8ff92}.teles-art__car{position:absolute;left:8%;right:5%;top:28%;height:48%}.teles-art__car>span{position:absolute;left:5%;right:1%;bottom:20%;height:50%;background:linear-gradient(150deg,#050607 10%,#343a3d 48%,#050607 76%);clip-path:polygon(2% 61%,15% 47%,27% 13%,59% 5%,75% 22%,93% 31%,100% 58%,96% 79%,11% 82%,1% 71%);filter:drop-shadow(0 25px 25px rgba(0,0,0,.55))}.teles-art__car>span:after{content:'';position:absolute;left:27%;top:10%;width:45%;height:40%;background:linear-gradient(150deg,#30383b,#060708);clip-path:polygon(10% 0,72% 0,100% 100%,0 100%)}.teles-art__car i{position:absolute;bottom:8%;width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#555 0 10%,#111 11% 34%,#030303 35% 61%,#373737 62% 66%,#070707 67%);z-index:2;box-shadow:0 12px 20px rgba(0,0,0,.6)}.teles-art__car .wheel-a{left:18%}.teles-art__car .wheel-b{right:13%}
.teles-art__reflection{position:absolute;z-index:1;left:5%;right:1%;bottom:20%;height:50%;overflow:hidden;clip-path:polygon(2% 61%,15% 47%,27% 13%,59% 5%,75% 22%,93% 31%,100% 58%,96% 79%,11% 82%,1% 71%)}.teles-art__reflection:after{content:'';position:absolute;left:30%;top:-35%;width:13%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-18deg) translate3d(-430%,0,0);animation:teles-reflection 8.8s cubic-bezier(.22,.61,.36,1) infinite;animation-play-state:paused}@keyframes teles-reflection{0%,16%{transform:skewX(-18deg) translate3d(-430%,0,0);opacity:0}25%{opacity:.18}52%{transform:skewX(-18deg) translate3d(520%,0,0);opacity:.26}62%,100%{transform:skewX(-18deg) translate3d(520%,0,0);opacity:0}}
.project-world--expotin{--world-bg:#0d1427;--world-accent:var(--blue)}
.expotin-art{container-type:size;background:radial-gradient(circle at 62% 46%,rgba(59,92,255,.36),transparent 34%),linear-gradient(145deg,#101a35,#080b12)}
.expotin-art__grid{position:absolute;inset:10%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;perspective:900px}
.expotin-art__grid i{position:relative;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(59,92,255,.03));overflow:hidden}
.expotin-art__grid i:before,.expotin-art__grid i:after{content:'';position:absolute;background:rgba(255,255,255,.18)}.expotin-art__grid i:before{left:50%;top:0;bottom:0;width:1px}.expotin-art__grid i:after{left:0;right:0;top:50%;height:1px}
.expotin-art__grid i:nth-child(2),.expotin-art__grid i:nth-child(5){background:radial-gradient(circle at 58% 45%,rgba(59,92,255,.38),transparent 35%),rgba(255,255,255,.035)}
.expotin-art__focus{position:absolute;left:48%;top:31%;width:25%;height:31%;border:2px solid var(--blue);box-shadow:0 0 36px rgba(59,92,255,.42);display:flex;align-items:flex-end;padding:9px;transform:translateZ(22px)}
.expotin-art__focus:before,.expotin-art__focus:after{content:'';position:absolute;width:14px;height:14px;border-color:#fff}.expotin-art__focus:before{left:-4px;top:-4px;border-left:1px solid;border-top:1px solid}.expotin-art__focus:after{right:-4px;bottom:-4px;border-right:1px solid;border-bottom:1px solid}.expotin-art__focus span{font:7px var(--mono);letter-spacing:.1em}
.expotin-art__route{position:absolute;left:14%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),#fff,var(--blue),transparent);box-shadow:0 0 20px rgba(59,92,255,.7);transform:rotate(-6deg)}
.expotin-art__signal{position:absolute;left:14%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--blue);animation:expotin-transmit 6.8s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}.expotin-art__grid i:nth-child(2):after,.expotin-art__grid i:nth-child(5):after{top:8%;background:rgba(59,92,255,.72);box-shadow:0 0 9px rgba(59,92,255,.55);animation:feed-read 5.2s ease-in-out infinite;animation-play-state:paused}.expotin-art__grid i:nth-child(5):after{animation-delay:-2.6s}@keyframes expotin-transmit{0%,14%{transform:translate3d(0,0,0);opacity:0}22%{opacity:1}72%{opacity:.86}84%,100%{transform:translate3d(68cqw,-7cqw,0);opacity:0}}@keyframes feed-read{0%,15%{transform:translateY(0);opacity:0}27%{opacity:.7}76%{opacity:.42}88%,100%{transform:translateY(35cqh);opacity:0}}
.work.is-ambient-visible .teles-art__reflection:after,.work.is-ambient-visible .agro-art__scan,.work.is-ambient-visible .agro-art__box,.work.is-ambient-visible .agro-art__crosshair,.work.is-ambient-visible .expotin-art__signal,.work.is-ambient-visible .expotin-art__grid i:after{animation-play-state:running}
.work__progress{position:absolute;z-index:20;left:var(--pad);right:var(--pad);bottom:20px;height:1px;background:rgba(255,255,255,.18)}.work__progress i{display:block;width:100%;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left}.work__progress span{position:absolute;right:0;top:-15px;font:6px var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.55)}

.systems{height:320svh;background:transparent;color:var(--white)}
.systems__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;padding:82px var(--pad) 34px;background:rgba(9,11,13,.78)}
.systems__header{display:flex;justify-content:space-between;position:relative;z-index:5}.systems__header>span{font:7px var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.5)}
.systems__title{position:relative;z-index:5;font-size:clamp(64px,9vw,158px);line-height:.79;letter-spacing:-.08em;margin:6vh 0 0;pointer-events:none}.systems__title span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}
.systems__map{position:absolute;left:var(--pad);right:var(--pad);top:30%;bottom:50px;transform-origin:50% 55%;will-change:transform}.systems__map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.systems__map>svg path{fill:none;vector-effect:non-scaling-stroke}.systems-path{stroke:rgba(255,255,255,.2);stroke-width:.12}.systems-signal{stroke:var(--acid);stroke-width:.24;stroke-linecap:round;stroke-dasharray:.045 .955;filter:drop-shadow(0 0 4px rgba(217,255,67,.72));animation:systems-connect 6.8s linear infinite;animation-play-state:paused}.systems-signal.signal-b{animation-duration:9.2s;animation-delay:-4.1s}
.systems__kernel{position:absolute;left:50%;top:50%;width:112px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;background:var(--night);z-index:3;box-shadow:0 0 80px rgba(217,255,67,.11)}.systems__kernel:after{content:'';position:absolute;inset:-1px;border:1px solid rgba(217,255,67,.22);box-shadow:inset 0 0 20px rgba(217,255,67,.05);animation:kernel-work 4.9s steps(3,end) infinite;animation-play-state:paused}.systems__kernel i{position:absolute;inset:14%;border:1px dashed var(--acid);border-radius:50%;animation:kernel-route 14s linear infinite;animation-play-state:paused}.systems__kernel i:after{content:'';position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 9px rgba(217,255,67,.8);transform:translateX(-50%)}.systems__kernel span{font:700 20px var(--mono);letter-spacing:-.08em}.systems__kernel b{position:absolute;bottom:7px;font:6px var(--mono);letter-spacing:.1em;color:var(--acid)}
.system-node{position:absolute;width:min(21vw,310px);min-height:128px;border:1px solid rgba(255,255,255,.22);background:rgba(13,16,19,.88);padding:14px 16px;display:flex;flex-direction:column;z-index:2}.system-node>span{font:7px var(--mono);color:#777b80}.system-node h3{font-size:clamp(18px,1.7vw,27px);letter-spacing:-.04em;margin:auto 0 7px}.system-node p{font-size:10px;line-height:1.45;color:#9da0a4;margin:0 0 10px}.system-node b{font:6px var(--mono);letter-spacing:.09em;color:var(--acid)}.node-performance{left:5%;top:18%}.node-security{right:4%;top:15%}.node-access{left:6%;bottom:2%}.node-seo{right:3%;bottom:1%}
.systems__ticker{position:absolute;left:0;right:0;bottom:0;height:30px;border-top:1px solid var(--line-dark);display:flex;align-items:center;overflow:hidden}.systems__ticker div{font:7px var(--mono);letter-spacing:.13em;white-space:nowrap;animation:ticker 24s linear infinite}.systems__ticker div:after{content:' DESIGN × CODE × PERFORMANCE × SECURITY × ACCESSIBILITY × SEO ×'}.systems__ticker div{min-width:200%}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes systems-connect{to{stroke-dashoffset:-1}}@keyframes kernel-work{0%,100%{opacity:.25}36%{opacity:.58}58%{opacity:.32}76%{opacity:.46}}@keyframes kernel-route{to{transform:rotate(360deg)}}@keyframes systems-mobile-route{0%{transform:translate(-50%,-6px);opacity:0}12%{opacity:1}84%{opacity:.82}100%{transform:translate(-50%,calc(100% + 6px));opacity:0}}.systems__ticker div{animation-play-state:paused}.systems.is-ambient-visible .systems-signal,.systems.is-ambient-visible .systems__kernel:after,.systems.is-ambient-visible .systems__kernel i,.systems.is-ambient-visible .systems__ticker div{animation-play-state:running}

html.ambient-paused .hero__grid,html.ambient-paused .hero__portal-ring,html.ambient-paused .hero__portal-core:before,html.ambient-paused .hero__portal-core i,html.ambient-paused .hero__network-depth,html.ambient-paused .network-signal,html.ambient-paused .artifact__activity i,html.ambient-paused .teles-art__reflection:after,html.ambient-paused .agro-art__scan,html.ambient-paused .agro-art__box,html.ambient-paused .agro-art__crosshair,html.ambient-paused .expotin-art__signal,html.ambient-paused .expotin-art__grid i:after,html.ambient-paused .systems-signal,html.ambient-paused .systems__kernel:after,html.ambient-paused .systems__kernel i,html.ambient-paused .systems__map:after,html.ambient-paused .systems__ticker div{animation-play-state:paused!important}

.contact{min-height:100svh;background:var(--acid);color:var(--ink);padding:82px var(--pad) 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}
.contact__top{display:flex;justify-content:space-between;position:relative;z-index:4}.contact__top>span{font:8px var(--mono);letter-spacing:.09em}
.contact__services{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.24);border-bottom:1px solid rgba(0,0,0,.24);margin-top:22px}.contact__services span{padding:11px 8px 11px 0;font:8px var(--mono);letter-spacing:.08em}.contact__services span+span{border-left:1px solid rgba(0,0,0,.2);padding-left:12px}
.contact__headline{position:relative;z-index:5;display:block;margin:4vh 0 2.5vh}.contact__headline>span{display:block;font-size:clamp(62px,10.2vw,178px);font-weight:700;line-height:.75;letter-spacing:-.088em}.contact__headline>span:nth-child(2){padding-left:5vw}.contact__headline>span:nth-child(3){padding-left:11vw;font-size:clamp(54px,8.15vw,142px)}.contact__headline em{font-family:Georgia,serif;font-weight:400}.contact__headline>b{position:absolute;right:2%;top:4%;font-size:clamp(40px,7vw,110px);font-weight:400;transition:transform .35s}.contact__headline:hover>b{transform:translate(12px,-12px)}
.contact__portal{position:absolute;right:-7vw;top:18%;width:min(45vw,700px);aspect-ratio:1;border:1px solid rgba(0,0,0,.14);border-radius:50%;display:grid;place-items:center;z-index:1}.contact__portal i{position:absolute;inset:8%;border:1px solid rgba(0,0,0,.14);border-radius:50%;transform:rotateX(68deg)}.contact__portal i:nth-child(2){transform:rotateY(68deg)}.contact__portal span{font:800 16vw var(--sans);letter-spacing:-.12em;color:rgba(0,0,0,.035)}
.contact__footer{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:5}.contact__socials{display:flex;gap:18px}.contact__socials a,.contact__meta{font:8px var(--mono);letter-spacing:.08em}.contact__socials a{border-bottom:1px solid var(--ink);padding-bottom:3px}.contact__meta{display:flex;gap:24px}.contact__watermark{position:absolute;right:-5vw;bottom:-14vw;font-size:58vw;font-weight:800;line-height:.7;letter-spacing:-.13em;color:rgba(0,0,0,.035);pointer-events:none;z-index:-1}
.contact__cluster{display:grid;gap:17px}.contact__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.contact__primary{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--ink);border-radius:100px;padding:13px 17px;font:500 9px var(--mono);letter-spacing:.08em;transition:background .25s,color .25s}.contact__primary:hover{background:var(--ink);color:var(--acid)}.contact__primary span{font-size:14px}.contact__secondary,.contact__pending{font:8px var(--mono);letter-spacing:.08em}.contact__secondary{border-bottom:1px solid currentColor;padding-bottom:3px}.contact__pending{opacity:.58}
.contact__primary[hidden],.contact__secondary[hidden]{display:none!important}

.consent-banner{position:fixed;z-index:1600;left:20px;right:20px;bottom:20px;margin-left:auto;width:min(520px,calc(100vw - 40px));padding:15px 16px;border:1px solid rgba(255,255,255,.24);background:rgba(9,11,13,.96);color:var(--white);box-shadow:0 18px 60px rgba(0,0,0,.32);display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;backdrop-filter:blur(12px)}
.consent-banner[hidden]{display:none}.consent-banner p{margin:0;font-size:11px;line-height:1.45;color:rgba(255,255,255,.72)}.consent-banner>div{display:flex;gap:8px}.consent-banner button{min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.32);background:transparent;color:var(--white);font:8px var(--mono);letter-spacing:.08em;cursor:pointer}.consent-banner button:last-child{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.project-world__status{color:rgba(255,255,255,.68)}

@media (max-width:1100px){
  .nav__meta{gap:14px}.project-world{grid-template-columns:45% 55%}.project-world__copy{padding:28px}.project-world__copy h3{font-size:7.6vw}.process__viewport{grid-template-columns:48% 52%}.system-node{width:25vw}
}

@media (max-width:900px), (max-width:1100px) and (max-height:680px){
  :root{--pad:20px}.cursor,.frame,.scene-rail{display:none}.nav{grid-template-columns:1fr auto;height:74px;color:#fff;mix-blend-mode:normal;background:linear-gradient(180deg,rgba(9,11,13,.92),rgba(9,11,13,.62) 58%,rgba(9,11,13,0));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.nav__meta,.nav__links{display:none}.menu-btn{display:block}
  .loader{display:none!important}.is-loading{overflow:auto!important}
  .hero{height:180svh}.hero__sticky{min-height:600px}.hero__eyebrow{top:80px}.hero__eyebrow span:last-child{display:none}.hero__title{bottom:22vh}.hero__line--solid{font-size:29vw}.hero__line--outline{font-size:26vw;padding-left:0}.hero__portal{width:min(64vw,420px);right:-13vw;top:18vh;perspective:650px}.ring-d,.ring-e{display:none}.network-node.n11,.network-node.n12,.network-node.n13,.network-node.n14,.network-path--secondary{display:none}.hero__copy{left:var(--pad);bottom:8vh}.hero__copy p{max-width:250px;font-size:12px}.circle-link{width:72px;height:72px}.hero__telemetry{grid-template-columns:1fr 1fr}.hero__telemetry span:nth-child(2),.hero__telemetry span:nth-child(3){display:none}.hero__aperture{left:70%}
  .thesis{min-height:auto;margin-top:-20svh;padding-top:100px;gap:14vh}.thesis__orbit{width:76vw;right:-30vw}.thesis-line{font-size:9.5vw}.thesis-line--indent{padding-left:0}.thesis-line--impact{font-size:18vw}.thesis__footer{flex-direction:column;gap:28px}.thesis__footer>div{flex-wrap:wrap}
  .process{height:auto}.process__sticky{position:relative;height:auto;min-height:0;padding:100px var(--pad) 70px;overflow:visible}.process__header{display:block}.process__header>p{margin-top:35px}.process__viewport{position:relative;inset:auto;display:block;margin-top:68px;border-bottom:0}.process__chapters{height:auto}.process-chapter{position:relative;inset:auto;visibility:visible!important;opacity:1!important;min-height:48svh;padding:54px 0;border-bottom:1px solid var(--line-light);justify-content:space-between}.process-chapter h3{font-size:22vw;margin:8svh 0 3svh}.process-chapter p{max-width:92%}.process-chapter:after{content:attr(data-phase);position:absolute;right:0;top:50%;font:800 36vw var(--sans);color:rgba(12,15,18,.025);transform:translateY(-50%)}.process-artifact{display:block;width:min(68vw,300px);margin:72px auto 12px}.process-artifact .artifact__grid{opacity:.18}.process-artifact .artifact__blocks,.process-artifact .artifact__release{display:none}.process__steps,.process__marker{display:none}
  .work{height:auto}.work__sticky{position:relative;height:auto;min-height:0;overflow:visible;padding:95px var(--pad) 80px}.work__header{position:relative;inset:auto;display:block;margin-bottom:48px}.work__header>p{margin-top:25px}.project-worlds{position:relative;inset:auto;display:grid;gap:20px}.project-world{position:relative;inset:auto;min-height:88svh;display:grid;grid-template-columns:1fr;grid-template-rows:auto clamp(320px,48svh,430px);visibility:visible!important;opacity:1!important;transform:none!important;clip-path:none!important}.project-world__copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:46px 20px 26px}.project-world__copy h3{font-size:17vw;margin:6svh 0 3svh}.project-world--expotin .project-world__copy h3{font-size:13.5vw}.project-world__copy>p{margin-bottom:14px}.project-world__status,.project-world__link{margin-top:14px}.project-world__art{grid-row:2;min-height:320px}.work__progress{display:none}.project-world.is-ambient-visible .teles-art__reflection:after,.project-world.is-ambient-visible .agro-art__scan,.project-world.is-ambient-visible .agro-art__box,.project-world.is-ambient-visible .agro-art__crosshair,.project-world.is-ambient-visible .expotin-art__signal,.project-world.is-ambient-visible .expotin-art__grid i:after{animation-play-state:running}
  .systems{height:auto}.systems__sticky{position:relative;height:auto;min-height:0;padding:100px var(--pad) 80px;overflow:hidden}.systems__header>span{display:none}.systems__title{font-size:15vw;margin:7svh 0}.systems__map{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:12px;transform:none!important;isolation:isolate}.systems__map:before{content:'';position:absolute;z-index:-1;left:50%;top:52px;bottom:26px;width:1px;background:linear-gradient(transparent,rgba(217,255,67,.42) 12%,rgba(255,255,255,.2) 88%,transparent)}.systems__map:after{content:'';position:absolute;z-index:-1;left:50%;top:52px;width:5px;height:calc(100% - 78px);border-radius:50%;background:radial-gradient(circle at 50% 0,var(--acid) 0 2px,transparent 3px);animation:systems-mobile-route 7.2s linear infinite;animation-play-state:paused}.systems.is-ambient-visible .systems__map:after{animation-play-state:running}.systems__map>svg{display:none}.systems__kernel{position:relative;left:auto;top:auto;transform:none;margin:0 auto 38px}.system-node{position:relative;inset:auto!important;width:100%;min-height:142px;background:rgba(13,16,19,.94)}.systems__ticker{position:relative;margin:56px calc(var(--pad)*-1) -80px}
  .contact{min-height:96svh;padding-top:90px}.contact__top>span{display:none}.contact__services{grid-template-columns:1fr 1fr;margin-top:28px}.contact__services span:nth-child(3){border-top:1px solid rgba(0,0,0,.2)}.contact__services span:nth-child(4){border-top:1px solid rgba(0,0,0,.2)}.contact__headline>span{font-size:15.5vw;line-height:.8}.contact__headline>span:nth-child(2){padding-left:0;font-size:13.8vw}.contact__headline>span:nth-child(3){padding-left:5vw;font-size:10.5vw}.contact__footer{flex-direction:column;align-items:flex-start;gap:30px}.contact__meta{flex-direction:column;gap:6px}.contact__socials{flex-wrap:wrap}.contact__portal{width:90vw;right:-36vw;top:24%}
  .consent-banner{left:12px;right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr;gap:12px}.consent-banner>div{display:grid;grid-template-columns:1fr 1fr}.consent-banner button{min-height:44px}
}

@media (max-width:430px){
  :root{--pad:17px}.hero__title{bottom:24svh}.hero__copy p{max-width:220px}.hero__telemetry{bottom:max(17px,env(safe-area-inset-bottom))}.thesis{padding-top:90px}.thesis__copy{margin-top:4svh}.process-chapter{min-height:46svh}.project-world{min-height:86svh}.project-world__copy h3{font-size:18.5vw}.project-world--teles .project-world__copy h3{font-size:18vw}.project-world--expotin .project-world__copy h3{font-size:13.5vw}.project-world__art{min-height:300px}.agro-art__lens{width:68vw}.contact__socials{gap:12px}.menu__inner a{grid-template-columns:26px 1fr auto;font-size:15vw}
}

@media (max-width:370px){
  :root{--pad:14px}.hero__portal{width:66vw;right:-15vw}.hero__copy p{max-width:205px;font-size:11px}.circle-link{width:66px;height:66px}.process-chapter h3{font-size:21vw}.project-world__copy{padding-left:16px;padding-right:16px}.system-node{min-height:136px;padding:13px 14px}.contact__actions{gap:9px}.contact__primary{padding-inline:13px}
}

@media (max-width:900px) and (max-height:740px){
  .hero__portal{top:14svh;width:min(58vw,360px)}.hero__title{bottom:22svh}.hero__copy{bottom:6svh}.hero__copy p{max-width:210px;font-size:11px}.project-world{grid-template-rows:auto clamp(300px,52svh,360px)}.process-chapter{min-height:54svh}
}

@media (max-width:900px), (max-width:1100px) and (max-height:680px){
  .brand{min-height:44px;align-items:center}
  .project-world__status,.project-world__link{min-height:44px;display:inline-flex;align-items:center}
  .contact__socials a{min-height:44px;display:inline-flex;align-items:center}
  .contact__primary,.contact__secondary{min-height:44px;display:inline-flex;align-items:center}
}

@media (max-width:1100px) and (max-height:680px){
  .hero__sticky{min-height:100svh}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.grain,.loader__origin>i,.hero__portal-ring,.hero__grid,.hero__portal-core:before,.hero__portal-core i,.hero__network-depth,.network-signal,.artifact__activity i,.teles-art__reflection:after,.agro-art__scan,.agro-art__box,.agro-art__crosshair,.expotin-art__signal,.expotin-art__grid i:after,.systems-signal,.systems__kernel:after,.systems__kernel i,.systems__map:after,.systems__ticker div{animation:none!important}.cursor,.loader{display:none!important}body.is-loading{overflow:auto!important}
  .ring-a{transform:rotateX(67deg) rotateY(-9deg) rotateZ(7deg)}.ring-b{transform:rotateX(-8deg) rotateY(69deg) rotateZ(-12deg)}.ring-c{transform:rotateX(58deg) rotateY(42deg) rotateZ(18deg)}.ring-d{transform:rotateX(76deg) rotateY(-34deg) rotateZ(31deg) scaleX(1.04)}.ring-e{transform:rotateX(34deg) rotateY(72deg) rotateZ(-23deg) scaleX(.88)}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  #webgl{display:none}.hero,.process,.work,.systems{height:auto!important}.thesis{margin-top:0!important}.hero__sticky,.process__sticky,.work__sticky,.systems__sticky{position:relative!important;height:auto!important;min-height:0!important}
  .hero__sticky{min-height:100svh!important}.hero__network{opacity:.45;transform:none}.hero__aperture{display:none}.thesis-line{transform:none!important;opacity:1!important}
  .process__sticky{padding-bottom:80px}.process__viewport{position:relative;inset:auto;margin-top:70px;display:block}.process__chapters{height:auto}.process-chapter{position:relative;visibility:visible!important;opacity:1!important;padding:55px 0;border-bottom:1px solid var(--line-light)}.process-chapter h3{font-size:clamp(64px,14vw,150px)}.process-artifact,.process__steps,.process__marker{display:none}
  .work__sticky{padding:100px var(--pad) 80px;overflow:visible}.work__header{position:relative;inset:auto;margin-bottom:50px}.project-worlds{position:relative;display:grid;gap:18px}.project-world{position:relative;inset:auto;min-height:760px;visibility:visible!important;opacity:1!important;transform:none!important;clip-path:none!important}.work__progress{display:none}
  .systems__sticky{padding-bottom:80px}.systems__map{transform:none!important}.system-node{opacity:1!important;transform:none!important}
}

.no-js .hero,.no-js .process,.no-js .work,.no-js .systems,
.motion-fallback .hero,.motion-fallback .process,.motion-fallback .work,.motion-fallback .systems{height:auto}
.no-js .thesis,.motion-fallback .thesis{margin-top:0}
.no-js .hero__sticky,.no-js .process__sticky,.no-js .work__sticky,.no-js .systems__sticky,
.motion-fallback .hero__sticky,.motion-fallback .process__sticky,.motion-fallback .work__sticky,.motion-fallback .systems__sticky{position:relative;height:auto;min-height:0}
.no-js .hero__sticky,.motion-fallback .hero__sticky{min-height:100svh}
.no-js .process__viewport,.motion-fallback .process__viewport{position:relative;inset:auto;margin-top:70px;display:block}
.no-js .process__chapters,.motion-fallback .process__chapters{height:auto}
.no-js .process-chapter,.motion-fallback .process-chapter{position:relative;visibility:visible;opacity:1;padding:55px 0}
.no-js .process-artifact,.no-js .process__steps,.no-js .process__marker,
.motion-fallback .process-artifact,.motion-fallback .process__steps,.motion-fallback .process__marker{display:none}
.no-js .work__sticky,.motion-fallback .work__sticky{padding:100px var(--pad);overflow:visible}
.no-js .work__header,.motion-fallback .work__header{position:relative;inset:auto;margin-bottom:50px}
.no-js .project-worlds,.motion-fallback .project-worlds{position:relative;display:grid;gap:18px}
.no-js .project-world,.motion-fallback .project-world{position:relative;inset:auto;visibility:visible;opacity:1;min-height:760px}
.no-js .systems__map,.motion-fallback .systems__map{transform:none}


/* FINAL BRAND + MOBILE PRODUCTION PASS */
.brand-mark{display:block;object-fit:contain;object-position:center;max-width:100%;max-height:100%;pointer-events:none;user-select:none}
.loader__origin>img.brand-mark--loader{position:relative;z-index:2;width:42%;height:42%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(217,255,67,.14))}
.hero__portal-core{background:rgba(9,11,13,.96);border:1px solid rgba(217,255,67,.72);box-shadow:0 0 54px rgba(217,255,67,.16);overflow:visible}
.hero__portal-core>img.brand-mark--hero{position:relative;z-index:2;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(217,255,67,.13))}
.hero__portal-core>i{pointer-events:none}

/* Section 02 / ONE SYSTEM: logo floats inside the existing construction frame; no artificial square background. */
.artifact__core{width:32%;background:transparent!important;box-shadow:none!important;color:inherit;display:grid;place-items:center;overflow:visible}
.artifact__core>img.brand-mark--process{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 16px rgba(12,15,18,.12))}

/* Section 04 / UNDER THE SURFACE: deliberately small system core, always optically centered. */
.systems__kernel{width:clamp(86px,7.1vw,118px);border:0;background:transparent;box-shadow:none;display:grid;place-items:center;overflow:visible;z-index:3}
.systems__kernel:after,.systems__kernel>i,.systems__kernel>b,.systems__kernel>span{display:none!important}
.systems__kernel>img.brand-mark--systems{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(217,255,67,.10));transform:translateZ(0)}

@media (max-width:900px), (max-width:1100px) and (max-height:680px){
  html,body,main,.scene{max-width:100%;overflow-x:clip}
  /* Mobile gets its own pacing: the scroll effect remains, but there is no empty hold after the hero. */
  .hero{height:148svh}
  .hero__sticky{height:100svh;min-height:560px}
  .hero__portal{width:min(58vw,340px);right:-5vw;top:14svh}
  .hero__portal-core>img.brand-mark--hero{width:74%;height:74%}
  .hero__title{bottom:24svh;max-width:calc(100vw - (var(--pad)*2))}
  .hero__line{max-width:100%;overflow:visible}
  .hero__line--solid{font-size:27vw}
  .hero__line--outline{font-size:24vw}
  .hero__copy{left:var(--pad);right:var(--pad);bottom:7svh;gap:14px}
  .hero__copy p{max-width:min(61vw,235px)}

  /* Remove artificial blank bands between manifesto blocks. */
  .thesis{min-height:auto;margin-top:-10svh;padding:90px var(--pad) 64px;gap:0}
  .thesis__copy{margin-top:7svh}
  .thesis-line{max-width:100%}
  .thesis-line--impact{font-size:14.6vw;line-height:.86;letter-spacing:-.075em;margin-top:4svh}
  .thesis__footer{margin-top:9svh}

  /* Content-height mobile process rather than four half-empty viewport panels. */
  .process__sticky{padding:88px var(--pad) 54px}
  .process__viewport{margin-top:44px}
  .process-chapter{min-height:clamp(278px,39svh,350px);padding:42px 0 46px}
  .process-chapter h3{margin:5svh 0 2.5svh}
  .process-artifact{width:min(72vw,280px);margin:48px auto 0}
  .artifact__core{width:37%}

  /* Project cards fit their content; no forced 86–90svh blank tail. */
  .work__sticky{padding:88px var(--pad) 42px}
  .work__header{margin-bottom:36px}
  .project-worlds{gap:16px}
  .project-world{min-height:0!important;grid-template-rows:auto clamp(280px,74vw,360px)}
  .project-world__copy{padding:38px 18px 24px}
  .project-world__copy h3{margin:4svh 0 2.5svh;max-width:100%;overflow-wrap:normal}
  .project-world__copy>p{max-width:100%}
  .project-world__art{min-height:0}
  .agro-art__lens{width:min(64vw,270px)}
  .agro-art__leaf{max-width:74px}

  /* Systems is a normal vertical mobile section; the JA core is an accent, not a giant image. */
  .systems__sticky{padding:70px var(--pad) 58px}
  .systems__title{font-size:14.2vw;line-height:.84;margin:5svh 0 5svh;max-width:100%}
  .systems__map{gap:10px}
  .systems__kernel{width:104px!important;margin:0 auto 24px!important}
  .system-node{min-height:0!important;padding:16px 16px 18px}
  .systems__ticker{margin-top:44px}

  /* Contact height comes from content, avoiding a blank viewport tail. */
  .contact{min-height:auto;padding-top:84px;padding-bottom:max(54px,env(safe-area-inset-bottom))}
  .contact__headline{margin:3svh 0 4svh;overflow:visible}
  .contact__headline>span{font-size:clamp(47px,14.1vw,64px);line-height:.82;letter-spacing:-.075em;max-width:100%;padding-left:0!important}
  .contact__headline>span:nth-child(2){font-size:clamp(40px,12.1vw,56px)}
  .contact__headline>span:nth-child(3){font-size:clamp(31px,9.5vw,44px)}
  .contact__headline>b{right:0;top:-2%;font-size:12vw}
  .contact__portal{width:76vw;right:-30vw;top:29%}
  .menu__inner a{font-size:clamp(43px,13.6vw,66px)}
}

@media (max-width:430px){
  .hero__portal{width:58vw;right:-4vw;top:15svh}
  .hero__copy p{max-width:60vw}
  .thesis-line--impact{font-size:14.3vw}
  .process-chapter h3{font-size:20vw}
  .project-world__copy h3{font-size:17.2vw}
  .project-world--teles .project-world__copy h3{font-size:16.7vw}
  .project-world--expotin .project-world__copy h3{font-size:12.8vw}
  .systems__title{font-size:13.8vw}
}

@media (max-width:370px){
  .hero{height:142svh}
  .hero__portal{width:56vw;right:-3vw;top:14svh}
  .hero__title{bottom:25svh}
  .hero__line--solid{font-size:26vw}.hero__line--outline{font-size:23vw}
  .hero__copy{bottom:7svh}.hero__copy p{max-width:59vw;font-size:10.5px}.circle-link{width:62px;height:62px}
  .thesis{padding-top:82px}.thesis-line--impact{font-size:14vw}
  .process-chapter{min-height:270px}.process-chapter h3{font-size:19.5vw}
  .project-world__copy{padding-left:14px;padding-right:14px}.project-world{grid-template-rows:auto 270px}
  .systems__kernel{width:92px!important}.system-node{padding-left:14px;padding-right:14px}
  .contact__headline>span{font-size:44px}.contact__headline>span:nth-child(2){font-size:37px}.contact__headline>span:nth-child(3){font-size:29px}
}


/* Final Selected Work screenshots — real project proof inside each visual world */
.project-shot{--shot-accent:var(--world-accent);position:absolute;z-index:3;left:50%;top:50%;width:min(78%,760px);aspect-ratio:16/10;transform:translate3d(-50%,-50%,0) rotate(var(--shot-rotate,0deg));transform-origin:center;border:1px solid rgba(255,255,255,.30);border-radius:18px;overflow:hidden;background:#0b0d10;box-shadow:0 28px 70px rgba(0,0,0,.40),0 0 0 1px rgba(255,255,255,.045) inset;isolation:isolate;backface-visibility:hidden}
.project-shot::before{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,10,.04),transparent 42%,rgba(6,8,10,.38)),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;mix-blend-mode:screen}
.project-shot::after{content:'';position:absolute;z-index:3;inset:0;border:1px solid color-mix(in srgb,var(--shot-accent) 36%,transparent);border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 46px rgba(0,0,0,.12)}
.project-shot img{position:absolute;inset:25px 0 0;width:100%;height:calc(100% - 25px);object-fit:cover;display:block;filter:saturate(.82) contrast(1.03) brightness(.82);transform:scale(1.004)}
.project-shot__top{position:absolute;z-index:5;left:0;right:0;top:0;height:25px;padding:0 10px;display:flex;align-items:center;gap:6px;background:rgba(8,10,13,.92);border-bottom:1px solid rgba(255,255,255,.12)}
.project-shot__top span{margin-right:auto;font:6px var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.68)}
.project-shot__top i{width:5px;height:5px;border-radius:50%;border:1px solid rgba(255,255,255,.42)}
.project-shot__top i:first-of-type{background:var(--shot-accent);border-color:var(--shot-accent);box-shadow:0 0 8px color-mix(in srgb,var(--shot-accent) 55%,transparent)}
.project-shot--teles{--shot-rotate:-1.6deg;--shot-accent:#ef2535;width:min(80%,780px)}
.project-shot--agro{--shot-rotate:1.25deg;--shot-accent:#83c793;width:min(79%,760px)}
.project-shot--expotin{--shot-rotate:-.8deg;--shot-accent:#4f86ff;width:min(81%,780px)}
.teles-art__car{opacity:.24;filter:saturate(.7)}
.teles-art__beam{opacity:.30}
.teles-art__road{opacity:.55}
.agro-art__lens{z-index:1;opacity:.46}.agro-art__leaf{z-index:1;opacity:.32}.agro-art__scan,.agro-art__box{z-index:4}.agro-art__crosshair{z-index:5}
.expotin-art__grid{z-index:1;opacity:.42}.expotin-art__focus,.expotin-art__route,.expotin-art__signal{z-index:4}
.project-world__art>b{z-index:6}

/* Keep Under The Surface visually unchanged while making its scroll composition cheaper. */
.systems__map,.systems__kernel,.system-node{backface-visibility:hidden;transform-style:preserve-3d}
.systems__map{contain:layout paint style;will-change:transform}
.system-node{contain:layout paint style;will-change:transform,opacity}

@media (max-width:767px){
  .project-shot{width:min(88%,540px);border-radius:14px;--shot-rotate:0deg!important;box-shadow:0 18px 42px rgba(0,0,0,.34)}
  .project-shot img{inset:23px 0 0;height:calc(100% - 23px)}
  .project-shot__top{height:23px}
  .project-world__art>b{bottom:10px;left:12px}
  .teles-art__car{opacity:.18}.agro-art__lens{opacity:.34}.agro-art__leaf{opacity:.24}.expotin-art__grid{opacity:.32}
}
@media (max-width:420px){
  .project-shot{width:91%;border-radius:12px}
  .project-shot__top span{font-size:5.5px}
}