.about-word{display:inline-block;animation:about-rise .8s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--i, 0) * 80ms + .15s)}@keyframes about-rise{0%{opacity:0;transform:translateY(.7em) rotate(-6deg)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(28px) rotate(var(--tilt,0deg));transition:opacity .7s ease-out,transform .9s cubic-bezier(.2,1.3,.3,1);transition-delay:var(--delay,0s)}.reveal[data-shown=true]{opacity:1;transform:rotate(var(--rest,0deg))}.scene-boat,.scene-duck-bob,.scene-duck-body,.scene-flap,.scene-kvack,.scene-moon,.scene-rays,.scene-star,.scene-sun{transform-box:fill-box;transform-origin:center}.scene-sky{transition:fill 1.2s ease}.scene-sun{transition:transform 1.4s cubic-bezier(.5,0,.3,1);animation:sun-rise 1.8s cubic-bezier(.2,1,.3,1) both}.scene[data-night=true] .scene-sun{transform:translateY(150px)}@keyframes sun-rise{0%{transform:translateY(90px)}}.scene-rays{animation:spin 40s linear infinite}.scene-sun:hover .scene-rays{animation-duration:4s}@keyframes spin{to{transform:rotate(1turn)}}.scene-moon,.scene-stars{opacity:0;transition:opacity 1s ease .4s,transform 1.4s cubic-bezier(.2,1,.3,1) .2s}.scene-moon{transform:translateY(40px)}.scene[data-night=true] .scene-moon{opacity:1;transform:none}.scene[data-night=true] .scene-stars{opacity:1}.scene-star{animation:twinkle 2.4s ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes twinkle{50%{opacity:.25}}.scene-window{transition:fill .6s ease .8s}.scene-waves{transform-box:view-box;animation:wave-drift var(--speed,3s) linear infinite}@keyframes wave-drift{to{transform:translateX(-24px)}}.scene-boat{animation:bob 3.2s ease-in-out infinite;transform-origin:50% 100%}@keyframes bob{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-2px)}}.scene-cloud{transform-box:view-box;animation:cloud-drift var(--speed,60s) linear infinite;animation-delay:var(--d,0s)}@keyframes cloud-drift{0%{transform:translateX(-120px)}to{transform:translateX(460px)}}.scene-gull{transform-box:view-box;animation:gull 14s linear infinite}@keyframes gull{0%{transform:translate(-40px,40px)}50%{transform:translate(200px,18px)}to{transform:translate(440px,36px)}}.scene-flap{animation:flap .5s ease-in-out infinite alternate}@keyframes flap{to{transform:scaleY(.4)}}.scene-duck{transform-box:view-box;animation:swim 22s ease-in-out infinite}@keyframes swim{0%,to{transform:translateX(0)}50%{transform:translateX(110px)}}.scene-duck-body{animation:duck-turn 22s steps(1) infinite}@keyframes duck-turn{0%,to{transform:none}50%{transform:scaleX(-1)}}.scene-duck-bob{animation:bob 1.6s ease-in-out infinite;transform-origin:50% 100%}.scene-kvack{animation:pop .5s cubic-bezier(.2,1.6,.4,1) both}.herring-fall{animation:herring-fall .95s cubic-bezier(.55,0,.7,1.4) both}@keyframes herring-fall{0%{transform:translateY(-190px) rotate(-200deg);opacity:0}15%{opacity:1}to{transform:translateY(0) rotate(-8deg)}}.herring-wiggle{animation:wiggle .25s ease-in-out 4 alternate}@keyframes wiggle{0%{transform:rotate(-14deg)}to{transform:rotate(6deg)}}.splash{animation:splash .6s ease-out both}@keyframes splash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.pop{animation:pop .55s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--delay,0s)}@keyframes pop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}to{opacity:1;transform:none}}.brace{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s ease-out .35s forwards}@keyframes draw{to{stroke-dashoffset:0}}.marquee{display:flex;width:-moz-max-content;width:max-content;animation:marquee 55s linear infinite}.marquee:hover{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.scribble{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease-out .5s}[data-shown=true] .scribble{stroke-dashoffset:0}.voyage-boat{transition:top .25s linear}.voyage-boat svg{animation:bob 2.6s ease-in-out infinite;transform-origin:50% 100%}.flip{perspective:900px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.4,.4,1)}.flip[aria-pressed=true] .flip-inner{transform:rotateY(180deg)}.flip:hover .flip-inner{transform:rotateY(-8deg) rotate(-1deg)}.flip[aria-pressed=true]:hover .flip-inner{transform:rotateY(172deg) rotate(1deg)}.flip-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.portrait-spin{animation:spin 24s linear infinite}.flip:hover .portrait-wobble{animation:wiggle .3s ease-in-out infinite alternate}.stamp-slam{opacity:0}[data-shown=true] .stamp-slam{animation:stamp-slam .6s cubic-bezier(.5,0,.3,1.5) .4s forwards}@keyframes stamp-slam{0%{opacity:0;transform:scale(2.6) rotate(-30deg)}70%{opacity:1;transform:scale(.92) rotate(4deg)}to{opacity:1;transform:rotate(6deg)}}.sill-drop{position:fixed;top:0;animation:sill-rain var(--fall,3s) cubic-bezier(.4,0,.8,1) var(--delay,0s) both}@keyframes sill-rain{0%{transform:translateY(-15vh) rotate(var(--r,0deg))}to{transform:translateY(115vh) rotate(calc(var(--r, 0deg) + 540deg))}}