/* A little engineer taking a nap on her title. */
.engineer-doodle{position:relative;flex-shrink:0;padding-top:82px;margin-bottom:clamp(15px,2.5svh,25px);pointer-events:auto}
.engineer-doodle .kicker{margin:0;font-size:11px;line-height:1.4;letter-spacing:.22em;color:var(--subtle)}
.doodle-trigger{position:absolute;left:50%;top:0;translate:-50% 0;width:145px;height:84px;border:0;padding:0;background:none;color:var(--ink);cursor:pointer;border-radius:16px;touch-action:manipulation}
.doodle-trigger:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.sleepy-girl{width:100%;height:100%;overflow:visible}
.doodle-ground{opacity:.18}.doodle-hair{fill:var(--ink);stroke:var(--ink)}.doodle-face{fill:var(--paper)}.doodle-shirt{fill:var(--paper-2)}
.doodle-upper{transform:rotate(-90deg);transform-origin:100px 103px;transition:transform .75s cubic-bezier(.22,1.25,.4,1)}
.doodle-legs-awake,.doodle-eyes-awake,.doodle-spark{opacity:0;transition:opacity .25s}
.doodle-legs-sleep,.doodle-eyes-sleep,.doodle-zzz{transition:opacity .2s}
.doodle-zzz{color:var(--rose);animation:doodle-dream 3s ease-in-out infinite}
.engineer-doodle:is(:hover,:focus-within,.is-awake) .doodle-upper{transform:rotate(0deg)}
.engineer-doodle:is(:hover,:focus-within,.is-awake) :is(.doodle-legs-sleep,.doodle-eyes-sleep,.doodle-zzz){opacity:0}
.engineer-doodle:is(:hover,:focus-within,.is-awake) :is(.doodle-legs-awake,.doodle-eyes-awake,.doodle-spark){opacity:1}
@keyframes doodle-dream{0%,100%{translate:0 2px;opacity:.45}50%{translate:0 -4px;opacity:1}}
@media(max-width:600px){.engineer-doodle{padding-top:64px;margin-bottom:16px}.doodle-trigger{height:66px;width:115px}.engineer-doodle .kicker{font-size:9px;letter-spacing:.14em}}
@media(max-height:650px){.engineer-doodle{padding-top:54px;margin-bottom:12px}.doodle-trigger{height:56px;width:100px}}
@media(prefers-reduced-motion:reduce){.engineer-doodle *{animation:none!important;transition:none!important}}
.motion-paused .engineer-doodle *{animation:none!important;transition:none!important}