
:root[data-theme="paper"] {
  --pv-torn: polygon(3% 0, 97% 0, 100% 12%, 96% 26%, 100% 40%, 96% 54%, 100% 68%, 96% 82%, 100% 100%, 3% 100%, 0 86%, 4% 72%, 0 58%, 4% 44%, 0 30%, 4% 16%);
}
@property --pv-a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --pv-p { syntax: "<percentage>"; inherits: false; initial-value: 0%; }

:root[data-theme="paper"] .pv-hero {
  position: relative; text-align: center;
  padding: clamp(92px, 9vw, 112px) 0 clamp(36px, 5vw, 72px);
}
:root[data-theme="paper"] .pv-stage {
  --x: 0; --y: 0; --w: 0;
  position: relative; color: var(--p-ink);
  width: min(1060px, calc(100% - 12px)); margin: 0 auto;
  aspect-ratio: 920 / 380;
  contain: layout style;
  user-select: none; -webkit-user-select: none;
  touch-action: pan-y; -webkit-tap-highlight-color: transparent;
}
:root[data-theme="paper"] .pv-defs-wrap { position: absolute; width: 0; height: 0; overflow: hidden; color: var(--p-ink); }
:root[data-theme="paper"] .pv-line-wrap { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
:root[data-theme="paper"] .pv-line { width: 100%; height: 100%; overflow: visible; color: var(--p-ink); }

:root[data-theme="paper"] .pv-pos {
  position: absolute;
  left: calc((var(--x) - 40) / 920 * 100%);
  top: calc(var(--y) / 380 * 100%);
  width: calc(var(--w) / 920 * 100%);
}
:root[data-theme="paper"] .pv-letter { z-index: 3; pointer-events: none; transform-origin: 50% 100%; will-change: transform; }
:root[data-theme="paper"] .pv-letter svg { display: block; width: 100%; height: auto; overflow: visible; }
:root[data-theme="paper"] .pv-letter path { fill: var(--p-ink); }

:root[data-theme="paper"] .pv-stage .ln {
  fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round;
}
:root[data-theme="paper"] .pv-stage .fw { fill: var(--p-sheet); }
:root[data-theme="paper"] .pv-stage .fh { fill: var(--p-hi); }
:root[data-theme="paper"] .pv-stage .fr { fill: var(--p-red); }
:root[data-theme="paper"] .pv-ground { stroke-dasharray: 1; stroke-dashoffset: 0; }
:root[data-theme="paper"] .pv-stage .pupil { fill: var(--p-ink); }

:root[data-theme="paper"] .pv-stage .pv-char {
  display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;
  min-height: 0; min-width: 0; box-shadow: none; text-shadow: none;
  font: inherit; color: var(--p-ink); line-height: 0; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  transform-origin: 50% 100%; will-change: transform;
}
:root[data-theme="paper"] .pv-char svg { display: block; width: 100%; height: auto; overflow: visible; }
:root[data-theme="paper"] .pv-char:focus-visible {
  outline: 2.5px dashed var(--p-red); outline-offset: 4px; border-radius: 14px;
}
:root[data-theme="paper"] .pv-char.hop { animation: pv-hop 0.58s var(--p-ease); }
@keyframes pv-hop {
  0%   { transform: none; }
  16%  { transform: translateY(3%) scale(1.07, 0.9); }
  44%  { transform: translateY(-15%) scale(0.95, 1.07); }
  72%  { transform: translateY(0) scale(1.05, 0.93); }
  100% { transform: none; }
}

:root[data-theme="paper"] .pv-stk {
  position: relative; display: block; background: var(--p-sheet);
  padding: 6%; border-radius: 2px; rotate: 7deg;
  box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.2), 0 8px 14px -8px rgba(30, 43, 69, 0.55);
}
:root[data-theme="paper"] .pv-stk img { display: block; width: 100%; height: auto; image-rendering: pixelated; }
:root[data-theme="paper"] .pv-stk::before,
:root[data-theme="paper"] .pv-stk::after {
  content: ""; position: absolute; top: -12%; width: 46%; height: 22%;
  background: var(--p-tape); clip-path: var(--pv-torn);
}
:root[data-theme="paper"] .pv-stk::before { left: -14%; rotate: -38deg; }
:root[data-theme="paper"] .pv-stk::after { right: -14%; rotate: 36deg; }

:root[data-theme="paper"] .pv-dust, :root[data-theme="paper"] .pv-doodles {
  position: absolute; inset: 0; pointer-events: none; z-index: 6;
}
:root[data-theme="paper"] .pv-dust i {
  position: absolute; border-radius: 52% 48% 55% 45%; background: var(--p-ink); opacity: 0.6;
  translate: -50% -50%;
}
:root[data-theme="paper"] .pv-doodle {
  position: absolute; left: 0; top: 0; width: clamp(22px, 2.9vw, 32px);
  color: var(--p-ink); will-change: transform; translate: -50% -50%;
}
:root[data-theme="paper"] .pv-doodle svg { display: block; width: 100%; height: auto; overflow: visible; }
:root[data-theme="paper"] .pv-doodle .ln { stroke-width: 2.1; }

:root[data-theme="paper"] .pv-bubble {
  position: absolute; z-index: 9; margin: 0; left: 50%; top: 0;
  width: max-content; max-width: min(320px, 92%);
  padding: 8px 18px 10px; text-align: center;
  background: var(--p-sheet); color: var(--p-ink);
  font: 700 25px/1.15 var(--font-hand);
  border: 2.5px solid var(--p-ink);
  border-radius: 255px 18px 225px 18px / 18px 225px 18px 255px;
  box-shadow: 4px 5px 0 rgba(30, 43, 69, 0.16);
  opacity: 0; pointer-events: none;
  transform: translate(-50%, -100%) scale(0.82); transform-origin: 50% 100%;
  transition: opacity 0.16s linear, transform 0.3s cubic-bezier(0.3, 1.5, 0.5, 1);
}
:root[data-theme="paper"] .pv-bubble.on { opacity: 1; transform: translate(-50%, -100%) scale(1); }
:root[data-theme="paper"] .pv-bubble::after {
  content: ""; position: absolute; left: calc(50% + var(--tail, 0px)); bottom: -9px;
  width: 14px; height: 14px; background: var(--p-sheet);
  border: 2.5px solid var(--p-ink); border-top: 0; border-left: 0;
  transform: translateX(-50%) rotate(45deg);
}

@media (max-width: 700px) {
  :root[data-theme="paper"] .pv-hero { padding-top: 140px; }
}

:root[data-theme="paper"] .pv-hero[data-state="pre"] .pv-it,
:root[data-theme="paper"] .pv-hero[data-state="pre"] .pv-w,
:root[data-theme="paper"] .pv-hero[data-state="pre"] .hero-actions .btn { opacity: 0; }
:root[data-theme="paper"] .pv-hero[data-state="pre"] .pv-hl { background-size: 0% 36%; }
:root.pv-pre .pv-hero .pv-words { opacity: 0; animation: pv-failsafe 0s 4s forwards; }
@keyframes pv-failsafe { to { opacity: 1; } }

:root[data-theme="paper"] .pv-words { max-width: 900px; margin-top: clamp(0px, 1vw, 14px); }
:root[data-theme="paper"] .pv-w { display: inline-block; }
:root[data-theme="paper"] .pv-motto {
  margin: 0; font: 700 clamp(3rem, 9.4vw, 6.6rem)/1.02 var(--font-hand); color: var(--p-ink);
}
:root[data-theme="paper"] .pv-hl {
  padding: 0 0.12em;
  background: linear-gradient(rgba(255, 228, 92, 0.72), rgba(255, 228, 92, 0.72)) no-repeat 0 86% / 100% 36%;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
:root[data-theme="paper"] .pv-place {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 0;
  margin: 12px 0 22px; font: 400 clamp(18px, 1.5vw, 20px)/1.4 var(--font-note); color: var(--p-graphite);
}
:root[data-theme="paper"] .pv-place span + span::before {
  content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 1em 2px;
  background: var(--p-red); border-radius: 55% 45% 50% 50%; vertical-align: middle;
}
:root[data-theme="paper"] .pv-words .statement {
  margin: 0 auto 14px; max-width: 30ch; color: var(--p-ink); text-wrap: balance;
  font: 600 clamp(2.1rem, 4.2vw, 3rem)/1.08 var(--font-hand);
}
:root[data-theme="paper"] .pv-words .lede {
  margin: 0 auto 30px; max-width: 46ch; color: var(--p-graphite);
  font: 400 clamp(18px, 1.6vw, 20px)/1.6 var(--font-note);
}
:root[data-theme="paper"] .pv-words .hero-actions { justify-content: center; }

:root[data-theme="paper"] .pv-arm .pv-iw {
  display: inline-block; transform: translateY(0.07em) rotate(-1.5deg);
  clip-path: inset(-12% 101% -24% -3%);
}
:root[data-theme="paper"] .pv-arm.pv-in .pv-iw {
  transform: none; clip-path: inset(-12% -8% -24% -3%);
  transition: clip-path 0.6s cubic-bezier(0.5, 0, 0.2, 1) calc(var(--i, 0) * 120ms), transform 0.6s var(--p-ease) calc(var(--i, 0) * 120ms);
}
:root[data-theme="paper"] .pv-arm b { background-size: 0% 46%; }
:root[data-theme="paper"] .pv-arm.pv-in b { background-size: 100% 46%; transition: background-size 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0.8s; }

:root[data-theme="paper"] .ventures { padding-block: clamp(56px, 8vw, 104px) clamp(64px, 8vw, 112px); }
:root[data-theme="paper"] .ventures h2 { margin-bottom: clamp(20px, 3vw, 36px); }
:root[data-theme="paper"] .v-index { border-top: 0; position: relative; }
:root[data-theme="paper"] .v-index li {
  border-bottom: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 7' preserveAspectRatio='none'%3E%3Cpath d='M0 3.6 C60 1.4 120 5.8 200 3.2 S340 5.2 420 3 S560 4.6 600 3.4' fill='none' stroke='%231E2B45' stroke-opacity='.42' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") bottom / 100% 7px no-repeat;
}
:root[data-theme="paper"] .v-index li:first-child {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 7' preserveAspectRatio='none'%3E%3Cpath d='M0 3.6 C60 1.4 120 5.8 200 3.2 S340 5.2 420 3 S560 4.6 600 3.4' fill='none' stroke='%231E2B45' stroke-opacity='.42' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 7' preserveAspectRatio='none'%3E%3Cpath d='M0 3.2 C70 5.4 130 1.8 210 3.6 S350 2 430 3.8 S560 2.4 600 3.6' fill='none' stroke='%231E2B45' stroke-opacity='.42' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  background-position: bottom, top;
  background-size: 100% 7px, 100% 7px;
}
:root[data-theme="paper"] .v-row {
  position: relative; padding: 22px 0 22px 58px;
}
:root[data-theme="paper"] .v-name {
  font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; line-height: 1;
  font-size: clamp(2.5rem, 6vw, 4.3rem); color: var(--p-ink);
}
:root[data-theme="paper"] .v-what, :root[data-theme="paper"] .v-when {
  font-family: var(--font-note); font-size: 18px; line-height: 1.4; color: var(--p-graphite);
}
:root[data-theme="paper"] .v-arrow { color: var(--p-ink); }
@media (min-width: 900px) {
  :root[data-theme="paper"] .v-row { padding: 30px 0 30px 74px; }
  :root[data-theme="paper"] .v-what, :root[data-theme="paper"] .v-when { font-size: 19px; }
}
@media (max-width: 899px) {
  :root[data-theme="paper"] .v-row {
    grid-template-columns: minmax(0, 1fr); grid-template-areas: "name" "what" "when"; gap: 6px 0;
    padding: 18px 40px 20px 58px;
  }
  :root[data-theme="paper"] .v-when { text-align: left; }
  :root[data-theme="paper"] .v-arrow { position: absolute; right: 4px; top: 26px; }
}
@media (hover: hover) and (pointer: fine) {
  :root[data-theme="paper"] .v-index:hover .v-row { opacity: 1; }
  :root[data-theme="paper"] .v-row:hover .v-name { transform: none; }
  :root[data-theme="paper"] .v-row:hover .v-arrow { transform: rotate(45deg); }
}
:root[data-theme="paper"] .v-row:focus-visible { outline: none; }

:root[data-theme="paper"] .pv-tick {
  position: absolute; left: 4px; top: 50%; width: 38px; height: 38px; margin-top: -19px; overflow: visible;
  fill: none; stroke-linecap: round; stroke-linejoin: round; pointer-events: none;
}
@media (min-width: 900px) { :root[data-theme="paper"] .pv-tick { left: 8px; width: 44px; height: 44px; margin-top: -22px; } }
:root[data-theme="paper"] .pv-box { stroke: var(--p-ink); stroke-width: 2.4; }
:root[data-theme="paper"] .pv-chk { stroke: var(--p-red); stroke-width: 4; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 0.5s var(--p-ease); }
:root[data-theme="paper"] .v-index.in .pv-chk { stroke-dashoffset: 0; }
:root[data-theme="paper"] .v-index.in li:nth-child(1) .pv-chk { transition-delay: 0.35s; }
:root[data-theme="paper"] .v-index.in li:nth-child(2) .pv-chk { transition-delay: 0.6s; }
:root[data-theme="paper"] .v-index.in li:nth-child(3) .pv-chk { transition-delay: 0.85s; }
:root[data-theme="paper"] .v-index.in li:nth-child(4) .pv-chk { transition-delay: 1.1s; }

:root[data-theme="paper"] .pv-ring {
  position: absolute; left: -14px; right: -14px; top: 2px; bottom: 2px;
  width: calc(100% + 28px); height: calc(100% - 4px); overflow: visible; pointer-events: none;
}
:root[data-theme="paper"] .pv-ring path {
  fill: none; stroke: var(--p-red); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 5000; stroke-dashoffset: 5000; transition: stroke-dashoffset 0.6s var(--p-ease);
}
:root[data-theme="paper"] .v-row:hover .pv-ring path,
:root[data-theme="paper"] .v-row:focus-visible .pv-ring path { stroke-dashoffset: 0; }

:root[data-theme="paper"] .v-preview {
  padding: 9px 9px 30px; background: var(--p-sheet); border-radius: 2px; rotate: -2.5deg;
  box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.12), 0 18px 30px -14px rgba(30, 43, 69, 0.45);
}
:root[data-theme="paper"] .v-preview img { border-radius: 0; box-shadow: none; }
:root[data-theme="paper"] .v-preview.pixel img { background: #FEF1DE; }
:root[data-theme="paper"] .v-preview::before {
  content: ""; position: absolute; top: -12px; left: 50%; width: 76px; height: 24px; margin-left: -38px;
  background: var(--p-tape); clip-path: var(--pv-torn); rotate: 3deg;
}

:root[data-theme="paper"] .proof-band { padding-block: 0 clamp(36px, 5vw, 64px); }
:root[data-theme="paper"] .proof { gap: 34px 22px; }
:root[data-theme="paper"] .proof > div {
  position: relative; align-items: flex-start; justify-content: flex-end; gap: 14px;
  padding: 30px 22px 22px; background: var(--p-sheet);
  box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.08), 0 14px 24px -16px rgba(30, 43, 69, 0.4);
  rotate: -1.1deg;
}
:root[data-theme="paper"] .proof > div:nth-child(2) { rotate: 0.9deg; }
:root[data-theme="paper"] .proof > div:nth-child(3) { rotate: -0.5deg; }
:root[data-theme="paper"] .proof > div:nth-child(4) { rotate: 1.2deg; }
:root[data-theme="paper"] .proof > div::before {
  content: ""; position: absolute; top: -13px; left: 50%; width: 78px; height: 24px; margin-left: -39px;
  background: var(--p-tape); clip-path: var(--pv-torn); rotate: -2deg;
}
:root[data-theme="paper"] .proof > div::after {
  content: ""; position: absolute; right: 14px; bottom: 14px; width: 38px; height: 23px; opacity: 0.55;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M6 3 L7 21 M14 2 L14 22 M22 3 L21 21 M30 2 L31 22 M1 17 L38 7' fill='none' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
:root[data-theme="paper"] .proof dd {
  position: relative; align-self: flex-start; min-width: 1.4ch;
  font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; line-height: 1;
  font-size: clamp(3.6rem, 7vw, 5.2rem); color: var(--p-ink);
}
:root[data-theme="paper"] .proof dt { font-family: var(--font-note); font-size: 18px; line-height: 1.3; color: var(--p-ink); }
:root[data-theme="paper"] .proof dd::after {
  content: ""; position: absolute; pointer-events: none;
  left: -3%; right: -3%; bottom: -4%; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C40 3 70 11 110 6 S170 4 198 7' fill='none' stroke='%23C8402A' stroke-width='3.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  -webkit-mask-image: linear-gradient(90deg, #000 var(--pv-p), transparent calc(var(--pv-p) + 0.1%));
          mask-image: linear-gradient(90deg, #000 var(--pv-p), transparent calc(var(--pv-p) + 0.1%));
}
:root[data-theme="paper"] .proof > div:first-child dd::after {
  left: -20%; right: -20%; top: -12%; bottom: -14%; height: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120' preserveAspectRatio='none'%3E%3Cpath d='M44 34 C70 8 150 6 178 36 C202 64 170 112 100 110 C34 110 -2 76 24 42 C36 26 62 14 96 10' fill='none' stroke='%23C8402A' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  -webkit-mask-image: conic-gradient(from -80deg at 50% 50%, #000 var(--pv-a), transparent calc(var(--pv-a) + 0.1deg));
          mask-image: conic-gradient(from -80deg at 50% 50%, #000 var(--pv-a), transparent calc(var(--pv-a) + 0.1deg));
}
:root[data-theme="paper"] .proof > div.in dd::after { animation: pv-underline 0.7s var(--p-ease) 1.5s both; }
:root[data-theme="paper"] .proof > div.in:first-child dd::after { animation: pv-circle 0.95s cubic-bezier(0.5, 0, 0.2, 1) 1.5s both; }
@keyframes pv-underline { from { --pv-p: 0%; } to { --pv-p: 100%; } }
@keyframes pv-circle { from { --pv-a: 0deg; } to { --pv-a: 360deg; } }

:root[data-theme="paper"] .quotes { gap: 40px 34px; padding-block: 22px 30px; }
:root[data-theme="paper"] .quote {
  position: relative; padding: 38px 26px 24px; border-top: 0; background-color: var(--p-sheet);
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--p-rule) 31px, var(--p-rule) 32px);
  background-position: 0 30px;
  box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.08), 0 16px 26px -18px rgba(30, 43, 69, 0.45);
  rotate: -1.4deg; transition: rotate 0.4s var(--p-ease), box-shadow 0.4s var(--p-ease);
}
:root[data-theme="paper"] .quote:nth-child(2) { rotate: 1deg; }
:root[data-theme="paper"] .quote:nth-child(3) { rotate: -0.6deg; }
:root[data-theme="paper"] .quote::before {
  content: ""; position: absolute; top: -13px; left: 50%; width: 84px; height: 25px; margin-left: -42px;
  background: var(--p-tape); clip-path: var(--pv-torn); rotate: 2deg;
}
:root[data-theme="paper"] .quote:nth-child(2)::before { rotate: -3deg; }
:root[data-theme="paper"] .quote blockquote {
  font-family: var(--font-note); font-size: 18px; line-height: 32px; margin: 0 0 14px; color: var(--p-ink);
}
:root[data-theme="paper"] .quote figcaption { font: 700 1.7rem/1 var(--font-hand); color: var(--p-ink); }
:root[data-theme="paper"] .quote figcaption::after { font: 400 18px/1 var(--font-note); color: var(--p-graphite); }
@media (hover: hover) and (pointer: fine) {
  :root[data-theme="paper"] .quote:hover { rotate: 0deg; }
}

:root[data-theme="paper"] .works .gal-head { padding-top: 72px; padding-bottom: 30px; }
:root[data-theme="paper"] .ww-face {
  overflow: visible; box-sizing: border-box; padding: 9px 9px 30px; border-radius: 2px;
  background: var(--p-sheet);
  box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.1), 0 16px 26px -14px rgba(30, 43, 69, 0.42);
  rotate: var(--tilt, 0deg);
}
:root[data-theme="paper"] .ww-face::after { display: none; }
:root[data-theme="paper"] .ww-face::before {
  content: ""; position: absolute; z-index: 2; top: -13px; left: 50%; width: 76px; height: 26px; margin-left: -38px;
  background: var(--p-tape); clip-path: var(--pv-torn); rotate: -2deg;
}
:root[data-theme="paper"] .ww-item:nth-child(3n + 1) .ww-face { --tilt: -1.6deg; }
:root[data-theme="paper"] .ww-item:nth-child(3n + 2) .ww-face { --tilt: 1.2deg; }
:root[data-theme="paper"] .ww-item:nth-child(3n) .ww-face { --tilt: -0.5deg; }
:root[data-theme="paper"] .ww-item:nth-child(even) .ww-face::before { rotate: 3deg; }
:root[data-theme="paper"] .ww-live .ww-face { box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.1), 0 16px 26px -14px rgba(30, 43, 69, 0.42); }
:root[data-theme="paper"] .ww-face img { border-radius: 0; }
:root[data-theme="paper"] .ww-item.prod .ww-face { background: var(--p-sheet); }
:root[data-theme="paper"] .ww-item.prod .ww-face img { background: #fff; }
:root[data-theme="paper"] .ww-cap { font-family: var(--font-hand); font-weight: 700; font-size: 1.55rem; line-height: 1.1; color: var(--p-ink); }
:root[data-theme="paper"] .ww-cap small { font-family: var(--font-note); font-size: 18px; font-weight: 400; color: var(--p-graphite); }
:root[data-theme="paper"] .ww-hint { font-family: var(--font-note); font-size: 18px; color: var(--p-graphite); }
:root[data-theme="paper"] .ww-card:focus-visible { outline: 2.5px dashed var(--p-red); outline-offset: 5px; }
:root[data-theme="paper"] .ww-live .ww-card:focus-visible .ww-face { outline: 2.5px dashed var(--p-red); outline-offset: 5px; }

:root[data-theme="paper"] .about-bleed .about-shot {
  overflow: visible; background: var(--p-sheet); box-sizing: border-box;
  padding: 12px 12px 54px; rotate: -1.6deg;
  box-shadow: 0 0 0 1px rgba(30, 43, 69, 0.1), 0 24px 40px -22px rgba(30, 43, 69, 0.5);
}
:root[data-theme="paper"] .about-bleed .about-shot::before,
:root[data-theme="paper"] .about-bleed .about-shot::after {
  content: ""; position: absolute; z-index: 2; top: -14px; width: 110px; height: 30px;
  background: var(--p-tape); clip-path: var(--pv-torn);
}
:root[data-theme="paper"] .about-bleed .about-shot::before { left: -26px; rotate: -36deg; }
:root[data-theme="paper"] .about-bleed .about-shot::after { right: -26px; rotate: 34deg; }
@media (max-width: 899px) {
  :root[data-theme="paper"] .about-bleed .about-shot {
    margin: 22px max(var(--gutter), env(safe-area-inset-left)) 0; padding: 10px 10px 44px; rotate: -1.2deg;
  }
  :root[data-theme="paper"] .about-bleed .portrait { aspect-ratio: 4 / 5; }
}
@media (min-width: 900px) {
  :root[data-theme="paper"] .about-bleed .about-shot {
    left: clamp(28px, 4.5vw, 72px); top: -34px; bottom: -34px; width: calc(var(--shot-w) - 44px);
  }
  :root[data-theme="paper"] .about-bleed .portrait { height: 100%; }
}
:root[data-theme="paper"] .about-bleed .big-quote {
  font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; line-height: 1.04;
  font-size: clamp(2.6rem, 5.4vw, 4.2rem); color: var(--p-ink); max-width: 17ch;
}
:root[data-theme="paper"] .about-bleed .big-quote b {
  font-weight: 700;
  background: linear-gradient(rgba(255, 228, 92, 0.72), rgba(255, 228, 92, 0.72)) no-repeat 0 80% / 100% 46%;
  padding: 0 0.1em; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
@media (min-width: 900px) {
  :root[data-theme="paper"] .about-bleed .big-quote { font-size: clamp(2.8rem, 4.4vw, 4.2rem); max-width: 17ch; }
}
:root[data-theme="paper"] .about-bleed .who-line { font-family: var(--font-note); font-size: 20px; line-height: 1.6; color: var(--p-ink); }

:root[data-theme="paper"] .ventures .v-row > .p-draw,
:root[data-theme="paper"] .ventures .v-row > .p-circ { display: none; }
:root[data-theme="paper"] .ventures .v-row.p-boxed { background: none !important; }

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="paper"] .pv-char.hop { animation: none; }
  :root[data-theme="paper"] .pv-bubble { transition: none; }
  :root[data-theme="paper"] .pv-chk { stroke-dashoffset: 0; transition: none; }
  :root[data-theme="paper"] .pv-ring path { transition: none; }
  :root[data-theme="paper"] .proof > div dd::after { --pv-p: 100%; --pv-a: 360deg; animation: none !important; }
  :root[data-theme="paper"] .quote { transition: none; }
}
