@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/literata-regular.woff2?v=592cedd5465a') format('woff2')}@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/literata-italic.woff2?v=cea9996cc370') format('woff2')}@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/literata-bold.woff2?v=3a1bee184e72') format('woff2')}@font-face{font-family:'Literata';font-style:italic;font-weight:700;font-display:swap;src:url('/fonts/literata-bolditalic.woff2?v=9b158141b2ef') format('woff2')}@font-face{font-family:'Literata Display';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/literata-display.woff2?v=9d1aae851aab') format('woff2')}@font-face{font-family:'Literata Display';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/literata-display-semibold.woff2?v=bb5d95a6ac2f') format('woff2')}@font-face{font-family:'Literata Display';font-style:italic;font-weight:450;font-display:swap;src:url('/fonts/literata-display-italic.woff2?v=f6f8cbe15a63') format('woff2')}*{scrollbar-color:var(--rubric) var(--paper-deep)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--paper-deep)}::-webkit-scrollbar-thumb{background:var(--rubric);border-radius:8px;border:2px solid var(--paper-deep)}::-webkit-scrollbar-thumb:hover{background:var(--plum)}::-webkit-scrollbar-corner{background:var(--paper-deep)}
img[data-progressive="true"]{background:#e7dcc8;filter:blur(10px) saturate(.82);opacity:.88;
  transition:filter .38s ease,opacity .38s ease}
img[data-progressive="true"][data-quality="full"],
img[data-progressive="true"][data-quality="fallback"]{filter:none;opacity:1}
html[data-reading-mode="text"] img[data-progressive="true"]{filter:none;opacity:1}
html[data-reading-mode="text"] .plate,html[data-reading-mode="text"] .plateo,
html[data-reading-mode="text"] .story-motion-canvas{max-width:260px;margin-left:auto;margin-right:auto}
html[data-reading-mode="text"] .ov{display:none}
@media(prefers-reduced-motion:reduce){img[data-progressive="true"]{transition:none}}

.plateo{position:relative;line-height:0}
.plateo img{width:100%}
.ov{position:absolute;line-height:1.48;font-family:'Literata',Georgia,serif;text-align:left;
  display:block;overflow:hidden;hyphens:none;font-size:calc(var(--max-pt)*1px)}
.ov>span{width:100%;display:block}
.ovtitle{display:block;font-family:'Literata Display','Literata','Iowan Old Style',Baskerville,Georgia,serif;font-size:1.45em;
  line-height:1.08;text-align:center;font-weight:500;margin:0 0 .22em;text-wrap:balance}
.ovincipit{display:block}
.ovmoral{font-style:italic;text-align:center;display:flex;align-items:center;
  justify-content:center;line-height:1.42;letter-spacing:.01em}
.ovmoral aside{display:contents}
.ovwash{isolation:isolate}
.ovwash::before{content:"";position:absolute;inset:0;z-index:0;
  -webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 72%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.32) 94%,transparent 100%);
  mask-image:radial-gradient(ellipse closest-side at center,#000 72%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.32) 94%,transparent 100%)}
.ovwash>span{position:relative;z-index:1;padding:0 .8em;box-sizing:border-box}
.ovwash-light::before{background:rgba(247,238,219,.86)}
.ovwash-light-panel::before{background:rgba(242,232,213,.78);border-radius:.08em;
  -webkit-mask-image:none;mask-image:none;
  box-shadow:0 0 .45em .08em rgba(247,238,219,.28),inset 0 0 0 1px rgba(116,75,24,.48),inset 0 0 0 .14em rgba(184,134,47,.16)}
.ovwash-dark::before{background:rgba(43,36,30,.86)}

:root{
  --paper:#f2e8d5; --paper-deep:#e9dcc3; --ink:#2b241e; --rubric:#8c3b2e;
  --gold:#b8862f; --gold-bright:#e0a93c; --plum:#5c3a4d; --night:#1f2833;
  --text-face:'Literata',Georgia,'Iowan Old Style','Palatino Linotype',serif;
  --display-face:'Literata Display','Literata','Iowan Old Style',Baskerville,'Palatino Linotype',Georgia,serif;
}
*{box-sizing:border-box}
::selection{background:var(--plum);color:var(--paper)}
html{scroll-behavior:smooth;text-size-adjust:100%;scroll-padding-top:3.5rem}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--text-face);font-size:19px;line-height:1.65;
  font-kerning:normal;text-rendering:optimizeLegibility;}
img{max-width:100%;height:auto;display:block}
.page{max-width:1080px;margin:0 auto;padding:0 32px}
.plate{margin:2.5rem auto;box-shadow:0 12px 44px rgba(43,36,30,.24);border-radius:3px;
  overflow:hidden;background:#dfd0b4}
.plate img{border-radius:3px}
.endpaper-shimmer{position:relative;isolation:isolate}
.endpaper-gold{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent 0 38%,rgba(255,239,166,.12) 43%,
    rgba(255,248,201,.98) 50%,rgba(255,210,91,.18) 57%,transparent 62% 100%);
  background-size:36% 100%;background-repeat:no-repeat;background-position:5% 50%;
  -webkit-mask-image:var(--gold-mask);mask-image:var(--gold-mask);
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(244,212,138,.5));
  animation:endpaper-gold-sweep 14s ease-in-out infinite paused}
.endpaper-shimmer.is-visible .endpaper-gold{animation-play-state:running}
@keyframes endpaper-gold-sweep{
  0%,12%{background-position:5% 50%;opacity:0}
  18%{background-position:5% 50%;opacity:.58}
  62%{background-position:85% 50%;opacity:.68}
  70%,100%{background-position:85% 50%;opacity:0}
}
.story-motion-canvas{position:relative;line-height:0;width:fit-content;max-width:100%;margin-inline:auto}
.story-motion-layer{position:absolute;inset:0;z-index:1;width:100%;height:100%;
  pointer-events:none;overflow:hidden}
.story-motion-layer *{transform-box:fill-box;transform-origin:center}
.story-motion-video{position:absolute;z-index:2;left:var(--motion-left);top:var(--motion-top);
  width:var(--motion-width);height:var(--motion-height);object-fit:fill;pointer-events:none;
  opacity:0;clip-path:var(--motion-clip);-webkit-clip-path:var(--motion-clip);
  transition:opacity .14s ease;contain:paint}
.story-motion-video.is-active{opacity:1;will-change:opacity}
.motion-controls{max-width:1080px;margin:.3rem auto 0;display:flex;align-items:center;justify-content:flex-end;gap:.35rem}
.motion-control{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.42rem .62rem;
  border:1px solid rgba(244,212,138,.72);border-radius:3px;background:rgba(31,40,51,.92);
  color:#fff8e8;font:600 .7rem/1.2 'Literata',Georgia,serif;letter-spacing:.025em;cursor:pointer}
.motion-control[hidden]{display:none}.motion-control:hover{background:rgba(76,45,40,.94)}
.motion-control[aria-pressed="true"]{box-shadow:inset 0 -3px 0 var(--gold-bright)}
.reader-preferences{max-width:1080px;margin:.25rem auto 0;display:flex;justify-content:flex-end;align-items:center;gap:.35rem;flex-wrap:wrap}
.reader-preferences a,.reader-preferences button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.42rem .62rem;border:1px solid rgba(224,169,60,.52);border-radius:3px;background:rgba(31,40,51,.9);color:var(--paper);font:inherit;font-size:.72rem;cursor:pointer}
.reader-preferences [hidden]{display:none}.reader-preferences [aria-pressed="true"]{box-shadow:inset 0 -3px 0 var(--gold-bright)}
.reader-preferences a:focus-visible,.reader-preferences button:focus-visible{outline:3px solid #fff1c2;outline-offset:3px}
.story-motion.is-paused .story-motion-layer *{animation-play-state:paused!important}
.closing-spark{opacity:0;animation:closing-spark-rise 3s cubic-bezier(.2,.65,.3,1)
  var(--motion-delay) 1 both paused}
.closing-dome-glow{opacity:0;animation:closing-dome-breathe 9s ease-in-out 1 both paused}
.story-motion.is-visible .closing-spark,.story-motion.is-visible .closing-dome-glow,
.story-motion.is-visible .promise-light,.story-motion.is-visible .promise-thread,
.story-motion.is-visible .memory-flash,.story-motion.is-visible .memory-lightning,
.story-motion.is-visible .memory-trace,.story-motion.is-visible .memory-dome-glow,
.story-motion.is-visible .dew-drop,.story-motion.is-visible .dew-gather,
.story-motion.is-visible .dew-glint,.story-motion.is-visible .shadow-echo,
.story-motion.is-visible .shadow-lens,.story-motion.is-visible .lantern-mote,
.story-motion.is-visible .lantern-warmth,.story-motion.is-visible .rain-drop,
.story-motion.is-visible .rain-ripple,.story-motion.is-visible .rain-lantern,
.story-motion.is-visible .ring-flame,.story-motion.is-visible .ring-ember,
.story-motion.is-visible .ring-hearth-glow,.story-motion.is-visible .bridge-water,
.story-motion.is-visible .bridge-center-glow,.story-motion.is-visible .maker-flame,
.story-motion.is-visible .maker-ember,.story-motion.is-visible .maker-rest,
.story-motion.is-visible .maker-needle,.story-motion.is-visible .maker-hearth,
.story-motion.is-visible .badger-ripple,.story-motion.is-visible .badger-acorn-glint,
.story-motion.is-visible .shepherd-snow,.story-motion.is-visible .shepherd-lantern,
.story-motion.is-visible .siren-signal-trace,.story-motion.is-visible .siren-rain,
.story-motion.is-visible .siren-lens,.story-motion.is-visible .quarrel-steam-wisp,
.story-motion.is-visible .quarrel-ripple{
  animation-play-state:running}
@keyframes closing-spark-rise{
  0%{opacity:0;transform:translate(0,14px) scale(.4)}
  15%{opacity:.45}
  38%{opacity:1;transform:translate(0,-18px) scale(2.4)}
  100%{opacity:0;transform:translate(var(--spark-x),-96px) scale(.6)}
}
@keyframes closing-dome-breathe{
  0%,48%,100%{opacity:0;transform:scale(.94)}
  62%{opacity:.5;transform:scale(1.08)}
  80%{opacity:.14;transform:scale(1)}
}
.promise-light{opacity:0;animation:promise-light-pulse 9s ease-in-out
  var(--motion-delay) 1 both paused}
.promise-thread{opacity:0;stroke-dasharray:.085 .915;stroke-dashoffset:1;
  animation:promise-thread-glint 9s ease-in-out 1 both paused}
@keyframes promise-light-pulse{
  0%,10%,100%{opacity:0;transform:translate(0,0) scale(.62)}
  26%{opacity:.3}
  38%{opacity:1;transform:translate(var(--drift-x),var(--drift-y)) scale(2.6)}
  55%{opacity:.18;transform:translate(var(--return-x),var(--return-y)) scale(.9)}
  72%{opacity:.88;transform:translate(0,0) scale(1.65)}
  86%{opacity:.1}
}
@keyframes promise-thread-glint{
  0%,18%,100%{opacity:0;stroke-dashoffset:1}
  28%{opacity:.28}
  42%,62%{opacity:1}
  78%{opacity:0;stroke-dashoffset:-.1}
}
.memory-flash{opacity:0;animation:memory-halo-flash 7s ease-out 1 both paused}
.memory-lightning{opacity:0;animation:memory-lightning-hold 7s ease-out 1 both paused}
.memory-trace{stroke-dasharray:.16 .84;stroke-dashoffset:1;
  animation:memory-trace 4s ease-in-out 1 both paused}
.memory-dome-glow{opacity:0;animation:memory-dome-warm 7s ease-in-out 1 both paused}
@keyframes memory-halo-flash{
  0%,13%,100%{opacity:0}
  16%{opacity:.04}
  18%{opacity:.32}
  21%{opacity:.02}
  24%{opacity:.09}
  28%{opacity:0}
}
@keyframes memory-lightning-hold{
  0%,13%,100%{opacity:0}
  17%{opacity:.28}
  22%,44%{opacity:1}
  58%{opacity:0}
}
@keyframes memory-trace{
  0%,10%{opacity:0;stroke-dashoffset:1}
  20%{opacity:1}
  75%{opacity:1}
  100%{opacity:0;stroke-dashoffset:-.18}
}
@keyframes memory-dome-warm{
  0%,34%,100%{opacity:0;transform:scale(.96)}
  56%{opacity:.48;transform:scale(1.08)}
  78%{opacity:.14;transform:scale(1)}
}
.dew-drop{opacity:0;filter:drop-shadow(0 0 5px rgba(230,246,255,.95));
  animation:dew-drop 8s ease-in-out 1 both paused}
.dew-gather{opacity:0;animation:dew-gather 8s ease-in-out 1 both paused}
.dew-glint{opacity:0;animation:dew-glint 8s ease-in-out 1 both paused}
@keyframes dew-drop{
  0%,22%,100%{opacity:0;transform:translateY(0) scale(.65)}
  34%{opacity:.9;transform:translateY(0) scale(1)}
  68%{opacity:1;transform:translateY(52px) scale(1.4)}
  84%{opacity:0;transform:translateY(58px) scale(.85)}
}
@keyframes dew-gather{
  0%,16%,100%{opacity:0;transform:translateY(-3px) scale(.72,.58)}
  46%{opacity:.32}
  66%{opacity:.95;transform:translateY(5px) scale(1.32,1.42)}
  84%{opacity:.2;transform:translateY(2px) scale(1,1.05)}
}
@keyframes dew-glint{
  0%,48%,100%{opacity:0;transform:scale(.6)}
  66%{opacity:1;transform:scale(1.55)}
  78%{opacity:.12;transform:scale(.9)}
}
.shadow-echo{opacity:0;transform-box:view-box;transform-origin:948px 454px;
  animation:shadow-twin-breathe 7.4s cubic-bezier(.22,.62,.26,1) 1 both paused}
.shadow-lens{opacity:0;transform-origin:50% 50%;
  animation:shadow-lens-wonder 7.4s ease-in-out 1 both paused}
@keyframes shadow-twin-breathe{
  0%,9%,100%{opacity:0;transform:translate(0,0)}
  19%{opacity:.12;transform:translate(-2px,-1px)}
  38%{opacity:.28;transform:translate(-7px,-4px)}
  56%{opacity:.18;transform:translate(-4px,-2px)}
  72%{opacity:.09;transform:translate(-1px,-1px)}
  88%{opacity:0;transform:translate(0,0)}
}
@keyframes shadow-lens-wonder{
  0%,12%,100%{opacity:0;transform:scale(.72)}
  21%{opacity:.38;transform:scale(1.04)}
  32%{opacity:.14;transform:scale(.92)}
  49%{opacity:.58;transform:scale(1.14)}
  63%{opacity:.2;transform:scale(.98)}
  79%{opacity:.39;transform:scale(1.06)}
  90%{opacity:0;transform:scale(1)}
}
.lantern-mote{opacity:0;animation:lantern-mote-dance var(--mote-duration)
  cubic-bezier(.3,.12,.3,1) var(--motion-delay) 1 both paused}
.lantern-warmth{opacity:0;transform-origin:50% 52%;
  animation:lantern-warmth-breathe 8.4s ease-in-out 1 both paused}
@keyframes lantern-mote-dance{
  0%,7%,100%{opacity:0;transform:translate(0,0) scale(.45)}
  16%{opacity:.95;transform:translate(var(--mote-x1),var(--mote-y1)) scale(.94)}
  31%{opacity:.32;transform:translate(var(--mote-x2),var(--mote-y2)) scale(.68)}
  47%{opacity:1;transform:translate(var(--mote-x3),var(--mote-y3)) scale(1.14)}
  66%{opacity:.62;transform:translate(var(--mote-x4),var(--mote-y4)) scale(.82)}
  82%{opacity:.98;transform:translate(var(--mote-x5),var(--mote-y5)) scale(1.05)}
  94%{opacity:0;transform:translate(var(--mote-x6),var(--mote-y6)) scale(.5)}
}
@keyframes lantern-warmth-breathe{
  0%,8%,100%{opacity:0;transform:scale(.88)}
  24%{opacity:.18;transform:scale(1.025)}
  42%{opacity:.08;transform:scale(.98)}
  66%{opacity:.25;transform:scale(1.06)}
  82%{opacity:.1;transform:scale(1.01)}
  94%{opacity:0;transform:scale(1)}
}
.rain-drop{opacity:0;transform-box:view-box;
  animation:rain-drop-fall var(--drop-duration) cubic-bezier(.18,.55,.32,1)
  var(--motion-delay) 1 both paused}
.rain-ripple{opacity:0;transform-origin:50% 50%;
  animation:rain-ripple-open 1.35s ease-out var(--motion-delay) 1 both paused}
.rain-lantern{opacity:0;transform-origin:50% 56%;
  animation:rain-lantern-steady 7.6s ease-in-out 1 both paused}
@keyframes rain-drop-fall{
  0%{opacity:0;transform:translate(0,0)}
  12%{opacity:.68}
  72%{opacity:.54}
  100%{opacity:0;transform:translate(var(--drop-x),var(--drop-y))}
}
@keyframes rain-ripple-open{
  0%{opacity:0;transform:scale(.22)}
  18%{opacity:.55}
  72%{opacity:.17;transform:scale(1.25,.7)}
  100%{opacity:0;transform:scale(1.65,.84)}
}
@keyframes rain-lantern-steady{
  0%,8%,100%{opacity:0;transform:scale(.96)}
  22%{opacity:.16;transform:scale(1.02)}
  46%{opacity:.08;transform:scale(.99)}
  68%{opacity:.2;transform:scale(1.035)}
  88%{opacity:.06;transform:scale(1)}
}
.ring-flame{opacity:0;transform-origin:50% 100%;
  animation:ring-flame-answer 3.05s cubic-bezier(.18,.62,.28,1)
  var(--motion-delay) 1 both paused}
.ring-ember{opacity:0;transform-box:view-box;
  animation:ring-ember-rise 2.4s cubic-bezier(.2,.62,.25,1)
  var(--motion-delay) 1 both paused}
.ring-hearth-glow{opacity:0;transform-origin:50% 50%;
  animation:ring-hearth-gather 3.4s ease-in-out 3.5s 1 both paused}
@keyframes ring-flame-answer{
  0%,8%,100%{opacity:0;transform:translateY(4px) rotate(-2deg) scale(.62,.52)}
  23%{opacity:.72;transform:translateY(-4px) rotate(3deg) scale(.94,1.2)}
  39%{opacity:.9;transform:translateY(-8px) rotate(-2deg) scale(1.08,1.42)}
  57%{opacity:.58;transform:translateY(-3px) rotate(1.2deg) scale(.92,1.04)}
  74%{opacity:.7;transform:translateY(-5px) rotate(-.7deg) scale(1.02,1.18)}
  91%{opacity:.08;transform:translateY(-1px) rotate(0) scale(.96,1)}
}
@keyframes ring-ember-rise{
  0%,10%{opacity:0;transform:translate(0,0) scale(.5)}
  24%{opacity:.86}
  55%{opacity:.48;transform:translate(var(--ember-x1),-24px) scale(.9)}
  100%{opacity:0;transform:translate(var(--ember-x2),-62px) scale(.42)}
}
@keyframes ring-hearth-gather{
  0%,100%{opacity:0;transform:scale(.94)}
  34%{opacity:.13;transform:scale(1.025)}
  62%{opacity:.08;transform:scale(1.05)}
  86%{opacity:.02;transform:scale(1.01)}
}
.broom-straw{opacity:0;transform-box:view-box;transform-origin:1126px 376px;
  animation:broom-listen 6.8s cubic-bezier(.2,.62,.26,1) 1 both paused}
.broom-art-sway{opacity:0;transform-box:view-box;transform-origin:1127px 375px;
  animation:broom-art-listen 6.8s cubic-bezier(.18,.64,.24,1) 1 both paused}
.broom-dust{opacity:0;transform-box:view-box;
  animation:broom-dust-rise var(--dust-duration) cubic-bezier(.22,.55,.3,1)
  var(--motion-delay) 1 both paused}
.broom-ember{opacity:0;transform-box:view-box;
  animation:broom-ember-rise 2.4s cubic-bezier(.16,.62,.24,1)
  var(--motion-delay) 1 both paused}
.broom-hearth{opacity:0;transform-origin:50% 56%;
  animation:broom-hearth-breathe 7.2s ease-in-out 1 both paused}
@keyframes broom-listen{
  0%,8%,100%{opacity:0;transform:rotate(0) translate(0,0)}
  17%{opacity:.58;transform:rotate(-1.2deg) translate(-1px,1px)}
  31%{opacity:.88;transform:rotate(2.7deg) translate(3px,-1px)}
  47%{opacity:.72;transform:rotate(-1.5deg) translate(-2px,1px)}
  62%{opacity:.63;transform:rotate(.7deg) translate(1px,0)}
  78%{opacity:.38;transform:rotate(-.2deg) translate(0,0)}
  90%{opacity:0;transform:rotate(0) translate(0,0)}
}
@keyframes broom-art-listen{
  0%,7%{opacity:1;transform:rotate(0) translate(0,0)}
  18%{opacity:1;transform:rotate(-1.5deg) translate(-2px,1px)}
  32%{opacity:1;transform:rotate(3.4deg) translate(4px,-2px)}
  49%{opacity:1;transform:rotate(-2.1deg) translate(-3px,1px)}
  64%{opacity:1;transform:rotate(1.05deg) translate(2px,0)}
  78%{opacity:1;transform:rotate(-.35deg) translate(-1px,0)}
  92%{opacity:1;transform:rotate(0) translate(0,0)}
  100%{opacity:0;transform:rotate(0) translate(0,0)}
}
@keyframes broom-dust-rise{
  0%,8%{opacity:0;transform:translate(0,0) scale(.45)}
  22%{opacity:.68}
  58%{opacity:.42;transform:translate(var(--dust-x1),var(--dust-y1)) scale(.9)}
  100%{opacity:0;transform:translate(var(--dust-x2),var(--dust-y2)) scale(.35)}
}
@keyframes broom-ember-rise{
  0%,10%{opacity:0;transform:translate(0,0) scale(.4)}
  26%{opacity:.9}
  62%{opacity:.52;transform:translate(var(--ember-x1),-34px) scale(.86)}
  100%{opacity:0;transform:translate(var(--ember-x2),-78px) scale(.3)}
}
@keyframes broom-hearth-breathe{
  0%,8%,100%{opacity:0;transform:scale(.94)}
  26%{opacity:.14;transform:scale(1.025)}
  45%{opacity:.06;transform:scale(.99)}
  67%{opacity:.19;transform:scale(1.045)}
  88%{opacity:.04;transform:scale(1)}
}
.gate-spark{opacity:0;transform-box:view-box;
  animation:gate-forge-spark var(--spark-duration) cubic-bezier(.16,.64,.24,1)
  var(--motion-delay) 1 both paused}
.gate-bell-art{opacity:0;transform-box:view-box;transform-origin:1385px 132px;
  animation:gate-bell-art-ring 6.4s cubic-bezier(.18,.68,.24,1) 1 both paused}
.gate-clapper{opacity:0;transform-box:view-box;transform-origin:1387px 190px;
  animation:gate-bell-answer 6.4s cubic-bezier(.2,.66,.25,1) 1 both paused}
.gate-bell-echo{opacity:0;stroke-dasharray:12 20;
  animation:gate-bell-echo 6.4s ease-out 1 both paused}
.gate-sensor{opacity:0;transform-origin:50% 50%;
  animation:gate-sensor-warm 6.8s ease-in-out 1 both paused}
@keyframes gate-forge-spark{
  0%,8%{opacity:0;transform:translate(0,0) scale(.4)}
  20%{opacity:.95}
  64%{opacity:.58;transform:translate(var(--spark-x1),var(--spark-y1)) scale(.9)}
  100%{opacity:0;transform:translate(var(--spark-x2),var(--spark-y2)) scale(.25)}
}
@keyframes gate-bell-art-ring{
  0%,16%{opacity:1;transform:rotate(0)}
  23%{opacity:1;transform:rotate(-5.5deg)}
  31%{opacity:1;transform:rotate(4.7deg)}
  40%{opacity:1;transform:rotate(-3.1deg)}
  50%{opacity:1;transform:rotate(1.8deg)}
  62%{opacity:1;transform:rotate(-.7deg)}
  78%,92%{opacity:1;transform:rotate(0)}
  100%{opacity:0;transform:rotate(0)}
}
@keyframes gate-bell-answer{
  0%,14%,100%{opacity:0;transform:rotate(0)}
  20%{opacity:.76;transform:rotate(-7deg)}
  30%{opacity:.88;transform:rotate(6deg)}
  41%{opacity:.74;transform:rotate(-3.8deg)}
  52%{opacity:.6;transform:rotate(2deg)}
  65%{opacity:.42;transform:rotate(-.8deg)}
  80%{opacity:.16;transform:rotate(.2deg)}
  90%{opacity:0;transform:rotate(0)}
}
@keyframes gate-bell-echo{
  0%,17%,72%,100%{opacity:0;stroke-dashoffset:0}
  25%{opacity:.62}
  48%{opacity:.22;stroke-dashoffset:-38}
  68%{opacity:0;stroke-dashoffset:-62}
}
@keyframes gate-sensor-warm{
  0%,18%,100%{opacity:0;transform:scale(.78)}
  31%{opacity:.22;transform:scale(1.04)}
  49%{opacity:.08;transform:scale(.96)}
  67%{opacity:.38;transform:scale(1.13)}
  85%{opacity:.08;transform:scale(1)}
}
.bridge-water{opacity:0;stroke-dasharray:.09 .91;stroke-dashoffset:1;
  animation:bridge-water-travel 7.8s ease-in-out 1 both paused}
.bridge-center-glow{opacity:0;transform-origin:50% 50%;
  animation:bridge-center-answer 4.8s ease-in-out var(--motion-delay) 1 both paused}
@keyframes bridge-water-travel{
  0%,8%,100%{opacity:0;stroke-dashoffset:1}
  20%{opacity:.18}
  45%{opacity:.58}
  72%{opacity:.28;stroke-dashoffset:-.18}
  90%{opacity:0;stroke-dashoffset:-.45}
}
@keyframes bridge-center-answer{
  0%,14%,100%{opacity:0;transform:scale(.86)}
  30%{opacity:.26;transform:scale(1.03)}
  47%{opacity:.09;transform:scale(.98)}
  65%{opacity:.4;transform:scale(1.1)}
  83%{opacity:.1;transform:scale(1)}
  94%{opacity:0;transform:scale(1)}
}
.chain-sway{opacity:0;transform-box:view-box;transform-origin:1420px 401px;
  animation:giant-chain-settle 7.1s cubic-bezier(.2,.62,.26,1) 1 both paused}
.giant-chain-art{opacity:0;transform-box:view-box;transform-origin:1392px 350px;
  animation:giant-chain-art-settle 7.1s cubic-bezier(.18,.66,.24,1) 1 both paused}
.chain-link-glint{opacity:0;stroke-dasharray:24 230;stroke-dashoffset:236;
  animation:giant-chain-glint 7.1s ease-in-out 1 both paused}
.giant-eye{opacity:0;transform-origin:50% 50%;
  animation:giant-eyes-soften 7.6s ease-in-out 1 both paused}
.giant-leaf{opacity:0;transform-box:view-box;
  animation:giant-leaf-fall var(--leaf-duration) cubic-bezier(.18,.58,.3,1)
  var(--motion-delay) 1 both paused}
@keyframes giant-chain-settle{
  0%,10%,100%{opacity:0;transform:rotate(0) translate(0,0)}
  19%{opacity:.62;transform:rotate(4.2deg) translate(2px,0)}
  34%{opacity:.84;transform:rotate(-3deg) translate(-2px,2px)}
  49%{opacity:.68;transform:rotate(1.7deg) translate(1px,4px)}
  64%{opacity:.5;transform:rotate(-.7deg) translate(0,6px)}
  80%{opacity:.25;transform:rotate(.15deg) translate(0,7px)}
  91%{opacity:0;transform:rotate(0) translate(0,7px)}
}
@keyframes giant-chain-art-settle{
  0%,10%{opacity:1;transform:rotate(0) translate(0,0)}
  20%{opacity:1;transform:rotate(4.8deg) translate(2px,0)}
  34%{opacity:1;transform:rotate(-3.5deg) translate(-2px,2px)}
  49%{opacity:1;transform:rotate(2deg) translate(1px,4px)}
  64%{opacity:1;transform:rotate(-.85deg) translate(0,6px)}
  81%{opacity:1;transform:rotate(.2deg) translate(0,7px)}
  92%{opacity:1;transform:rotate(0) translate(0,7px)}
  100%{opacity:0;transform:rotate(0) translate(0,7px)}
}
@keyframes giant-chain-glint{
  0%,12%,82%,100%{opacity:0;stroke-dashoffset:236}
  24%{opacity:.16}
  47%{opacity:.8}
  72%{opacity:.24;stroke-dashoffset:-34}
  81%{opacity:0;stroke-dashoffset:-72}
}
@keyframes giant-eyes-soften{
  0%,9%,100%{opacity:0;transform:scale(.78)}
  23%{opacity:.24;transform:scale(1.04)}
  43%{opacity:.1;transform:scale(.96)}
  65%{opacity:.39;transform:scale(1.12)}
  84%{opacity:.08;transform:scale(1)}
}
@keyframes giant-leaf-fall{
  0%,8%{opacity:0;transform:translate(0,0) rotate(0) scale(.7)}
  22%{opacity:.7}
  58%{opacity:.46;transform:translate(var(--leaf-x1),44px) rotate(var(--leaf-r1)) scale(.9)}
  100%{opacity:0;transform:translate(var(--leaf-x2),96px) rotate(var(--leaf-r2)) scale(.55)}
}
.spare-frost{opacity:0;transform-box:view-box;
  animation:spare-frost-drift var(--frost-duration) cubic-bezier(.22,.52,.28,1)
  var(--motion-delay) 1 both paused}
.spare-pear-art{opacity:0;transform-box:view-box;transform-origin:645px 404px;
  animation:spare-pear-turn 8s cubic-bezier(.18,.62,.26,1) 1 both paused}
.spare-lens{opacity:0;transform-origin:50% 50%;
  animation:spare-lens-wake 8s ease-in-out 1 both paused}
.spare-pear{opacity:0;transform-origin:50% 50%;
  animation:spare-pear-glint 8s ease-in-out 1 both paused}
@keyframes spare-frost-drift{
  0%,7%{opacity:0;transform:translate(0,0) rotate(0) scale(.45)}
  18%{opacity:.82}
  54%{opacity:.48;transform:translate(var(--frost-x1),var(--frost-y1)) rotate(var(--frost-r1)) scale(.85)}
  100%{opacity:0;transform:translate(var(--frost-x2),var(--frost-y2)) rotate(var(--frost-r2)) scale(.32)}
}
@keyframes spare-pear-turn{
  0%,33%{opacity:1;transform:rotate(0) translate(0,0)}
  45%{opacity:1;transform:rotate(-2.8deg) translate(-2px,-2px)}
  58%{opacity:1;transform:rotate(2.1deg) translate(2px,-1px)}
  70%{opacity:1;transform:rotate(-.7deg) translate(0,0)}
  84%,94%{opacity:1;transform:rotate(0) translate(0,0)}
  100%{opacity:0;transform:rotate(0) translate(0,0)}
}
@keyframes spare-lens-wake{
  0%,10%,100%{opacity:0;transform:scale(.72)}
  24%{opacity:.22;transform:scale(1.02)}
  38%{opacity:.08;transform:scale(.94)}
  58%{opacity:.5;transform:scale(1.16)}
  74%{opacity:.18;transform:scale(.98)}
  88%{opacity:.04;transform:scale(1)}
}
@keyframes spare-pear-glint{
  0%,43%,100%{opacity:0;transform:translate(-8px,7px) scale(.5)}
  58%{opacity:.88;transform:translate(0,0) scale(1.2)}
  69%{opacity:.12;transform:translate(7px,-7px) scale(.72)}
}
.maker-flame{opacity:0;transform-origin:50% 100%;
  animation:maker-fire-breathe 7.5s cubic-bezier(.18,.58,.27,1) 1 both paused}
.maker-ember{opacity:0;transform-box:view-box;
  animation:maker-ember-rise 2.6s cubic-bezier(.18,.62,.25,1)
  var(--motion-delay) 1 both paused}
.maker-rest{opacity:0;transform-origin:50% 50%;
  animation:maker-light-rest 8.4s ease-in-out 1 both paused}
.maker-needle{opacity:0;transform-origin:50% 50%;
  animation:maker-needle-glint 2.5s ease-in-out 4.5s 1 both paused}
.maker-hearth{opacity:0;transform-origin:50% 58%;
  animation:maker-hearth-warm 8.2s ease-in-out 1 both paused}
@keyframes maker-fire-breathe{
  0%,8%,100%{opacity:0;transform:translateY(2px) rotate(0) scale(.78,.72)}
  18%{opacity:.64;transform:translateY(-2px) rotate(-2deg) scale(.94,1.08)}
  31%{opacity:.84;transform:translateY(-5px) rotate(2.5deg) scale(1.06,1.24)}
  46%{opacity:.52;transform:translateY(-2px) rotate(-1.4deg) scale(.92,.98)}
  62%{opacity:.7;transform:translateY(-4px) rotate(1deg) scale(1.02,1.16)}
  78%{opacity:.34;transform:translateY(-1px) rotate(-.3deg) scale(.95,1.02)}
  91%{opacity:0;transform:translateY(0) rotate(0) scale(1)}
}
@keyframes maker-ember-rise{
  0%,10%{opacity:0;transform:translate(0,0) scale(.4)}
  24%{opacity:.88}
  58%{opacity:.44;transform:translate(var(--ember-x1),-32px) scale(.82)}
  100%{opacity:0;transform:translate(var(--ember-x2),-76px) scale(.28)}
}
@keyframes maker-light-rest{
  0%,9%,100%{opacity:0;transform:scale(.76)}
  23%{opacity:.32;transform:scale(1.05)}
  41%{opacity:.16;transform:scale(.97)}
  59%{opacity:.26;transform:scale(1.02)}
  78%{opacity:.1;transform:scale(.96)}
  91%{opacity:0;transform:scale(.9)}
}
@keyframes maker-needle-glint{
  0%,100%{opacity:0;transform:translate(-9px,8px) scale(.45)}
  38%{opacity:.9;transform:translate(0,0) scale(1.22)}
  67%{opacity:.14;transform:translate(9px,-8px) scale(.7)}
}
@keyframes maker-hearth-warm{
  0%,8%,100%{opacity:0;transform:scale(.94)}
  27%{opacity:.16;transform:scale(1.03)}
  47%{opacity:.06;transform:scale(.99)}
  69%{opacity:.2;transform:scale(1.05)}
  88%{opacity:.04;transform:scale(1)}
}
.siren-rain{opacity:0;transform-box:view-box;
  animation:weather-rain-fall var(--rain-duration) linear var(--motion-delay) 1 both paused}
.siren-signal-trace{opacity:0;stroke-dasharray:.11 .89;stroke-dashoffset:1;
  animation:siren-signal-pass 7.6s cubic-bezier(.2,.58,.28,1) var(--motion-delay) 1 both paused}
@keyframes weather-rain-fall{
  0%{opacity:0;transform:translate(0,-26px)}
  10%{opacity:.62}
  76%{opacity:.45}
  100%{opacity:0;transform:translate(var(--rain-x),92px)}
}
@keyframes siren-signal-pass{
  0%,12%,100%{opacity:0;stroke-dashoffset:1}
  24%{opacity:.18}
  46%{opacity:.62}
  71%{opacity:.22;stroke-dashoffset:0}
  86%{opacity:0;stroke-dashoffset:-.55}
}
.badger-ripple{opacity:0;stroke-dasharray:14 18;
  animation:badger-ripple-pass 7.8s ease-in-out 1 both paused}
.badger-acorn-glint{opacity:0;transform-origin:50% 50%;
  animation:badger-acorn-glint 2.5s ease-in-out 3.35s 1 both paused}
@keyframes badger-ripple-pass{
  0%,10%,100%{opacity:0;stroke-dashoffset:80}
  27%{opacity:.2}
  54%{opacity:.72;stroke-dashoffset:0}
  82%{opacity:.12;stroke-dashoffset:-70}
}
@keyframes badger-acorn-glint{
  0%,100%{opacity:0;transform:translate(-8px,7px) scale(.45)}
  38%{opacity:.82;transform:translate(0,0) scale(1.16)}
  68%{opacity:.1;transform:translate(8px,-7px) scale(.7)}
}
.shepherd-snow{opacity:0;transform-box:view-box;
  animation:weather-snow-fall var(--snow-duration) linear var(--motion-delay) 1 both paused}
.shepherd-lantern{opacity:0;transform-origin:50% 50%;
  animation:shepherd-lantern-answer 8.2s ease-in-out var(--motion-delay) 1 both paused}
@keyframes weather-snow-fall{
  0%{opacity:0;transform:translate(0,-34px) rotate(0)}
  12%{opacity:.8}
  72%{opacity:.58}
  100%{opacity:0;transform:translate(var(--snow-x),112px) rotate(var(--snow-r))}
}
@keyframes shepherd-lantern-answer{
  0%,10%,100%{opacity:0;transform:scale(.8)}
  25%{opacity:.24;transform:scale(1.04)}
  47%{opacity:.1;transform:scale(.96)}
  67%{opacity:.35;transform:scale(1.12)}
  86%{opacity:.06;transform:scale(1)}
}
.siren-lens{opacity:0;transform-origin:50% 50%;
  animation:siren-lens-answer 8.2s ease-in-out 1 both paused}
@keyframes siren-lens-answer{
  0%,18%,100%{opacity:0;transform:scale(.76)}
  34%{opacity:.2;transform:scale(1.02)}
  54%{opacity:.08;transform:scale(.96)}
  72%{opacity:.42;transform:scale(1.15)}
  89%{opacity:.06;transform:scale(1)}
}
.quarrel-steam-wisp{opacity:0;transform-box:view-box;
  animation:quarrel-steam-rise 6.8s cubic-bezier(.2,.55,.28,1) var(--motion-delay) 1 both paused}
.quarrel-ripple{opacity:0;stroke-dasharray:14 22;
  animation:quarrel-ripple-pass 7.8s ease-in-out 1 both paused}
@keyframes quarrel-steam-rise{
  0%,10%{opacity:0;transform:translate(0,14px)}
  24%{opacity:.52;transform:translate(-2px,0)}
  52%{opacity:.38;transform:translate(5px,-29px)}
  78%{opacity:.16;transform:translate(-3px,-58px)}
  100%{opacity:0;transform:translate(6px,-86px)}
}
@keyframes quarrel-ripple-pass{
  0%,8%,100%{opacity:0;stroke-dashoffset:90}
  26%{opacity:.22}
  53%{opacity:.76;stroke-dashoffset:0}
  82%{opacity:.1;stroke-dashoffset:-76}
}
.motion-mobile{display:none}
.platecap{font-size:.8rem;text-align:center;color:#594633;margin-top:.5rem;font-style:italic}
.fabletext,.backmatter{max-width:680px;margin-left:auto;margin-right:auto}
.fabletext{font-size:1.03rem;letter-spacing:.002em}

/* opening and primary actions */
.hero{position:relative;background:var(--night);
  text-align:center;padding:3.4rem 1rem 2.5rem;overflow:hidden}
.hero img{position:relative;max-width:1120px;width:min(88%,1120px);margin:0 auto;
  box-shadow:0 24px 75px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.06);border-radius:3px}
.hero-copy{position:relative;max-width:1120px;margin:0 auto;text-align:center}
.hero .deck{color:#e4d6c1;font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;margin:1.35rem 0 0}
.actions{margin-top:1.05rem}
.btn{display:inline-block;background:var(--rubric);color:var(--paper);text-decoration:none;
  padding:.78rem 1.35rem;border-radius:3px;font-size:.94rem;margin:.3rem .28rem;
  border:0;box-shadow:0 5px 18px rgba(0,0,0,.18);
  transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}
.btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.24)}
.btn.secondary{background:transparent;border:1px solid rgba(224,169,60,.68);box-shadow:none}
.contents-nav a:focus-visible,.story-pagination a:focus-visible,.toc-after a:focus-visible,.author-intro a:focus-visible{
  outline:3px solid var(--plum);outline-offset:4px}
.btn:focus-visible,.reading-nav a:focus-visible,.motion-control:focus-visible,footer a:focus-visible,
.privacy-notice a:focus-visible,.privacy-notice button:focus-visible{
  outline:3px solid var(--gold-bright);outline-offset:4px}
.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:1rem;top:1rem;z-index:20;
  background:var(--paper);color:var(--ink);padding:.6rem 1rem;border:2px solid var(--rubric)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reading-nav{position:sticky;top:0;z-index:12;padding:.35rem max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));background:rgba(31,40,51,.97);
  border-bottom:1px solid rgba(184,134,47,.42);backdrop-filter:blur(8px)}
.reading-nav-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:1.7rem}
.reading-nav .nav-links{display:flex;align-items:center;gap:1.7rem}
.reading-home{color:var(--paper);text-decoration:none;font-variant:small-caps;letter-spacing:.09em;font-size:.92rem;white-space:nowrap}
.reading-home:hover{color:var(--gold-bright)}
.reading-location{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#bfb09d;font-size:.72rem;font-style:italic;letter-spacing:.04em}
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;overflow:hidden}
.reading-progress span{display:block;height:100%;width:100%;background:var(--gold-bright);transform:scaleX(0);transform-origin:left center}
.reading-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);text-decoration:none;font-size:.82rem;letter-spacing:.11em;
  text-transform:uppercase}
.reading-nav a:hover{color:var(--gold-bright)}
.reading-nav a[aria-current="location"]{color:var(--gold-bright);text-decoration:underline;text-decoration-thickness:2px}

/* short editorial introduction */
.book-intro{max-width:960px;margin:5rem auto 4.5rem;padding:0 2rem;text-align:center}
.eyebrow{margin:0;color:var(--rubric);font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;font-weight:bold}
.book-intro h2{font-family:var(--display-face);font-size:clamp(2rem,4.2vw,3.35rem);line-height:1.08;font-weight:normal;
  max-width:800px;margin:.6rem auto 1.5rem;color:#342b23}
.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;text-align:left;
  max-width:850px;margin:0 auto;color:#4a3b2f}
.intro-copy p{margin:0;font-size:1.03rem}
.display-scene{position:relative;line-height:0;max-width:1080px}
.display-scene picture,.display-scene picture img{display:block;width:100%}
.display-scene .display-copy{position:absolute;z-index:2;display:flex;flex-direction:column;
  justify-content:center;overflow:hidden;color:#35291f;line-height:1.42;text-align:center;
  text-wrap:balance;padding:1rem}
.displaywash{isolation:isolate}
.displaywash::before{content:"";position:absolute;inset:0;z-index:0;border-radius:48%;
  -webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 70%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.32) 94%,transparent 100%);
  mask-image:radial-gradient(ellipse closest-side at center,#000 70%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.32) 94%,transparent 100%)}
.displaywash-light::before{background:rgba(247,238,219,.88)}
.displaywash-light-panel::before{background:rgba(247,238,219,.93);border-radius:.08em;
  -webkit-mask-image:none;mask-image:none;
  box-shadow:0 0 .7em .12em rgba(247,238,219,.5),inset 0 0 0 1px rgba(116,75,24,.38),inset 0 0 0 .14em rgba(184,134,47,.12)}
.displaywash-dark::before{background:rgba(43,36,30,.88)}
.displaywash>*{position:relative;z-index:1}
.display-scene .display-copy h2{font-family:var(--display-face);font-weight:500;
  font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1.08;margin:0 0 .55rem;color:#5f3028}
.display-scene .display-copy p{font-size:clamp(.82rem,1.2vw,1rem);line-height:1.48;margin:.28rem 0}
.display-scene .dedication-copy h2{font-size:clamp(1.45rem,2.45vw,2.25rem);font-style:italic}
.display-scene .dedication-copy.displaywash-light::before{border-radius:1rem;
  -webkit-mask-image:none;mask-image:none}
.display-scene .dedication-copy p:first-of-type{font-size:clamp(.98rem,1.35vw,1.12rem)}
.display-scene .dedication-copy p:last-child{font-size:clamp(.9rem,1.08vw,1rem);color:#594434}
.display-scene .frame-copy{text-align:left}
.display-scene .frame-dialogue-copy p{margin:.18rem 0}
.display-scene .quote-copy{font-family:var(--display-face);font-style:italic;font-size:clamp(1rem,1.7vw,1.45rem)}
.howto-web{max-width:840px;margin:0 auto 5rem;display:grid;grid-template-columns:1fr 150px;
  gap:2.5rem;align-items:center;padding:2rem 2.4rem;background:rgba(255,252,244,.48);
  border-top:1px solid rgba(140,59,46,.2);border-bottom:1px solid rgba(140,59,46,.2)}
.howto-web h2{font-family:var(--display-face);font-weight:normal;font-size:2rem;margin:0 0 .6rem}
.howto-web .part-intro{text-align:left;margin:0}.howto-web img{width:150px}
/* contents as a navigable book map */
.contents-shell{margin:2.2rem auto 6rem;max-width:1040px}
.contents-shell>.part-intro{max-width:620px;margin-bottom:2rem}
.contents-nav a{text-decoration:none}
.toc-opening{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.toc-opening a{display:flex;flex-direction:column;min-height:128px;padding:1.3rem 1.45rem;
  color:var(--paper);background:var(--night);border-radius:4px;box-shadow:0 8px 24px rgba(43,36,30,.14)}
.toc-opening strong{font-size:1.2rem;font-weight:normal;margin:.15rem 0 .25rem}
.toc-opening small{color:#cbbfae;line-height:1.45}
.toc-overline{color:var(--gold-bright);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.toc-card{display:flex;flex-direction:column;background:rgba(255,252,244,.58);border:1px solid rgba(92,58,77,.16);
  border-radius:4px;box-shadow:0 9px 26px rgba(74,59,47,.09);overflow:hidden}
.toc-card-head{padding:1.3rem 1.35rem 1rem;background:#eaded2}
.toc-card-head>span{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rubric)}
.toc-card h3{font-family:var(--display-face);font-weight:normal;font-size:1.45rem;line-height:1.15;margin:.15rem 0 .45rem;color:#3a3028}
.toc-card-head p{font-size:.82rem;line-height:1.45;color:#705a46;margin:0}
.toc-card ol{list-style:none;margin:0;padding:.3rem .8rem .9rem}
.toc-card li{margin:0}
.toc-card li a{display:grid;grid-template-columns:2.2rem 1fr;gap:.25rem;padding:.62rem .45rem;
  color:var(--ink);border-top:1px solid rgba(140,59,46,.11)}
.toc-card li a:hover{background:rgba(184,134,47,.08)}
.toc-card li strong{display:block;font-size:.87rem;line-height:1.28;font-weight:normal}
.toc-card li em{display:block;color:#8c3b2e;font-size:.74rem;line-height:1.35;font-variant:small-caps;
  letter-spacing:.06em}
.toc-number{color:#715a47;font-size:.74rem;letter-spacing:.05em;padding-top:.1rem}
.toc-interlude{margin:auto .8rem .9rem;padding:.7rem .65rem;border-top:1px solid rgba(140,59,46,.2);
  color:var(--rubric);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.toc-after{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1rem}
.toc-after a{padding:.75rem 1rem;background:rgba(233,220,195,.62);color:#4a3b2f;border-radius:3px;
  font-size:.82rem;text-align:center;border:1px solid rgba(140,59,46,.12)}
.toc-after a:hover{background:rgba(233,220,195,.95);color:var(--rubric)}

/* headings */
h2.fable{font-family:var(--display-face);font-size:clamp(2rem,4vw,3rem);line-height:1.08;font-weight:normal;
  margin:.4rem 0 0;text-align:center;text-wrap:balance}
h2.part{font-size:1.5rem;font-weight:normal;text-align:center;letter-spacing:.2em;
  text-transform:uppercase;color:var(--rubric);margin:6rem 0 .8rem;scroll-margin-top:5rem}
.part-intro{font-style:italic;max-width:620px;margin:0 auto 1rem;text-align:center;color:#4a3b2f}
.fable-section{margin:6rem auto 7rem;scroll-margin-top:4.5rem}
.fable-heading{max-width:780px;margin:0 auto 1.8rem;text-align:center}

/* text */
.fabletext p{margin:0 0 1.05em;text-align:left;hyphens:none;text-wrap:pretty;
  hanging-punctuation:first last;orphans:3;widows:3}
.fabletext > p:first-child::first-letter{
  font-size:3.4em;float:left;line-height:.82;padding:.06em .09em 0 0;color:var(--rubric);font-family:'Literata',Georgia,serif}
.moral{text-align:center;font-style:italic;font-size:1.18rem;margin:1.8rem auto 1rem;color:var(--ink)}
.moral p{margin:0}
.moral::before,.moral::after{content:"❦";color:var(--gold);font-style:normal;font-size:.85em;margin:0 .8em}
.interlude{border-top:1px solid var(--rubric);border-bottom:1px solid var(--rubric);
  margin:2.2rem auto;padding:1.1rem 1.4rem;max-width:640px;font-style:italic;background:var(--paper-deep);
  font-size:.98rem}
.interlude p{margin:.5em 0}
.backmatter p{margin:0 0 1em}.backmatter h3{font-family:var(--display-face);font-size:1.2rem;
  line-height:1.2;font-weight:normal;color:var(--rubric);margin:1.7em 0 .55em;break-after:avoid}
.backmatter ul,.backmatter ol{padding-left:1.35em;margin:.3em 0 1.15em}.backmatter li{margin:0 0 .65em}
.backmatter{max-width:720px;margin:0 auto}
.web-backmatter{max-width:900px;margin:2rem auto 6rem;padding:0 1rem;scroll-margin-top:5rem}
.web-backmatter h2.part{margin-top:0}.web-backmatter-grid{display:grid;grid-template-columns:190px minmax(0,1fr);
  gap:2.5rem;align-items:start}.web-backmatter-grid .plate{margin:0;box-shadow:none;background:transparent}
.web-backmatter-grid .backmatter{max-width:none}
.web-questions{display:grid;grid-template-columns:1fr 90px 1fr;gap:1.5rem;align-items:start}
.web-questions .plate{box-shadow:none;margin:0;background:transparent;align-self:stretch}
.web-questions .plate img{height:100%;max-height:900px;object-fit:cover;object-position:center}
.web-questions .backmatter p{font-size:.94rem;line-height:1.52}
.web-colophon .plate{width:220px;box-shadow:none;margin:2rem auto 0;background:transparent}
.story-pagination{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:780px;margin:3.5rem auto 0;
  padding-top:1.2rem;border-top:1px solid rgba(140,59,46,.2)}
.story-pagination a{display:flex;flex-direction:column;min-height:64px;padding:.65rem .15rem;color:var(--ink);
  text-decoration:none}
.story-pagination a:hover strong{color:var(--rubric);text-decoration:underline;text-underline-offset:.18em}
.story-pagination .next{text-align:right;align-items:flex-end}
.story-pagination span{color:var(--rubric);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.story-pagination strong{font-size:.86rem;line-height:1.35;font-weight:normal;margin-top:.2rem}
.story-resources{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem .7rem;max-width:780px;margin:1rem auto 2rem;font-size:.84rem}.story-resources a{display:inline-flex;align-items:center;min-height:44px;color:var(--rubric)}

/* closing download invitation and back-cover reveal */
.closing-cta{background:var(--night);
  color:var(--paper);padding:5rem 2rem}
.closing-cta-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:4.5rem;align-items:center}
.closing-cta img{width:100%;border-radius:3px;box-shadow:0 24px 60px rgba(0,0,0,.48)}
.closing-copy .eyebrow{color:var(--gold-bright)}
.closing-copy h2{font-family:var(--display-face);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;font-weight:normal;margin:.5rem 0 1.1rem}
.closing-copy h2{scroll-margin-top:5rem}
.closing-copy p{color:#cbbfae;max-width:470px}
.closing-copy .actions{text-align:left;margin-left:-.28rem}
.author-intro{padding:5rem 2rem;background:#eddfc8}
.author-intro-inner{max-width:900px;margin:auto;display:grid;grid-template-columns:210px 1fr;gap:3.2rem;align-items:center}
.author-intro img{width:210px;border-radius:50% 50% 4px 4px;filter:sepia(.12);box-shadow:0 16px 40px rgba(43,36,30,.2)}
.author-intro h2{font-family:var(--display-face);font-size:clamp(2rem,4vw,3rem);font-weight:normal;line-height:1.08;margin:.35rem 0 .8rem;color:#342b23}
.author-intro p{margin:.7rem 0;color:#4a3b2f}.author-intro .author-links{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin-top:1rem}
.author-intro a{color:var(--rubric)}
footer{background:#19232d;color:#cbbfae;text-align:center;padding:2.4rem 1rem;font-size:.9rem;margin-top:0;
  border-top:1px solid rgba(184,134,47,.22)}
footer a{color:var(--gold-bright)}
footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem 1.2rem;margin:.8rem 0}

.story-motion.is-visible .motion-acted{animation-play-state:running}
.privacy-notice{max-width:none;margin:0 auto;padding:1rem 1.2rem;color:#cbbfae;background:#19232d;
  border-top:1px solid rgba(224,169,60,.28);font-size:.8rem;line-height:1.45;text-align:center}
.privacy-notice p{margin:0}.privacy-notice a{color:var(--gold-bright)}
.smallrule{width:120px;border:none;border-top:1px solid var(--gold);margin:3rem auto}
.to-top{position:fixed;right:1rem;bottom:1rem;z-index:11;width:2.75rem;height:2.75rem;border-radius:50%;
  border:1px solid rgba(184,134,47,.7);background:rgba(31,40,51,.94);color:var(--paper);
  font:inherit;font-size:1.1rem;cursor:pointer;
  opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity .18s ease,transform .18s ease}
.to-top[hidden]{display:none}
.to-top.visible{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{color:var(--gold-bright)}
.to-top:focus-visible{outline:3px solid var(--plum);outline-offset:3px}
@media(min-width:900px){
  .hero{display:block;padding:2rem 3.5rem 1.7rem}
  .hero img{width:100%;max-width:980px;margin:0 auto}
}
@media(min-width:641px) and (max-width:900px){
  .toc-grid{grid-template-columns:1fr 1fr}.toc-card:last-child{grid-column:1/-1}
  .closing-cta-inner{gap:2.5rem}.reading-location{max-width:230px}
}
@media(max-width:640px){
  .reading-nav{padding:.25rem max(.7rem,env(safe-area-inset-right)) .45rem max(.7rem,env(safe-area-inset-left))}.reading-nav-inner{gap:.7rem}.reading-nav .nav-links{gap:1rem;margin-left:auto}
  .reading-nav a{font-size:.75rem;letter-spacing:.055em}.reading-location{display:none}.hero{padding:2.5rem .75rem 2.1rem}
  .hero img{width:96%}.hero .actions{display:grid;justify-content:center}.btn{min-width:232px}
  body{font-size:17px;line-height:1.62}.page{padding:0 20px}
  .book-intro{margin:3.5rem auto;padding:0 20px}.intro-copy{grid-template-columns:1fr;gap:1rem;text-align:left}
  .display-scene{box-shadow:none;background:transparent}.display-scene .display-copy{position:static!important;
    width:auto!important;height:auto!important;left:auto!important;top:auto!important;padding:1.4rem 1.15rem 1.6rem;
    background:rgba(255,252,244,.72);border-bottom:1px solid rgba(140,59,46,.18)}
  .display-scene .display-copy h2{font-size:1.65rem}.display-scene .display-copy p{font-size:.92rem}
  .toc-opening,.toc-grid,.toc-after{grid-template-columns:1fr}.contents-shell{margin-bottom:4rem}
  .toc-opening a{min-height:0}.toc-card li a{padding:.75rem .5rem}.toc-after{grid-template-columns:1fr 1fr}
  .fabletext p{text-align:left;hyphens:none}.plate{margin:1.7rem auto}
  .fable-section{margin:4.5rem auto 5rem}h2.fable{font-size:2rem;line-height:1.15}
  .story-pagination{grid-template-columns:1fr}.story-pagination .next{text-align:left;align-items:flex-start}
  .closing-cta{padding:3.5rem 20px}.closing-cta-inner{grid-template-columns:1fr;gap:2.2rem}
  .closing-copy{order:-1}.closing-copy .actions{display:grid;margin-left:0}.closing-copy .btn{margin-left:0}
  .author-intro{padding:3.5rem 20px}.author-intro-inner{grid-template-columns:1fr;gap:2rem}.author-intro img{width:min(64vw,230px)}
  .howto-web{grid-template-columns:1fr;padding:1.5rem 20px;margin-bottom:3.5rem}.howto-web img{width:110px;margin:auto}
  .web-backmatter-grid,.web-questions{grid-template-columns:1fr}
  .web-backmatter-grid .plate{width:min(68vw,230px);margin:auto}.web-questions>.plate{width:90px;margin:auto;grid-row:2}
  .to-top{right:max(.7rem,env(safe-area-inset-right));bottom:max(.7rem,env(safe-area-inset-bottom))}
  .motion-controls{justify-content:center;overflow-x:auto}.motion-control{flex:0 0 auto}
  .motion-wide{display:none}.motion-mobile{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.to-top{transition:none}.endpaper-gold,.story-motion-layer,.story-motion-video{display:none}}
@media(prefers-contrast:more){body{background:var(--paper)}.toc-card,.toc-after a,.howto-web{background:var(--paper);border-color:var(--ink)}
  .reading-nav,footer,.closing-cta{background:#000}.reading-nav a[aria-current="location"]{text-decoration-thickness:3px}}
@media(forced-colors:active){.reading-progress span{background:Highlight}.toc-card,.toc-after a,.howto-web,.interlude{border:1px solid CanvasText}}
@media print{body{background:#fff!important;color:#000!important;font-size:11pt}.reading-nav,.actions,.motion-controls,.to-top,.endpaper-gold,.story-motion-layer,.story-motion-video,.privacy-notice,footer{display:none!important}
  .hero{min-height:0;padding:0;background:#fff!important}.hero img,.plate{box-shadow:none}.page,.book-intro,.web-backmatter{max-width:none;padding:0}
  .fable-section,.web-backmatter{break-before:page;margin:0}.plate{break-inside:avoid;max-height:48vh}.plate img{max-height:48vh;object-fit:contain}
  h2,h3{break-after:avoid}.moral,.interlude{break-inside:avoid;background:#fff!important;color:#000!important}
  .page a[href^="http"]:not([href^="https://youngmachines.org"])::after{content:" (" attr(href) ")";font-size:.82em;overflow-wrap:anywhere}}
.generated-style-0782871fe3db{--motion-delay:.31s}
.generated-style-087820ce4cdb{--motion-left:41.250000%;--motion-top:22.435897%;--motion-width:24.687500%;--motion-height:50.641026%;--motion-clip:ellipse(49% 49% at 50% 50%)}
.generated-style-08cdf5bf0bc7{--gold-mask:url('/assets/02-rear-endpaper-gold-mask.png?v=586173ace90f')}
.generated-style-09db05e9ecbc{--motion-left:56.250000%;--motion-top:30.460624%;--motion-width:22.812500%;--motion-height:57.206538%;--motion-clip:polygon(32% 5%,62% 5%,76% 24%,86% 76%,73% 94%,10% 94%,4% 81%,22% 48%)}
.generated-style-189b21b0e70f{--motion-delay:.1s;--rain-duration:4s;--rain-x:-18px}
.generated-style-1c47b6437d47{--motion-delay:4.64s;--spark-x:-26px}
.generated-style-1dbfd1b65643{--motion-delay:1.4s;--drop-duration:.95s;--drop-x:-42px;--drop-y:218px}
.generated-style-210e5f005724{--motion-left:77.375000%;--motion-top:38.681948%;--motion-width:21.375000%;--motion-height:54.441261%;--motion-clip:ellipse(49% 49% at 50% 50%)}
.generated-style-2131c9a6e7b9{--motion-delay:2.76s;--ember-x1:7px;--ember-x2:-6px}
.generated-style-228d13cec990{--motion-delay:1.05s;--drop-duration:.88s;--drop-x:-38px;--drop-y:205px}
.generated-style-2699557cd30e{left:6.000%;top:18.000%;width:40.000%;height:62.000%}
.generated-style-26ff6d7227a9{--motion-delay:.05s;--mote-duration:7.1s;--mote-x1:13px;--mote-y1:-7px;--mote-x2:28px;--mote-y2:4px;--mote-x3:18px;--mote-y3:22px;--mote-x4:-5px;--mote-y4:31px;--mote-x5:-17px;--mote-y5:12px;--mote-x6:-4px;--mote-y6:-5px}
.generated-style-2890b41a73f2{--motion-delay:.9s;--snow-duration:5.4s;--snow-x:-35px;--snow-r:94deg}
.generated-style-28ebac99a737{--motion-delay:.72s;--spark-x:16px}
.generated-style-2b4c2078ba6c{--motion-delay:1.8s;--rain-duration:4s;--rain-x:-18px}
.generated-style-30ec2f510a10{--motion-delay:.1s;--drift-x:24px;--drift-y:-20px;--return-x:-10px;--return-y:10px}
.generated-style-36b9a61205fc{--motion-delay:.18s;--mote-duration:7.7s;--mote-x1:-4px;--mote-y1:14px;--mote-x2:-19px;--mote-y2:25px;--mote-x3:-31px;--mote-y3:7px;--mote-x4:-22px;--mote-y4:-15px;--mote-x5:-2px;--mote-y5:-25px;--mote-x6:9px;--mote-y6:-6px}
.generated-style-38d4ca4cd2ab{--motion-delay:2.2s;--rain-duration:4.5s;--rain-x:-22px}
.generated-style-3a53243a986d{--motion-delay:3.7s;--ember-x1:-5px;--ember-x2:10px}
.generated-style-3c58de70d600{--motion-delay:.75s;--snow-duration:5.3s;--snow-x:-36px;--snow-r:126deg}
.generated-style-3d2cbc3a7bce{--motion-delay:3.28s}
.generated-style-3f03dd55d986{--motion-left:66.875000%;--motion-top:6.206897%;--motion-width:15.937500%;--motion-height:28.275862%;--motion-clip:inset(.5% round 24%)}
.generated-style-4176862f45ae{--motion-delay:3.52s;--spark-x:-22px}
.generated-style-4a71a5233c4f{--motion-delay:1.65s;--drift-x:-22px;--drift-y:-22px;--return-x:10px;--return-y:10px}
.generated-style-4beff0430eba{left:7.500%;top:7.000%;width:35.000%;height:61.000%}
.generated-style-4ebd86c8d09b{--motion-delay:.15s;--drop-duration:1.15s;--drop-x:-48px;--drop-y:235px}
.generated-style-4f0fd53bb05c{--motion-delay:.55s;--rain-duration:4.4s;--rain-x:-21px}
.generated-style-500fdf8ecde2{--motion-delay:3.12s;--drop-duration:.92s;--drop-x:-40px;--drop-y:214px}
.generated-style-523b3fedffe1{--motion-delay:1.45s;--snow-duration:6s;--snow-x:-47px;--snow-r:-110deg}
.generated-style-524c7a8c1017{--motion-delay:.9s;--mote-duration:6.3s;--mote-x1:5px;--mote-y1:-13px;--mote-x2:22px;--mote-y2:-20px;--mote-x3:35px;--mote-y3:-2px;--mote-x4:27px;--mote-y4:17px;--mote-x5:8px;--mote-y5:26px;--mote-x6:-7px;--mote-y6:10px}
.generated-style-540608155f04{--motion-delay:.58s}
.generated-style-54d1524db9ca{--motion-delay:1.28s;--spark-x:-26px}
.generated-style-552487bc764c{--motion-delay:.45s;--snow-duration:5.8s;--snow-x:-44px;--snow-r:-105deg}
.generated-style-55e9a3868181{--motion-delay:.62s;--drop-duration:1.02s;--drop-x:-46px;--drop-y:230px}
.generated-style-58944700aeb7{--motion-delay:.32s;--rain-duration:3.9s;--rain-x:-18px}
.generated-style-59b4842e1153{--motion-delay:4.45s;--drop-duration:1.04s;--drop-x:-45px;--drop-y:225px}
.generated-style-5ad31cce3f6b{--motion-delay:.3s;--snow-duration:5.9s;--snow-x:-45px;--snow-r:-98deg}
.generated-style-5eb5082323a2{--motion-delay:.05s;--snow-duration:5.2s;--snow-x:-38px;--snow-r:120deg}
.generated-style-62c1ebd30604{left:5.000%;top:16.000%;width:22.000%;height:64.000%}
.generated-style-677e60553e24{--motion-delay:1.5s;--rain-duration:4.5s;--rain-x:-22px}
.generated-style-681ae4974c99{--motion-delay:.2s;--drift-x:28px;--drift-y:18px;--return-x:-12px;--return-y:-8px}
.generated-style-6e0cccff30e3{--motion-left:83.658854%;--motion-top:6.866417%;--motion-width:13.346354%;--motion-height:44.319600%;--motion-clip:inset(.5% round 18%)}
.generated-style-6f525b77dd43{--motion-delay:.4s;--ember-x1:-8px;--ember-x2:7px}
.generated-style-70e95d9a5b6c{--motion-left:32.812500%;--motion-top:53.787879%;--motion-width:16.562500%;--motion-height:46.212121%;--motion-clip:inset(.5% round 22% 22% 4% 4%)}
.generated-style-79555119c492{--motion-delay:1.3s;--drift-x:20px;--drift-y:24px;--return-x:-8px;--return-y:-12px}
.generated-style-79c004c25e40{--motion-delay:1s;--ember-x1:-7px;--ember-x2:5px}
.generated-style-7f1fd92eedd5{--motion-delay:1.16s}
.generated-style-80c936f9d627{--motion-left:83.984375%;--motion-top:23.465704%;--motion-width:9.114583%;--motion-height:44.524669%;--motion-clip:inset(.5% round 22%)}
.generated-style-884d4ebf9161{--motion-left:44.351074%;--motion-top:62.011719%;--motion-width:22.408964%;--motion-height:17.578125%;--motion-clip:inset(.5% round 18%)}
.generated-style-8ab9c433adb5{--motion-delay:1.68s;--ember-x1:8px;--ember-x2:-4px}
.generated-style-8db3733ac861{--motion-delay:.84s}
.generated-style-9597aeb72b98{--motion-delay:5.48s}
.generated-style-963a925ab550{--motion-delay:.8s}
.generated-style-9a450ac833f8{--motion-left:56.944444%;--motion-top:18.248175%;--motion-width:21.180556%;--motion-height:17.726799%;--motion-clip:inset(.5% round 18%)}
.generated-style-9c4ac6ff67c3{--motion-delay:1.95s;--drift-x:-22px;--drift-y:26px;--return-x:10px;--return-y:-12px}
.generated-style-a59bcea22105{--motion-delay:.65s}
.generated-style-a5c423cf48b5{--motion-delay:2.2s;--ember-x1:-6px;--ember-x2:8px}
.generated-style-a6d81770d007{--motion-delay:3.15s;--ember-x1:-5px;--ember-x2:4px}
.generated-style-a91fd88fe545{--motion-delay:2.96s;--spark-x:26px}
.generated-style-aa3f6886bc53{--motion-delay:1.7s;--snow-duration:5.5s;--snow-x:-39px;--snow-r:112deg}
.generated-style-aa983ca55522{--motion-delay:.45s;--drift-x:-28px;--drift-y:20px;--return-x:12px;--return-y:-10px}
.generated-style-aad237380fa9{--motion-delay:.45s}
.generated-style-b1ca15a98852{--motion-delay:3.82s;--drop-duration:1.08s;--drop-x:-47px;--drop-y:232px}
.generated-style-b6d17ff6ef4b{--motion-delay:1.84s;--spark-x:22px}
.generated-style-b75d2bd93e11{--motion-delay:2.05s;--snow-duration:5.6s;--snow-x:-41px;--snow-r:102deg}
.generated-style-ba0488b9ecb6{--motion-delay:.55s;--drift-x:26px;--drift-y:22px;--return-x:-12px;--return-y:-10px}
.generated-style-bafec87370bf{--motion-left:40.364583%;--motion-top:11.184211%;--motion-width:10.091146%;--motion-height:33.552632%;--motion-clip:inset(.5% round 20%)}
.generated-style-bf422c4d69e0{--motion-delay:4.08s;--spark-x:30px}
.generated-style-bf5088e202cd{--motion-delay:.05s}
.generated-style-bfe5878efcc8{--motion-left:33.203125%;--motion-top:41.666667%;--motion-width:10.416667%;--motion-height:19.230769%;--motion-clip:ellipse(49% 49% at 50% 50%)}
.generated-style-c344a0d1d986{--motion-delay:1.1s;--drift-x:24px;--drift-y:-24px;--return-x:-10px;--return-y:12px}
.generated-style-c553428f205a{--motion-left:40.039062%;--motion-top:34.075104%;--motion-width:11.067708%;--motion-height:33.379694%;--motion-clip:ellipse(49% 49% at 50% 50%)}
.generated-style-ca9cf8ff818d{left:72.000%;top:14.000%;width:23.000%;height:58.000%}
.generated-style-cb84c800be82{--motion-delay:4.92s;--drop-duration:.83s;--drop-x:-35px;--drop-y:192px}
.generated-style-cdb03048619a{--motion-left:27.403846%;--motion-top:32.714844%;--motion-width:33.173077%;--motion-height:39.062500%;--motion-clip:ellipse(49% 49% at 50% 50%)}
.generated-style-ce80f933937e{--motion-delay:.88s;--rain-duration:4.3s;--rain-x:-21px}
.generated-style-cec673bebf26{--motion-delay:2.4s;--spark-x:-30px}
.generated-style-cf09b5b15f1c{--motion-delay:1.1s}
.generated-style-cfc3acc97327{--motion-delay:.42s}
.generated-style-d006bdb381c0{--motion-delay:.3s;--mote-duration:7.4s;--mote-x1:-9px;--mote-y1:-12px;--mote-x2:1px;--mote-y2:-28px;--mote-x3:21px;--mote-y3:-25px;--mote-x4:30px;--mote-y4:-4px;--mote-x5:16px;--mote-y5:14px;--mote-x6:-3px;--mote-y6:8px}
.generated-style-d178cd563685{left:60.000%;top:18.000%;width:32.000%;height:52.000%}
.generated-style-d67e49c4c660{--motion-delay:1.25s;--snow-duration:6.1s;--snow-x:-48px;--snow-r:-118deg}
.generated-style-d810b97e4a57{--motion-delay:2.14s}
.generated-style-d9a8b113a0dd{--motion-delay:.15s;--spark-x:-20px}
.generated-style-d9b73ab27d63{left:70.000%;top:20.000%;width:25.000%;height:54.000%}
.generated-style-e10e27956925{--motion-delay:1.36s}
.generated-style-e4bdc3e493c7{--motion-delay:.72s;--mote-duration:6.9s;--mote-x1:-12px;--mote-y1:5px;--mote-x2:-27px;--mote-y2:-5px;--mote-x3:-22px;--mote-y3:-26px;--mote-x4:0px;--mote-y4:-35px;--mote-x5:18px;--mote-y5:-19px;--mote-x6:13px;--mote-y6:3px}
.generated-style-e7428d31bad6{--motion-delay:1.05s;--rain-duration:3.8s;--rain-x:-17px}
.generated-style-e97bcec572cb{--motion-delay:.75s;--drift-x:-22px;--drift-y:18px;--return-x:10px;--return-y:-8px}
.generated-style-ed87d17b7f7b{--motion-delay:.42s;--mote-duration:6.5s;--mote-x1:12px;--mote-y1:9px;--mote-x2:5px;--mote-y2:27px;--mote-x3:-14px;--mote-y3:35px;--mote-x4:-27px;--mote-y4:14px;--mote-x5:-14px;--mote-y5:-7px;--mote-x6:5px;--mote-y6:-11px}
.generated-style-f0094b49d927{--motion-delay:1.45s;--drift-x:-24px;--drift-y:-20px;--return-x:10px;--return-y:12px}
.generated-style-f0518e7ca84e{--motion-delay:1.88s}
.generated-style-f14c1a5eaa91{--motion-delay:.1s}
.generated-style-fb1497e2dac9{--motion-delay:2s;--ember-x1:9px;--ember-x2:-6px}
.generated-style-fc3d2663496e{--motion-delay:1.62s}
.generated-style-fe759e380412{--motion-delay:2.35s;--drop-duration:1.18s;--drop-x:-52px;--drop-y:248px}
.generated-style-fee153dcad43{--motion-delay:5.2s;--spark-x:34px}