.portfolio-cinematic{--pf-ease:cubic-bezier(.16, 1, .3, 1);--pf-ease-spring:cubic-bezier(.34, 1.56, .64, 1);color:#fff;background:#020617}.portfolio-cinematic .pf-grain{pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.portfolio-cinematic .pf-aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.portfolio-cinematic .pf-aurora-blob{filter:blur(120px);border-radius:50%;animation:22s ease-in-out infinite pf-aurora-float;position:absolute}.portfolio-cinematic .pf-aurora-blob-1{background:radial-gradient(circle,#22d3ee2e 0%,#0000 65%);width:55vw;max-width:1000px;height:55vw;max-height:1000px;top:-15%;left:-10%}.portfolio-cinematic .pf-aurora-blob-2{background:radial-gradient(circle,#a78bfa24 0%,#0000 65%);width:45vw;max-width:900px;height:45vw;max-height:900px;animation-delay:-8s;top:20%;right:-15%}.portfolio-cinematic .pf-aurora-blob-3{background:radial-gradient(circle,#34d3991a 0%,#0000 65%);width:40vw;height:40vw;animation-delay:-14s;bottom:-10%;left:30%}@keyframes pf-aurora-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.06)}66%{transform:translate(-25px,20px)scale(.96)}}.portfolio-cinematic .pf-grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 75%)}.portfolio-cinematic .pf-hero-title{font-family:var(--font-display), "Space Grotesk", system-ui, sans-serif;letter-spacing:-.045em;font-weight:600;line-height:.95}.portfolio-cinematic .pf-gradient-text{background:linear-gradient(135deg,#22d3ee 0%,#818cf8 35%,#c084fc 60%,#34d399 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s infinite pf-gradient-shift}@keyframes pf-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.portfolio-cinematic .pf-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .5s var(--pf-ease), border-color .5s, box-shadow .5s;background:linear-gradient(165deg,#ffffff0f 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:1.25rem}.portfolio-cinematic .pf-stat-card:hover{border-color:#22d3ee40;transform:translateY(-4px);box-shadow:0 0 60px #22d3ee14}.portfolio-cinematic .pf-scroll-indicator{animation:2.2s ease-in-out infinite pf-scroll-bounce}@keyframes pf-scroll-bounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.portfolio-cinematic .pf-glass{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#0a0f1ea6;border:1px solid #ffffff14}.portfolio-cinematic .pf-glass-strong{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);background:linear-gradient(165deg,#ffffff12 0%,#ffffff05 100%);border:1px solid #ffffff1a;box-shadow:inset 0 0 0 1px #ffffff08,0 32px 64px #00000073}.portfolio-cinematic .pf-featured-image{border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 40px 80px #0000008c,0 0 120px #22d3ee0f}.portfolio-cinematic .pf-featured-image:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#22d3ee59,#a78bfa33,#0000 60%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portfolio-cinematic .pf-filter-pill{color:#94a3b8;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;padding:.55rem 1.15rem;font-size:.8125rem;font-weight:600;transition:color .3s,border-color .3s;position:relative}.portfolio-cinematic .pf-filter-pill:hover{color:#fff;border-color:#ffffff26}.portfolio-cinematic .pf-filter-pill-active{color:#fff;background:#22d3ee14;border-color:#22d3ee66;box-shadow:0 0 24px #22d3ee1f}.portfolio-cinematic .pf-search{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:1rem;width:100%;padding:.85rem 1rem .85rem 3rem;font-size:.9375rem;transition:border-color .3s,box-shadow .3s,background .3s}.portfolio-cinematic .pf-search:focus{background:#ffffff0f;border-color:#22d3ee73;outline:none;box-shadow:0 0 0 4px #22d3ee14,0 0 40px #22d3ee0f}.portfolio-cinematic .pf-search::placeholder{color:#64748b}.portfolio-cinematic .pf-project-card{transition:transform .6s var(--pf-ease), border-color .5s, box-shadow .6s;background:linear-gradient(165deg,#0f1629f2 0%,#050812fa 100%);border:1px solid #ffffff12;border-radius:1.5rem;position:relative;overflow:hidden}.portfolio-cinematic .pf-project-card:hover{border-color:#22d3ee40;transform:translateY(-8px)scale(1.01);box-shadow:0 0 0 1px #22d3ee1a,0 32px 80px #00000080,0 0 80px #22d3ee14}.portfolio-cinematic .pf-project-card .pf-card-image{transition:transform .9s var(--pf-ease), filter .5s}.portfolio-cinematic .pf-project-card:hover .pf-card-image{filter:brightness(1.05);transform:scale(1.08)}.portfolio-cinematic .pf-project-card .pf-card-shine{transition:transform .8s var(--pf-ease);pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 40%,#ffffff0f 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.portfolio-cinematic .pf-project-card:hover .pf-card-shine{transform:translate(120%)}.portfolio-cinematic .pf-tech-badge{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.5rem;padding:.25rem .6rem;font-size:.6875rem;font-weight:600;transition:border-color .3s,color .3s,background .3s}.portfolio-cinematic .pf-project-card:hover .pf-tech-badge{color:#e2e8f0;background:#22d3ee0f;border-color:#22d3ee33}.portfolio-cinematic .pf-bento-large{grid-column:span 2}@media (min-width:1280px){.portfolio-cinematic .pf-bento-large{grid-column:span 2}}@media (max-width:1023px){.portfolio-cinematic .pf-bento-large{grid-column:span 1}}.portfolio-cinematic .pf-marquee-track{gap:.75rem;width:max-content;animation:40s linear infinite pf-marquee;display:flex}.portfolio-cinematic .pf-marquee-track-reverse{animation-direction:reverse}@keyframes pf-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-cinematic .pf-tech-chip{color:#cbd5e1;white-space:nowrap;transition:border-color .3s, background .3s, transform .3s var(--pf-ease);background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.portfolio-cinematic .pf-tech-chip:hover{background:#22d3ee0f;border-color:#22d3ee4d;transform:translateY(-2px)}.portfolio-cinematic .pf-cta-section{position:relative;overflow:hidden}.portfolio-cinematic .pf-cta-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(#22d3ee26 0%,#0000 70%);width:80%;height:60%;position:absolute;top:20%;left:10%}.portfolio-cinematic .pf-btn-primary{color:#020617;transition:transform .4s var(--pf-ease-spring), box-shadow .4s;background:linear-gradient(135deg,#22d3ee,#818cf8);border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 0 40px #22d3ee40}.portfolio-cinematic .pf-btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 60px #22d3ee59}.portfolio-cinematic .pf-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s, background .3s, transform .4s var(--pf-ease-spring);background:#ffffff0a;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.9375rem;font-weight:600;display:inline-flex}.portfolio-cinematic .pf-btn-secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.portfolio-cinematic .pf-sticky-bar{z-index:30;position:sticky;top:4.5rem}.portfolio-cinematic .pf-section-label{letter-spacing:.2em;text-transform:uppercase;color:#22d3eee6;font-size:.6875rem;font-weight:700}.portfolio-cinematic .pf-metric{border-left:2px solid #22d3ee66;padding-left:1rem}.portfolio-cinematic .pf-case-block{background:#ffffff05;border:1px solid #ffffff0f;border-radius:1rem;padding:1.25rem 1.5rem}.portfolio-cinematic .pf-flagship{border-bottom:1px solid #ffffff0a}.portfolio-cinematic .pf-flagship-glow{background:radial-gradient(70% 50% at 50% 30%,#34d3991f 0%,#0000 60%),radial-gradient(50% 40% at 20% 60%,#22d3ee14 0%,#0000 55%),radial-gradient(50% 40% at 80% 70%,#a78bfa0f 0%,#0000 55%)}.portfolio-cinematic .pf-flagship-image-wrap{transition:box-shadow .6s var(--pf-ease), transform .6s var(--pf-ease);box-shadow:0 0 0 1px #ffffff14,0 48px 96px #0000008c,0 0 120px #34d39914,0 0 200px #22d3ee0d}.portfolio-cinematic .pf-flagship-image-wrap:hover{box-shadow:0 0 0 1px #34d39933,0 56px 112px #0009,0 0 160px #34d39924,0 0 240px #22d3ee14}.portfolio-cinematic .pf-flagship-ring{-webkit-mask-composite:xor;opacity:.6;background:linear-gradient(135deg,#34d39959,#22d3ee33,#a78bfa26,#0000 70%);padding:1px;transition:opacity .5s;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portfolio-cinematic .pf-flagship-image-wrap:hover+.pf-flagship-ring,.portfolio-cinematic .group:hover .pf-flagship-ring{opacity:1}.portfolio-cinematic .pf-flagship-glass{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0a0f1eb8;border:1px solid #ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0a,0 16px 48px #0006}.portfolio-cinematic .pf-flagship-shimmer{background:linear-gradient(110deg,#ffffff08 0%,#ffffff14 45%,#ffffff08 90%) 0 0/200% 100%;animation:1.8s ease-in-out infinite pf-shimmer}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}