.portfolio{background:#000;min-height:100vh;padding-top:1rem}.portfolio-hero{text-align:center;flex-direction:column;justify-content:center;min-height:80vh;padding-top:180px;padding-bottom:3rem;display:flex;position:relative;overflow:hidden}.portfolio-hero:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% -20%,#ffffff0d 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-hero .container{z-index:2;position:relative}@media (max-width:768px){.portfolio-hero{padding:3rem 0 2rem}}.portfolio-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .8s cubic-bezier(.2,.8,.2,1);display:inline-flex;transform:translateY(20px)}.portfolio-badge.animate{opacity:1;transform:translateY(0)}.portfolio-badge svg{color:#10b981}.ec-hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1.1}.ec-hero-title .gradient-text{background:linear-gradient(90deg,#fff 0%,#9ca3af 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.ec-hero-title .highlight-text-auto{z-index:1;-webkit-text-fill-color:#fff;color:#fff;text-shadow:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:0 -.2rem;padding:0 .2rem;display:inline-block;position:relative}.ec-hero-title .highlight-text-auto:before{content:"";z-index:-1;transform-origin:0;will-change:width;background-color:#facc15;width:0%;height:100%;animation:.8s cubic-bezier(.25,1,.5,1) .5s forwards highlightBgAuto;position:absolute;top:0;left:0}.ec-hero-title .highlight-text-auto{animation:.1s 1s forwards highlightTextAuto}@keyframes highlightBgAuto{0%{width:0%}to{width:100%}}@keyframes highlightTextAuto{0%{-webkit-text-fill-color:#fff;color:#fff}to{-webkit-text-fill-color:#050505;color:#050505}}.ec-hero-subtitle{color:#a1a1a5;max-width:700px;margin:0 auto 2rem;font-size:1.25rem;line-height:1.6}@media (max-width:768px){.ec-hero-subtitle{font-size:1.125rem}}.ec-hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:3rem;display:flex}.ec-hero-stats .stat{text-align:center}.ec-hero-stats .stat-number{color:#fff;background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.ec-hero-stats .stat-label{color:#a1a1a5;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.portfolio-filters{opacity:0;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:0;transition:all .8s cubic-bezier(.2,.8,.2,1) .4s;display:flex;transform:translateY(20px)}.portfolio-filters.animate{opacity:1;transform:translateY(0)}.portfolio-filters .filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#a1a1a5;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s}.portfolio-filters .filter-btn:hover{color:#fff;background:#ffffff14;border-color:#10b9814d}.portfolio-filters .filter-btn.active{color:#000;background:#10b981;border-color:#10b981;font-weight:600}.portfolio-grid-section{background:#000;padding:6rem 0}.portfolio-gallery-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1280px;margin:0 auto;display:grid}@media (max-width:1024px){.portfolio-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.portfolio-gallery-grid{grid-template-columns:1fr;max-width:500px}}.portfolio-gallery-card{background:#111;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;height:400px;text-decoration:none;transition:all .4s;display:flex;position:relative;overflow:hidden}.portfolio-gallery-card:hover{border-color:#10b98166;transform:translateY(-8px);box-shadow:0 0 30px #10b98126}.portfolio-gallery-card:hover .card-bg-image{opacity:.4;transform:scale(1.08)}.portfolio-gallery-card:hover .card-arrow{transform:translate(6px)}.portfolio-gallery-card:hover .card-bg-overlay{opacity:1}.portfolio-gallery-card:hover .card-header{margin-bottom:1rem;transform:translateY(0)}.portfolio-gallery-card:hover .card-desc{opacity:1;max-height:100px;margin-bottom:2rem}.portfolio-gallery-card:hover .card-footer{opacity:1;max-height:50px;margin-top:0}.card-bg{z-index:0;position:absolute;inset:0}.card-bg-image{object-fit:cover;opacity:.6;width:100%;height:100%;transition:transform .6s,opacity .4s}.card-bg-overlay{opacity:0;background:linear-gradient(#0000 0%,#00000080 50%,#000000f2 100%);transition:opacity .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.card-custom-content{z-index:10;flex-direction:column;justify-content:flex-end;height:100%;padding:2.5rem;transition:transform .4s;display:flex;position:relative}@media (max-width:768px){.card-custom-content{padding:1.5rem}}.card-header{align-items:center;gap:1rem;margin-bottom:0;transition:margin .4s cubic-bezier(.2,.8,.2,1);display:flex}.card-header .card-icon{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem;display:flex}.card-header h3{color:#fff;text-align:left;margin:0;font-size:1.5rem;font-weight:700}.card-desc{color:#a1a1aa;text-align:left;-webkit-line-clamp:3;line-clamp:3;opacity:0;-webkit-box-orient:vertical;max-height:0;margin-bottom:0;font-size:.875rem;line-height:1.6;transition:all .4s cubic-bezier(.2,.8,.2,1);display:-webkit-box;overflow:hidden}.card-footer{color:#10b981;opacity:0;align-items:center;max-height:0;font-size:.875rem;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.card-footer span{margin-right:.5rem}.card-footer .card-arrow{transition:transform .3s}.card-footer:hover{color:#6ee7b7}.portfolio-cta{text-align:center;opacity:0;background:linear-gradient(135deg,#0a0a0a99 0%,#050505cc 100%);padding:6rem 0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.portfolio-cta.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.portfolio-cta{padding:4rem 0}}.cta-title{background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800}@media (max-width:768px){.cta-title{font-size:2rem}}.cta-subtitle{color:#a1a1a5;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem}@media (max-width:768px){.cta-subtitle{font-size:1.125rem}}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}