section.portfolio{background-image:radial-gradient(circle at top left, color-mix(in oklab, var(--color-primary) 15%, transparent), transparent 40%), radial-gradient(circle at bottom right, color-mix(in oklab, var(--color-primary) 25%, transparent), transparent 40%);outline:1px solid var(--color-border);isolation:isolate}section.portfolio:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0;mask-image:radial-gradient(#000 30%,#0000 75%)}.use-marquee-slider{--slider-gap:10px;gap:var(--slider-gap);background-image:linear-gradient(90deg, var(--color-primary), var(--color-secondary));padding-block:calc(var(--column-gap) / 4);display:flex;overflow:clip}.use-marquee-slider .marquee-wrapper{justify-content:space-around;align-items:center;gap:var(--slider-gap);min-width:100%;animation:marqueeSlider var(--slider-duration) linear infinite;will-change:transform;flex:none;display:flex}@keyframes marqueeSlider{to{transform:translateX(calc(-100% - var(--slider-gap)))}}.use-marquee-slider .marquee-wrapper li{align-items:center;gap:var(--slider-gap);color:var(--color-light);flex:none;display:inline-flex}.use-marquee-slider.is-reverse .marquee-wrapper{animation-direction:reverse}.use-marquee-slider.pause-on-hover:hover .marquee-wrapper{animation-play-state:paused}