.portfolio-hero{position:relative;height:534px;background:url(../../../../../../../../themes/Pavla-SA/assets/img/portfolio_hero.png) center/cover no-repeat;border-radius:14px;overflow:hidden;margin:10px 30px 0}.portfolio-hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:flex-start;padding:60px 90px 0;flex-direction:column}.portfolio-hero-content h1{color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-700);line-height:100%;text-transform:uppercase;font-family:var(--font-family-1)}.portfolio-hero-content p{font-size:18px;font-weight:var(--font-weight-500);line-height:var(--line-height);color:var(--white);margin-top:8px;width:100%;max-width:686px}.portfolios-preview-section{margin:var(--margin) 0;text-align:center}.portfolios-preview-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-700);margin-bottom:60px;line-height:100%}.portfolios-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-content:start;align-items:stretch}.portfolios-preview-grid a{text-decoration:none;color:#000}.portfolio-preview-card{background:var(--white);padding:30px;border:1px solid #cdcdcd;text-align:left;border-radius:30px;height:100%;display:flex;flex-direction:column}.portfolio-preview-image{border-radius:14px;overflow:hidden;position:relative}.portfolio-preview-image img{width:100%;max-width:100%;height:337px;object-fit:cover;object-position:center;display:block;transition:transform 0.6s ease}.portfolio-preview-card:hover .portfolio-preview-image img{transform:scale(1.1)}.portfolio-preview-footer{display:grid;grid-template-columns:7fr 1fr;text-align:left;align-items:center;transition:transform 0.4s ease}.portfolio-preview-content h3{font-size:34px;font-weight:var(--font-weight-700);line-height:34px;margin-bottom:12px}.portfolio-preview-content p{font-size:var(--font-size-xm_1);color:var(--text);line-height:var(--line-height);font-weight:var(--font-weight-400)}.category-label{background-color:var(--primary);padding:0 10px;border-radius:30px;width:fit-content;display:inline-flex;justify-content:center;border:1px solid var(--primary)}.category-label p{font-size:13px;font-weight:var(--font-weight-700);line-height:var(--line-height);color:#fff}.portfolio-arrow-btn{width:60px;height:60px;border-radius:50%;border:1px solid var(--border-1);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:24px;transition:all 0.4s ease}.portfolio-preview-card:hover .portfolio-arrow-btn{background:var(--primary);color:var(--white);border-color:var(--primary);transform:rotate(45deg)}.portfolio-preview-card:hover .portfolio-preview-content h3{color:var(--primary)}.portfolios-preview-btn{margin-top:60px}.portfolio-arrow-btn img{transition:filter 0.3s ease}.portfolio-preview-card:hover .portfolio-arrow-btn img{filter:invert(1)}.portfolio-preview-card:hover .category-label{background-color:var(--white);border:1px solid var(--text)}.portfolio-preview-card:hover .category-label p{color:var(--text)}.filter-buttons{display:flex;gap:35px;margin-bottom:60px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth}.filter-btn{padding:20px 37px;border-radius:10px;border:none;background:#F3F3F3;cursor:pointer;font-weight:400;transition:0.3s;color:#333!important;-webkit-text-fill-color:#333!important;font-size:24px;font-family:var(--font-family)}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff!important;-webkit-text-fill-color:#fff!important}.portfolio-preview-card{transition:all 0.3s ease}.hidden{display:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-buttons{scrollbar-width:none}@media (max-width:1200px){.portfolio-hero-content{padding:50px 60px 0}.portfolio-preview-content h3{font-size:28px}.filter-btn{font-size:20px;padding:16px 28px}}@media (max-width:992px){.portfolios-preview-grid{grid-template-columns:repeat(2,1fr)}.portfolio-hero{height:450px}.portfolio-hero-content{padding:40px}.portfolio-preview-image img{height:280px}.portfolio-preview-footer{align-items:end}.portfolio-arrow-btn{width:50px;height:50px}}@media (max-width:768px){.portfolio-hero{padding:60px 20px;margin:20px}.portfolio-hero-content{padding:0}.portfolios-preview-grid{grid-template-columns:1fr}.portfolio-preview-card{padding:20px}.portfolio-preview-image img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.category-label .filter-buttons{gap:15px}.filter-btn{font-size:16px;padding:12px 20px}}.portfolio-category-label{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 15px}@media (max-width:576px){.portfolio-hero{height:320px;border-radius:20px;margin:30px 15px 0}}@media (max-width:480px){.portfolio-preview-image img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.portfolio-arrow-btn{width:45px;height:45px}}.project-info-item strong a{display:block;word-break:break-word;overflow-wrap:break-word;white-space:normal}@media (max-width:767px){.project-info-item{display:flex;flex-direction:column;gap:8px}.project-info-item strong{width:100%}.project-info{padding:0!important}}