body.has-portfolio-backdrop{position:relative;isolation:isolate}
.has-portfolio-backdrop>header,.has-portfolio-backdrop>main,.has-portfolio-backdrop>footer{position:relative;z-index:1}
.portfolio-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:radial-gradient(ellipse at 80% 20%,#173c242c,transparent 65%)}
.portfolio-backdrop__drifter{position:absolute;left:0;top:0;aspect-ratio:1;opacity:var(--alpha);filter:blur(var(--soften)) saturate(.85);mix-blend-mode:screen;will-change:transform;pointer-events:none}
.portfolio-backdrop__content{position:absolute;inset:0;animation:portfolio-logo-wander var(--wobble) ease-in-out infinite alternate;animation-delay:var(--wobble-delay);animation-play-state:paused}
.portfolio-backdrop__content img,.portfolio-backdrop__content video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse,#000 30%,transparent 74%)}
.portfolio-backdrop__content video[hidden]{display:none}
.portfolio-backdrop[data-state="running"] .portfolio-backdrop__content{animation-play-state:running}
@keyframes portfolio-logo-wander{0%{transform:translate3d(-3px,2px,0) rotate(-.8deg) scale(.975)}47%{transform:translate3d(4px,-4px,0) rotate(.5deg) scale(1.025)}100%{transform:translate3d(-1px,3px,0) rotate(1.2deg) scale(.99)}}
.portfolio-backdrop__veil{position:absolute;inset:0;background:linear-gradient(90deg,#06181168,#06181113 70%,#06181133)}
.portfolio-motion-control{position:fixed;z-index:30;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:#0d251cf2;color:#d7efcd;border:1px solid #506f45;border-radius:99px;font:500 11px/1.2 system-ui,sans-serif;box-shadow:0 8px 25px #0003;cursor:pointer;backdrop-filter:blur(9px)}
.portfolio-motion-control:hover{background:#1a3927}.portfolio-motion-control:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.portfolio-motion-control:disabled{cursor:default;opacity:.8}
@media(max-width:700px){.portfolio-motion-control{right:12px;bottom:12px;font-size:10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.portfolio-backdrop__drifter{opacity:.035!important;filter:saturate(.6);will-change:auto}.portfolio-backdrop__content{animation:none!important}.portfolio-motion-control{transition:none}}