.pf-wrap{max-width:var(--container);box-sizing:border-box;width:100%;padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.pf-top{background:var(--bg);position:relative}.pf-top-in{padding-top:clamp(150px,14vw,210px);padding-bottom:56px}.pf-head{flex-direction:column;gap:24px;display:flex}.pf-head__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px;display:flex}.pf-count{justify-content:flex-end;margin:clamp(56px,6.5vw,96px) 0 16px;display:flex}.pf-proj{border-top:1px solid #ffffff14}.pf-hero{background:var(--bg);flex-direction:column;min-height:720px;display:flex;position:relative;overflow:hidden}.pf-bgs{position:absolute;inset:0}.pf-bg{background-color:var(--bg);opacity:0;transition:opacity .9s var(--ease-out), transform 1.6s var(--ease-out);position:absolute;inset:0;transform:scale(1.06)}.pf-bg.is-on{opacity:1;transform:none}.pf-bg img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.pf-bg:after{content:"";background:#00000080;position:absolute;inset:0}.pf-scrim{pointer-events:none;background:linear-gradient(#000 0%,#0000 22%),linear-gradient(#0000 36%,#000000c7 66%,#000 100%),linear-gradient(90deg,#0000008c 0%,#0000 55%);position:absolute;inset:0}.pf-proj-in{z-index:1;flex-direction:column;flex-grow:1;padding-top:48px;padding-bottom:clamp(56px,6vw,80px);display:flex;position:relative}.pf-arrows{flex-grow:1;justify-content:space-between;align-items:center;min-height:160px;display:flex}.ls-icon-btn.pf-arrow{backdrop-filter:blur(12px);background:#0000002e}.pf-cards{width:100%;display:grid}.pf-title{font-family:var(--font-display);text-transform:uppercase;animation:ls-up 1s var(--ease-out) .1s both;margin:0;font-size:clamp(20px,2.88vw,41px);font-weight:400;line-height:1.1}.pf-head .ls-label{animation:ls-wipe 1s var(--ease-in-out) both;display:inline-block}.pf-lead{max-width:440px;color:var(--ink-muted);animation:ls-up 1s var(--ease-out) .25s both;margin:0;font-size:17px;line-height:1.6}.pf-strip{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;gap:16px;padding:2px 0;display:flex;overflow:auto hidden}.pf-strip::-webkit-scrollbar{display:none}.pf-strip.is-drag{cursor:grabbing}.pf-strip.is-drag .pf-thumb{pointer-events:none}.pf-thumb{color:var(--ink-muted);text-align:left;cursor:inherit;font-family:var(--font-sans);background:0 0;border:0;flex-direction:column;flex:0 0 224px;gap:12px;margin:0;padding:0;display:flex}.pf-thumb__img{aspect-ratio:16/9;background-color:var(--surface-100);opacity:.45;filter:grayscale(.6);transition:opacity .45s var(--ease-out), filter .45s var(--ease-out);-webkit-user-drag:none;border-radius:14px;display:block;position:relative;overflow:hidden}.pf-thumb__img img{object-fit:cover;object-position:center;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pf-thumb__img:after{content:"";border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.pf-thumb__cap{align-items:baseline;gap:12px;font-size:14px;line-height:1.4;display:flex}.pf-thumb__cap .ls-label{color:var(--ink-subtle)}.pf-thumb:hover .pf-thumb__img{opacity:.8;filter:none}.pf-thumb:hover,.pf-thumb.is-on{color:var(--ink)}.pf-thumb.is-on .pf-thumb__img{opacity:1;filter:none}.pf-thumb.is-on .pf-thumb__img:after{box-shadow:inset 0 0 0 1px #ffffff8c}.pf-thumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:14px}.pf-info{grid-area:1/1;grid-template-columns:minmax(0,660px) minmax(0,440px);justify-content:space-between;align-items:end;gap:40px 80px;display:grid}.pf-info[hidden]{display:none}.pf-sizer{visibility:hidden;pointer-events:none}.pf-info__l{flex-direction:column;gap:22px;min-width:0;display:flex}.pf-info__r{flex-direction:column;gap:32px;min-width:0;display:flex}.pf-name{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:clamp(18px,2vw,28px);font-weight:400;line-height:1.15}.pf-meta{color:var(--ink-subtle);font-size:15px;line-height:1.5}.pf-desc{color:var(--ink-muted);margin:0;font-size:17px;line-height:1.7}.pf-group{flex-direction:column;gap:14px;display:flex}.pf-group .ls-label{color:var(--ink-subtle)}.pf-tags{flex-wrap:wrap;gap:8px;display:flex}.pf-tech{border-top:1px solid #ffffff1f;grid-template-columns:1fr 1fr;column-gap:24px;margin:0;padding:0;list-style:none;display:grid}.pf-tech li{color:var(--ink);border-bottom:1px solid #ffffff1f;align-items:baseline;gap:14px;padding:13px 0;font-size:15px;line-height:1.4;display:flex}.pf-tech li .ls-label{color:var(--ink-subtle)}.pf-live .ls-label.pf-w{animation:ls-wipe .9s var(--ease-in-out) both;display:inline-block}.pf-live .pf-name{animation:ls-track 1s var(--ease-out) 80ms both}.pf-live .pf-u1{animation:ls-up .9s var(--ease-out) .18s both}.pf-live .pf-u2{animation:ls-up .9s var(--ease-out) .28s both}.pf-live .pf-u3{animation:ls-up .9s var(--ease-out) .36s both}.pf-live .pf-u4{animation:ls-up .9s var(--ease-out) .46s both}.pf-video{padding-top:clamp(48px,6vw,88px)}@media (prefers-reduced-motion:reduce){.pf-bg,.pf-thumb__img{transition:none}.pf-title,.pf-lead,.pf-head .ls-label,.pf-live .ls-label.pf-w,.pf-live .pf-name,.pf-live .pf-u1,.pf-live .pf-u2,.pf-live .pf-u3,.pf-live .pf-u4{animation:none}}@media (width<=1023px){.pf-thumb{flex-basis:184px}.pf-info{grid-template-columns:minmax(0,1fr);align-items:start}.pf-info__l,.pf-info__r{max-width:640px}.pf-hero{min-height:0}.pf-bgs{height:calc(56.25vw + 120px);bottom:auto;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.pf-scrim{background:linear-gradient(#000 0%,#0000 16%)}.pf-arrows{min-height:56.25vw}}@media (width<=767px){.pf-strip{scroll-snap-type:x mandatory;gap:16px}.pf-thumb{scroll-snap-align:start;scroll-snap-stop:always;flex-basis:100%}.pf-thumb__cap{font-size:14px}.pf-desc{font-size:16px}.pf-tech{grid-template-columns:1fr}.pf-page .reel{border-radius:20px}.pf-top-in{padding-top:124px;padding-bottom:24px}.pf-count{margin-top:48px}.pf-proj>.pf-wrap{padding-top:16px}.pf-bgs,.pf-scrim{display:none}.pf-proj{border-top:0}.pf-arrows{min-height:0;margin-bottom:36px}.pf-hero{min-height:0}.pf-video{padding-top:32px}.pf-lead{font-size:16px}.pf-page #contacts{padding-top:88px}}
