.ayat-intro{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;outline:none;background:#fff;color:#192821;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}
.ayat-intro[open]{display:flex;align-items:center;justify-content:center}
.ayat-intro:not([open]){display:none}
.ayat-intro::backdrop{background:#fff}
.ayat-lock{overflow:hidden}
.ayat-scene{width:100%;display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:0 0 34px;box-sizing:border-box}
.ayat-portrait{display:block;height:min(52dvh,470px);width:auto;max-width:100%;flex-shrink:0;overflow:visible}.ayat-intro.is-ready .ayat-portrait-image{mask:none}
.ayat-ink{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ayat-trace .55s linear var(--stroke-delay) forwards}
.ayat-pen{fill:#af8b49;filter:drop-shadow(0 0 5px #b69a6377);transition:opacity .25s}
.ayat-enter{display:flex;align-items:center;flex-direction:column;gap:11px;min-width:160px;min-height:97px;margin-top:13px;color:#192821;text-decoration:none;opacity:0;transform:translateY(10px);pointer-events:none;animation:ayat-entry .6s ease 3.4s forwards}
.ayat-cutlery{display:grid;place-items:center;width:64px;height:64px;border:1px solid #cbbb9c;border-radius:50%;background:#fffdf955;transition:background .25s,border-color .25s,transform .25s}
.ayat-cutlery svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ayat-enter-label{font:500 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:1.4px}
.ayat-enter:hover .ayat-cutlery{background:#eee7d7;border-color:#806226;transform:translateY(-2px)}
.ayat-enter:focus-visible{outline:0}.ayat-enter:focus-visible .ayat-cutlery{outline:2px solid #806226;outline-offset:5px}
.ayat-intro.is-writing .ayat-enter{animation:none;opacity:0;pointer-events:none}
.ayat-intro.is-ready .ayat-enter{animation:none;opacity:1;transform:none;pointer-events:auto;transition:opacity .6s,transform .6s}
.ayat-intro.is-ready .ayat-pen{opacity:0}
.ayat-sr-only{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}
@keyframes ayat-trace{to{stroke-dashoffset:0}}
@keyframes ayat-entry{to{opacity:1;transform:none;pointer-events:auto}}
@media(max-width:600px){.ayat-intro{padding:24px 18px}.ayat-portrait{height:min(52dvh,440px)}.ayat-enter{margin-top:10px}.ayat-cutlery{width:62px;height:62px}}
.ayat-intro:not(.is-writing) .ayat-portrait-image{transition:none}@media(prefers-reduced-motion:reduce){.ayat-portrait-image{mask:none}.ayat-ink{animation:none;stroke-dashoffset:0}.ayat-enter{animation:none;opacity:1;transform:none;pointer-events:auto}.ayat-pen{display:none}.ayat-enter,.ayat-cutlery{transition:none!important}}
.ayat-location{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom,0px));left:76px;right:76px;margin:0;text-align:center;font:400 11px/1.6 Montserrat,Arial,sans-serif;letter-spacing:1.2px;color:#687368}
@media(max-height:520px){.ayat-intro{padding-top:18px;padding-bottom:74px}.ayat-scene{padding-bottom:0}.ayat-portrait{height:calc(100dvh - 225px);min-height:90px}.ayat-location{bottom:18px}.ayat-enter{margin-top:5px;min-height:85px}.ayat-cutlery{width:52px;height:52px}}