.portfolio-page{flex-direction:column;width:100%;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow-x:hidden}.portfolio-body{z-index:1;flex-direction:column;flex:1;align-items:center;gap:60px;padding:0 240px;display:flex;position:relative}.title-section{flex-direction:column;align-items:center;gap:40px;width:100%;display:flex}.page-title{text-align:center;background:linear-gradient(135deg,rgb(var(--color-red))0%,rgb(var(--color-purple))100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:60px;font-weight:600}.search-container{justify-content:center;width:100%;display:flex}.search-input{border:1px solid var(--border);background:var(--color-glass);backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:16px;width:993px;max-width:100%;height:60px;padding:0 24px;display:flex;box-shadow:0 4px 12px #0d0a2c0f}.search-input input{color:var(--primary);background:0 0;border:none;outline:none;flex:1;font-size:18px;font-weight:400}.search-input input::placeholder{color:var(--muted-foreground)}.search-icon{width:24px;height:24px;color:var(--primary)}.mobile-filter-toggle{display:none}.mobile-filter-btn{background:var(--color-glass);border:1px solid var(--border);color:var(--primary);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;display:flex}.content-wrapper{gap:29px;width:100%;max-width:1440px;display:flex}.filter-sidebar{border:1px solid var(--border);background:var(--color-glass);backdrop-filter:blur(13.1px);border-radius:20px;flex-direction:column;flex-shrink:0;gap:18px;width:280px;height:fit-content;padding:24px;display:flex;position:sticky;top:120px}.filter-header{align-items:center;gap:10px;display:flex}.filter-header span{color:var(--primary);font-size:20px;font-weight:700}.filter-header svg{width:24px;height:24px}.filter-divider{background:var(--border);height:1px}.filter-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:16px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.filter-list::-webkit-scrollbar{display:none}.filter-list::-webkit-scrollbar-track{background:var(--color-glass);border-radius:4px}.filter-list::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,rgb(var(--color-purple)),rgb(var(--color-blue)));border-radius:4px}.filter-item{color:var(--muted-foreground);cursor:pointer;padding:8px 0;font-size:16px;font-weight:600;transition:all .3s}.filter-item.active{color:var(--primary);font-weight:900}.filter-item:hover{color:var(--primary)}.sort-section{align-items:center;gap:10px;padding-top:16px;display:flex}.sort-section svg{width:20px;height:20px}.sort-content{flex-direction:row;flex:1;align-items:center;gap:8px;display:flex}.sort-label{color:var(--primary);font-size:16px;font-weight:700}.sort-dropdown-wrapper{position:relative}.sort-dropdown{cursor:pointer;align-items:center;gap:5px;display:flex}.sort-dropdown span{color:var(--primary);font-size:16px;font-weight:400}.sort-dropdown-menu{background:var(--card);border:1px solid var(--border);z-index:10;border-radius:12px;min-width:150px;margin-top:8px;position:absolute;top:100%;left:0;overflow:hidden}.sort-option{color:var(--muted-foreground);cursor:pointer;padding:12px 16px;font-size:16px;transition:all .2s}.sort-option:hover{background:var(--color-glass);color:var(--primary)}.sort-option.active{background:rgba(var(--color-purple),.2);color:var(--primary)}.projects-section{flex-direction:column;flex:1;gap:30px;display:flex}.section-title{color:var(--primary);margin:0;font-size:32px;font-weight:800}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.project-card{cursor:pointer;height:100%;transition:transform .3s}.project-card-link{flex-direction:column;gap:32px;text-decoration:none;display:flex}.project-card img{aspect-ratio:16/9;object-fit:cover;object-position:top;background:var(--color-glass);border-radius:24px;flex-shrink:0;width:100%;height:auto;transition:transform .5s}.project-card:hover img{transform:scale(1.05)}.project-info{flex-direction:column;flex:1;gap:16px;display:flex}.project-info h3{color:var(--primary);margin:0;font-size:20px;font-weight:700;transition:all .3s}.project-card:hover .project-info h3{color:rgb(var(--color-purple))}.project-info p{color:var(--primary);-webkit-line-clamp:3;line-clamp:3;opacity:.7;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.project-cta{cursor:pointer;align-items:center;gap:10px;margin-top:auto;transition:gap .3s;display:flex}.project-card:hover .project-cta{gap:15px}.project-cta span{color:rgb(var(--color-red));font-size:18px;font-weight:600}.project-cta svg{color:rgb(var(--color-red))}.no-results{text-align:center;padding:60px 0}.no-results p{color:var(--muted-foreground);font-size:18px}.reach-section{justify-content:center;align-items:center;gap:40px;width:100%;max-width:1440px;margin-top:60px;display:flex}.reach-image{object-fit:contain;flex-shrink:0;width:320px;height:320px}.reach-form-container{border:3px solid var(--border);backdrop-filter:blur(13.1px);background:var(--color-glass);border-radius:32px;flex:1;max-width:900px;padding:30px;box-shadow:0 4px 27px #ffffff1a}.reach-title{color:var(--primary);text-align:center;margin:0 0 20px;font-size:32px;font-weight:800}.reach-form-content{align-items:flex-start;gap:30px;display:flex}.reach-form-inputs{flex-direction:column;flex:1;gap:16px;display:flex}.reach-form-row{gap:16px;display:flex}.input-field{border:1px solid var(--border);backdrop-filter:blur(2px);height:49px;color:var(--primary);background:0 0;border-radius:90px;outline:none;padding:0 24px;font-size:16px;font-weight:500;transition:border-color .3s}.input-field:focus{border-color:rgb(var(--color-purple))}.input-field::placeholder{color:var(--muted-foreground)}.name-input,.email-input{flex:none;width:calc(50% - 8px)}.subject-input,.message-input{width:100%}.reach-subtitle{color:var(--muted-foreground);margin:10px 0 0;font-size:16px;font-weight:400;line-height:1.6}.qr-section{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.qr-section img{width:150px;height:150px}.qr-section p{color:var(--muted-foreground);text-align:center;margin:0;font-size:14px;font-weight:400}@media (max-width:1440px){.portfolio-body{padding-left:60px;padding-right:60px}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.content-wrapper{flex-direction:column}.filter-sidebar{width:100%;display:none;position:static}.filter-sidebar.mobile-open{display:flex}.mobile-filter-toggle{width:100%;display:block}.projects-grid{grid-template-columns:repeat(2,1fr)}.reach-section{flex-direction:column}.reach-image{width:250px;height:250px}.reach-form-content{flex-direction:column}.qr-section{align-self:center}}@media (max-width:768px){.portfolio-body{gap:40px;padding-left:20px;padding-right:20px}.page-title{font-size:36px}.search-input{width:100%;height:50px}.search-input input{font-size:16px}.projects-grid{grid-template-columns:1fr}.section-title{font-size:24px}.project-info h3{min-height:auto;font-size:20px}.project-info p{min-height:auto}.reach-image{width:180px;height:180px}.reach-form-container{padding:20px}.reach-title{font-size:24px}.reach-form-row{flex-direction:column}.name-input,.email-input{width:100%}.qr-section img{width:100px;height:100px}}@media (max-width:480px){.page-title{font-size:28px}.section-title,.filter-header span{font-size:20px}.filter-item,.sort-label,.sort-dropdown span{font-size:16px}}