body{overflow-x:clip}html{scroll-behavior:smooth}#examples{scroll-margin-top:80px}:root{--fs-title: 48px;--lh-title: 48px;--fs-lead: 24px;--lh-lead: 32px;--fs-body: 15px;--lh-body: 24px;--fs-small: 14px;--lh-small: 20px}.pp{--frame-fill: rgba(255, 255, 255, .1);--frame-line: rgba(255, 255, 255, .1);--col: 1200px;--gut: clamp(16px, 5vw, 56px);--sec: clamp(96px, 14vw, 180px);width:100vw;margin-left:calc(50% - 50vw)}.pp .pp-in{max-width:calc(var(--col) + 2 * var(--gut));box-sizing:border-box;margin:0 auto;padding:0 var(--gut)}.pp .pp-sec{padding:var(--sec) 0 0}.pp .pp-sec--flush .pp-h2{margin-bottom:48px}.pp .pp-h2 .dim{color:inherit}.pp .dim{color:var(--faint)}.pp .pp-h2{font-size:var(--fs-title);font-weight:400;line-height:var(--lh-title);letter-spacing:-.02em;margin:0 0 clamp(40px,6vw,72px)}.pp .pp-eyebrow{margin:12px 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);display:flex;align-items:center;gap:10px}.pp .pp-eyebrow:before{content:"";width:5px;height:5px;background:var(--faint)}.pp .pp-split{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.pp .pp-split--sub{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px clamp(24px,5vw,64px);margin-bottom:clamp(40px,6vw,72px)}.pp .pp-split--sub .pp-h2,.pp .pp-split--sub .pp-lead{margin:0}.pp .pp-split--sub .pp-more{grid-column:2;justify-self:start}.pp .pp-h2--right{text-align:right;max-width:16ch}.pp .pp-lead{max-width:520px;margin:0 0 clamp(40px,6vw,72px);color:#fffc;font-size:var(--fs-lead);line-height:var(--lh-lead)}.pp .pp-more{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);text-decoration:none;transition:color .18s ease}.pp .pp-more .arrow{transition:transform .18s ease}.pp .pp-more:hover{color:var(--text)}.pp .pp-more:hover .arrow{transform:translate(4px)}.pp .pp-eyebrow--above{margin:0 0 20px}.pp .pp-lead a{color:var(--peri)}.pp .mf{position:relative;box-sizing:border-box;background:var(--frame-fill);border:1px solid var(--frame-line);display:flex;align-items:flex-end;padding:14px}.pp .mf__hint{font-size:12px;line-height:1.4;color:var(--faint);max-width:34ch}.pp .mf--card{aspect-ratio:4 / 5}.pp .mf--wide{aspect-ratio:16 / 7}.pp .mf--panel{aspect-ratio:16 / 9}.pp .mf--trio{aspect-ratio:4 / 3}.pp .mf--fill{position:absolute;inset:0;align-items:flex-start;border:0}.pp .mf--bleed{aspect-ratio:21 / 9;min-height:420px;border-left:0;border-right:0}.pp .mf--float{position:absolute;left:50%;top:50%;width:min(420px,80vw);aspect-ratio:5 / 4;translate:-50% -50%;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pp .pp-bleed{position:relative}.pp .pp-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:max(var(--gut),calc((100vw - var(--col)) / 2))}.pp .pp-rail::-webkit-scrollbar{display:none}.pp .pp-rail__track{display:flex;gap:16px;padding:0 max(var(--gut),calc((100vw - var(--col)) / 2));width:max-content}.pp .pp-card{width:clamp(260px,30vw,380px);scroll-snap-align:start}.pp .mf--img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pp .mf--img.mf--inset{padding:0 8.5%;display:flex;align-items:center}.pp .mf--inset img{height:auto;object-fit:contain}.pp a.pp-card{text-decoration:none}.pp a.pp-card:hover .mf--img img{transform:scale(1.03)}.pp .pp-card__meta{display:flex;justify-content:space-between;font-size:var(--fs-body);line-height:var(--lh-body);margin-bottom:14px}.pp .pp-card__title{margin:16px 0 4px;font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:normal}.pp .pp-card__desc{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-rail__nav{display:flex;justify-content:flex-end;gap:8px;margin-top:32px}.pp .pp-arrow{width:40px;height:40px;background:none;border:0;color:var(--muted);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);cursor:pointer;transition:color .15s ease}.pp .pp-arrow:hover{color:var(--text)}.pp .pp-aside{max-width:420px;margin:40px 0 0 50%}.pp .pp-aside p{margin:0 0 24px;font-size:var(--fs-lead);line-height:var(--lh-lead)}.pp .pp-ctas{display:flex;gap:16px;align-items:center}.pp .btn--text{gap:8px;padding-left:0;padding-right:0;background:none;color:#fff9;transition:color .18s ease}.pp .btn--text .arrow{display:inline-block;transition:transform .18s ease}.pp .btn--text:hover{color:var(--text)}.pp .btn--text:hover .arrow{transform:translate(4px)}.pp .pp-sticky{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px)}.pp .pp-list{list-style:none;margin:0;padding:0 0 30vh}.pp .pp-list__item{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:36px 0;opacity:.35;transition:opacity .35s ease}.pp .pp-list__item.on{opacity:1}@media(min-width:861px){.pp .pp-sticky{height:calc(100vh + var(--n, 5) * 45vh)}.pp .pp-sticky .pp-list{position:sticky;top:calc(var(--nav-h, 61px) + 24px);align-self:start;padding-bottom:0}}.pp .pp-list__n{color:var(--faint);font-size:var(--fs-small);line-height:var(--lh-small);padding-top:3px}.pp .pp-list__name{margin:0 0 4px;font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:normal}.pp .pp-list__desc{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pp .mf--inline{display:none}.pp .pp-sticky__media{position:sticky;top:calc(var(--nav-h, 61px) + 24px);height:var(--list-h, calc(90vh - var(--nav-h, 61px) - 24px));align-self:start}.pp .mf--stack{position:absolute;inset:0;opacity:0;transform:scale(.985);transition:opacity .45s ease,transform .45s ease}.pp .mf--stack.on{opacity:1;transform:none}.pp .pp-tabs__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.pp .pp-tabs__arrows{display:flex;gap:8px;margin-bottom:clamp(40px,6vw,72px)}.pp .pp-tabs{display:grid;grid-template-columns:repeat(var(--tabs, 4),1fr);gap:24px;margin-bottom:24px}.pp .pp-tabs__head .pp-h2{margin-bottom:32px}.pp .mf--img{padding:0;overflow:hidden}.pp .pp-panel__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pp .pp-panel .mf--panel{aspect-ratio:auto;height:max(240px,calc(100svh - 380px))}.pp .pp-tab{position:relative;padding:0 0 18px;background:none;border:0;border-bottom:1px solid var(--frame-line);color:var(--muted);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);text-align:left;cursor:pointer;transition:color .2s ease}.pp .pp-tab.on,.pp .pp-tab:hover{color:var(--text)}.pp .pp-tab__bar{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--text)}.pp .pp-tab.on .pp-tab__bar{width:100%}.pp .playing .pp-tab.on .pp-tab__bar{animation:pp-fill var(--ms, 2.5s) linear}@keyframes pp-fill{0%{width:0}to{width:100%}}.pp .pp-tabs__body{display:grid}.pp .pp-panel{grid-area:1 / 1;display:grid;grid-template-columns:3fr 1fr;gap:32px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.pp .pp-panel.on{opacity:1;visibility:visible}.pp .pp-panel__desc{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-trio{display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px;border-top:1px solid var(--frame-line)}.pp .pp-trio>div{position:relative;padding-top:24px}.pp .pp-trio>div+div:before{content:"";position:absolute;top:0;bottom:0;left:-24px;border-left:1px solid var(--frame-line)}.pp .pp-trio__t{margin:20px 0 0;font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-trio__t b{font-weight:400}.pp .pp-glimpse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,48px) 24px}.pp .pp-glimpse__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pp .pp-glimpse__row.wide{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.pp .pp-glimpse__row.wide:before{content:"";grid-area:1 / 1;aspect-ratio:9 / 8}.pp .pp-glimpse__row.wide .pp-glimpse__media{grid-area:1 / 1 / 2 / 3}.pp .pp-glimpse__row.wide .pp-glimpse__txt{grid-area:1 / 3}.pp .pp-glimpse__media{aspect-ratio:9 / 8}.pp .pp-glimpse__media--anim{overflow:hidden;padding:0}.pp .pp-glimpse__row.wide .pp-glimpse__media{aspect-ratio:auto}.pp .pp-glimpse__txt{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.pp .pp-glimpse__n{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--faint)}.pp .pp-glimpse__t{margin:0 0 4px;font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400}.pp .pp-glimpse__d{margin:0;max-width:34ch;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}.pp .pp-faq__aside{position:sticky;top:100px}.pp .pp-faq__aside .pp-h2{margin-bottom:20px}.pp .pp-faq__aside p{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-faq__aside a{color:var(--text)}@media(max-width:860px){.pp .pp-faq{grid-template-columns:1fr;gap:28px}.pp .pp-faq__aside{position:static}}.pp .pp-sec--first{padding-top:clamp(72px,10vw,120px)}.pp .pp-head-cta{margin-bottom:clamp(40px,6vw,72px);white-space:nowrap}.pp .mf--img video{width:100%;height:100%;object-fit:cover;display:block}.pp .pp-card__more{margin-top:12px;font-size:var(--fs-body);line-height:var(--lh-body);padding-top:0;padding-bottom:0;text-decoration:none}.pp .pp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;border-top:1px solid var(--frame-line);padding-top:32px}.pp .pp-stats .stat__num{display:block;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.03em}.pp .pp-stats__l{margin:14px 0 0;font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-stats__d{margin:12px 0 0;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pp .pp-duo__card{aspect-ratio:4 / 5;min-height:0}.pp .pp-duo__more{margin-top:10px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);transition:color .18s ease}.pp .pp-duo__card:hover .pp-duo__more{color:var(--text)}.pp .pp-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--frame-line)}.pp .pp-links__item{display:flex;flex-direction:column;gap:8px;padding:28px 24px 28px 0;border-bottom:1px solid var(--frame-line);text-decoration:none}.pp .pp-links__name{display:flex;align-items:center;gap:8px;font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-links__name .arrow{color:var(--faint);transition:transform .18s ease,color .18s ease}.pp .pp-links__item:hover .arrow{transform:translate(4px);color:var(--text)}.pp .pp-links__desc{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}@media(max-width:860px){.pp .pp-stats{grid-template-columns:1fr 1fr}.pp .pp-duo,.pp .pp-links{grid-template-columns:1fr}}.pp .pp-vs{overflow-x:auto;border-top:1px solid var(--frame-line)}.pp .pp-vs table{width:100%;min-width:600px;border-collapse:collapse;font-size:var(--fs-body);line-height:var(--lh-body)}.pp .pp-vs th,.pp .pp-vs td{text-align:left;font-weight:400;padding:22px 24px 22px 0;border-bottom:1px solid var(--frame-line);vertical-align:top}.pp .pp-vs thead th{color:var(--faint);font-size:var(--fs-small);line-height:var(--lh-small)}.pp .pp-vs tbody th{color:var(--muted);width:28%}.pp .pp-vs td:nth-child(3){color:var(--muted)}.pp .pp-bento{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(240px,auto);gap:16px}.pp .pp-bento__card{position:relative;display:flex;align-items:flex-end;min-height:240px;padding:24px;border:1px solid var(--frame-line);color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .2s ease}.pp .pp-bento__card.big{grid-row:span var(--bento-rows, 3)}.pp .pp-bento__card:hover{border-color:#ffffff4d}.pp .pp-bento__txt{position:relative;display:flex;flex-direction:column;gap:6px}.pp .pp-bento__title{font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:-.02em}.pp .pp-bento__desc{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);max-width:36ch}.pp .pp-end{padding-bottom:var(--sec);text-align:center}.pp .pp-end .pp-h2{margin-bottom:32px}.pp .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease var(--d, 0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--d, 0ms)}.pp .reveal.in{opacity:1;transform:none}.pp .mf--float.reveal{transform:translateY(40px)}.pp .mf--float.reveal.in{transform:none}@media(prefers-reduced-motion:reduce){.pp .reveal,.pp .mf--float.reveal{opacity:1;transform:none;transition:none}}@media(max-width:860px){:root{--fs-title: 32px;--lh-title: 36px;--fs-lead: 20px;--lh-lead: 28px}.pp .pp-split{flex-direction:column;gap:16px}.pp .pp-split--sub{grid-template-columns:1fr;gap:16px}.pp .pp-split--sub .pp-more{grid-column:1;margin-top:8px}.pp .pp-h2--right{text-align:left}.pp .pp-aside{margin-left:0}.pp .pp-sticky{display:block}.pp .pp-sticky__media{display:none}.pp .pp-list{padding-bottom:0}.pp .pp-list__item{opacity:1}.pp .mf--inline{display:flex;grid-column:1 / -1;aspect-ratio:4 / 3;margin-top:12px}.pp .pp-tabs{grid-template-columns:repeat(var(--tabs, 4),max-content);overflow-x:auto;scrollbar-width:none}.pp .pp-panel{grid-template-columns:1fr;gap:16px}.pp .pp-panel .mf--panel{aspect-ratio:16 / 9;height:auto}.pp .pp-glimpse,.pp .pp-glimpse__row,.pp .pp-glimpse__row.wide{grid-template-columns:1fr}.pp .pp-glimpse__row.wide:before{display:none}.pp .pp-glimpse__row.wide .pp-glimpse__media,.pp .pp-glimpse__row.wide .pp-glimpse__txt{grid-area:auto}.pp .pp-glimpse__row.wide .pp-glimpse__media{aspect-ratio:16 / 9}.pp .pp-trio,.pp .pp-bento{grid-template-columns:1fr}.pp .pp-trio>div+div:before{display:none}.pp .pp-bento__card.big{grid-row:auto;min-height:420px}.pp .mf--bleed{min-height:320px}}