.ink-intro{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:#f4f1e9;color:#222;z-index:10000;overflow:hidden;opacity:1;transition:opacity .55s ease}
.ink-intro[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.ink-intro::backdrop{background:#f4f1e9}
.ink-intro-dark,.ink-intro-dark::backdrop{background:#252621;color:#f3f0e7}
.ink-intro-dark .ink-intro-art{filter:invert(1)}
.ink-intro-dark .ink-intro-skip{color:#f3f0e7;border-color:#83847b}
.ink-intro-dark .ink-intro-skip:focus-visible{outline-color:#f3f0e7}
.ink-intro.leaving{opacity:0;pointer-events:none}
.ink-intro-art{width:min(78vw,440px);height:70vh;height:70svh;display:block}
.ink-intro-brand{font:11px/1.5 system-ui,sans-serif;letter-spacing:.28em;margin:15px 0 0}
.ink-intro-skip{position:absolute;bottom:28px;right:6%;border:1px solid #aaa8a0;border-radius:30px;padding:10px 20px;background:transparent;color:#333;font:13px/1.5 system-ui,sans-serif;cursor:pointer}
.ink-intro-skip:focus-visible{outline:2px solid #333;outline-offset:4px}
.ink-intro-stroke{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ink-intro-write 1.5s cubic-bezier(.2,.6,.25,1) forwards;animation-play-state:paused}
.ink-intro-s2{animation-delay:1.05s;animation-duration:1.3s}.ink-intro-s3{animation-delay:1.85s;animation-duration:1.2s}.ink-intro-s4{animation-delay:2.65s;animation-duration:1.1s}
.ink-intro-finish{opacity:0;animation:ink-intro-finish .7s 3.45s forwards;animation-play-state:paused}
.ink-intro.ready .ink-intro-stroke,.ink-intro.ready .ink-intro-finish{animation-play-state:running}
html.ink-intro-active{overflow:hidden}
@keyframes ink-intro-write{to{stroke-dashoffset:0}}@keyframes ink-intro-finish{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ink-intro{display:none!important;transition:none}.ink-intro-stroke,.ink-intro-finish{animation:none}}