.portfolio-hero-section{position:relative;background:var(--gradient-brand);padding:var(--spacing-responsive-xl) 0 var(--spacing-responsive-lg);overflow:hidden;min-height:450px}.portfolio-hero-content{position:relative;z-index:2;text-align:center}.portfolio-hero-header{margin-bottom:var(--spacing-xl)}.portfolio-hero-title{font-family:var(--font-family-secondary);font-size:var(--font-size-responsive-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--white-color)}.portfolio-hero-title .title-main{display:inline-block;color:var(--white-color);text-shadow:var(--hero-text-shadow)}.portfolio-hero-title .title-highlight{display:inline-block;color:var(--white-color);position:relative;padding:0 var(--spacing-sm);text-shadow:var(--hero-text-shadow)}.portfolio-hero-title .title-highlight::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:3px;background:var(--white-color);border-radius:var(--border-radius-pill);opacity:.8;animation:expandWidth 1s ease-out 0.5s both}@keyframes expandWidth{from{width:0}to{width:100%}}.portfolio-hero-subtitle{font-size:var(--font-size-responsive-md);color:var(--white-color);opacity:.95;max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.portfolio-hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.portfolio-hero-decoration .decoration-shape{position:absolute;border-radius:var(--border-radius-circle);background:rgb(255 255 255 / .1);animation:float 6s ease-in-out infinite}.portfolio-hero-decoration .shape-1{width:300px;height:300px;top:-150px;right:-100px;animation-delay:0s}.portfolio-hero-decoration .shape-2{width:200px;height:200px;bottom:-100px;left:-50px;animation-delay:2s}.portfolio-hero-decoration .decoration-dot{position:absolute;width:8px;height:8px;background:rgb(255 255 255 / .5);border-radius:var(--border-radius-circle);animation:pulse 3s ease-in-out infinite}.portfolio-hero-decoration .dot-1{top:20%;left:10%;animation-delay:0.5s}.portfolio-hero-decoration .dot-2{top:60%;right:15%;animation-delay:1s}.portfolio-hero-decoration .dot-3{bottom:30%;left:20%;animation-delay:1.5s}.modern-portfolio-page{padding:var(--spacing-responsive-xl) 0;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white-color) 50%,var(--gray-50) 100%);position:relative;overflow:hidden}.portfolio-filter{margin-bottom:var(--spacing-xxl);text-align:center}.filter-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--white-color);color:var(--accent-dark-color);border:var(--border-medium) solid var(--accent-color);border-radius:var(--border-radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth);text-decoration:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);min-height:44px;position:relative;overflow:hidden}.filter-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-secondary);transition:left 0.3s ease;z-index:-1}.filter-btn:hover,.filter-btn.active{color:var(--white-color);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-btn:hover::before,.filter-btn.active::before{left:0}.filter-btn i{font-size:var(--font-size-xs)}.category-count{background:var(--white-color);color:var(--secondary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);opacity:1;margin-left:var(--spacing-xs);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--secondary-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.portfolio-item{background:var(--white-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-smooth);position:relative}.portfolio-item:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.portfolio-item-container{position:relative;height:100%;display:flex;flex-direction:column}.portfolio-item-image{position:relative;overflow:hidden;flex-shrink:0}.image-wrapper{position:relative;overflow:hidden}.aspect-square{aspect-ratio:1 / 1}.aspect-landscape{aspect-ratio:4 / 3}.aspect-portrait{aspect-ratio:3 / 4}.portfolio-lightbox-link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);filter:brightness(1.02) contrast(1.05)}.portfolio-item:hover .portfolio-image{transform:scale(1.1);filter:brightness(1.1) contrast(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gallery-overlay-gradient);opacity:0;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--white-color);z-index:3}.portfolio-item:hover .portfolio-overlay{opacity:1}.overlay-content{transform:translateY(20px);transition:var(--transition-smooth);transition-delay:0.1s}.portfolio-item:hover .overlay-content{transform:translateY(0)}.overlay-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);animation:bounceIn 0.6s ease}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.overlay-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.overlay-category{font-size:var(--font-size-sm);opacity:.9;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.category-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--secondary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xxs);box-shadow:var(--shadow-sm);z-index:4;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:var(--transition-smooth)}.portfolio-item:hover .category-badge{transform:scale(1.05);box-shadow:var(--shadow-md)}.category-badge i{font-size:var(--font-size-xs)}.portfolio-item-content{padding:var(--spacing-xl);flex:1;display:flex;flex-direction:column}.portfolio-item-title{font-family:var(--font-family-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--dark-color);margin-bottom:var(--spacing-md)}.portfolio-item-description{font-size:var(--font-size-base);color:var(--gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);flex:1}.portfolio-item-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--gray-100)}.meta-date,.meta-category{display:flex;align-items:center;gap:var(--spacing-xs)}.meta-date i,.meta-category i{font-size:var(--font-size-xs);color:var(--secondary-color)}.portfolio-item-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-pill);text-decoration:none;transition:var(--transition-smooth);flex:1;text-align:center;min-height:44px}.view-full-btn{background:var(--gradient-secondary);color:var(--white-color);box-shadow:var(--shadow-sm)}.view-full-btn:hover{background:var(--gradient-primary);color:var(--white-color);transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.action-btn i{font-size:var(--font-size-xs)}.portfolio-item-decoration{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}.portfolio-item:hover .portfolio-item-decoration{transform:scaleX(1)}.portfolio-divider{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-xxl) 0;text-align:center}.divider-line{width:100px;height:2px;background:var(--gradient-secondary);border-radius:var(--border-radius-pill)}.divider-dot{width:12px;height:12px;background:var(--secondary-color);border-radius:var(--border-radius-circle);animation:pulse 2s ease-in-out infinite}.no-portfolio-found{text-align:center;padding:var(--spacing-xxxl) var(--spacing-xl);background:var(--white-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin:var(--spacing-xxl) 0}.no-portfolio-icon{font-size:var(--icon-size-xxl);color:var(--gray-400);margin-bottom:var(--spacing-md)}.no-portfolio-title{font-family:var(--font-family-secondary);font-size:var(--font-size-xl);color:var(--dark-color);margin-bottom:var(--spacing-sm)}.no-portfolio-text{font-size:var(--font-size-base);color:var(--gray-600);max-width:500px;margin:0 auto;line-height:var(--line-height-relaxed)}.modern-pagination{margin-top:var(--spacing-xxl);text-align:center}.pagination-wrapper{display:inline-flex;gap:var(--spacing-xs);align-items:center;background:var(--white-color);padding:var(--spacing-sm);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-sm)}.pagination-wrapper .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--spacing-sm);color:var(--dark-color);text-decoration:none;border-radius:var(--border-radius-md);transition:var(--transition-smooth);font-weight:var(--font-weight-medium)}.pagination-wrapper .page-numbers:hover{background:var(--gradient-accent);color:var(--primary-color);transform:translateY(-2px)}.pagination-wrapper .page-numbers.current{background:var(--gradient-secondary);color:var(--white-color);box-shadow:var(--shadow-sm)}.pagination-wrapper .page-numbers.prev,.pagination-wrapper .page-numbers.next{padding:0 var(--spacing-md);gap:var(--spacing-xs)}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (min-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px) and (max-width:1199px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.portfolio-hero-title{font-size:var(--font-size-3xl)}.portfolio-hero-subtitle{font-size:var(--font-size-lg)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.filter-container{flex-direction:column;align-items:center;gap:var(--spacing-xs)}.filter-btn{min-width:200px;justify-content:center}.portfolio-item-content{padding:var(--spacing-lg)}.divider-line{width:60px}.divider-dot{width:8px;height:8px}}@media (max-width:767px){.portfolio-hero-section{padding:var(--spacing-xl) 0 var(--spacing-lg);min-height:350px}.portfolio-hero-title{font-size:var(--font-size-2xl)}.portfolio-hero-subtitle{font-size:var(--font-size-base)}.portfolio-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.portfolio-item-content{padding:var(--spacing-md)}.portfolio-item-title{font-size:var(--font-size-lg)}.portfolio-item-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.portfolio-item-actions{flex-direction:row;gap:var(--spacing-sm)}.view-full-btn{flex:1}.stats-container{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.stat-number{font-size:var(--spacing-xl)}.category-badge{position:static;margin-bottom:var(--spacing-sm);align-self:flex-start}}@media (max-width:575px){.portfolio-hero-title{font-size:var(--font-size-xl)}.filter-btn{min-width:150px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.overlay-icon{font-size:var(--font-size-2xl)}.overlay-title{font-size:var(--font-size-base)}.portfolio-item-title{font-size:var(--font-size-base)}.action-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.portfolio-item,.portfolio-image,.decoration-shape,.decoration-dot,.overlay-content{animation:none!important;transition:none!important}.portfolio-item:hover{transform:none!important}}@media (prefers-contrast:high){.portfolio-item{border:var(--border-medium) solid var(--dark-color)}.filter-btn{border-width:var(--border-medium)}.category-badge{background:var(--white-color);border:var(--border-thin) solid var(--secondary-color)}}@media print{.modern-portfolio-page{background:none!important}.portfolio-filter,.portfolio-hero-decoration,.portfolio-item-decoration{display:none!important}.portfolio-item{break-inside:avoid;box-shadow:none!important;border:var(--border-thin) solid #ccc}.portfolio-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important}.portfolio-overlay{display:none!important}}