:root{--glass-fill:rgba(255,255,255,0.08);--glass-fill-strong:rgba(255,255,255,0.14);--glass-edge-light:rgba(255,255,255,0.45);--glass-edge-dark:rgba(0,0,0,0.18);--glass-inner:inset 0 1px 0 rgba(255,255,255,0.35);--glass-drop:0 8px 24px -12px rgba(0,0,0,0.45);--glass-blur:14px;--glass-ring-edge:rgb(255 255 255/16%);--glass-ring-edge-bottom:rgb(246 228 228/50%)}.dark{--glass-fill:rgba(255,255,255,0.06);--glass-fill-strong:rgba(255,255,255,0.1);--glass-edge-light:rgba(255,255,255,0.28);--glass-edge-dark:rgba(0,0,0,0.4);--glass-inner:inset 0 1px 0 rgba(255,255,255,0.2);--glass-drop:0 8px 24px -12px rgba(0,0,0,0.7)}.glass{background:var(--glass-fill);border:1px solid var(--glass-edge-light);border-bottom-color:var(--glass-edge-dark);box-shadow:var(--glass-inner),var(--glass-drop);backdrop-filter:blur(var(--glass-blur))}.glass-ring{position:relative}.glass-ring-frame{top:calc(var(--glass-ring-size, 64px) / 2);left:50%;transform:translate(-50%,-50%);width:calc(var(--glass-ring-size, 64px) + var(--glass-ring-width, 10px));height:calc(var(--glass-ring-size, 64px) + var(--glass-ring-width, 10px));border-radius:calc(var(--glass-ring-size, 64px) * .32);border:1px solid var(--glass-ring-edge,rgb(255 255 255/16%));border-bottom-color:var(--glass-ring-edge-bottom,rgb(246 228 228/50%));background:var(--glass-fill);box-shadow:var(--glass-inner),var(--glass-drop);backdrop-filter:blur(var(--glass-blur))}.glass-ring-frame,.portfolio-lottie{position:absolute;pointer-events:none}.portfolio-lottie{right:-24vw;top:6vh;display:flex;align-items:center;justify-content:center;z-index:1}.portfolio-lottie__art{width:clamp(360px,calc(360px + 20vw + .6 * (100vw - 680px)),900px);height:min(clamp(360px,calc(360px + 20vw + .6 * (100vw - 680px)),900px),80vh);opacity:.9}@media (prefers-reduced-motion:reduce){.portfolio-lottie__art{opacity:.55}}