.td-lab[data-portrait-light=on] .td-personal-portrait{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 22px 64px -32px color-mix(in srgb,var(--primary) 26%,transparent),-12px -8px 52px -30px color-mix(in srgb,var(--primary) 30%,transparent)}.td-lab[data-portrait-light=on] .td-personal-portrait:after{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}html[data-theme=light] .td-lab[data-portrait-light=on] .td-personal-portrait{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 22px 48px -30px color-mix(in srgb,var(--foreground) 24%,transparent)}.lab-portrait-controls{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.lab-portrait-controls>div{display:flex;gap:8px}.lab-portrait-controls button{min-height:44px;flex:1;padding:8px;border:1px solid var(--input);border-radius:10px;cursor:pointer;font:inherit}.lab-portrait-controls button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.lab-portrait-controls a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.lab-extra-svg{width:100%;height:100%;color:var(--primary)}.lab-extra-retro{position:absolute;inset:0;overflow:hidden;opacity:.16;mask-image:linear-gradient(transparent 25%,black 75%)}.lab-retro-plane{transform-origin:600px 270px;animation:lab-retro-scroll 12s ease-in-out infinite alternate;animation-play-state:paused}@keyframes lab-retro-scroll{0%{transform:scaleY(.85)}to{transform:scaleY(1.15)}}.lab-extra-flicker{mask-image:radial-gradient(ellipse,transparent 15%,black 90%)}.lab-extra-flicker rect{opacity:.08;animation:lab-grid-breathe 8s ease-in-out infinite alternate;animation-play-state:paused}@keyframes lab-grid-breathe{0%{opacity:.04}to{opacity:.28}}.lab-extra-ripple circle{transform-origin:600px 425px;opacity:.14;animation:lab-ring-breathe 10s ease-in-out infinite alternate;animation-play-state:paused}@keyframes lab-ring-breathe{0%{transform:scale(.9);opacity:.06}to{transform:scale(1.1);opacity:.18}}.lab-star-trail{opacity:0;animation:lab-star-crossing 14s linear infinite;animation-play-state:paused}@keyframes lab-star-crossing{0%{transform:translate(-180px,-80px) rotate(32deg);opacity:0}5%{opacity:.5}34%{transform:translate(1380px,800px) rotate(32deg);opacity:0}to{transform:translate(1380px,800px) rotate(32deg);opacity:0}}.lab-extra-spotlight{position:absolute;width:min(1000px,160vw);height:150%;top:-55%;inset-inline-end:-10%;opacity:.16;background:radial-gradient(ellipse at center,var(--primary),transparent 65%);transform:rotate(-32deg) scaleX(.55);animation:lab-spotlight-sweep 24s ease-in-out infinite alternate;animation-play-state:paused}@keyframes lab-spotlight-sweep{0%{transform:translateX(-8%) rotate(-32deg) scaleX(.55)}to{transform:translateX(8%) rotate(-20deg) scaleX(.65)}}.lab-ambient[data-active=true] :is(.lab-retro-plane,.lab-extra-flicker rect,.lab-extra-ripple circle,.lab-star-trail,.lab-extra-spotlight){animation-play-state:running}@media (max-width:767px){.lab-extra-retro,.lab-extra-spotlight{opacity:.12}}@media (prefers-reduced-motion:reduce){.lab-ambient :is(.lab-retro-plane,.lab-extra-flicker rect,.lab-extra-ripple circle,.lab-star-trail,.lab-extra-spotlight){animation:none!important}.lab-star-trail{opacity:0}}.td-lab :is(#services,#technologies,#contact){scroll-margin-top:100px}.lab-effects-panel{position:fixed;inset-inline-start:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:80;font-size:13px;line-height:1.6;color:var(--foreground)}.lab-effects-panel>summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:44px;padding:10px 16px;background:var(--card);border:1px solid var(--input);border-radius:12px;cursor:pointer;list-style:none}.lab-effects-panel>summary::-webkit-details-marker{display:none}.lab-effects-options{position:absolute;bottom:calc(100% + 8px);inset-inline-start:0;width:min(310px,calc(100vw - 24px));max-height:min(70dvh,650px);overflow-y:auto;overscroll-behavior:contain;padding:16px;background:var(--card);border:1px solid var(--input);border-radius:16px;box-shadow:0 12px 40px -16px rgb(0 0 0/.5)}.lab-effects-options p{margin:0 0 12px}.lab-effects-list{display:grid;gap:6px}.lab-effects-list button{display:grid;gap:2px;text-align:start;min-height:54px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font:inherit}.lab-effects-list button span{font-size:12px;color:var(--muted-foreground)}.lab-effects-list button[aria-pressed=true]{border-color:var(--primary);background:var(--secondary)}.lab-effects-panel :is(button,a,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.lab-effects-options .lab-effects-status{margin-block:12px}.lab-effects-options>a{display:block;min-height:44px;padding-block:10px;text-decoration:underline;text-underline-offset:4px}.lab-effects-options small{display:block;color:var(--muted-foreground)}.td-lab[data-effect] .lab-paths{display:none}.td-lab[data-effect=ambient] .lab-paths{display:block}.lab-ambient--aurora>span{inset:-25%;width:150%;aspect-ratio:auto;opacity:.16;background:repeating-linear-gradient(110deg,transparent 0 9%,var(--primary) 15%,transparent 22% 32%,var(--secondary) 39%,transparent 46%);mask-image:radial-gradient(ellipse at top right,black,transparent 75%);animation:lab-aurora-wave 30s ease-in-out infinite alternate;animation-play-state:paused}.lab-ambient--aurora>span+span{inset:-25%;opacity:.08;animation-direction:alternate-reverse}@keyframes lab-aurora-wave{0%{transform:translate3d(-8%,-3%,0) skewX(-8deg)}to{transform:translate3d(8%,7%,0) skewX(8deg)}}.lab-ambient--beams>span:nth-child(n){top:-30%;inset-inline-start:auto;inset-inline-end:auto;width:20%;height:160%;aspect-ratio:auto;opacity:.13;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 60%,transparent),transparent);mask-image:linear-gradient(transparent,black 35%,transparent 90%);animation:lab-beam-drift 14s ease-in-out infinite alternate;animation-play-state:paused}@keyframes lab-beam-drift{0%{transform:translate3d(-15%,-8%,0) rotate(25deg)}to{transform:translate3d(85%,8%,0) rotate(32deg)}}.lab-ambient--paths{color:var(--primary);opacity:.2}.lab-ambient--paths svg{width:100%;height:100%}.lab-ambient--paths path{stroke:currentColor;stroke-width:.8;stroke-dasharray:12 88;animation:lab-path-flow 12s linear infinite;animation-play-state:paused}.lab-ambient--ocean>span:nth-child(n){inset:-20%;width:140%;aspect-ratio:auto;opacity:.2;background:repeating-linear-gradient(100deg,transparent 0 6%,var(--primary) 10%,var(--secondary) 15%,transparent 20% 26%);background-size:200% 100%;mask-image:radial-gradient(ellipse at 50% 0,black,transparent 80%);animation:lab-ocean-curtain 20s linear infinite alternate;animation-play-state:paused}.lab-ambient--ocean>span+span{opacity:.09;animation-duration:15s;animation-direction:alternate-reverse;transform:scaleX(-1)}@keyframes lab-ocean-curtain{0%{background-position:0 50%}to{background-position:100% 50%}}.lab-ambient[data-active=true] :is(span,path){animation-play-state:running}.td-lab[data-effect=glow] .td-service:before{display:block;content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--lab-glow-angle,0deg),transparent 0deg 230deg,var(--primary) 280deg,transparent 330deg);mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);mask-composite:exclude;pointer-events:none;opacity:.55}.td-lab[data-effect=glow] .td-service:is(:hover,:focus-within):before{opacity:1}.lab-beam-scene{color:var(--primary);max-width:680px;margin:0 auto 36px;pointer-events:none}.lab-beam-scene svg{width:100%;height:auto}.lab-beam-track{stroke:var(--input);stroke-width:1}.lab-beam-signal{stroke:currentColor;stroke-width:2;stroke-dasharray:8 92;animation:lab-path-flow 5s linear infinite;animation-play-state:paused}.lab-beam-node{fill:var(--card);stroke:var(--primary)}.lab-beam-scene[data-active=true] .lab-beam-signal{animation-play-state:running}.lab-contact-effect-slot:empty,.lab-tech-effect-slot:empty{display:none}.lab-beam-scene--pulse{max-width:1000px;margin-block:24px 64px}.td-lab[data-effects-active=false] .lab-paths path{animation-play-state:paused}@media (max-width:767px){.lab-ambient--aurora>span:nth-child(n),.lab-ambient--ocean>span:nth-child(n){opacity:.12}.lab-ambient--beams>span:nth-child(n){opacity:.09}.lab-ambient--paths{opacity:.14}}@media (prefers-reduced-motion:reduce){.lab-ambient :is(span,path),.lab-beam-signal{animation:none!important}}