.pf-hero-media{z-index:0;pointer-events:none;position:absolute;inset:0}.pf-hero-media img,.pf-hero-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pf-hero-scrim{background:linear-gradient(90deg, oklch(12.5% .04 284/.92) 0%, oklch(12.5% .04 284/.78) 45%, oklch(12.5% .04 284/.3) 100%), linear-gradient(180deg, transparent 70%, var(--background));position:absolute;inset:0}.service-hero:has(.pf-hero-media) .service-hero-glow{z-index:1}.service-hero:has(.pf-hero-media) .service-hero-grid{z-index:2;position:relative}.pf-watch-reel{border:1px solid var(--border);border-radius:999px}.pf-reel{padding-block:3rem 1rem}.pf-reel-card{aspect-ratio:16/9;border:1px solid var(--border);cursor:pointer;background:var(--card);border-radius:1rem;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pf-reel-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.pf-reel-card:hover img{transform:scale(1.02)}.pf-reel-caption{text-align:center;color:var(--muted-foreground);margin-top:.9rem;font-size:.9rem}.pf-reel-dialog{border:1px solid var(--border);background:var(--background);border-radius:1rem;width:min(92vw,72rem);max-width:none;padding:0;overflow:visible}.pf-reel-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(8% .03 284/.88)}.pf-reel-frame{aspect-ratio:16/9;border-radius:1rem;overflow:hidden}.pf-reel-frame video{background:var(--background);width:100%;height:100%;display:block}.pf-reel-close{background:var(--card);width:2.5rem;height:2.5rem;color:var(--foreground);border:1px solid var(--border);border-radius:999px;place-items:center;display:grid;position:absolute;top:-3rem;right:0}.pf-featured-motion.pf-motion-ready .portfolio-project{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--pf-delay,0s), transform .8s cubic-bezier(.16,1,.3,1) var(--pf-delay,0s);transform:translateY(28px)}.pf-featured-motion.pf-motion-ready .portfolio-project.is-in{opacity:1;transform:none}.pf-featured-motion .portfolio-art{transform:perspective(1200px) rotateX(var(--pf-rx,0deg)) rotateY(var(--pf-ry,0deg));transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}@media (hover:hover) and (width>=1024px){.pf-featured-motion .portfolio-art:hover{box-shadow:0 30px 80px -30px oklch(58.5% .22 1.5/.55)}}.pf-sticky-quote{z-index:40;background:var(--primary);color:var(--primary-foreground);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .35rem .35rem 1.1rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(1rem);box-shadow:0 16px 40px -12px oklch(58.5% .22 1.5/.6)}.pf-sticky-quote.is-visible{opacity:1;pointer-events:auto;transform:none}.pf-sticky-quote a{font-size:.9rem;font-weight:600}.pf-sticky-quote button{border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;display:grid}.pf-sticky-quote button svg{width:1rem;height:1rem}.pf-chips{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.pf-chips button{border:1px solid var(--border);color:var(--foreground);border-radius:999px;padding:.45rem .95rem;font-size:.85rem;transition:border-color .2s,background .2s}.pf-chips button:hover{border-color:var(--primary);background:oklch(58.5% .22 1.5/.12)}@media (prefers-reduced-motion:reduce){.pf-featured-motion .portfolio-art{transform:none}}.pf-reel-card{cursor:default}.pf-reel-card video{object-fit:cover;background:var(--background);width:100%;height:100%;display:block}.pf-reel-mute,.pf-reel-manual{border:1px solid var(--border);color:var(--foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(12.5% .04 284/.75);border-radius:999px;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute}.pf-reel-mute{padding:.45rem .8rem;bottom:1rem;right:1rem}.pf-reel-manual{padding:.6rem 1.1rem;top:50%;left:50%;translate:-50% -50%}.pf-reel-mute svg,.pf-reel-manual svg{width:1rem;height:1rem}.pfv-hero{--ecx-pink:#c83773;--ecx-pink-2:#f19ac0;background:#0b0914;padding-block:8rem clamp(2.5rem,6vw,5rem);position:relative;overflow:hidden}.pfv-hero .pfv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.pfv-hero .pfv-grid>*{min-width:0}.pfv-hero .eyebrow{margin-top:1rem}.pfv-hero h1{letter-spacing:-.02em;margin-top:.75rem;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:800;line-height:1.02}.pfv-hero .pfv-lead{max-width:34rem;color:var(--muted-foreground);margin-top:1.1rem;font-size:1.12rem;line-height:1.65}.pfv-hero .pfv-lead-short{display:none}.pfv-hero .pfv-ctas{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.pfv-hero .pfv-case-link{color:#f19ac0;margin-top:1rem;font-weight:600;display:inline-block}.pfv-hero .pfv-case-link:hover{text-decoration:underline}.pfv-hero .pfv-stats{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.pfv-hero .pfv-stats li{color:var(--muted-foreground);align-items:baseline;gap:.4rem;font-size:.9rem;display:flex}.pfv-hero .pfv-stats strong,.pfv-hero .pfv-stats li>:first-child{color:var(--foreground);font-size:1.15rem;font-weight:800}.pfv-hero .pfv-wall{perspective:1600px;height:600px;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.pfv-hero .pfv-wall-tilt{transform-origin:50%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:130%;margin-top:-12%;display:grid;transform:rotateX(8deg)rotate(-6deg)}.pfv-hero .pfv-col{min-width:0;overflow:hidden}.pfv-hero .pfv-track{will-change:transform;flex-direction:column;gap:14px;animation:46s linear infinite pfv-up;display:flex}.pfv-hero .pfv-col-2 .pfv-track{animation-name:pfv-down;animation-duration:58s}.pfv-hero .pfv-col-3 .pfv-track{animation-duration:38s}.pfv-hero .pfv-wall:hover .pfv-track,.pfv-hero .pfv-wall:focus-within .pfv-track,.pfv-hero .pfv-wall.is-touching .pfv-track{animation-play-state:paused}.pfv-hero .pfv-tile{background:#15111f;border:1px solid #ffffff14;border-radius:14px;flex:none;transition:border-color .2s;display:block;overflow:hidden;box-shadow:0 14px 34px #00000059}.pfv-hero .pfv-tile:hover,.pfv-hero .pfv-tile:focus-visible{border-color:#c83773;outline:none}.pfv-hero .pfv-tile img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}@keyframes pfv-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}@keyframes pfv-down{0%{transform:translateY(calc(-50% - 7px))}to{transform:translateY(0)}}@keyframes pfv-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 6px))}}@keyframes pfv-right{0%{transform:translate(calc(-50% - 6px))}to{transform:translate(0)}}@media (width<=1023px){.pfv-hero .pfv-grid{grid-template-columns:minmax(0,1fr)}.pfv-hero .pfv-wall{height:420px}}@media (width<=767px){.pfv-hero{padding-block:6.875rem 2rem}.pfv-hero .pfv-grid{gap:1.25rem}.pfv-hero .eyebrow{margin-top:.6rem}.pfv-hero h1{margin-top:.45rem;font-size:clamp(2.2rem,9vw,2.75rem);line-height:1.05}.pfv-hero .pfv-lead{margin-top:.65rem;font-size:1rem;line-height:1.5}.pfv-hero .pfv-lead-full{display:none}.pfv-hero .pfv-lead-short{display:block}.pfv-hero .pfv-ctas{flex-direction:column;gap:.55rem;margin-top:1rem}.pfv-hero .pfv-ctas>*{width:100%}.pfv-hero .pfv-case-link{margin-top:.6rem;font-size:.92rem}.pfv-hero .pfv-stats{border-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.9rem;padding-top:0;display:grid}.pfv-hero .pfv-stats li{text-align:center;background:#15111f;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:.1rem;min-width:0;padding:.55rem .25rem;font-size:.74rem}.pfv-hero .pfv-stats li>:first-child{font-size:1.05rem}.pfv-hero .pfv-wall{perspective:none;height:auto;margin-inline:-20px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.pfv-hero .pfv-wall-tilt{flex-direction:column;gap:10px;height:auto;margin:0;display:flex;transform:none}.pfv-hero .pfv-col{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overflow-x:auto}.pfv-hero .pfv-col::-webkit-scrollbar{display:none}.pfv-hero .pfv-col-3{display:none}.pfv-hero .pfv-track{flex-direction:row;gap:12px;width:max-content;animation-name:pfv-left;animation-duration:40s}.pfv-hero .pfv-col-2 .pfv-track{animation-name:pfv-right;animation-duration:48s}.pfv-hero .pfv-tile{scroll-snap-align:center;border-radius:12px;width:62vw}}@media (prefers-reduced-motion:reduce){.pfv-hero .pfv-track{animation:none!important}.pfv-hero .pfv-wall-tilt{transform:none}}
