/* Moment D · What reaches them. The club's note about a sample member; warm brush strokes cover everything a match never sees.
   Default (no script, ?moment=off, reduced motion) is the landing frame: every stroke laid, the words beneath gone. */
.summary { position:relative; background:var(--raised); border:1px solid var(--hair); border-radius:var(--r-sheet); padding:30px 36px 32px; max-width:580px; }
.summary-label { font:400 13px/1.4 var(--ui); letter-spacing:.01em; color:var(--ink-3); }
.summary-intro { margin-top:22px; font:italic 500 24px/1.25 var(--display); }
.summary-body { margin-top:14px; font:400 19px/2.05 var(--text); }
.summary .keep { font-weight:500; }
.summary .num { font-variant-numeric:lining-nums tabular-nums; letter-spacing:.01em; white-space:nowrap; }
.struck { position:relative; display:inline-block; white-space:nowrap; line-height:1.4; --s:1; }
.struck .v { opacity:calc(1 - var(--s) * 1.15); }
.struck .stroke { position:absolute; left:-7px; top:50%; width:calc(100% + 14px); height:1.35em; transform:translateY(-52%); overflow:visible; color:var(--wash); opacity:.92; mix-blend-mode:var(--wash-blend); pointer-events:none;
  clip-path: inset(-30% calc((1 - var(--s)) * 100%) -30% 0); }
.struck .stroke.s2 { top:58%; left:-3px; height:1.05em; transform:translateY(-40%) rotate(-1.2deg); opacity:.8; }
.note { margin-top:22px; padding-top:20px; border-top:1px solid var(--hair); font:italic 500 26px/1.3 var(--display); }
.note-label { display:block; font:400 13.5px/1.5 var(--ui); font-style:normal; color:var(--ink-3); margin-bottom:6px; }
@media (max-width: 760px) {
  .summary { padding:22px 20px 24px; }
  .summary-intro { font-size:22px; }
  .summary-body { font-size:17px; line-height:2; }
  .note { font-size:23px; }
}