.skills-carousel-wrap{container:skills-carousel/inline-size}.skills-carousel{--carousel-tilt:-16deg;--carousel-duration:22s;--carousel-width:clamp(96px,11cqi,190px);--carousel-height:clamp(118px,14cqi,235px);--carousel-depth:clamp(150px,26cqi,380px);--carousel-scale:min(1,calc((100cqi - 1rem)/(2*var(--carousel-depth) + var(--carousel-width) + 5rem)))}@container skills-carousel (max-width:520px){.skills-carousel{--carousel-width:74px;--carousel-height:96px;--carousel-depth:142px;--carousel-tilt:-14deg;--carousel-scale:min(1,calc((100cqi - .5rem)/(2*var(--carousel-depth) + var(--carousel-width) + 3rem)))}}@container skills-carousel (min-width:521px) and (max-width:768px){.skills-carousel{--carousel-width:clamp(86px,12cqi,118px);--carousel-height:clamp(108px,15cqi,148px);--carousel-depth:clamp(158px,29cqi,205px)}}.skills-carousel__stage{min-height:calc((var(--carousel-height) + var(--carousel-depth)*.45)*var(--carousel-scale) + 6rem)}.skills-carousel__fit{width:100%;height:calc(var(--carousel-height) + var(--carousel-depth)*.45);transform:scale(var(--carousel-scale));transform-origin:top;position:relative}.skills-carousel__slider{width:var(--carousel-width);height:var(--carousel-height);top:0;left:calc(50% - var(--carousel-width)/2);transform-style:preserve-3d;animation:skills-carousel-spin var(--carousel-duration)linear infinite;z-index:2;position:absolute;transform:perspective(1000px)}.skills-carousel__slider:hover{animation-play-state:paused}@keyframes skills-carousel-spin{0%{transform:perspective(1000px)rotateX(var(--carousel-tilt))rotateY(0deg)}to{transform:perspective(1000px)rotateX(var(--carousel-tilt))rotateY(360deg)}}.skills-carousel__item{transform:rotateY(calc((var(--position) - 1)*(360/var(--quantity))*1deg))translateZ(var(--carousel-depth));position:absolute;inset:0}.skills-carousel__floor{pointer-events:none;z-index:1;background:radial-gradient(ellipse at center top,color-mix(in oklab,var(--accent)18%,transparent)0%,transparent 68%);width:min(100%,56rem);height:45%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skills-carousel__title{pointer-events:none;z-index:1;letter-spacing:-.04em;width:calc(100% - 1rem);color:color-mix(in oklab,var(--foreground)12%,transparent);-webkit-user-select:none;user-select:none;font-size:clamp(2rem,7cqi,5rem);font-weight:800;line-height:.95;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skills-carousel__title:after{content:attr(data-content);-webkit-text-stroke:1px color-mix(in oklab,var(--foreground)22%,transparent);color:#0000;position:absolute;inset:0}@supports not (width:1cqi){.skills-carousel{--carousel-width:clamp(100px,11vw,185px);--carousel-height:clamp(125px,14vw,220px);--carousel-depth:clamp(160px,24vw,340px);--carousel-scale:min(1,calc((100vw - 3rem)/(2*var(--carousel-depth) + var(--carousel-width) + 5rem)))}}@media screen and (max-width:520px){.skills-carousel{--carousel-width:74px;--carousel-height:96px;--carousel-depth:142px;--carousel-tilt:-14deg;--carousel-scale:min(1,calc((100vw - 2.5rem)/(2*var(--carousel-depth) + var(--carousel-width) + 3rem)))}}@media screen and (min-width:521px) and (max-width:768px){.skills-carousel{--carousel-width:100px;--carousel-height:128px;--carousel-depth:178px}}@media (prefers-reduced-motion:reduce){.skills-carousel__slider{transform:perspective(1000px)rotateX(var(--carousel-tilt))rotateY(-24deg);animation:none}}
.skills-marquee{--marquee-duration:38s;--marquee-gap:1.75rem;width:100%;padding-block:.5rem 1.5rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.skills-marquee__track{gap:var(--marquee-gap);width:max-content;animation:skills-marquee-scroll var(--marquee-duration)linear infinite;will-change:transform;display:flex}.skills-marquee:hover .skills-marquee__track{animation-play-state:paused}@keyframes skills-marquee-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--marquee-gap)/2))}}.skills-marquee__item{color:var(--foreground);white-space:nowrap;flex-shrink:0;align-items:center;gap:.875rem;padding:.75rem .5rem;display:flex}.skills-marquee__icon{background:color-mix(in oklab,var(--accent)12%,transparent);width:3.25rem;height:3.25rem;color:var(--accent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skills-marquee__icon svg{width:1.75rem;height:1.75rem}.skills-marquee__name{font-size:1.125rem;font-weight:600}@media screen and (max-width:767px){.skills-marquee{--marquee-gap:1.25rem;padding-block:.375rem 1.25rem}.skills-marquee__item{gap:.75rem;padding:.625rem .375rem}.skills-marquee__icon{width:2.75rem;height:2.75rem}.skills-marquee__icon svg{width:1.5rem;height:1.5rem}.skills-marquee__name{font-size:1rem}}@media (prefers-reduced-motion:reduce){.skills-marquee__track{flex-wrap:wrap;justify-content:center;width:100%;padding-inline:1rem;animation:none}}