.pf-hero{align-items:flex-start;gap:var(--space-4);padding:var(--space-card-padding);border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 0%, var(--color-feature-magenta), transparent 45%), radial-gradient(circle at 10% 100%, var(--color-cosmos-nebula), transparent 55%), linear-gradient(160deg, var(--color-cosmos-void), var(--color-cosmos-mid));box-shadow:var(--shadow-hero);color:var(--color-text-on-dark);flex-direction:column;display:flex}.pf-back{align-items:center;gap:var(--space-2);min-height:var(--layout-tap-target);color:var(--color-chapter-cyan-base);font-weight:var(--typography-weight-heavy);text-decoration:none;display:inline-flex}.pf-back:hover{color:var(--color-base-white)}.pf-hero .cv-eyebrow{margin:0!important}.pf-title{font-family:var(--typography-family-display);font-size:var(--typography-size-display);text-wrap:balance;margin:0;line-height:1.05}.pf-lead{max-width:var(--layout-reading-measure);color:var(--color-chapter-cyan-base);font-size:var(--typography-size-lead);margin:0;line-height:1.6}.pf-index{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.pf-index a{padding:var(--space-1) var(--space-3);border:1px solid var(--color-overlay-eyebrow-edge);border-radius:var(--radius-pill);background:var(--color-overlay-eyebrow-fill);color:var(--color-text-on-dark);font-size:var(--typography-size-small);font-weight:var(--typography-weight-bold);text-decoration:none}.pf-index a:hover{border-color:var(--color-brand-accent)}.pf-client{scroll-margin-top:calc(var(--layout-bar-height-wide) + var(--space-4))}.pf-client-head{gap:var(--space-5);grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:baseline;margin-block-end:var(--space-5);display:grid}.pf-client-head .cv-heading{overflow-wrap:anywhere;margin:0!important}.pf-note{margin:0;line-height:1.7}.pf-note strong{padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-chapter-lavender-base);color:var(--color-brand-violet);font-size:var(--typography-size-small);font-weight:var(--typography-weight-heavy);margin-inline-end:var(--space-3);display:inline-block}.pf-samples{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pf-sample{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--color-surface-thumb);display:block;position:relative;overflow:hidden}.pf-sample img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.pf-sample:hover img{transform:scale(1.05)}.pf-sample:focus-visible{outline:3px solid var(--color-brand-ink);outline-offset:3px}.pf-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-overlay-media-control);color:var(--color-text-on-dark);font-size:var(--typography-size-small);font-weight:var(--typography-weight-heavy);position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-2)}.pf-badge--video{background:var(--color-brand-accent-on-light)}.pf-lightbox{z-index:var(--z-index-lightbox);padding:var(--space-8) calc(var(--layout-tap-target) + var(--space-6));place-items:center;display:grid;position:fixed;inset:0}.pf-lightbox-backdrop{background:var(--color-overlay-hero-vignette);-webkit-backdrop-filter:blur(var(--blur-bar));backdrop-filter:blur(var(--blur-bar));position:absolute;inset:0}.pf-lightbox-figure{align-items:center;gap:var(--space-3);flex-direction:column;max-width:100%;max-height:100%;margin:0;display:flex;position:relative}.pf-lightbox-media{width:auto;max-width:100%;height:auto;max-height:calc(100vh - var(--space-9) * 2);border-radius:var(--radius-md);background:var(--color-cosmos-void);display:block}.pf-lightbox-caption{gap:var(--space-4);color:var(--color-text-on-dark);font-size:var(--typography-size-ui);display:flex}.pf-lightbox-close,.pf-lightbox-nav{width:var(--layout-tap-target);height:var(--layout-tap-target);border-radius:var(--radius-circle);background:var(--color-overlay-media-control);color:var(--color-text-on-dark);cursor:pointer;border:0;place-items:center;display:grid;position:absolute}.pf-lightbox-close:hover,.pf-lightbox-nav:hover{background:var(--color-overlay-media-control-hover)}.pf-lightbox-close:focus-visible,.pf-lightbox-nav:focus-visible{outline:3px solid var(--color-decor-city-lit)}.pf-lightbox svg{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.pf-lightbox-close{inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.pf-lightbox-nav{inset-block-start:50%;transform:translateY(-50%)}.pf-lightbox-prev{inset-inline-start:var(--space-4)}.pf-lightbox-next{inset-inline-end:var(--space-4)}[dir=rtl] .pf-lightbox-nav svg{transform:scaleX(-1)}@media (max-width:979px){.pf-client-head{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.pf-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.pf-lightbox{padding:var(--space-9) var(--space-2)}.pf-lightbox-nav{inset-block-start:auto;inset-block-end:var(--space-4);transform:none}.pf-client{scroll-margin-top:calc(var(--layout-bar-height-narrow) + var(--space-4))}}@media (prefers-reduced-motion:reduce){.pf-sample img{transition:none}.pf-sample:hover img{transform:none}}
