.telegram-detail{position:absolute;width:clamp(35px,5vw,74px);height:auto;pointer-events:auto;opacity:.21;z-index:1;filter:grayscale(.7);transition:opacity .5s,filter .5s;cursor:crosshair}
.telegram-detail:hover{opacity:.85;filter:grayscale(0) drop-shadow(0 0 10px #7be9d2)}
.dark .telegram-detail{opacity:.3;filter:grayscale(.6) brightness(1.6)}
.detail-tribal{width:clamp(55px,8vw,110px);opacity:.1!important;filter:brightness(.1)}
.dark .detail-tribal{filter:invert(1);opacity:.17!important}
.telegram-detail.d0{right:3%;top:6%}.telegram-detail.d1{right:2%;bottom:9%}.telegram-detail.d2{left:1%;top:52%}
.detail-motion{animation:detail-drift 9s ease-in-out infinite alternate}
@keyframes detail-drift{from{translate:0 -6px;rotate:-8deg}to{translate:0 8px;rotate:10deg}}
.ticker-orbits{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ticker-orbits i{position:absolute;width:7px;height:7px;border:1px solid #00a48b;rotate:45deg;opacity:.45;animation:drift-signal 10s linear infinite}
@keyframes drift-signal{from{translate:0 40px;opacity:0}20%{opacity:.5}to{translate:60px -160px;opacity:0}}
.premium-tilt{transform-style:preserve-3d;transition:transform .25s ease-out;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.lab-console{position:relative}.lab-console:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,50%),#78f1dc12,transparent 80%)}
.work-heading h2,.contact h2{transition:filter .4s}.work-heading h2:hover,.contact h2:hover{filter:drop-shadow(3px 2px #8468c744)}
.premium-sweep{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.premium-sweep:after{content:'';position:absolute;width:40%;height:200%;top:-50%;background:linear-gradient(90deg,transparent,#76edce09,transparent);rotate:20deg;animation:section-sweep 15s ease-in-out infinite}
@keyframes section-sweep{from{translate:-160% 0}to{translate:400% 0}}
#notae-ae{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:55;opacity:0;visibility:hidden;mix-blend-mode:screen;transition:opacity 1.4s,visibility 1.4s}
.revealed #notae-ae{visibility:visible;opacity:.28}
.notae-layer{z-index:-1!important}.revealed .notae-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--folio-x,50%) var(--folio-y,50%),#78f1dc15,transparent 80%)}.notae-layer img{opacity:0!important;filter:brightness(1.25) sepia(1) saturate(2.3) hue-rotate(105deg) drop-shadow(0 0 8px #78ffe2) drop-shadow(0 0 22px #47ffd3)!important;transition:opacity 1.4s,filter 1s}
.revealed .notae-layer img{opacity:.24!important;animation:folio-breathe 7s ease-in-out infinite alternate}
.revealed .dark .notae-layer img{opacity:.32!important}
@keyframes folio-breathe{to{filter:brightness(1.5) sepia(1) saturate(2.5) hue-rotate(105deg) drop-shadow(0 0 14px #78ffe2) drop-shadow(0 0 32px #47ffd3)}}
.secret-stage{width:min(650px,51vw);height:min(820px,91vh);right:1vw;bottom:-1vh;z-index:80;filter:drop-shadow(0 0 22px #54fbd344)}
.code-window{top:28%;left:20%;width:60%;height:49%;transform:none;background:linear-gradient(135deg,#032023e8,#020f18f0);box-shadow:0 0 45px #60fdd255,inset 0 0 22px #60fdd222}
.revealed .code-window{animation:code-emergence .8s cubic-bezier(.2,.7,.15,1) both}
@keyframes code-emergence{from{scale:.9;opacity:0}to{scale:1;opacity:1}}
.secret-stage canvas{image-rendering:auto;filter:drop-shadow(0 14px 18px #00111880)}
.code-window pre{font-size:clamp(8px,.7vw,11px);color:#88e0cd;line-height:1.95}.code-header{letter-spacing:.1em;font-size:9px}
.revealed .notae-status{border-color:#b4ffe9;box-shadow:0 0 24px #78ffd53b;z-index:90}
@media(max-width:760px){.secret-stage{width:100vw;height:76vh;right:0;bottom:2vh}.telegram-detail{width:32px}.detail-tribal{width:55px}.telegram-detail.d2{left:0}.revealed #notae-ae{opacity:.2}}
@media(prefers-reduced-motion:reduce){html:not(.motion-opt-in) .detail-motion,html:not(.motion-opt-in) .ticker-orbits i,html:not(.motion-opt-in) .premium-sweep:after,html:not(.motion-opt-in) .revealed .notae-layer img{animation:none}html:not(.motion-opt-in) .premium-tilt{transform:none}}

.hero>.telegram-detail.d2{left:44%;top:82%}
.grunge-accent{right:5%;bottom:5%;width:75px;opacity:.13;filter:grayscale(1)}.dark .grunge-accent{filter:invert(1);opacity:.19}