.pfg-hero,.pf-snaps{--pfg-ink:#f5f5f5;--pfg-gray:#a2a2a2;--pfg-orange:#f60;--pfg-accent:#d05300;--pfg-row:min(1330px,calc(100% - 110px));font-family:'Inter',system-ui,-apple-system,sans-serif}.pfg-hero{position:relative;z-index:11;isolation:isolate;overflow:hidden;background:#000;padding:180px 16px 75px;text-align:center}.pfg-hero__bg{position:absolute;z-index:-1;top:38px;left:calc(50% - 725px);width:1483px;height:871px;overflow:hidden;pointer-events:none}.pfg-hero__bg picture{display:block;width:100%;height:100%}.pfg-hero__img{position:absolute;top:0;left:-10.62%;width:116.74%;height:110.77%;max-width:none}.pfg-hero__intro{display:flex;flex-direction:column;align-items:center;gap:50px;width:759px;max-width:100%;margin:0 auto}.pfg-hero__text{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.pfg-hero__title{margin:0;font-size:70px;font-weight:500;line-height:1;letter-spacing:-3.5px;color:var(--pfg-ink);text-transform:none;background:none}.pfg-hero__lead,.pfg-filters__title{margin:0;font-size:16px;font-weight:400;line-height:normal;letter-spacing:-0.32px;color:var(--pfg-gray);text-box-trim:trim-both;text-box-edge:cap alphabetic}.pfg-hero__lead{width:341px;max-width:100%}.pfg-btn{display:inline-flex;align-items:center;gap:14px;box-sizing:border-box;height:44px;margin:0;padding:12px 22px;border:1px solid transparent;border-radius:100px;font:inherit;font-size:14px;font-weight:500;line-height:normal;letter-spacing:-0.42px;white-space:nowrap;cursor:pointer;transition:background-color 200ms ease,border-color 200ms ease}.pfg-btn--accent{justify-content:space-between;width:243px;padding:12px 18px;background:var(--pfg-accent);color:var(--pfg-ink)}.pfg-btn__icon{display:block;flex:0 0 auto;width:17.5px;height:11.5px;margin:6.25px 3.25px}.pfg-btn--outline{justify-content:center;background:transparent;border-color:#fff;color:var(--pfg-orange)}@media (hover:hover) and (pointer:fine){.pfg-btn--accent:hover{background:#e25a00}.pfg-btn--outline:hover{background:rgba(255,102,0,0.1)}}.pfg-btn:focus-visible,.pfg-filter:focus-visible,.pfg-filters__down:focus-visible,.pf-snaps .pf-snap__category:focus-visible{outline:2px solid var(--pfg-orange);outline-offset:3px}.pfg-filters{display:flex;flex-direction:column;align-items:center;gap:20px;width:1251px;max-width:100%;margin:185px auto 0}.pfg-filters__title{width:292px;max-width:100%}.pfg-filters__note{margin:0;max-width:100%;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.36px;text-align:center;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,0.6),0 0 2px rgba(0,0,0,0.45)}.pfg-filters__list{display:flex;justify-content:center;gap:8px;width:100%}.pfg-filter{position:relative;flex:1 1 0;max-width:243px;min-width:0;height:94px;margin:0;padding:0 12px;overflow:hidden;border:1px solid transparent;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,102,0,0.1) 100%);color:var(--pfg-ink);font:inherit;cursor:pointer;transition:border-color 200ms ease}.pfg-filter__glow{position:absolute;top:34px;left:-166px;width:332px;height:316px;max-width:none;object-fit:cover;pointer-events:none}.pfg-filter__body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%}.pfg-filter__label{font-size:22px;font-weight:500;line-height:1;letter-spacing:-0.66px;white-space:nowrap;transition:color 200ms ease}.pfg-filter.is-active{border-color:var(--pfg-orange)}.pfg-filter.is-active .pfg-filter__label{color:var(--pfg-orange)}@media (hover:hover) and (pointer:fine){.pfg-filter:not(.is-active):hover{border-color:rgba(255,102,0,0.45)}}.pfg-filters__down{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transform:rotate(90deg)}.pfg-filters__down img{display:block;width:17.5px;height:11.5px}.pf-snaps{position:relative;overflow-x:clip;padding-bottom:40px;background:#000}.pf-snaps .pf-snap[hidden],.pf-snaps .pfg-empty[hidden]{display:none}.pf-snaps .pf-snap{z-index:0;width:var(--pfg-row);height:auto;min-height:0;aspect-ratio:1330 / 787;margin:0 auto 80px;overflow:visible;background:transparent}.pf-snaps .pf-snap::before{content:'';position:absolute;z-index:-1;top:-252px;left:-1011px;width:1544px;height:1509px;background:url('../images/portfolio-figma/section-glow.svg') no-repeat 0 0 / 100% 100%;pointer-events:none}.pf-snaps .pf-snap--flip::before{top:-289px;left:calc(100% - 552px)}.pf-snaps .pf-snap .pf-snap__asset{margin-left:auto;margin-right:0;border-radius:20px;background:#0d0d0d}.pf-snaps .pf-snap--flip .pf-snap__asset{margin-left:0;margin-right:auto}.pf-snaps .pf-snap__asset.is-shrinking,.pf-snaps .pf-snap__asset.is-done{width:calc(790 / 1330 * 100%)}.pf-snaps .pf-snap .pf-snap__content{left:0;right:auto;width:calc(398.451 / 1330 * 100%);height:auto;overflow:visible;background:transparent}.pf-snaps .pf-snap--flip .pf-snap__content{left:auto;right:0}.pf-snaps .pf-snap__content::before,.pf-snaps .pf-snap__content::after{content:none}.pf-snaps .pf-snap__wrap{padding:0;justify-content:flex-start}.pf-snaps .pf-snap__title{width:347px;max-width:100%;margin:0 0 20px;font-size:50px;font-weight:500;line-height:1;letter-spacing:-2.5px;text-transform:none}.pf-snaps .pf-snap__name{color:var(--pfg-ink);text-shadow:none;filter:none}.pf-snaps .pf-snap__subtitle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pf-snaps .pf-snap__category{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;box-sizing:border-box;height:44px;margin:0 0 20px;padding:12px 22px;border:1px solid #fff;border-radius:100px;background:transparent;color:var(--pfg-orange);font:inherit;font-size:14px;font-weight:500;line-height:normal;letter-spacing:-0.42px;white-space:nowrap;cursor:pointer;transition:background-color 200ms ease}@media (hover:hover) and (pointer:fine){.pf-snaps .pf-snap__category:hover{background:rgba(255,102,0,0.1)}}.pf-snaps .pf-snap__desc{width:347px;max-width:100%;margin:0 0 50px;font-size:16px;font-weight:500;line-height:normal;letter-spacing:-0.48px;color:var(--pfg-gray)}.pf-snaps .pf-snap__tags{gap:20px;margin:0;border-left:0}.pf-snaps .pf-snap__tag{align-items:center;gap:20px;padding:0;font-size:22px;font-weight:500;line-height:normal;letter-spacing:-0.66px;color:var(--pfg-ink)}.pf-snaps .pf-snap__tag::before{content:'';flex:0 0 auto;width:9.33px;height:14.458px;margin:0 3.56px;background:url('../images/portfolio-figma/check.svg') no-repeat center / 100% 100%;transform:rotate(40.12deg)}.pf-snaps .pf-snap__hash{display:none}.pf-snaps .pf-snap__cta{margin-top:40px;border:1px solid #fff;border-radius:100px;background:transparent;color:var(--pfg-orange);font-size:14px;font-weight:500}.pfg-empty{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 16px 120px;text-align:center}.pfg-empty__text{margin:0;font-size:22px;font-weight:500;letter-spacing:-0.66px;color:var(--pfg-gray)}@media (max-width:1023px) and (min-width:768px){.pfg-filters__list{flex-wrap:wrap}.pfg-filter{flex:0 0 calc((100% - 16px) / 3);max-width:none}}@media (max-width:1199px) and (min-width:768px){.pf-snaps .pf-snap__asset.is-shrinking,.pf-snaps .pf-snap__asset.is-done{width:56%}.pf-snaps .pf-snap .pf-snap__content{width:40%}.pf-snaps .pf-snap__title{font-size:40px;letter-spacing:-2px}.pf-snaps .pf-snap__desc{margin-bottom:32px}.pf-snaps .pf-snap__tags{gap:14px}.pf-snaps .pf-snap__tag{font-size:18px;letter-spacing:-0.54px}}@media (max-width:1023px) and (min-width:768px){.pfg-hero__title{font-size:56px;letter-spacing:-2.8px}.pf-snaps .pf-snap{aspect-ratio:4 / 3}}@media (max-width:767px){.pfg-hero{padding:164px 16px 90px}.pfg-hero__bg{top:51px;left:calc(50% - 7px);width:445px;height:854px;transform:translateX(-50%)}.pfg-hero__img{inset:0;width:100%;height:100%;object-fit:cover}.pfg-hero__intro{width:362px}.pfg-hero__text{gap:20px}.pfg-hero__title{width:273px;max-width:100%;font-size:34px;letter-spacing:-1.7px}.pfg-hero__lead{width:274px;font-size:14px;font-weight:500;letter-spacing:-0.42px;text-box-trim:none}.pfg-btn--accent{width:272px;max-width:100%}.pfg-filters{width:362px;margin-top:176px}.pfg-filters__title{width:187px;font-size:14px;letter-spacing:-0.28px}.pfg-filters__note{font-size:15px;letter-spacing:-0.3px}.pfg-filters__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pfg-filter{max-width:none;height:82px;border-radius:20px}.pfg-filter:last-child:nth-child(odd){grid-column:1 / -1}.pfg-filter[data-pf-filter="landing"]{order:1}.pfg-filter[data-pf-filter="shop"]{order:2}.pfg-filter[data-pf-filter="corporate"]{order:3}.pfg-filter[data-pf-filter="platform"]{order:4}.pfg-filter__label{width:117px;font-size:18px;letter-spacing:-0.54px;white-space:normal}.pfg-filter:last-child:nth-child(odd) .pfg-filter__label{width:auto;white-space:nowrap}.pf-snaps{padding-bottom:20px}.pf-snaps .pf-snap,.pf-snaps .pf-snap--flip{width:auto;max-width:362px;aspect-ratio:auto;margin:0 16px 80px}@media (min-width:394px){.pf-snaps .pf-snap,.pf-snaps .pf-snap--flip{margin-left:auto;margin-right:auto}}.pf-snaps .pf-snap::before{top:-25px;left:-175px;width:1487px;height:1453px}.pf-snaps .pf-snap--flip::before{top:-75px;left:-957px}.pf-snaps .pf-snap .pf-snap__asset,.pf-snaps .pf-snap--flip .pf-snap__asset,.pf-snaps .pf-snap .pf-snap__asset.is-shrinking,.pf-snaps .pf-snap .pf-snap__asset.is-done{width:100%;margin:0}.pf-snaps .pf-snap__asset,.pf-snaps .pf-snap__asset[data-pf-screen],.pf-snaps .pf-snap__asset[data-pf-screen].is-shrinking,.pf-snaps .pf-snap__asset[data-pf-screen].is-done{height:auto;min-height:0;aspect-ratio:1512 / 1506}.pf-snaps .pf-snap__asset picture,.pf-snaps .pf-snap__asset[data-pf-screen] picture{height:100%}.pf-snaps .pf-snap .pf-snap__content,.pf-snaps .pf-snap--flip .pf-snap__content{width:100%;margin-top:40px}.pf-snaps .pf-snap__wrap{padding:0}.pf-snaps .pf-snap__title{font-size:34px;letter-spacing:-1.7px}.pf-snaps .pf-snap__desc{margin-bottom:40px;font-size:14px;letter-spacing:-0.42px}.pf-snaps .pf-snap__tag{padding:0;font-size:16px;letter-spacing:-0.48px}}.pfg-filters__slot{width:100%}.pfg-filters__slot.is-stuck{height:var(--pfg-slot-h,auto)}.pfg-filters__bar.is-stuck{position:fixed;top:var(--pfg-header-h,0px);left:0;right:0;z-index:990;padding:10px 0;background:rgba(8,8,8,0.92);border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 12px 32px rgba(0,0,0,0.35);animation:pfg-bar-in 260ms cubic-bezier(0.23,1,0.32,1) both}@keyframes pfg-bar-in{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.pfg-filters__bar.is-stuck .pfg-filters__list{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;width:auto;max-width:1330px;margin:0 auto;padding:0 16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pfg-filters__bar.is-stuck .pfg-filters__list::-webkit-scrollbar{display:none}.pfg-filters__bar.is-stuck .pfg-filter{flex:0 0 auto;max-width:none;height:44px;padding:0 18px;border-radius:100px;grid-column:auto}.pfg-filters__bar.is-stuck .pfg-filter__glow{display:none}.pfg-filters__bar.is-stuck .pfg-filter__body{flex-direction:row;gap:8px}.pfg-filters__bar.is-stuck .pfg-filter__label,.pfg-filters__bar.is-stuck .pfg-filter:last-child:nth-child(odd) .pfg-filter__label{width:auto;font-size:16px;letter-spacing:-0.48px;white-space:nowrap}@media (max-width:767px){.pfg-filters__bar.is-stuck{padding:8px 0}.pfg-filters__bar.is-stuck .pfg-filters__list{justify-content:flex-start;scroll-padding-inline:16px}.pfg-filters__bar.is-stuck .pfg-filter{height:40px;padding:0 16px}.pfg-filters__bar.is-stuck .pfg-filter__label{font-size:15px}}@media (prefers-reduced-motion:reduce){.pfg-filters__bar.is-stuck{animation:none}}.pf-snaps .pf-snap,.pf-snaps .pfg-empty,#pf-projects{scroll-margin-top:calc(var(--pfg-header-h,60px) + var(--pfg-bar-h,0px) + 16px)}.pfg-filters__end{height:1px}.pf-snaps .pf-snap--resetting .pf-snap__asset,.pf-snaps .pf-snap--resetting .pf-snap__content,.pf-snaps .pf-snap--resetting .pf-snap__img{transition:none;animation:none}@media (min-width:768px){.pf-snaps .pf-snap .pf-snap__content{top:0;bottom:0;height:100%;align-items:center}.pf-snaps .pf-snap__wrap{justify-content:center}}.pf-snaps{--pfg-bar-stuck-h:65px;--pfg-frame-max:calc((100dvh - var(--pfg-header-h,84px) - var(--pfg-bar-stuck-h)) * 0.9)}@media (min-width:768px){.pf-snaps .pf-snap,.pf-snaps .pf-snap--flip{width:var(--pfg-row);aspect-ratio:auto;height:min(calc(min(1330px,100cqw - 110px) * 787 / 1330),var(--pfg-frame-max))}.pf-snaps .pf-snap__asset.is-shrinking,.pf-snaps .pf-snap__asset.is-done{width:min(calc(790 / 1330 * 100%),calc(var(--pfg-frame-max) * 790 / 787))}}@media (min-width:768px) and (max-width:1199px){.pf-snaps .pf-snap__asset.is-shrinking,.pf-snaps .pf-snap__asset.is-done{width:min(56%,calc(var(--pfg-frame-max) * 790 / 787))}}@media (min-width:768px) and (max-height:820px){.pf-snaps .pf-snap__title{font-size:40px;letter-spacing:-2px}.pf-snaps .pf-snap__desc{margin-bottom:28px}.pf-snaps .pf-snap__tags{gap:12px}.pf-snaps .pf-snap__tag{font-size:18px;letter-spacing:-0.54px}}@media (max-width:767px){.pf-snaps{--pfg-bar-stuck-h:61px}.pf-snaps .pf-snap .pf-snap__asset,.pf-snaps .pf-snap__asset[data-pf-screen],.pf-snaps .pf-snap__asset[data-pf-screen].is-done{max-height:calc((100dvh - var(--pfg-header-h,64px) - var(--pfg-bar-stuck-h)) * 0.9)}}.contact-widget__toggle,.mobile-contact-fab{transition:opacity 0.2s ease}html.pfg-fab-dodge .contact-widget:not(.is-open) .contact-widget__toggle,html.pfg-fab-dodge .mobile-contact-fab{opacity:0!important;pointer-events:none!important}@media (min-width:1024px){.pfg-filters__down{display:none}main .portfolio-projects.pf-snaps.content-section--first{margin-top:0}.pfg-hero{box-sizing:border-box;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--pfg-header-h,84px) + clamp(16px,11svh - 40px,96px));padding-bottom:clamp(24px,4svh,75px)}.pfg-hero__intro{gap:clamp(18px,6svh - 14px,50px)}.pfg-hero__text{gap:clamp(12px,4svh - 10px,30px)}.pfg-hero__title{font-size:clamp(40px,9svh - 10px,70px);letter-spacing:-0.05em}.pfg-filters{gap:clamp(12px,2.5svh,20px);margin-top:clamp(20px,25svh - 130px,185px)}.pfg-filter{height:clamp(50px,11svh - 16px,94px)}}@media (min-width:1024px){main .portfolio-projects.pf-snaps.content-section--first{border-radius:0}.pf-snaps .pf-snap::before{-webkit-mask-image:linear-gradient(to bottom,transparent 8%,#000 30%);mask-image:linear-gradient(to bottom,transparent 8%,#000 30%)}.pf-snaps .pf-snap__asset{clip-path:inset(0 round 20px)}main .portfolio-projects.pf-snaps{position:relative}main .portfolio-projects.pf-snaps::after{content:'';position:absolute;left:0;right:0;bottom:0;z-index:1;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,0),#000);pointer-events:none}}.pfg-hero .pfg-filters__title{color:rgba(255,255,255,0.94);font-weight:500;text-shadow:0 1px 12px rgba(0,0,0,0.6),0 0 2px rgba(0,0,0,0.45)}html{overflow-anchor:auto}@media (min-width:768px){.pf-snaps .pf-snap{--pf-w:min(calc(790 / 1330 * 100%),calc(var(--pfg-frame-max) * 790 / 787))}.pf-snaps .pf-snap .pf-snap__asset,.pf-snaps .pf-snap--flip .pf-snap__asset,.pf-snaps .pf-snap .pf-snap__asset.is-shrinking,.pf-snaps .pf-snap .pf-snap__asset.is-done{width:100%;margin:0;border-radius:0;background:transparent;clip-path:inset(0 round 20px)}.pf-snaps .pf-snap .pf-snap__asset picture{width:var(--pf-w);height:100%;margin-left:auto;transform-origin:right top;transform:scale(var(--pf-k,1));background:#0d0d0d}.pf-snaps .pf-snap--flip .pf-snap__asset picture{margin-left:0;margin-right:auto;transform-origin:left top}.pf-snaps .pf-snap .pf-snap__asset.is-shrinking{clip-path:inset(0 0 0 calc(100% - var(--pf-w)) round 20px)}.pf-snaps .pf-snap--flip .pf-snap__asset.is-shrinking{clip-path:inset(0 calc(100% - var(--pf-w)) 0 0 round 20px)}.pf-snaps .pf-snap .pf-snap__asset.is-shrinking picture{transform:none}.pf-snaps .pf-snap .pf-snap__asset.pf-anim{transition:clip-path var(--pf-ms,1000ms) var(--pf-ease,cubic-bezier(0.23,1,0.32,1))}.pf-snaps .pf-snap .pf-snap__asset.pf-anim picture{transition:transform var(--pf-ms,1000ms) var(--pf-ease,cubic-bezier(0.23,1,0.32,1));will-change:transform}.pf-snaps .pf-snap--resetting .pf-snap__asset picture{transition:none}}@media (min-width:768px) and (max-width:1199px){.pf-snaps .pf-snap{--pf-w:min(56%,calc(var(--pfg-frame-max) * 790 / 787))}}html,html.pf-snap-on,body{scroll-snap-type:none!important}.pf-snap,.pf-snap.is-snap-target{scroll-snap-align:none!important}.pfg-hero,.pfg-hero__bg,.pfg-filter{overflow:clip!important}.pf-snaps{overflow:clip;container-type:inline-size}.pf-snaps .pf-snap::before{contain:strict}@media (min-width:1441px){.pfg-hero__bg{left:-5px;width:calc(100% + 43px);height:auto;aspect-ratio:1483 / 871}}