.portfolio-header-section{padding:60px 101px 40px;background:#fff}.portfolio-header-container{max-width:1440px;margin:0 auto;text-align:center}.portfolio-page-title{font-family:"Hanken Grotesk","HK Grotesk",sans-serif;font-size:48px;font-weight:600;color:#5a4f42;margin:0 0 20px}.portfolio-page-description{font-family:"Hanken Grotesk","HK Grotesk",sans-serif;font-size:18px;font-weight:300;color:#766c61;margin:0;margin:0 auto;max-width:600px}.portfolio-filters-section{padding:40px 101px 60px;background:#fff}.portfolio-filters-container{max-width:1440px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:10px}.portfolio-filter-btn{padding:10px 20px;background:#efedeb;border:none;border-radius:50px;font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;color:#928a80;cursor:pointer;transition:all .3s ease}.portfolio-filter-btn:hover,.portfolio-filter-btn.active{background:#5a4f42;color:#fff}.portfolio-grid-section{padding:0 101px 80px;background:#fff}.portfolio-grid-container{max-width:1440px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 0;opacity:1;transition:opacity .5s ease}.portfolio-grid.is-fading{opacity:0}.portfolio-project-card{position:relative;display:flex;flex-direction:column;gap:30px;padding:0 20px}.portfolio-project-card-link{display:block;text-decoration:none;color:inherit;transition:opacity .3s ease}.portfolio-project-card-link:hover{opacity:.85}.portfolio-project-image{width:100%;height:350px;overflow:hidden;background:#f5f3f0}.portfolio-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-project-card-link:hover .portfolio-project-image img{transform:scale(1.05)}.portfolio-project-content{display:flex;flex-direction:column;gap:10px}.portfolio-project-title{font-family:"Hanken Grotesk",sans-serif;font-size:24px;font-weight:400;color:#5a4f42;margin:0;text-transform:capitalize}.portfolio-project-type{font-family:"Hanken Grotesk",sans-serif;font-size:18px;font-weight:300;color:#766c61;margin:0}.portfolio-no-results{text-align:center;padding:60px 20px;font-family:"Hanken Grotesk",sans-serif;font-size:18px;color:#766c61}.portfolio-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:60px}.pagination-numbers{display:flex;gap:10px}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #5a4f42;background:0 0;color:#5a4f42;font-family:"Roboto",sans-serif;font-size:20px;font-weight:400;cursor:pointer;transition:all .3s ease}.pagination-number:hover,.pagination-number.active{background:#5a4f42;color:#fff}.pagination-next{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #5a4f42;background:0 0;color:#5a4f42;cursor:pointer;transition:all .3s ease}.pagination-next:hover{background:#5a4f42;color:#fff}.pagination-next .material-symbols-outlined{font-size:24px}.portfolio-project-card{position:relative}.portfolio-project-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(90,79,66,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.portfolio-project-card:hover .portfolio-project-hover-overlay{opacity:1;visibility:visible}.portfolio-hover-title{font-family:"Hanken Grotesk",sans-serif;font-size:28px;font-weight:600;color:#fff;text-align:center;margin:0;padding:0 20px}.portfolio-view-property-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;color:#5a4f42;font-family:"Hanken Grotesk",sans-serif;font-size:16px;font-weight:500;text-decoration:none;border-radius:4px;transition:all .3s ease}.portfolio-view-property-btn:hover{background:#efedeb;transform:translateY(-2px)}.portfolio-view-property-btn .material-symbols-outlined{font-size:20px}@media (max-width:1024px){.portfolio-header-section,.portfolio-filters-section,.portfolio-grid-section{padding-left:40px;padding-right:40px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.portfolio-project-card:nth-child(3n)::after{display:block}.portfolio-project-card:nth-child(2n)::after{display:none}}@media (max-width:768px){.portfolio-header-section{padding:40px 30px 30px}.portfolio-page-title{font-size:36px}.portfolio-page-description{font-size:16px}.portfolio-filters-section{padding:30px 30px 40px}.portfolio-filters-container{flex-direction:column;gap:10px}.portfolio-filter-btn{width:100%;max-width:300px}.portfolio-grid-section{padding:0 30px 60px}.portfolio-grid{grid-template-columns:1fr;gap:40px 0}.portfolio-project-card::after{display:none}.portfolio-project-image{height:280px}.portfolio-project-title{font-size:20px}.portfolio-project-type{font-size:16px}.portfolio-pagination{margin-top:40px;flex-wrap:wrap}}