html.intro-active,html.intro-active body{overflow:hidden}
.intro-screen{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:#050505;color:#d9a652;opacity:1;visibility:visible;transition:opacity .75s ease,visibility .75s ease}
html.intro-active .intro-screen{display:flex}
.intro-screen.is-exiting{opacity:0;visibility:hidden;pointer-events:none}
.intro-signature{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(72vw,390px);transform:translateY(-1.5vh)}
.intro-mark{display:block;width:min(34vw,170px);height:auto;overflow:visible}
.intro-draw{fill:none;stroke:#d9a652;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.6,.05,.25,1)}
.intro-draw.is-drawn{stroke-dashoffset:0}
.intro-light{opacity:0;transition:opacity .6s ease}
.intro-light.is-visible{opacity:1}
.intro-steps path{opacity:0;transition:opacity .25s ease}
.intro-steps path.is-visible{opacity:1}
.intro-word{display:block;width:min(58vw,300px);height:auto;margin-top:3px;overflow:visible}
.intro-word path{opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .45s ease}
.intro-word path.is-visible{opacity:1;transform:none}
.intro-by{display:flex;align-items:center;gap:14px;width:min(58vw,300px);margin-top:0;opacity:0;transition:opacity .4s ease}
.intro-by.is-visible{opacity:1}
.intro-by span{flex:1;height:1px;background:#d9a652;transform:scaleX(0);transition:transform .4s ease}
.intro-by span:first-child{transform-origin:right}
.intro-by span:last-child{transform-origin:left}
.intro-by.is-visible span{transform:scaleX(1)}
.intro-by b{padding-left:.3em;color:#d9a652;font:300 13px/1 'Helvetica Neue',Arial,sans-serif;letter-spacing:.3em;white-space:nowrap}
.intro-skip{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));right:clamp(24px,5vw,72px);z-index:1;border:0;border-bottom:1px solid rgba(217,166,82,.55);padding:9px 0;background:none;color:#c6b492;font:400 10px/1.3 'Helvetica Neue',Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.intro-skip:hover,.intro-skip:focus-visible{color:#fff;border-color:#d9a652}
@media(max-width:480px){.intro-signature{width:78vw}.intro-mark{width:min(38vw,150px)}.intro-word,.intro-by{width:min(66vw,285px)}.intro-skip{top:calc(18px + env(safe-area-inset-top,0px));right:6vw}}
@media(prefers-reduced-motion:reduce){.intro-screen,.intro-draw,.intro-light,.intro-steps path,.intro-word path,.intro-by,.intro-by span{transition:none}}