.portfolio{padding:6rem 0;margin:6rem 0;background:linear-gradient(135deg,#111827 0,#1f2937 50%,#111827 100%);overflow:hidden}.portfolio__title{margin-bottom:5rem;position:relative;z-index:1;text-align:center;color:#fff}.portfolio__title::after{content:"";margin:1.8rem auto 0;width:7rem;height:.35rem;display:block;background:linear-gradient(295deg,#dab75f 5%,#bf841a 50%,#fecb73 95%);border-radius:1rem;box-shadow:0 .4rem 1.4rem rgba(234,179,8,.35)}.portfolio__main{max-width:90rem;margin:0 auto 3rem}.portfolio__main .splide__track{overflow:hidden;border-radius:1.2rem;background-color:#111827}.portfolio__item{position:relative;display:flex}.portfolio__item::after{width:10rem;height:10rem;content:"";position:absolute;z-index:-1;width:20rem;height:20rem;background:#fde047;border-radius:50%;filter:blur(5rem);opacity:.2;pointer-events:none;right:0;bottom:0;opacity:.1}.portfolio__item-img{width:50rem;height:100%;overflow:hidden}.portfolio__item-info{padding:3.2rem 2rem}.portfolio__item-content-wrap.with-scroll .track-and-thumb-wrap,.portfolio__item-content-wrap.with-scroll .track-and-thumb-wrap .scroll-track,.portfolio__item-content-wrap.with-scroll .track-outer-wrap{background-color:#374151}.portfolio__item-content-wrap.with-scroll .track-and-thumb-wrap .scroll-thumb{background-color:#ca8a04}.portfolio__item-content{padding-right:2em;max-height:33rem;color:#d1d5db;overflow-y:scroll;box-sizing:border-box}.portfolio__item-content::-webkit-scrollbar{display:none}.portfolio__item-content h2,.portfolio__item-content h3{margin-bottom:2rem;font-size:2.4rem;font-weight:600;line-height:3rem;color:#f3f4f6}.portfolio__item-content h4{margin-top:3.2rem;margin-bottom:1.6rem;font-size:1.8rem;font-weight:600;line-height:2.6rem;color:#f3f4f6}.portfolio__item-content p{margin-bottom:2rem}.portfolio__item-content p:last-child{margin-bottom:0}.portfolio__item img{-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio__item:hover::before{opacity:1}.portfolio__item:hover img{transform:scale(1.05)}.portfolio__thumbnails{margin:0 auto;max-width:90rem}.portfolio__thumbnails .splide__list{display:flex;align-items:center;justify-content:center}.portfolio__thumbnail{margin:0;padding:0;position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;transition:.3s;opacity:.5;border:solid transparent}.portfolio__thumbnail::before{content:"";position:absolute;z-index:2;inset:0;background:rgba(17,24,39,.4);transition:background .3s;pointer-events:none}.portfolio__thumbnail::after{content:"";position:absolute;z-index:3;inset:0;border:solid transparent;border-radius:1.2rem;transition:transform .3s,border-color .3s,opacity 0,3s;pointer-events:none}.portfolio__thumbnail img{-o-object-fit:cover;object-fit:cover;transition:transform .3s}.portfolio__thumbnail:hover{opacity:.9}.portfolio__thumbnail.is-active{opacity:1;border-color:#eab308;box-shadow:0 0 0 .2rem rgba(234,179,8,.2),0 .8rem 2rem rgba(234,179,8,.3)}.portfolio__thumbnail.is-active::before{background:0 0}.portfolio__thumbnail.is-active::after{border-color:#eab308;box-shadow:0 0 2rem rgba(234,179,8,.4),inset 0 0 2rem rgba(234,179,8,.2)}.portfolio__thumbnail.is-active img{transform:scale(1.1)}@media (max-width:576px){.portfolio{padding:4rem 0;margin:2.8rem 0}.portfolio__title{margin-bottom:4rem;padding:0 1.6rem}.portfolio__main{margin-bottom:2rem}.portfolio__item{flex-direction:column;gap:2rem}.portfolio__item-img{width:100%;height:20rem}.portfolio__item-info{padding:0 1.2rem 2rem}.portfolio__item-content{max-height:14rem}.portfolio__item-content h2,.portfolio__item-content h3{font-size:2rem;line-height:2.6rem;margin-bottom:1.6rem}.portfolio__item-content h4{margin-top:2.8rem}.portfolio__item-content p{margin-bottom:1.6rem}}