.pp{--pp-accent:#7ea8a4;--pp-gold:#e8c869;position:relative;padding-block:clamp(4rem,9vw,7rem);isolation:isolate}.pp:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 42% at 50% 0,color-mix(in srgb,var(--pp-accent) 12%,transparent),transparent 72%),linear-gradient(180deg,hsla(0,0%,100%,.03),transparent 30%,rgba(0,0,0,.5));pointer-events:none}.pp-head{text-align:center;max-width:46rem;margin-inline:auto}.pp-eyebrow{display:flex;align-items:center;justify-content:center;gap:.9rem;color:var(--pp-accent);font-size:.6875rem;letter-spacing:.34em;text-transform:uppercase}.pp-eyebrow:after,.pp-eyebrow:before{content:"";height:1px;width:clamp(1.5rem,8vw,5rem);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pp-accent) 70%,transparent))}.pp-eyebrow:after{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--pp-accent) 70%,transparent))}.pp-title{font-family:var(--font-display);text-transform:uppercase;color:#fff;line-height:.92;letter-spacing:.02em;font-size:clamp(2.25rem,6vw,4.25rem);margin-block:.6rem 0}.pp-intro{color:hsla(0,0%,100%,.72);margin-top:1rem;line-height:1.65}.pp-count{margin-top:1.1rem;font-size:.6875rem;letter-spacing:.28em;text-transform:uppercase;color:var(--pp-accent)}.pp-count b{color:#fff;font-weight:600}.pp-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2.25rem}.pp-filter{font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.14);padding:.55rem 1.05rem;cursor:pointer;transition:color .25s,border-color .25s,background .25s}.pp-filter:hover{color:#fff;border-color:hsla(0,0%,100%,.4)}.pp-filter[aria-pressed=true]{color:#000;background:var(--pp-accent);border-color:var(--pp-accent)}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:clamp(1rem,2vw,1.75rem);margin-top:3rem}@media (hover:hover){.pp-grid:hover .pp-card:not(:hover){opacity:.55}}.pp-card{position:relative;display:flex;flex-direction:column;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(180deg,hsla(0,0%,100%,.05),rgba(0,0,0,.55));transition:opacity .4s,transform .4s,border-color .4s,box-shadow .4s;animation:pp-in .6s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes pp-in{0%{opacity:0;transform:translateY(22px) scale(.97)}}.pp-card:focus-visible,.pp-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--pp-accent) 55%,transparent);box-shadow:0 20px 50px -24px color-mix(in srgb,var(--pp-accent) 70%,transparent);outline:none}.pp-card:before{content:"";position:absolute;top:10px;left:50%;translate:-50% 0;width:46px;height:5px;border-radius:3px;background:rgba(0,0,0,.75);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16);z-index:3}.pp-shot{position:relative;aspect-ratio:4/5;overflow:hidden;background:#0a0a0a}.pp-shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.92);transform:scale(1.02);transition:filter .7s ease,transform .9s cubic-bezier(.2,.7,.3,1)}.pp-card:focus-visible .pp-shot img,.pp-card:hover .pp-shot img{filter:grayscale(0) contrast(1) brightness(1);transform:scale(1.09)}.pp-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 28%,transparent 42%,rgba(0,0,0,.9))}.pp-years{position:absolute;top:26px;left:0;z-index:2;font-family:var(--font-display);font-size:.6875rem;letter-spacing:.18em;color:#000;background:var(--pp-accent);padding:.3rem .7rem .3rem .85rem;transition:background .4s}.pp-card[data-memoriam=yes] .pp-years{background:var(--pp-gold)}.pp-index{position:absolute;top:20px;right:12px;z-index:2;font-family:var(--font-display);font-size:2rem;line-height:1;color:hsla(0,0%,100%,.22);transition:color .4s}.pp-card:hover .pp-index{color:hsla(0,0%,100%,.5)}.pp-name{position:absolute;left:1rem;right:1rem;bottom:.85rem;z-index:2;font-family:var(--font-display);text-transform:uppercase;color:#fff;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.05;letter-spacing:.02em;text-wrap:balance}.pp-star{color:var(--pp-gold);font-size:.7em;vertical-align:.35em;margin-right:.35em}.pp-meta{flex:1;display:flex;flex-direction:column;padding:.95rem 1rem 1.05rem;border-top:1px solid hsla(0,0%,100%,.08)}.pp-roles{display:flex;flex-wrap:wrap;gap:.35rem}.pp-role{font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.82);border:1px solid hsla(0,0%,100%,.16);padding:.22rem .5rem;white-space:nowrap;transition:border-color .35s,color .35s}.pp-card:hover .pp-role{border-color:color-mix(in srgb,var(--pp-accent) 45%,transparent);color:#fff}.pp-life{margin-top:.7rem;font-size:.6875rem;letter-spacing:.08em;color:var(--pp-gold)}.pp-run{margin-top:auto;padding-top:.9rem}.pp-run__track{position:relative;height:3px;background:hsla(0,0%,100%,.1);overflow:hidden}.pp-run__fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pp-accent) 55%,transparent),var(--pp-accent));transition:filter .4s}.pp-card[data-memoriam=yes] .pp-run__fill{background:linear-gradient(90deg,color-mix(in srgb,var(--pp-gold) 45%,transparent),var(--pp-gold))}.pp-card:hover .pp-run__fill{filter:drop-shadow(0 0 7px currentColor) brightness(1.15)}.pp-run__tick{position:absolute;top:0;bottom:0;width:1px;background:hsla(0,0%,100%,.22)}.pp-run__scale{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.5625rem;letter-spacing:.16em;color:hsla(0,0%,100%,.4)}.pp-empty{margin-top:3rem;text-align:center;color:hsla(0,0%,100%,.55);border:1px dashed hsla(0,0%,100%,.15);padding:3rem 1rem}@media (prefers-reduced-motion:reduce){.pp-card{animation:none}.pp-card:hover,.pp-card:hover .pp-shot img,.pp-shot img{transform:none}}