.pfo-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px clamp(24px,4vw,56px);margin:clamp(24px,3vw,36px) 0 0;padding-top:clamp(18px,2vw,24px);display:flex}.pfo-facts div{flex-direction:column-reverse;gap:2px;display:flex}.pfo-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.78rem;font-weight:500}.pfo-facts dd{font-family:var(--font-accent);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:lining-nums;margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem);font-style:italic;line-height:1}.grid-work.pfo-grid{--row-h:clamp(260px, 30vw, 440px);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(16px,2.2vw,32px);display:grid}.grid-work.pfo-grid>.grid-cell{grid-column:span 6;min-width:0;padding-inline:0}.grid-work.pfo-grid>.grid-cell:first-child{grid-column:1/-1}.grid-work.pfo-grid>.grid-cell:nth-child(4n+2),.grid-work.pfo-grid>.grid-cell:nth-child(4n+5){grid-column:span 7}.grid-work.pfo-grid>.grid-cell:nth-child(4n+3),.grid-work.pfo-grid>.grid-cell:nth-child(4n+4){grid-column:span 5}.grid-work.pfo-grid>.grid-cell:last-child:nth-child(2n){grid-column:1/-1}.pfo-card{height:100%}.pfo-link{height:100%;color:var(--ink);flex-direction:column;gap:18px;display:flex}.pfo-link:focus-visible{outline:none}.pfo-link:focus-visible .pfo-media{outline:2px solid var(--focus);outline-offset:4px}.pfo-media{height:var(--row-h);isolation:isolate;border-radius:calc(26px * var(--radius-scale,1));background:color-mix(in oklab, var(--pc-accent,var(--ink)) 14%, var(--surface));box-shadow:inset 0 0 0 1px var(--line);display:block;position:relative;overflow:hidden}.pfo-cover{display:block;position:absolute;inset:0}.pfo-cover img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,0,0,1)}.pfo-media:after{content:"";z-index:1;background:linear-gradient(transparent, color-mix(in srgb, var(--pc-base,#0a0a0a) 55%, transparent));opacity:0;pointer-events:none;height:45%;transition:opacity .5s ease-out;position:absolute;inset:auto 0 0}.pfo-samples{z-index:2;gap:10px;transition:translate .6s cubic-bezier(.2,0,0,1);display:flex;position:absolute;bottom:0;left:50%;translate:-50% 115%}.pfo-sample{aspect-ratio:4/5;background:var(--surface-2);width:clamp(96px,11vw,150px);box-shadow:0 0 0 1.5px var(--sheet-edge,#ffffffe6), 0 18px 30px -14px #0000008c;border-radius:10px;display:block;position:relative;overflow:hidden;rotate:-5deg}.pfo-sample+.pfo-sample{margin-top:14px;rotate:6deg}.pfo-sample img{object-fit:cover;width:100%;height:100%}.pfo-go{z-index:3;color:#0a0a0a;opacity:0;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .3s ease-out,scale .4s cubic-bezier(.2,0,0,1);display:grid;position:absolute;top:16px;right:16px;scale:.85;box-shadow:0 8px 20px -10px #00000080}.pfo-go svg{rotate:-45deg}.pfo-body{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pfo-top{color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:.8rem;display:flex}.pfo-num{letter-spacing:.08em;color:var(--ink);font-weight:600}.pfo-num:after{content:"";vertical-align:middle;background:var(--line-strong,var(--ink-3));width:22px;height:1px;margin-left:12px;display:inline-block}.pfo-title{font-family:var(--font-heading);letter-spacing:-.035em;text-wrap:balance;margin:4px 0 0;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:600;line-height:1.08}.pfo-client{color:var(--ink-2);font-size:.95rem}.pfo-summary{display:none}.pfo-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pfo-tags span{background:color-mix(in oklab, var(--pc-accent,var(--ink)) 10%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pc-accent,var(--ink)) 18%, transparent);color:var(--ink-2);border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:500}.pfo-cta{display:none}@media (hover:hover){.pfo-link:hover .pfo-cover img{transform:scale(1.04)}.pfo-link:hover .pfo-media:after{opacity:1}.pfo-link:hover .pfo-samples{translate:-50% 28%}.pfo-link:hover .pfo-go{opacity:1;scale:1}}.pfo-link:focus-visible .pfo-go{opacity:1;scale:1}@media (min-width:900px){.grid-work.pfo-grid>.grid-cell:first-child .pfo-link{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.grid-work.pfo-grid>.grid-cell:first-child .pfo-media{height:clamp(360px,40vw,600px)}.grid-work.pfo-grid>.grid-cell:first-child .pfo-title{font-size:clamp(2.2rem,4vw,3.4rem)}.grid-work.pfo-grid>.grid-cell:first-child .pfo-summary{max-width:46ch;color:var(--ink-2);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:10px;font-size:1.02rem;line-height:1.6;display:-webkit-box;overflow:hidden}.grid-work.pfo-grid>.grid-cell:first-child .pfo-cta{background:var(--ink);min-height:48px;color:var(--bg);border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:0 22px;font-size:.92rem;font-weight:600;transition:background-color .25s ease-out;display:inline-flex}.grid-work.pfo-grid>.grid-cell:first-child .pfo-link:hover .pfo-cta{background:var(--pc-accent,var(--accent));color:#fff}.grid-work.pfo-grid>.grid-cell:first-child .pfo-num{font-size:.9rem}.grid-work.pfo-grid>.grid-cell:last-child:nth-child(2n) .pfo-media{height:clamp(300px,34vw,480px)}}@media (max-width:899.98px){.grid-work.pfo-grid{--row-h:clamp(240px, 62vw, 420px);grid-template-columns:minmax(0,1fr)}.grid-work.pfo-grid>.grid-cell,.grid-work.pfo-grid>.grid-cell:nth-child(n){grid-column:1/-1}.grid-work.pfo-grid>.grid-cell:first-child .pfo-summary{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;line-height:1.55;display:-webkit-box;overflow:hidden}.pfo-samples{display:none}.pfo-go{opacity:1;width:40px;height:40px;scale:1}}@media (prefers-reduced-motion:reduce){.pfo-cover img,.pfo-samples,.pfo-go,.pfo-media:after{transition:none}}.pfo-page{padding-top:clamp(16px,2.4vw,28px)}.pfo-page .work-tools{margin-top:clamp(40px,5vw,64px)}.pfo-video{z-index:1;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s ease-out;position:absolute;inset:0}.pfo-video.is-playing{opacity:1}.pfo-badge{z-index:3;color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a8c;border-radius:999px;align-items:center;gap:7px;padding:7px 12px 7px 10px;font-size:.74rem;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:inset 0 0 0 1px #ffffff24}.pfo-badge svg{color:#ff3b30}.pfo-card.is-video .pfo-go{opacity:1;scale:1}.pfo-card.is-video .pfo-go svg{translate:1px;rotate:none}.pfo-card{position:relative}.pfo-card.has-player .pfo-go{display:none}.pfo-play{z-index:4;color:#0a0a0a;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:52px;height:52px;transition:scale .3s cubic-bezier(.2,0,0,1),background-color .2s ease-out,color .2s ease-out;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 10px 24px -10px #0009}.pfo-play svg{translate:2px}.pfo-play:hover{background:var(--pc-accent,var(--accent));color:#fff;scale:1.08}.pfo-play:active{scale:.96}.pfo-play:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (min-width:900px){.grid-work.pfo-grid>.grid-cell:first-child .pfo-play{left:calc(60.7843% - clamp(28px,4vw,64px)/1.64516 - 68px);right:auto}}.pfo-stage{--stage-bg:#f3f3f0;--stage-ink:#0a0a0a;--stage-dot:#0a0a0a21;--stage-arc:color-mix(in oklab, var(--pc-accent,#6b5bff) 55%, transparent);--glass:#ffffff80;--glass-edge:#ffffffd9;--glass-sheen:#ffffff8c;--mx:0;--my:0;isolation:isolate;border-radius:calc(32px * var(--radius-scale,1));min-height:clamp(600px,90vh,920px);color:var(--stage-ink);background:radial-gradient(circle, var(--stage-dot) 1px, transparent 1.6px) 0 0 / 22px 22px, var(--stage-bg);flex-direction:column;align-items:center;padding:clamp(40px,6vw,84px) clamp(16px,3vw,40px) clamp(16px,2.4vw,28px);display:flex;position:relative;overflow:hidden}html[data-theme=dark] .pfo-stage{--stage-bg:#0b0b0d;--stage-ink:#fff;--stage-dot:#ffffff17;--glass:#1212146b;--glass-edge:#ffffff29;--glass-sheen:#ffffff1f}.pfo-stage-glow{z-index:-2;pointer-events:none;background:radial-gradient(42% 46% at 50% 62%, color-mix(in oklab, var(--pc-accent,#6b5bff) 60%, transparent), transparent 72%), radial-gradient(30% 34% at 22% 78%, color-mix(in oklab, var(--pc-glow,var(--pc-accent,#3cc8ff)) 45%, transparent), transparent 70%), radial-gradient(30% 34% at 80% 74%, color-mix(in oklab, var(--pc-glow,var(--pc-accent,#ff5bd6)) 38%, transparent), transparent 70%);filter:blur(30px);opacity:.55;position:absolute;inset:35% -10% -30%}html[data-theme=dark] .pfo-stage-glow{opacity:.9}.pfo-stage-arc{z-index:-1;aspect-ratio:1;pointer-events:none;border:1.5px solid var(--stage-arc);background:color-mix(in oklab, var(--stage-bg) 72%, var(--pc-base,#000) 28%);width:170%;box-shadow:0 -18px 60px -30px var(--stage-arc), inset 0 30px 80px -50px var(--stage-arc);border-radius:50%;position:absolute;top:54%;left:50%;translate:-50%}html:not([data-theme=dark]) .pfo-stage-arc{background:color-mix(in oklab, var(--stage-bg) 88%, var(--pc-accent,#6b5bff) 12%)}.pfo-stage-head{z-index:1;text-align:center;position:relative}.pfo-eyebrow{letter-spacing:.14em;text-transform:uppercase;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;margin:0 0 clamp(10px,1.4vw,18px);padding:7px 14px 7px 12px;font-size:.74rem;font-weight:600;display:inline-flex}.pfo-eyebrow span{background:#ff3b30;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pfo-rec;box-shadow:0 0 0 4px #ff3b3038}@keyframes pfo-rec{50%{opacity:.35}}.pfo-stage-title{font-family:var(--font-heading);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(4rem,15vw,13.5rem);font-weight:700;line-height:.86;-webkit-mask-image:linear-gradient(#000 45%,#00000047 100%);mask-image:linear-gradient(#000 45%,#00000047 100%)}.pfo-stage-title .accent{color:var(--pc-accent,var(--accent))}.pfo-chips{z-index:2;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.pfo-chip{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#0a0a0a;background:linear-gradient(160deg, #ffffffbf, #ffffff26 60%), color-mix(in oklab, var(--glow) 82%, #fff);box-shadow:inset 0 0 0 1px #ffffffb3, inset 0 -6px 14px -6px color-mix(in oklab, var(--glow) 60%, #000), 0 10px 34px -6px color-mix(in oklab, var(--glow) 75%, transparent);translate:calc(var(--mx) * var(--depth,40px)) calc(var(--my) * var(--depth,40px));animation:6s ease-in-out infinite alternate pfo-float;animation-delay:calc(var(--d,0) * -1s);border-radius:14px;padding:9px 18px;font-size:clamp(.68rem,.9vw,.8rem);font-weight:600;transition:translate .5s cubic-bezier(.2,0,0,1);position:absolute}.pfo-chip[data-i="0"]{--depth:70px;--d:0;top:15%;left:7%;rotate:-12deg}.pfo-chip[data-i="1"]{--depth:46px;--d:2;top:7%;left:58%;rotate:5deg}.pfo-chip[data-i="2"]{--depth:80px;--d:4;top:17%;right:6%;rotate:13deg}.pfo-chip[data-i="3"]{--depth:56px;--d:1;top:42%;left:3%;rotate:8deg}.pfo-chip[data-i="4"]{--depth:64px;--d:3;top:40%;right:3%;rotate:-9deg}.pfo-chip[data-i="5"]{--depth:36px;--d:5;top:6%;left:24%;rotate:-4deg}@keyframes pfo-float{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}.pfo-deck{z-index:3;width:min(100%,1100px);height:clamp(300px,30vw,430px);margin-top:calc(-1*clamp(34px,5.4vw,96px));position:relative}.pfo-fan{translate:calc(var(--mx) * -26px) calc(var(--my) * -14px);transition:translate .6s cubic-bezier(.2,0,0,1);position:absolute;inset:0 0 clamp(48px,5vw,76px)}.pfo-fan-card{--w:clamp(130px, 15vw, 230px);z-index:calc(10 - var(--a));width:var(--w);aspect-ratio:4/5;margin-left:calc(var(--w) / -2);background:color-mix(in oklab, var(--pc-accent,#888) 30%, #111);transform-origin:50% 120%;transform:translateX(calc(var(--o) * 74%)) translateY(calc(var(--a) * 10%)) rotate(calc(var(--o) * 8deg));box-shadow:0 0 0 1.5px var(--glass-edge), 0 30px 50px -24px #0009;border-radius:18px;transition:translate .5s cubic-bezier(.2,0,0,1),box-shadow .3s ease-out;display:block;position:absolute;bottom:0;left:50%;overflow:hidden}.pfo-fan-card.is-lead{--w:clamp(160px, 18.5vw, 280px)}.pfo-fan-card img{object-fit:cover;width:100%;height:100%}.pfo-fan-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-out;position:absolute;inset:0}.pfo-fan-video.is-playing{opacity:1}@media (hover:hover){.pfo-fan-card:hover{box-shadow:0 0 0 1.5px var(--glass-edge), 0 40px 60px -24px #000000b3, 0 0 60px -10px var(--pc-accent,transparent);translate:0 -10%}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .pfo-fan-card{animation:.9s cubic-bezier(.2,0,0,1) backwards pfo-deal;animation-delay:calc(.15s + var(--a) * 80ms)}}@keyframes pfo-deal{0%{opacity:0;transform:translateY(40%)rotate(0)}}.pfo-folder{z-index:12;width:min(100%,720px);color:var(--stage-ink);isolation:isolate;justify-content:space-between;align-items:center;gap:16px;padding:clamp(20px,2.4vw,30px) clamp(18px,2.4vw,30px) clamp(16px,2vw,24px);display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.pfo-folder:before,.pfo-folder:after{content:"";z-index:-1;-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:linear-gradient(var(--glass-sheen), transparent 70%), color-mix(in oklab, var(--pc-accent,#888) 22%, var(--glass));position:absolute}.pfo-folder:before{width:38%;height:22px;box-shadow:inset 1px 1px 0 var(--glass-edge), inset -1px 0 0 var(--glass-edge);border-radius:18px 14px 0 0;bottom:calc(100% - 1px);left:0}.pfo-folder:after{box-shadow:inset 0 0 0 1px var(--glass-edge), 0 30px 60px -30px #0000008c;border-radius:0 24px 24px;inset:0}.pfo-folder-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.pfo-folder-copy small{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:.68rem;font-weight:600}.pfo-folder-title{font-family:var(--font-heading);letter-spacing:-.035em;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:650;line-height:1.05;overflow:hidden}.pfo-folder-title:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.pfo-folder-title:focus-visible,.pfo-folder-go:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.pfo-folder-what{opacity:.72;font-size:.84rem}.pfo-folder-actions{flex:none;align-items:center;gap:10px;display:flex}.pfo-folder-go{background:var(--stage-ink);width:48px;height:48px;color:var(--stage-bg);border-radius:50%;place-items:center;transition:background-color .25s ease-out,color .25s ease-out;display:grid}.pfo-folder-go svg{transition:rotate .3s cubic-bezier(.2,0,0,1);rotate:-45deg}.pfo-folder-go:hover{background:var(--pc-accent,var(--accent));color:#fff}.pfo-folder-go:hover svg{rotate:none}.pfo-hero-play{background:var(--stage-ink);min-height:48px;color:var(--stage-bg);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:4px 18px 4px 4px;font-size:.92rem;font-weight:600;transition:scale .3s cubic-bezier(.2,0,0,1);display:inline-flex}.pfo-hero-play-icon{color:#fff;background:#ff3b30;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.pfo-hero-play-icon svg{translate:1px}.pfo-hero-play:hover{scale:1.04}.pfo-hero-play:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.pfo-hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px clamp(24px,4vw,64px);margin-top:clamp(24px,3vw,40px);display:flex}.pfo-hero-intro{max-width:46ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.55}.pfo-hero-foot .pfo-facts{border-top:0;margin:0;padding-top:0}@media (max-width:899.98px){.pfo-stage{min-height:0;padding-top:36px}.pfo-stage-title{font-size:clamp(3.4rem,19vw,6.4rem)}.pfo-deck{height:clamp(290px,80vw,400px);margin-top:-10px}.pfo-fan{bottom:84px}.pfo-fan-card{--w:clamp(110px, 30vw, 180px);transform:translateX(calc(var(--o) * 55%)) translateY(calc(var(--a) * 8%)) rotate(calc(var(--o) * 8deg))}.pfo-fan-card.is-lead{--w:clamp(136px, 38vw, 220px)}.pfo-fan-card[data-a="2"],.pfo-chip[data-i="3"],.pfo-chip[data-i="4"],.pfo-chip[data-i="5"]{display:none}.pfo-chip{border-radius:11px;padding:7px 12px}.pfo-chip[data-i="0"]{top:4%;left:4%}.pfo-chip[data-i="1"]{top:3%;left:auto;right:4%}.pfo-chip[data-i="2"]{top:30%;right:3%}.pfo-folder{width:100%;padding-inline:16px}.pfo-hero-play{padding-right:14px}}@media (max-width:420px){.pfo-folder-what{display:none}}@media (prefers-reduced-motion:reduce){.pfo-chip,.pfo-eyebrow span{animation:none}.pfo-chip,.pfo-fan,.pfo-fan-card,.pfo-fan-video,.pfo-hero-play{transition:none}}html[data-motion=off] .pfo-chip,html[data-motion=off] .pfo-eyebrow span{animation:none}.client-shelf-head{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin:clamp(48px,6vw,88px) 0 clamp(28px,3vw,40px);padding-top:clamp(18px,2vw,24px);display:flex}.client-shelf-head .ed-kicker,.client-shelf-head .muted{margin:0}.client-folder{aspect-ratio:6/5.4;container-type:inline-size}.client-folder .gf-name{overflow-wrap:break-word;font-size:clamp(1.3rem,7.6cqi,2.6rem)}.client-folder .gf-front{padding-inline:clamp(16px,7cqi,30px);padding-bottom:clamp(16px,7cqi,30px)}.client-folder .gf-label{align-items:center;gap:10px;min-width:0;display:inline-flex}.client-folder-meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.client-logo{background:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;padding:4px;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 2px 8px -4px #0000004d}.client-logo img{box-sizing:border-box;padding:4px;object-fit:contain!important}.client-head{margin-bottom:clamp(36px,5vw,64px)}.client-head .case-back{margin-bottom:clamp(20px,3vw,32px)}.client-head-main{align-items:center;gap:clamp(16px,2.4vw,28px);display:flex}.client-head-logo{aspect-ratio:1;width:clamp(72px,8vw,104px);box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px -24px var(--pc-accent,#0006);background:#fff;border-radius:24px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.client-head-logo img{box-sizing:border-box;padding:12px;object-fit:contain!important}.client-head .pfo-eyebrow{margin-bottom:10px}.client-head-title{font-family:var(--font-heading);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:700;line-height:.92}.client-head .pfo-hero-intro{margin-top:clamp(16px,2vw,24px)}.client-head .pfo-facts{margin-top:clamp(20px,2.4vw,28px)}.pfo-types{margin:clamp(48px,6vw,88px) 0 0}.pfo-types+.client-shelf-head{margin-top:clamp(20px,2.4vw,28px)}
