mark.pen{white-space:nowrap;color:inherit;background:0 0;position:relative}.pen-mark{pointer-events:none;color:var(--pen);position:absolute;overflow:visible}.pen-mark path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pen--underline .pen-mark{width:calc(100% + .24em);height:.4em;bottom:-.34em;left:-.12em}.pen--loop .pen-mark{width:calc(100% + .84em);height:calc(100% + .6em);top:-.3em;left:-.42em}.pen--tick .pen-mark{vertical-align:-.1em;width:.95em;height:.95em;margin-left:.18em;display:inline-block;position:relative}.pen-note{margin-top:var(--sp-3);padding-left:var(--sp-5);position:relative}.pen-note__text{font-family:var(--font-hand);letter-spacing:.01em;color:var(--pen);text-wrap:pretty;margin:0;font-size:1.25rem;line-height:1.4}.pen-note__bracket{width:9px;height:calc(100% - .5em);top:.25em;left:0}.pen-note__arrow{display:none}@media (min-width:1200px){.case-sub>.pen-note{width:var(--col-note);margin:0 0 0 var(--sp-10);grid-area:1/text-end/auto/full-end;align-self:start;padding:0}.case-sub>.pen-note .pen-note__bracket{display:none}.case-sub>.pen-note .pen-note__arrow{left:calc(-1 * var(--sp-10) + 4px);width:30px;height:17px;display:block;top:.1em}}@keyframes pen-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){[data-reveal] .reveal:not(.is-visible) .pen-mark path{stroke-dasharray:1;stroke-dashoffset:1px}[data-reveal] .reveal.is-visible .pen-mark path{animation:pen-draw .52s var(--ease-in-out) .24s backwards}[data-reveal] .reveal.is-visible .pen-mark path:nth-child(2){animation-duration:.16s;animation-delay:.76s}[data-reveal] .reveal.is-visible .pen-mark path:nth-child(3){animation-duration:.16s;animation-delay:.84s}}