.pp{--eye-size:min(92vw, 118svh);--ball:calc(var(--eye-size) * .76);--pp-eye-dy:calc(var(--ball) * .16);isolation:isolate;padding-top:calc(var(--header-h) + clamp(3rem, 7vw, 6rem));padding-bottom:var(--section-pad);position:relative;overflow:clip}.pp:before{content:"";z-index:-1;background:radial-gradient(60% 75% at 82% 48%, var(--glow), transparent 70%),  radial-gradient(120% 90% at 0% 100%, color-mix(in srgb, var(--bg) 60%, black 40%), transparent 60%);opacity:.9;pointer-events:none;height:max(100svh,40rem);position:absolute;inset:0 0 auto}:root[data-theme=light] .pp:before{background:radial-gradient(55% 70% at 82% 48%, var(--glow), transparent 70%)}.pp__head{gap:1.4rem;margin-bottom:clamp(3.5rem,7vw,7rem);display:grid}.pp__title-wrap{z-index:0;position:relative}.pp__type{font-size:clamp(3.2rem,.6rem + 10vw,13rem);line-height:.84}.pp__title{overflow-clip-margin:.08em;overflow:clip}.pp__ink{display:block}.pp__count{letter-spacing:.08em;vertical-align:top;color:var(--fg-muted);margin-left:.4em;font-size:.14em;font-weight:400}@supports ((-webkit-background-clip:text) or (background-clip:text)){.pp__ink{color:#0000;background-color:var(--fg);background-image:url(/eye/iris-1024.webp), linear-gradient(var(--fg), var(--fg));background-image:image-set(url(/eye/iris-1024.avif) type("image/avif"), url(/eye/iris-1024.webp) type("image/webp")), linear-gradient(var(--fg), var(--fg));background-repeat:no-repeat;background-size:var(--ball) var(--ball), 100% 100%;background-position:calc(50% + var(--pp-gx,0px)) calc(50% + var(--pp-eye-dy) + var(--pp-drift,0px) + var(--pp-gy,0px)), 0 0;background-blend-mode:difference, normal;-webkit-background-clip:text;background-clip:text}.pp__ink::selection{color:var(--fg)}.pp__ink ::selection{color:var(--fg)}}.pp__ghost{z-index:-1;color:#0000;-webkit-text-stroke:1px var(--accent);opacity:0;transform:translate(var(--ghost-x,0px), var(--ghost-y,0px));transition:opacity .5s var(--ease-out), transform .9s var(--ease-out);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pp__ghost .pp__count{visibility:hidden}.pp__title-wrap:hover .pp__ghost{opacity:.85}.pp__stage{z-index:-1;left:50%;top:calc(50% + var(--pp-eye-dy));width:var(--eye-size);aspect-ratio:1;transform:translate(-50%, calc(-50% + var(--pp-drift,0px)));opacity:calc(1 - var(--pp-fade,0) * .86);pointer-events:none;will-change:transform, opacity;position:absolute}.pp__glow{background:radial-gradient(closest-side, var(--glow), transparent 72%);border-radius:50%;position:absolute;inset:-16.88%}.js .pp__stage .eye-rings{animation:pp-rings-in 1.8s var(--ease-out) both .15s}.js .pp__ink{animation:pp-line-up 1.25s var(--ease-out) both .12s}.pp__lede{letter-spacing:-.02em;max-width:42rem;color:var(--fg-muted);font-size:clamp(1.2rem,1rem + .8vw,1.9rem);line-height:1.3}@keyframes pp-line-up{0%{opacity:0;transform:translateY(72%)rotate(2deg)}35%{opacity:1}}@keyframes pp-rings-in{0%{opacity:0;transform:scale(.88)rotate(-25deg)}}@media (prefers-reduced-motion:reduce){.js .pp__ink,.js .pp__stage .eye-rings{animation:none}}@media (forced-colors:active){.pp__ink{color:canvastext;background:0 0}}
