.portfolio-section{padding:var(--section-padding-top, 8rem) 0 var(--section-padding-bottom, 8rem);background:#fafafa}.portfolio-section__container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-section__header{margin-bottom:6rem}.portfolio-section__title{font-size:clamp(3.2rem,6vw,5.6rem);font-weight:800;line-height:1.1;color:#1a1a1a;margin:0 0 2rem;letter-spacing:-.03em;max-width:800px;text-align:center}.portfolio-section__description{font-size:1.8rem;line-height:1.6;color:#666;max-width:600px;margin:0}.portfolio-grid{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;padding:1rem 0 2rem;margin-bottom:3rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.portfolio-grid::-webkit-scrollbar{height:8px}.portfolio-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.portfolio-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .3s ease}.portfolio-grid::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.portfolio-item{flex:0 0 auto;width:400px;background:#fff;border-radius:2rem;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.08)}.portfolio-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}.portfolio-item__link{display:block;text-decoration:none;color:inherit}.portfolio-item__image{position:relative;width:100%;height:300px;overflow:hidden;background:#f5f5f5}.portfolio-item__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.portfolio-item:hover .portfolio-item__image img{transform:scale(1.05)}.portfolio-section__footer{text-align:center}.portfolio-section__view-all{display:inline-flex;align-items:center;gap:.8rem;font-size:1.6rem;font-weight:600;color:#1a1a1a;text-decoration:none;padding:1.4rem 2.8rem;background:#fff;border:2px solid #E5E5E5;border-radius:5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0000000a}.portfolio-section__view-all:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.portfolio-section__view-all svg{transition:transform .3s ease}.portfolio-section__view-all:hover svg{transform:translate(4px)}.portfolio-section__empty{text-align:center;padding:6rem 2rem;color:#888;font-size:1.6rem}.color-scheme-2{background:linear-gradient(135deg,#fffef7,#fffcf0,#fff9e6,#fff6dc,#fffcf0)}.color-scheme-3{background:#fff}@media screen and (max-width: 990px){.portfolio-section{padding:6rem 0}.portfolio-section__header{margin-bottom:4rem}.portfolio-grid{gap:1.5rem;margin-bottom:2.5rem}.portfolio-item{width:320px}.portfolio-item__image{height:240px}}@media screen and (max-width: 749px){.portfolio-section{padding:4rem 0}.portfolio-section__container{padding:0 1.5rem}.portfolio-section__header{margin-bottom:3rem}.portfolio-grid{gap:1.2rem;margin-bottom:2rem;padding:.5rem 0 1.5rem}.portfolio-item{width:280px;border-radius:1.6rem}.portfolio-item__image{height:200px}.portfolio-section__view-all{font-size:1.5rem;padding:1.2rem 2.4rem}}@media screen and (max-width: 480px){.portfolio-section{padding:3rem 0}.portfolio-section__container{padding:0 1rem}.portfolio-section__header{margin-bottom:2.5rem}.portfolio-grid{gap:1rem;margin-bottom:1.5rem;padding:.5rem 0 1rem}.portfolio-item{width:240px;border-radius:1.4rem}.portfolio-item__image{height:180px}.portfolio-grid::-webkit-scrollbar{height:6px}.portfolio-section__view-all{font-size:1.4rem;padding:1rem 2rem}}.portfolio-item{opacity:0;transform:translate(30px);animation:slideInFromRight .6s cubic-bezier(.25,.46,.45,.94) forwards}.portfolio-item:nth-child(1){animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:nth-child(5){animation-delay:.5s}.portfolio-item:nth-child(6){animation-delay:.6s}@keyframes slideInFromRight{to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.portfolio-item{animation:none;opacity:1;transform:none}.portfolio-item:hover{transform:none}.portfolio-item__image img{transition:none}.portfolio-item:hover .portfolio-item__image img,.portfolio-section__view-all:hover{transform:none}}.portfolio-item__link:focus{outline:3px solid #0369A1;outline-offset:4px;border-radius:2.4rem}.portfolio-section__view-all:focus{outline:3px solid #0369A1;outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-portfolio.css.map */