.opt-projects-slider{position:relative;width:100%;padding:3rem 0;background:var(--opt-blue-dark);overflow:hidden}.opt-projects-slider__header{margin-bottom:3rem;text-align:center}.opt-projects-slider__header .opt-eyebrow{color:var(--opt-gold)}.opt-projects-slider__header .opt-heading-lg{margin-bottom:1rem}.opt-projects-slider__track{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2rem 0;margin:0 auto;max-width:100%;scroll-padding:2rem;padding-left:2rem;padding-right:2rem;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.opt-projects-slider__track::-webkit-scrollbar{display:none}.opt-projects-slider__item{flex:0 0 350px;display:flex;flex-direction:column;gap:1rem;animation:opt-slider-fade-in 0.6s ease-out}@keyframes opt-slider-fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.opt-project-screenshot{position:relative;width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:var(--opt-blue-mid);border:2px solid rgb(201 168 76 / .2);transition:all 0.3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:0 10px 30px rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center}.opt-project-screenshot:hover{border-color:rgb(201 168 76 / .6);box-shadow:0 20px 50px rgb(201 168 76 / .2),0 0 30px rgb(201 168 76 / .3);transform:translateY(-8px) scale(1.02)}.opt-project-screenshot img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.opt-project-screenshot:hover img{transform:scale(1.05)}.opt-project-screenshot__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 0%,rgb(10 20 40 / .5) 70%,rgb(10 20 40 / .9) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity 0.3s ease;z-index:10}.opt-project-screenshot:hover .opt-project-screenshot__overlay{opacity:1}.opt-project-screenshot__overlay-text{font-size:.9rem;color:var(--opt-cream);text-align:center;animation:opt-text-slide-up 0.4s ease-out}@keyframes opt-text-slide-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.opt-project-info{padding:0 .5rem}.opt-project-info__category{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--opt-gold);margin-bottom:.4rem;display:block}.opt-project-info__title{font-family:var(--opt-font-serif);font-size:1.2rem;color:var(--opt-cream);margin-bottom:.8rem;transition:color 0.3s ease;display:block;text-decoration:none;line-height:1.3}.opt-project-info__title:hover{color:var(--opt-gold-light)}.opt-project-info__description{font-size:.82rem;color:rgb(245 240 232 / .65);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opt-project-action{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--opt-gold);text-decoration:none;padding:.6rem 1.2rem;border:1px solid rgb(201 168 76 / .4);border-radius:4px;transition:all 0.3s ease;position:relative;overflow:hidden}.opt-project-action::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgb(201 168 76 / .1);transition:left 0.3s ease;z-index:-1}.opt-project-action:hover{border-color:var(--opt-gold);color:var(--opt-gold-light);background:rgb(201 168 76 / .1)}.opt-project-action:hover::before{left:0}.opt-projects-slider__controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.opt-projects-slider__scroll-hint{display:none;font-size:.75rem;color:rgb(201 168 76 / .6);letter-spacing:.1em;text-transform:uppercase;animation:opt-scroll-hint 1.5s ease-in-out infinite}@keyframes opt-scroll-hint{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}@media (max-width:1024px){.opt-projects-slider__scroll-hint{display:block}}.opt-projects-slider__btn{width:44px;height:44px;border:1px solid rgb(201 168 76 / .4);background:#fff0;color:var(--opt-gold);border-radius:4px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.opt-projects-slider__btn:hover{border-color:var(--opt-gold);background:rgb(201 168 76 / .1);transform:scale(1.1)}.opt-projects-slider__btn:active{transform:scale(.95)}.opt-projects-slider__btn:disabled{opacity:.3;cursor:not-allowed}.opt-projects-slider__scrollbar{position:relative;width:100%;height:4px;background:rgb(201 168 76 / .1);border-radius:2px;margin-top:1.5rem;overflow:hidden}.opt-projects-slider__scrollbar-thumb{height:100%;background:linear-gradient(90deg,var(--opt-gold),var(--opt-gold-light));border-radius:2px;transition:width 0.2s ease;width:25%}.opt-projects-slider__filters{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap}.opt-projects-filter-btn{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.2rem;border:1px solid rgb(201 168 76 / .3);background:#fff0;color:var(--opt-cream);border-radius:20px;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.opt-projects-filter-btn:hover,.opt-projects-filter-btn.is-active{border-color:var(--opt-gold);background:rgb(201 168 76 / .15);color:var(--opt-gold-light)}@media (max-width:768px){.opt-projects-slider__item{flex:0 0 280px}.opt-projects-slider__track{gap:1.5rem;padding-left:1rem;padding-right:1rem}.opt-projects-slider__controls{gap:.5rem}.opt-projects-slider__btn{width:40px;height:40px;font-size:.9rem}}@media (max-width:480px){.opt-projects-slider__item{flex:0 0 240px}.opt-project-screenshot{aspect-ratio:9/16}.opt-project-info{padding:0}.opt-project-info__title{font-size:1rem}.opt-projects-slider__controls{flex-direction:column}}@media (prefers-reduced-motion:reduce){.opt-project-screenshot,.opt-project-info__title,.opt-projects-slider__btn{transition:none}.opt-projects-slider__item{animation:none}}