html.intro-pending{background:#faf9f6}
html.intro-pending body{visibility:hidden}
html.intro-playing,html.intro-playing body{overflow:hidden}
.intro-pending .enter,.intro-playing .enter{animation-play-state:paused}
.site-intro{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#faf9f6;color:#591522;visibility:visible;isolation:isolate}
.intro-stack{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;transform:translateY(-8px)}
.intro-mark{display:block;width:148px;height:148px;overflow:visible}
.intro-plate{fill:#591522;transform-origin:center;animation:intro-plate-in .55s cubic-bezier(.2,.7,.3,1) both}
.intro-letter{fill:#faf9f6;fill-opacity:0;stroke:#faf9f6;stroke-width:.5;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:intro-letter-form 1.5s cubic-bezier(.4,0,.2,1) both}
.intro-t{animation-delay:.22s}.intro-c{animation-delay:.5s}
.intro-name{font:400 clamp(30px,5.5vw,38px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:.025em;color:#591522;margin:29px 0 0;animation:intro-type-in .65s ease-out 1.15s both}
.intro-subtitle{font:500 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.4em;text-indent:.4em;color:#80551c;margin:14px 0 0;animation:intro-type-in .65s ease-out 1.5s both}
.intro-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:max(32px,env(safe-area-inset-right));background:none;border:0;padding:10px;color:#591522;font:400 12px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.intro-skip:focus-visible{outline:2px solid #8c631e;outline-offset:3px}
.site-intro.is-closing{pointer-events:none;animation:intro-out .45s cubic-bezier(.4,0,.2,1) forwards}
.site-intro.is-closing .intro-stack{transition:transform .45s ease;transform:translateY(-18px)}
.footer-actions{display:flex;align-items:center;gap:23px}
.intro-replay-button{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}
.intro-replay-button:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes intro-plate-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes intro-letter-form{0%{stroke-dashoffset:1;fill-opacity:0}70%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}
@keyframes intro-type-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}
@media(max-width:600px){.intro-mark{width:126px;height:126px}.intro-name{margin-top:27px}.intro-subtitle{font-size:10px}.intro-skip{bottom:25px;right:20px}.footer-actions{align-items:start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none}.intro-replay-button{display:none}}
