.pp{width:1080px;height:1350px;position:relative;overflow:hidden;isolation:isolate;font-family:Outfit,sans-serif;color:var(--pp-ink);background:var(--pp-ground)}.pp[data-theme=dark]{--pp-ink:#f6f5f2;--pp-mut:rgba(246,245,242,.66);--pp-rule:rgba(255,255,255,.16);--pp-ground:#08080a;--pp-veil:6,6,8}.pp[data-theme=light]{--pp-ink:#121214;--pp-mut:rgba(18,18,20,.62);--pp-rule:rgba(0,0,0,.14);--pp-ground:#f7f6f3;--pp-veil:250,249,246}.pp-bg{position:absolute;inset:0;background-size:cover;background-position:center}.pp-blob{position:absolute;border-radius:50%;filter:blur(80px)}.pp-shade{position:absolute;inset:0}.pp-noise{position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.pp-head{position:absolute;left:72px;right:72px;top:68px;display:flex;justify-content:space-between;align-items:center}.pp-brand{display:flex;align-items:center;gap:20px;font:600 26px Outfit;letter-spacing:.34em}.pp-mark{display:inline-block;width:95px;height:34px;background:currentColor;-webkit-mask:url(/brand/symbol-white-v2-160.png) center/contain no-repeat;mask:url(/brand/symbol-white-v2-160.png) center/contain no-repeat}.pp-kick{text-align:right;font:500 18px JetBrains Mono,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--pp-mut);line-height:1.6}.pp-kick b{display:block;color:var(--pp-ink);font-weight:700}.pp-hero{position:absolute;left:72px;right:72px}.pp-hero[data-layout=top]{top:236px}.pp-hero[data-layout=center]{top:470px}.pp-hero[data-layout=bottom]{bottom:240px}.pp-hero[data-layout=bottom][data-panel=true]{bottom:420px}.pp-label{font:500 19px JetBrains Mono,monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--pp-mut)}.pp-figure{margin:14px 0 0 -10px;line-height:1;white-space:nowrap;text-shadow:0 8px 50px rgba(0,0,0,.4)}.pp[data-theme=light] .pp-figure{text-shadow:0 8px 50px rgba(255,255,255,.5)}.pp-figure[data-font=serif]{font-family:"DM Serif Display",Fraunces,serif;font-weight:400;letter-spacing:-.02em}.pp-figure[data-font=sora]{font-family:Sora,Outfit,sans-serif;font-weight:200;letter-spacing:-.06em}.pp-figure[data-font=bodoni]{font-family:Bodoni Moda,Fraunces,serif;font-style:italic;font-weight:500;letter-spacing:-.03em}.pp-figure[data-font=bodoni] .pp-sign{font-style:normal;font-weight:800;font-size:.8em;vertical-align:.08em}.pp-figure[data-font=syne]{font-family:Syne,Outfit,sans-serif;font-weight:700;letter-spacing:-.045em}.pp-figure[data-ink=accent]{background:var(--pp-agrad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.pp-note{margin-top:22px;font:500 30px Outfit}.pp-note b{font-weight:600}.pp-panel{position:absolute;left:56px;right:56px;top:958px;display:grid;border-radius:32px;background:#0a0a0c6b;box-shadow:inset 0 1.5px #ffffff2e,inset 0 0 0 1.5px #ffffff1a;padding:28px 0}.pp[data-theme=light] .pp-panel{background:#ffffff8c;box-shadow:inset 0 1.5px #fff,inset 0 0 0 1.5px #ffffffbf}.pp-panel>div{padding:0 28px;border-left:1.5px solid var(--pp-rule);min-width:0}.pp-panel>div:first-child{border-left:0}.pp-panel span{display:block;font:500 15px JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--pp-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-panel b{display:block;font-family:"DM Serif Display",Fraunces,serif;font-weight:400;font-size:50px;margin-top:10px;white-space:nowrap}.pp-foot{position:absolute;left:72px;right:72px;bottom:58px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.pp-foot b{display:block;font:italic 500 40px Fraunces,serif}.pp-foot span{display:block;font:500 15px JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--pp-mut);margin-top:10px}.pp-qr{display:flex;align-items:center;gap:20px;text-align:right}.pp-qr small{display:block;font:500 15px JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--pp-mut)}.pp-qr strong{display:block;font:700 26px JetBrains Mono,monospace;letter-spacing:.2em;margin-top:6px}.pp-qr .pp-q{background:#fff;padding:9px;border-radius:16px;line-height:0}.pp[data-focus] .pp-part{opacity:.32;transition:opacity .2s}.pp[data-focus] .pp-part[data-focused=true]{opacity:1;outline:6px solid var(--pp-a2);outline-offset:14px;border-radius:12px}.pp[data-focus] .pp-part[data-focused=true][data-hidden=true]{outline-style:dashed;opacity:.5}.pp[data-format=story]{height:1920px}.pp[data-format=story] .pp-head{top:150px}.pp[data-format=story] .pp-foot{bottom:150px}.pp[data-format=story] .pp-hero[data-layout=top]{top:420px}.pp[data-format=story] .pp-hero[data-layout=center]{top:700px}.pp[data-format=story] .pp-hero[data-layout=bottom]{bottom:560px}.pp[data-format=story] .pp-panel{top:1460px}.pp[data-format=square]{height:1080px}.pp[data-format=square] .pp-hero[data-layout=top]{top:200px}.pp[data-format=square] .pp-hero[data-layout=center]{top:330px}.pp[data-format=square] .pp-hero[data-layout=bottom]{bottom:220px}.pp[data-format=square] .pp-hero[data-layout=bottom][data-panel=true]{bottom:400px}.pp[data-format=square] .pp-panel{top:700px}.pp[data-format=landscape]{width:1920px;height:1080px}.pp[data-format=landscape] .pp-hero{right:auto;width:980px}.pp[data-format=landscape] .pp-hero[data-layout=top]{top:230px}.pp[data-format=landscape] .pp-hero[data-layout=center]{top:330px}.pp[data-format=landscape] .pp-hero[data-layout=bottom]{bottom:220px}.pp[data-format=landscape] .pp-hero[data-layout=bottom][data-panel=true]{bottom:400px}.pp[data-format=landscape] .pp-panel{top:700px;right:auto;width:980px}.pp-bg{filter:brightness(var(--pp-light,1)) saturate(var(--pp-sat,1)) blur(var(--pp-blur,0px));transform:scale(var(--pp-zoom,1));background-position:var(--pp-x,50%) var(--pp-y,50%)}.pp-video{width:100%;height:100%;object-fit:cover;object-position:var(--pp-x,50%) var(--pp-y,50%)}.pp-trace{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.pp-trace-dot{transform-box:fill-box;transform-origin:center}.pp-line{position:absolute;right:72px;margin:0;font:italic 400 44px Fraunces,serif;line-height:1.2;color:var(--pp-ink);text-shadow:0 6px 40px rgba(0,0,0,.45)}.pp[data-format=landscape] .pp-line{right:80px}.pp[data-theme=light] .pp-line{text-shadow:0 6px 40px rgba(255,255,255,.5)}.pp[data-play] .pp-bg{animation:pp-push 5.6s cubic-bezier(.22,1,.36,1) both}.pp[data-play] .pp-trace-stroke{stroke-dasharray:1;animation:pp-draw 2.4s .5s cubic-bezier(.65,0,.35,1) both}.pp[data-play] .pp-trace-fill{animation:pp-fade 1.2s 2.2s ease both}.pp[data-play] .pp-trace-dot{animation:pp-pop .5s 2.8s cubic-bezier(.22,1,.36,1) both}.pp[data-play] .pp-note{animation:pp-fade .8s 2.6s ease both}.pp[data-play] .pp-line,.pp[data-play] .pp-panel{animation:pp-rise 1s 3.1s cubic-bezier(.22,1,.36,1) both}@keyframes pp-push{0%{transform:scale(calc(var(--pp-zoom,1) * 1.14))}to{transform:scale(var(--pp-zoom,1))}}@keyframes pp-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pp-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}@keyframes pp-rise{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.pp[data-play] *{animation:none!important}}.pp[data-only]{background:transparent}.pp[data-only] [data-layer]{visibility:hidden}.pp[data-only=ground] [data-layer=ground],.pp[data-only=words] [data-layer=words],.pp[data-only=figure] [data-layer=figure],.pp[data-only=trace] [data-layer=trace],.pp[data-only=late] [data-layer=late]{visibility:visible}.pp[data-only=ground]{background:var(--pp-ground)}
