.intro{position:fixed;inset:0;z-index:10002;display:none;place-items:center;background:#1a1410;color:#f4ede2;pointer-events:all}html.intro-on .intro{display:grid}.intro__ground{position:absolute;inset:0;width:100%;height:100%;display:none}.intro__ground>rect{fill:#1a1410}.intro.intro--cut{background:transparent}.intro.intro--cut .intro__ground{display:block}.intro__content{position:relative;display:grid;justify-items:center;gap:clamp(.9rem,2.2vh,1.6rem)}.intro__mark{height:min(52vh,460px);width:auto;overflow:visible}.intro__guides circle,.intro__guides line{stroke:#c9a681;stroke-width:1.6;vector-effect:non-scaling-stroke}.intro__guides{opacity:.75;animation:introOut .4s ease 1s forwards}.intro__ink path{stroke:currentColor;stroke-width:5;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;animation:introDraw .55s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(.15s + var(--i) * .11s)}.intro__name{display:grid;justify-items:center;gap:inherit}.intro__word{display:flex;overflow:hidden;font-family:var(--font-1);font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:400;letter-spacing:.42em;margin:0 -.42em 0 0}.intro__word span{display:inline-block;transform:translateY(110%);animation:introUp .45s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.8s + var(--i) * 28ms)}.intro__tag{margin:0;font-size:var(--text-xs);letter-spacing:.04em;color:rgba(244,237,226,.6);opacity:0;transform:translateY(8px);animation:introUp .4s ease-out 1.15s forwards}@keyframes introDraw{to{stroke-dashoffset:0}}@keyframes introOut{to{opacity:0}}@keyframes introUp{to{opacity:1;transform:none}}