/* v301 — realized projects slider: fixed transform conflict, filters, autoplay */
#projects{background:#f6f2ec!important}
#projects .heading{margin-bottom:18px;text-align:center}
#projects .toolbar{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 28px}
#projects .filter-btn{appearance:none;border:1px solid #d4c8ba;background:#f6f2ec;color:#151311;border-radius:999px;padding:15px 20px;font-size:16px;font-weight:600;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:none}
#projects .filter-btn:hover{border-color:#111;background:#111;color:#fff;transform:translateY(-1px)}
#projects .filter-btn.is-active{background:#111;color:#fff;border-color:#111;box-shadow:0 8px 22px rgba(21,19,17,.12)}
#projects .proj-slider{position:relative;padding:0 58px!important;overflow:visible!important}
#projects .proj-viewport{overflow:hidden;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;min-height:auto!important}
#projects .proj-viewport:active{cursor:grabbing}
#projects .proj-track{display:flex!important;align-items:stretch;gap:18px;height:auto!important;transform:translate3d(var(--project-x,0px),0,0)!important;transition:transform .78s cubic-bezier(.22,.61,.36,1)!important;will-change:transform}
#projects .proj-card,
#projects .proj-card.is-active,
#projects .proj-card.is-side,
#projects .proj-card.is-outer,
#projects .proj-card.is-hidden{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;filter:none!important;z-index:auto!important;display:block!important;flex:0 0 calc((100% - 36px)/3)!important;width:calc((100% - 36px)/3)!important;height:auto!important;min-height:auto!important;aspect-ratio:16 / 8.1;border-radius:18px!important;overflow:hidden;background:#fff;border:1px solid #dfd0bf;box-shadow:0 8px 24px rgba(58,40,23,.06)!important}
#projects .proj-card[hidden]{display:none!important}
#projects .proj-card img{display:block;width:100%!important;height:100%!important;object-fit:cover;filter:none!important;transform:none!important;transition:transform .55s ease}
#projects .proj-card:hover img{transform:scale(1.025)}
#projects .proj-card::before,#projects .proj-card::after,#projects .proj-card__content{display:none!important}
#projects .slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:1px solid #d7c7b4;background:#ece6de;color:#7d6446;box-shadow:0 6px 16px rgba(79,56,34,.08);transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,opacity .25s ease}
#projects .slider-btn:hover:not(:disabled){background:#cfa165;border-color:#cfa165;color:#fff;transform:translateY(-50%) scale(1.03)}
#projects .slider-btn:disabled{opacity:.45;cursor:default}
#projects .slider-btn--prev{left:0}
#projects .slider-btn--next{right:0}
#projects .slider-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#projects .slider-dots{display:none!important}
#projects .home-projects-more{margin-top:18px;text-align:center}
#projects .home-projects-more .btn{min-width:222px;border-radius:10px;background:#b88f5f;border:1px solid #b88f5f;color:#151311;box-shadow:none}
#projects .home-projects-more .btn:hover{background:#cfa165;border-color:#cfa165;color:#151311}
@media (max-width:991.98px){
  #projects .proj-slider{padding-inline:44px!important}
  #projects .proj-card,
  #projects .proj-card.is-active,
  #projects .proj-card.is-side,
  #projects .proj-card.is-outer,
  #projects .proj-card.is-hidden{flex-basis:calc((100% - 18px)/2)!important;width:calc((100% - 18px)/2)!important;aspect-ratio:16 / 10}
}
@media (max-width:767.98px){
  #projects .heading{margin-bottom:16px}
  #projects .toolbar{justify-content:flex-start;gap:10px;margin-bottom:20px}
  #projects .filter-btn{padding:13px 18px;font-size:15px}
  #projects .proj-slider{padding-inline:36px!important}
  #projects .proj-card,
  #projects .proj-card.is-active,
  #projects .proj-card.is-side,
  #projects .proj-card.is-outer,
  #projects .proj-card.is-hidden{flex-basis:100%!important;width:100%!important;aspect-ratio:16 / 10.3;border-radius:16px!important}
  #projects .slider-btn{width:38px;height:38px}
  #projects .home-projects-more .btn{width:100%;max-width:280px}
}