.skills-marquee-container{background-color:var(--background);padding:3.5rem 0;position:relative;overflow:hidden}.skills-marquee-sticky{flex-direction:column;justify-content:center;width:100%;display:flex}.marquee-header{text-align:center;z-index:5;margin-bottom:3.5rem}.marquee-header h2{color:var(--foreground);font-family:Apple Garamond,Garamond,serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:400;line-height:1}.marquee-header p{letter-spacing:.05em;opacity:.6;text-transform:uppercase;margin-top:.5rem;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700}.marquee-content-wrapper{width:100%;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}.marquee-content{flex-direction:column;gap:.75rem;width:max-content;display:flex}.marquee-row{will-change:transform;gap:1rem;padding:.15rem 0;display:flex}.marquee-row-content{gap:1rem;display:flex}.marquee-badge{object-fit:cover;filter:saturate(.85);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-shrink:0;height:48px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .3s,opacity .3s}.marquee-badge:hover{filter:saturate(1.1)brightness(1.1);z-index:10;transform:scale(1.15)}.marquee-badge.matched{filter:saturate(1.2)brightness(1.1);z-index:50;margin:0 1.8rem;transform:scale(1.3);box-shadow:0 10px 30px #0000004d}.marquee-badge.dimmed{opacity:.25;filter:saturate(0)blur(2px);transform:scale(.9)}.marquee-fade-left,.marquee-fade-right{display:none}@media (max-width:768px){.skills-marquee-container{height:auto;padding:3rem 0}.marquee-header h2{font-size:3.5rem}.marquee-badge{border-radius:8px;height:38px}.marquee-content{gap:1rem}.marquee-row{gap:.75rem}}.marquee-search-container{z-index:5;justify-content:center;margin-top:2rem;display:flex;position:relative}.marquee-search-input{background:var(--cotton);color:var(--noir-black);border:1px solid var(--border-color);text-align:center;border-radius:50px;outline:none;width:250px;padding:.8rem 1.5rem;font-family:Arial,sans-serif;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #0000000d}.marquee-search-input:focus{border-color:var(--maroon);width:300px;box-shadow:0 4px 24px #6300002e}.marquee-search-input::placeholder{color:#0006;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}