.portfolio-page{background:#000;color:#fff;min-height:100vh}.featured-portfolio-section-scroll{position:relative;width:100%;isolation:isolate}.featured-portfolio-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;isolation:isolate}.featured-portfolio-container{margin:0 auto;width:100%;max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:2rem}.featured-card-wrapper{display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;perspective:1200px;max-width:520px;margin:0 auto;min-height:500px}.featured-card{position:relative;height:450px;width:100%;max-width:320px;aspect-ratio:1 / 1.4;background:#1a1a1a99;border:3px solid rgba(157,252,90,.3);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #9dfc5a1a;transition:all .3s ease;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cardFlipIn .8s cubic-bezier(.4,0,.2,1)}@keyframes cardFlipIn{0%{transform:rotateY(-360deg) scale(.8);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}.featured-card:hover{border-color:#9dfc5a99;box-shadow:0 0 60px #9dfc5a33}.featured-card-image{width:100%;height:100%;object-fit:cover;opacity:.95}.featured-card-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(157,252,90,.2);border-radius:14px;pointer-events:none}.featured-info-wrapper{display:flex;align-items:flex-start;justify-content:center;min-height:600px;position:relative;overflow:hidden}.featured-info-card{height:100%!important;width:100%;max-width:500px;background:#141414cc;border:1px solid rgba(157,252,90,.2);border-radius:16px;padding:3.5rem 3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:0;left:0;right:0;margin:0 auto}.featured-info-card-exiting.slide-down{animation:slideUpOut .7s cubic-bezier(.4,0,.2,1) forwards;z-index:1}.featured-info-card-exiting.slide-up{animation:slideDownOut .7s cubic-bezier(.4,0,.2,1) forwards;z-index:1}.featured-info-card-entering.slide-down{animation:slideUpIn .7s cubic-bezier(.4,0,.2,1) forwards;z-index:2}.featured-info-card-entering.slide-up{animation:slideDownIn .7s cubic-bezier(.4,0,.2,1) forwards;z-index:2}@keyframes slideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-120%);opacity:0}}@keyframes slideUpIn{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(120%);opacity:0}}@keyframes slideDownIn{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}.featured-slide-number{font-size:.85rem;letter-spacing:2.5px;color:#9dfc5a99;text-transform:uppercase;font-weight:700;margin-bottom:1rem}.featured-project-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 20px rgba(157,252,90,.2);letter-spacing:-1px;line-height:1.2}.featured-section{margin-bottom:2rem}.featured-label{font-size:.75rem;letter-spacing:2px;color:#9dfc5a80;text-transform:uppercase;font-weight:700;margin-bottom:.85rem}.featured-description{font-size:1.05rem;line-height:1.8;color:#ccc;margin:0}.featured-year{font-size:1.6rem;font-weight:800;color:#fff;margin:0}.featured-actions{display:flex;gap:1.5rem;margin-top:2.5rem}.portfolio-grid-section{width:100%;background:transparent;padding:2rem 0;position:absolute;top:0;left:0;right:0;z-index:10}.portfolio-grid-header{text-align:center;margin-bottom:2rem}.portfolio-grid-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#9dfc5a;margin-bottom:1.5rem}.portfolio-hero{padding:6rem 0 1rem!important}.portfolio-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.3;color:#fff}.portfolio-subtitle{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8;color:#888;max-width:800px;margin-left:auto;margin-right:auto}.view-portfolio-section{background:#000}.view-portfolio-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:#9dfc5a}.view-portfolio-text{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8;color:#888;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:0}.filter-buttons{max-width:900px;margin-left:auto;margin-right:auto}.filter-btn{padding:.5rem 1.5rem;background:transparent;color:#888;border:1px solid #1a1a1a;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;white-space:nowrap}.filter-btn:hover{border-color:#9dfc5a;color:#9dfc5a;background:#9dfc5a0d}.filter-btn.active{background:#9dfc5a;color:#000;border-color:#9dfc5a}.project-card{position:relative;overflow:hidden;border-radius:12px;height:280px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(157,252,90,.15);background:#1414144d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card:hover{border-color:#9dfc5a80;box-shadow:0 0 25px #9dfc5a1f;transform:none}.project-card.featured:hover{border-color:#9dfc5a99}.project-image-container{position:relative;width:100%;height:100%;overflow:hidden}.project-image{width:100%;height:100%;object-fit:fill;transition:transform .3s ease;display:block}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0006);display:flex;align-items:flex-end;padding:2rem;opacity:1;transition:all .3s ease}.project-card:hover .project-overlay{background:linear-gradient(180deg,#0000001a,#0009)}.overlay-content{width:100%}.project-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.8rem;line-height:1.3}.project-card.featured .project-title{font-size:1.6rem}.view-now-link{display:inline-block;color:#9dfc5acc;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;border-bottom:2px solid transparent;letter-spacing:.5px}.view-now-link:hover{color:#9dfc5a;border-bottom-color:#9dfc5a}.view-more-btn{padding:.75rem 2.5rem;background:#9dfc5a;color:#000;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-more-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #9dfc5a4d}.view-more-btn:active{transform:translateY(0)}@media (max-width: 1024px){.featured-portfolio-container{grid-template-columns:1fr;gap:2.5rem;padding:1.5rem}.featured-card-wrapper{min-height:400px}.featured-info-wrapper{min-height:auto}.featured-project-title{font-size:2.2rem}.featured-info-card{padding:2.5rem 2rem}.portfolio-grid-section{position:relative}}@media (max-width: 992px){.featured-card{max-width:350px}.featured-project-title{font-size:2rem}.featured-info-card{padding:2rem 1.5rem}.portfolio-title{font-size:2.2rem}.portfolio-subtitle{font-size:1rem}}.project-card{height:280px}.project-title{font-size:1.3rem}.filter-btn{padding:.45rem 1.25rem;font-size:.9rem}@media (max-width: 768px){.featured-portfolio-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.featured-card-wrapper{display:none}.featured-card{max-width:100%}.featured-info-wrapper{width:100%;max-width:100%;min-height:auto;position:relative}.featured-info-card{position:relative!important;max-width:100%;padding:1.5rem 1.25rem;width:100%!important;height:auto!important}.featured-info-card-exiting,.featured-info-card-entering{position:relative!important}.featured-project-title{font-size:1.6rem}.featured-actions{flex-direction:column}.featured-btn{width:100%;text-align:center}.portfolio-hero{padding:2.5rem 0 2rem!important}.portfolio-title{font-size:1.8rem}.portfolio-subtitle{font-size:.95rem}.view-portfolio-section{padding:2.5rem 0!important}.view-portfolio-title{font-size:1.6rem;margin-bottom:2rem!important}.view-portfolio-text{font-size:.95rem}.filter-buttons{gap:1rem!important}.filter-btn{padding:.4rem 1rem;font-size:.85rem}.project-card,.project-card.featured{height:250px}.project-title,.project-card.featured .project-title{font-size:1.1rem}.project-overlay{padding:1.5rem}.view-now-link{font-size:.9rem}}@media (max-width: 480px){.portfolio-hero{padding:2rem 0 1.5rem!important}.portfolio-title{font-size:1.4rem;line-height:1.2;margin-bottom:1rem!important}.portfolio-subtitle{font-size:.9rem}.view-portfolio-section{padding:2rem 0!important}.view-portfolio-title{font-size:1.3rem;margin-bottom:1rem!important}.view-portfolio-text{font-size:.9rem;margin-bottom:2rem!important}.filter-buttons{gap:.75rem!important}.filter-btn{padding:.35rem .75rem;font-size:.8rem;border-radius:20px}.project-card,.project-card.featured{height:200px}.project-title,.project-card.featured .project-title{font-size:1rem}.project-overlay{padding:1.25rem}.overlay-content{width:100%}.view-now-link{font-size:.85rem}.view-more-btn{padding:.65rem 2rem;font-size:.95rem}}.smoke-particles-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:0!important;overflow:hidden;mix-blend-mode:screen;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.smoke-particles-container canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important}