.in-portfolio-section{padding-top:var(--in-padding-top, 72px);padding-bottom:var(--in-padding-bottom, 72px);background-color:var(--in-bg-color, #171717);color:var(--in-text-color, #ffffff)}.in-portfolio-container{max-width:95vw;margin:0 auto;padding:0 20px}.in-portfolio-heading{font-size:clamp(28px,5vw,48px);font-weight:600;margin-bottom:40px;text-align:center}.in-portfolio-slider-wrapper{position:relative}.in-portfolio-slider{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.in-portfolio-slider::-webkit-scrollbar{display:none}.in-portfolio-grid{display:grid;gap:20px;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--in-columns, 4) - 1) * 20px) / var(--in-columns, 4))}.in-portfolio-grid--2{--in-columns: 2}.in-portfolio-grid--3{--in-columns: 3}.in-portfolio-grid--4{--in-columns: 4}.in-portfolio-grid--5{--in-columns: 5}@media(max-width:991px){.in-portfolio-grid--3,.in-portfolio-grid--4,.in-portfolio-grid--5{--in-columns: 2;grid-auto-columns:calc((100% - 20px)/2);overflow:scroll}}@media(max-width:767px){.in-portfolio-grid--mobile-1{--in-columns: 1;grid-auto-columns:85%;overflow:scroll}.in-portfolio-grid--mobile-2{--in-columns: 2;grid-auto-columns:calc((100% - 20px)/2)}}.in-portfolio-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fffffff2;border:none;border-radius:50%;color:#171717;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.in-portfolio-nav--prev{left:-24px}.in-portfolio-nav--next{right:-24px}.in-portfolio-nav:hover:not(.in-portfolio-nav--disabled){background-color:#fff;transform:translateY(-50%) scale(1.1)}.in-portfolio-nav:focus{outline:2px solid #ffffff;outline-offset:2px}.in-portfolio-nav--disabled{opacity:.4;cursor:not-allowed}.in-portfolio-nav svg{width:20px;height:20px}@media(max-width:1440px){.in-portfolio-nav--prev{left:10px}.in-portfolio-nav--next{right:10px}}@media(max-width:767px){.in-portfolio-nav{width:40px;height:40px}.in-portfolio-nav svg{width:16px;height:16px}}.in-portfolio-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px}.in-portfolio-dot{width:10px;height:10px;border-radius:50%;border:none;background-color:#ffffff4d;cursor:pointer;padding:0;transition:all .3s ease}.in-portfolio-dot:hover{background-color:#fff9}.in-portfolio-dot--active{background-color:#fff;transform:scale(1.2)}.in-portfolio-dot:focus{outline:2px solid #ffffff;outline-offset:2px}.in-portfolio-card{position:relative;border-radius:16px;overflow:hidden;background-color:#1a1a1a;flex-shrink:0}.in-portfolio-card__media{position:relative;aspect-ratio:4/5;overflow:hidden}.in-portfolio-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.in-portfolio-card:hover .in-portfolio-card__media img{transform:scale(1.05)}.in-portfolio-placeholder{width:100%;height:100%;background-color:#2a2a2a}.in-portfolio-card__content{position:absolute;left:0;right:0;bottom:0;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 70%,transparent 100%)}.in-portfolio-card__title{font-size:clamp(18px,2.5vw,28px);font-weight:600;line-height:1.2;margin:0;color:#fff}.in-portfolio-card__button{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;background-color:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.in-portfolio-card__button:hover{background-color:#fff;color:#171717;border-color:#fff}.in-portfolio-card__button:focus{outline:2px solid #ffffff;outline-offset:2px}.in-portfolio-card__button svg{width:14px;height:14px}.in-portfolio-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.in-portfolio-modal[hidden]{display:none}.in-portfolio-modal:not([hidden]){display:flex}.in-portfolio-modal--active{opacity:1;visibility:visible}.in-portfolio-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.in-portfolio-modal__content{position:relative;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:16px;padding:32px;transform:translateY(20px);transition:transform .3s ease}.in-portfolio-modal--active .in-portfolio-modal__content{transform:translateY(0)}.in-portfolio-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.in-portfolio-modal__title{font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.2;margin:0;color:#171717}.in-portfolio-modal__close{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(23,23,23,.2);border-radius:50%;background-color:transparent;color:#171717;cursor:pointer;transition:all .3s ease}.in-portfolio-modal__close:hover{background-color:#171717;color:#fff;border-color:#171717}.in-portfolio-modal__close:focus{outline:2px solid #171717;outline-offset:2px}.in-portfolio-modal__close svg{width:16px;height:16px}.in-portfolio-modal__body{color:#333}.in-portfolio-modal__description{font-size:16px;line-height:1.6;margin:0 0 20px}.in-portfolio-modal__highlight{font-size:16px;line-height:1.6;margin:0}.in-portfolio-modal__highlight strong{color:#171717}@media(max-width:767px){.in-portfolio-card__content{padding:16px}.in-portfolio-card__button{width:36px;height:36px}.in-portfolio-card__button svg{width:12px;height:12px}.in-portfolio-modal__content{padding:24px}.in-portfolio-modal__close{width:36px;height:36px}}.in-portfolio-modal__content::-webkit-scrollbar{width:6px}.in-portfolio-modal__content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.in-portfolio-modal__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.in-portfolio-modal__content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}
/*# sourceMappingURL=/cdn/shop/t/230/assets/in-portfolio-section.css.map */