.pp-page{background:var(--background);min-height:100vh;color:var(--foreground);padding-bottom:7rem}.pp-section{max-width:1320px;margin:0 auto;padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,3rem)}.pp-eyebrow{font:.7rem var(--font-sans);letter-spacing:0;text-transform:uppercase;color:var(--accent);margin:0}.pp-heading h2{font:600 clamp(2.4rem, 5vw, 5.5rem)/.98 var(--font-display);margin:.75rem 0 clamp(2rem,5vw,4rem)}.pp-num{font:.65rem var(--font-sans);color:var(--accent)}.pp-rise{animation:.6s cubic-bezier(.23,1,.32,1) both pp-rise}@keyframes pp-rise{0%{opacity:0;transform:translateY(14px)}}.pp-v1-list{grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,3rem) clamp(1rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.pp-v1-list figure{aspect-ratio:4/3;background:var(--muted);border:1px solid var(--border);margin:0 0 1.25rem;position:relative;overflow:hidden}.pp-v1-list img{object-fit:cover;object-position:top left;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .4s,transform .6s cubic-bezier(.23,1,.32,1)}.pp-v1-list li:hover img{filter:none;transform:scale(1.02)}.pp-v1-list figcaption{font:.6rem var(--font-sans);text-transform:uppercase;background:var(--background);color:var(--foreground);padding:.3rem .55rem;position:absolute;bottom:.75rem;left:.75rem}.pp-v1-list h3{font:600 clamp(1.4rem, 2.2vw, 2rem)/1.1 var(--font-display);margin:.5rem 0}.pp-v1-list p{max-width:46ch;color:var(--muted-foreground);margin:0;line-height:1.55}.pp-v2-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.pp-v2-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.pp-v2-list li{border-bottom:1px solid var(--border)}.pp-v2-list button{all:unset;box-sizing:border-box;cursor:pointer;align-items:baseline;gap:1rem;width:100%;padding:1.25rem 0 .75rem;display:flex}.pp-v2-list button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.pp-v2-title{font:600 clamp(1.35rem, 2.6vw, 2.3rem)/1.1 var(--font-display);color:var(--muted-foreground);transition:color .2s,transform .3s cubic-bezier(.23,1,.32,1)}.pp-v2-list button[data-active=true] .pp-v2-title{color:var(--foreground);transform:translate(6px)}.pp-v2-copy{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.23,1,.32,1);display:grid}.pp-v2-copy[data-open=true]{grid-template-rows:1fr}.pp-v2-copy>div{overflow:hidden}.pp-v2-copy p{max-width:46ch;color:var(--muted-foreground);margin:0 0 1.25rem 2rem;line-height:1.55}.pp-v2-visual{aspect-ratio:4/3;border:1px solid var(--border);background:var(--muted);margin:0;position:sticky;top:6rem;overflow:hidden}.pp-v2-visual img{object-fit:cover;object-position:top left;opacity:0;width:100%;height:100%;transition:opacity .35s,transform .5s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scale(1.03)}.pp-v2-visual img[data-active=true]{opacity:1;transform:none}.pp-v2-visual figcaption{font:.6rem var(--font-sans);text-transform:uppercase;background:var(--accent);color:var(--accent-foreground);padding:.3rem .55rem;position:absolute;bottom:.75rem;left:.75rem}.pp-v3-list{margin:1.5rem 0 0;padding:0;list-style:none}.pp-v3-list li{border-top:1px solid var(--border);grid-template-columns:3rem minmax(0,1.4fr) minmax(0,1fr);align-items:baseline;gap:1rem;padding:1.1rem 0;display:grid}.pp-v3-list h3{font:600 clamp(1.6rem, 3.6vw, 3.4rem)/1.02 var(--font-display);letter-spacing:0;margin:0}.pp-v3-list p{color:var(--muted-foreground);margin:0;font-size:.95rem;line-height:1.55}.pp-v3-strip{border-top:3px solid var(--accent);grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:2rem;padding-top:1.25rem;display:grid}.pp-v3-strip figure{margin:0}.pp-v3-strip img{aspect-ratio:16/10;object-fit:cover;object-position:top left;filter:grayscale();border:1px solid var(--border);width:100%}.pp-v3-strip figcaption{font:.6rem var(--font-sans);text-transform:uppercase;color:var(--muted-foreground);margin-top:.4rem}@media (width<=760px){.pp-v1-list,.pp-v2-grid{grid-template-columns:1fr}.pp-v2-visual{order:-1;position:relative;top:0}.pp-v3-list li{grid-template-columns:2rem minmax(0,1fr)}.pp-v3-list p{grid-column:2}.pp-v3-strip{grid-template-columns:repeat(2,1fr)}}.proto-picker{z-index:1000;background:var(--inverse);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);box-shadow:0 8px 30px var(--shadow), inset 0 0 0 1px var(--border);font-family:var(--font-sans);border-radius:999px;align-items:center;padding:4px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.proto-picker-highlight{background:var(--inverse-foreground);border-radius:999px;width:104px;height:calc(100% - 8px);transition:transform .25s cubic-bezier(.23,1,.32,1);position:absolute;top:4px;left:4px}.proto-picker-item{width:104px;height:32px;color:var(--inverse-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:color .15s;display:flex;position:relative}.proto-picker-item:hover{color:var(--inverse-foreground)}.proto-picker-item[data-active=true]{color:var(--color-espresso)}.proto-picker-item:focus-visible,.proto-picker-replay:focus-visible{outline:2px solid var(--inverse-foreground);outline-offset:2px}.proto-picker-key{opacity:.55;font-variant-numeric:tabular-nums;font-size:10px}.proto-picker-divider{background:var(--border);width:1px;height:18px;margin:0 4px}.proto-picker-replay{width:32px;height:32px;color:var(--inverse-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:15px}.proto-picker-replay:hover{color:var(--inverse-foreground);background:var(--secondary)}.proto-picker-replay:active,.proto-picker-item:active{transform:scale(.96)}@media (width<=420px){.proto-picker-item,.proto-picker-highlight{width:92px}.proto-picker{font-size:12px}}@media (prefers-reduced-motion:reduce){.pp-rise{animation:none}.pp-page *,.proto-picker *{transition-duration:0s!important}}