.tile[data-astro-cid-3m45gprs]{background:var(--tone);width:4.5rem;height:4.5rem;color:var(--tone-ink);border:1.5px solid var(--ink);box-shadow:0 0 0 0 var(--ink);transition:transform .45s var(--ease-spring), box-shadow .3s var(--ease-out-expo);border-radius:1.1rem;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.thesis[data-astro-cid-3m45gprs]:nth-child(2n) .tile[data-astro-cid-3m45gprs]{transform:rotate(3deg)}.thesis[data-astro-cid-3m45gprs]:hover .tile[data-astro-cid-3m45gprs]{box-shadow:5px 5px 0 0 var(--ink);transform:translate(-3px,-3px)rotate(0)}.tone-ink[data-astro-cid-3m45gprs].tile{color:var(--yellow)}.tile[data-astro-cid-3m45gprs] svg{width:2.6rem;height:2.6rem;overflow:visible}.tile[data-astro-cid-3m45gprs] .slash{stroke:var(--red);stroke-width:2.4px}.tile[data-astro-cid-3m45gprs] .track{opacity:.25}.tile[data-astro-cid-3m45gprs] .needle{transform-origin:12px 12px;fill:currentColor;stroke:none;transform:rotate(35deg)}.tile[data-astro-cid-3m45gprs] .n-n{fill:var(--red)}.tile[data-astro-cid-3m45gprs] .gear{transform-origin:12px 12px}@media (prefers-reduced-motion:no-preference){html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs]{opacity:0;transition:transform .7s var(--ease-spring) .1s, opacity .4s ease .1s, box-shadow .3s var(--ease-out-expo);transform:scale(.6)rotate(-14deg)}html.js .thesis[data-astro-cid-3m45gprs].is-visible .tile[data-astro-cid-3m45gprs]{opacity:1;transform:rotate(-4deg)}html.js .thesis[data-astro-cid-3m45gprs].is-visible:nth-child(2n) .tile[data-astro-cid-3m45gprs]{transform:rotate(3deg)}html.js .thesis[data-astro-cid-3m45gprs].is-visible:hover .tile[data-astro-cid-3m45gprs]{transform:translate(-3px,-3px)rotate(0)}html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .draw,html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .slash,html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .tick{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease-out-expo) .35s}html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .d2{transition-delay:.6s}html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .tick{transition-delay:.7s}html.js .thesis[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .slash{transition:stroke-dashoffset .35s cubic-bezier(.7,0,.3,1) 1.15s}html.js .thesis[data-astro-cid-3m45gprs].is-visible .tile[data-astro-cid-3m45gprs] :is(.draw,.slash,.tick){stroke-dashoffset:0}.a-doc[data-astro-cid-3m45gprs]:hover .tile[data-astro-cid-3m45gprs] svg{animation:.4s ease-in-out shudder}html.js .a-pulse[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .beat{stroke-dasharray:.28 .72;stroke-dashoffset:1px}html.js .a-pulse[data-astro-cid-3m45gprs].is-visible .tile[data-astro-cid-3m45gprs] .beat{animation:1.8s linear .6s infinite beat}.a-pulse[data-astro-cid-3m45gprs]:hover .tile[data-astro-cid-3m45gprs] .beat{animation-duration:.9s!important}html.js .a-compass[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .needle{transform:rotate(-120deg)}html.js .a-compass[data-astro-cid-3m45gprs].is-visible .tile[data-astro-cid-3m45gprs] .needle{animation:seek 1.6s var(--ease-out-expo) .5s forwards}.a-compass[data-astro-cid-3m45gprs]:hover .tile[data-astro-cid-3m45gprs] .needle{animation:seek-hover .9s var(--ease-spring) forwards!important}.a-gem[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .spark{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite twinkle}.a-gem[data-astro-cid-3m45gprs] .tile[data-astro-cid-3m45gprs] .s2{animation-delay:1.2s}html.js .a-gear[data-astro-cid-3m45gprs].is-visible .tile[data-astro-cid-3m45gprs] .gear{animation:9s linear infinite spin}.a-gear[data-astro-cid-3m45gprs]:hover .tile[data-astro-cid-3m45gprs] .gear{animation-duration:1.6s!important}}@keyframes beat{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes seek{0%{transform:rotate(-120deg)}40%{transform:rotate(70deg)}65%{transform:rotate(-25deg)}85%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes seek-hover{0%{transform:rotate(0)}35%{transform:rotate(-40deg)}to{transform:rotate(0)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}@keyframes shudder{0%,to{transform:translate(0)}25%{transform:translate(-2px)rotate(-3deg)}75%{transform:translate(2px)rotate(3deg)}}