/* ink-kit (11 Nov, Pat: "do 1 and adjust other animations to match this style throughout the website").
   One hand for every drawing on the site: hero option 1, "clean ink". Fine ink, a slight hand wobble,
   a faint second pass, lines that draw themselves in once, Caveat notes, hand ticks and circles.
   Light surfaces: green ink #114136 on cream. Dark surfaces: cream ink #F4EFE4, mint #8FCBB0 for the one highlight. */
:root{
  --ink:#114136; --ink-mid:rgba(17,65,54,.75); --ink-faint:rgba(17,65,54,.4);
  --ink-paper:#F4EFE4; --ink-x:#C2452D;
  --ink-on-dark:#F4EFE4; --ink-on-dark-mid:rgba(244,239,228,.72); --ink-mint:#8FCBB0;
  --ink-hand:'Schibsted Grotesk',system-ui,sans-serif; /* r29: one type system, no handwriting (Pat 10 Nov) */
  --ink-w:1.5px; --ink-w-big:2.2px; --ink-w-fine:1.1px;
  --ink-dur:1.1s; --ink-ease:cubic-bezier(.45,.05,.25,1);
}
.ink-note{font-family:var(--ink-hand);font-weight:600;font-size:21px;line-height:1.1;color:var(--ink);letter-spacing:0}
.dk .ink-note,[data-theme="dark"] .ink-note{color:var(--ink-on-dark)}
/* strokes Ink.draw() manages: hidden until drawn */
svg [data-ink-s]{stroke-dasharray:1 1;stroke-dashoffset:1}
svg.ink-done [data-ink-s]{stroke-dashoffset:0}
svg [data-ink-s].ink-on{transition:stroke-dashoffset var(--d,var(--ink-dur)) var(--ink-ease) var(--dl,0s);stroke-dashoffset:0}
svg [data-ink-fill]{opacity:0;transition:opacity .6s ease var(--dl,0s)}
svg [data-ink-fill].ink-on,svg.ink-done [data-ink-fill]{opacity:1}
.ink-fade{opacity:0;transform:translateY(4px);transition:opacity .5s ease var(--dl,0s),transform .5s ease var(--dl,0s)}
.ink-fade.ink-on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  svg [data-ink-s]{stroke-dashoffset:0!important;transition:none!important}
  svg [data-ink-fill],.ink-fade{opacity:1!important;transform:none!important;transition:none!important}
}