@font-face{font-family:"ZQK Scribbled";src:url("assets/fonts/ZQKScribbled-2.ttf") format("truetype");font-display:swap}
.cover-title{position:sticky;top:0;height:100dvh;display:block;transform:none;opacity:1}.cover-title .label{position:absolute;left:3%;top:17%;font-size:9px}.cover-title h1{position:absolute;left:calc(50% - 22vw);top:27%;width:12vw;height:46vh;margin:0;font-size:inherit;line-height:1;letter-spacing:0}.title-cn{position:absolute;right:0;top:0;writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(16px,1.35vw,24px);font-weight:520;line-height:1.7;letter-spacing:.14em}.cover-title h1 i{position:absolute;left:50%;top:77dvh;width:34vw;transform:translateX(-50%);font-family:"ZQK Scribbled",cursive;font-size:clamp(34px,4.4vw,70px);font-weight:400;line-height:1;text-align:center;white-space:nowrap}.cover-title .subtitle{position:absolute;left:50%;top:88%;width:34vw;transform:translateX(-50%);margin:0;text-align:center;font-size:11px;font-weight:500;letter-spacing:.08em}.hero-frame{top:18dvh;margin-top:-100dvh;width:calc(22vw + var(--p) * 74vw);height:calc(52dvh + var(--p) * 44dvh);transform:none}.cover .intro{top:76dvh;width:24vw;font-size:12px;line-height:1.7;transform:translateY(calc(var(--p) * -13vh));opacity:calc(1 - var(--p) * .88)}.cover .intro a{font-size:11px}.cover[style*="--p"] .cover-title{transform:translateY(calc(var(--p) * -14vh));opacity:calc(1 - var(--p) * .92)}
@media(max-width:767px){.cover-title{padding:0}.cover-title .label{left:0;top:10%}.cover-title h1{left:3%;top:22%;width:18vw;height:35vh}.title-cn{font-size:15px;line-height:1.55}.cover-title h1 i{left:50%;top:70dvh;width:80vw;font-size:48px}.cover-title .subtitle{top:80%;width:86vw;font-size:10px}.hero-frame{top:20dvh;width:calc(48vw + var(--p) * 52vw);height:calc(43dvh + var(--p) * 50dvh)}.cover .intro{top:84dvh;width:80%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cover-title{position:absolute;inset:0;height:100%;transform:none!important;opacity:1!important}.cover-title h1 i{position:absolute}.hero-frame{top:20%;width:34%;height:55%;inset:20% 24% auto auto}.cover .intro{width:24%;opacity:1}}