h1, h2, h3 { font-family: 'Clash Display','Clash Fallback',sans-serif; font-weight: 600; letter-spacing: -.01em; text-wrap: balance; }
p { text-wrap: pretty; }

 
.pk-h {
  font-family: 'Clash Display','Clash Fallback',sans-serif;
  font-weight: 600;
  color: var(--fg);
  text-wrap: balance;
  font-size: var(--d4); letter-spacing: var(--ls-d2); margin: 0 0 20px;
}
 
.pk-h.mt { margin-top: 10px; }

 
.pk-state {
  font-family: 'Clash Display','Clash Fallback',sans-serif;
  font-weight: 500;
  font-size: var(--d6);
  letter-spacing: var(--ls-d3);
  line-height: 1.1;
  margin: 0 0 20px;
  max-width: 20ch;
  color: var(--fg);
}


 
.pk-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 40ch); column-gap: clamp(40px, 6vw, 96px); align-items: end; }
.pk-head .pk-eyebrow { grid-column: 1 / -1; }
.pk-head .pk-h { grid-column: 1; margin: 0; }
.pk-head .pk-lede { grid-column: 2; margin-bottom: 8px; max-width: 40ch; line-height: 1.6; }
@media (max-width: 1000px) {
  .pk-head { grid-template-columns: 1fr; }
  .pk-head .pk-lede { grid-column: 1; margin: 16px 0 0; max-width: 52ch; }
}

 
.pk-prose p { font-size: var(--t3); line-height: 1.62; color: var(--fg); max-width: 62ch; margin: 0 0 16px; }
.pk-prose p:last-child { margin-bottom: 0; }

 
.pk-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pk-chip {
  font-family: 'Satoshi','Satoshi Fallback',sans-serif;
  font-size: var(--l1);
  letter-spacing: var(--ls-uc);
  text-transform: uppercase;
  font-weight: 500;
  padding: 5px 11px;
  border-radius: 99px;
   
  border: 1px solid var(--chip-edge);
  color: var(--fg);
  white-space: nowrap;
}
.pk-chip.hi { background: var(--ball-500); border-color: var(--ball-500); color: var(--iron-800); }

 

 
.pk-card { background: var(--card); border-radius: var(--r4); box-shadow: inset 0 0 0 1px var(--line); }

 

 
 
html.pk-anim { --pk-rise: var(--rise, 28px); }
html.pk-anim .pk-rv {
  opacity: 0;
  transform: translateY(var(--pk-rise, 28px));
  transition: opacity var(--dur-3, .7s) var(--ease, ease), transform var(--dur-3, .7s) var(--ease, ease);
  transition: opacity var(--dur-3, .7s) var(--ease, ease), transform var(--dur-3, .7s) var(--ease-rebound, var(--ease, ease));
}
html.pk-anim .pk-rv.fade { transform: none; }
html.pk-anim .pk-rv.on { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.pk-anim .pk-rv { opacity: 1; transform: none; transition: none; }
}

 
html.pk-anim .pk-step > * {
  opacity: 0;
  transform: translateY(var(--pk-step-rise, 16px));
  transition: opacity var(--dur-3, .7s) var(--ease, ease), transform var(--dur-3, .7s) var(--ease, ease);
  transition: opacity var(--dur-3, .7s) var(--ease, ease), transform var(--dur-3, .7s) var(--ease-rebound, var(--ease, ease));
}
html.pk-anim .pk-rv.pk-step { opacity: 1; transform: none; transition: none; }
html.pk-anim .pk-rv.on .pk-step > *,
html.pk-anim .pk-rv.on.pk-step > * { opacity: 1; transform: none; }
html.pk-anim .pk-rv.on .pk-step > *:nth-child(1), html.pk-anim .pk-rv.on.pk-step > *:nth-child(1) { transition-delay: 0ms; }
html.pk-anim .pk-rv.on .pk-step > *:nth-child(2), html.pk-anim .pk-rv.on.pk-step > *:nth-child(2) { transition-delay: calc(1 * 2 * var(--stagger, 90ms)); }
html.pk-anim .pk-rv.on .pk-step > *:nth-child(3), html.pk-anim .pk-rv.on.pk-step > *:nth-child(3) { transition-delay: calc(2 * 2 * var(--stagger, 90ms)); }
html.pk-anim .pk-rv.on .pk-step > *:nth-child(4), html.pk-anim .pk-rv.on.pk-step > *:nth-child(4) { transition-delay: calc(3 * 2 * var(--stagger, 90ms)); }
html.pk-anim .pk-rv.on .pk-step > *:nth-child(5), html.pk-anim .pk-rv.on.pk-step > *:nth-child(5) { transition-delay: calc(4 * 2 * var(--stagger, 90ms)); }
html.pk-anim .pk-rv.on .pk-step > *:nth-child(n+6), html.pk-anim .pk-rv.on.pk-step > *:nth-child(n+6) { transition-delay: calc(5 * 2 * var(--stagger, 90ms)); }
 
html.pk-anim .pk-step.pk-step-flat > * { transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.pk-anim .pk-step > * { opacity: 1; transform: none; transition: none; }
}

 
.pk-grain::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 1; background-image: var(--grain); background-size: 128px 128px; mix-blend-mode: overlay; opacity: var(--grain-op, .24); }
.pk-sec, .pk-hero { position: relative; z-index: 2; }

 

 
.rv { opacity: 1; transform: none; }