/* A printed admission ticket for the work index. */
.hero .enter-button{position:relative;isolation:isolate;display:block;flex:0 0 auto;width:clamp(300px,27vw,390px);aspect-ratio:2135/736;margin:0 -5px 2px 16px;padding:0;border:0;background:none;letter-spacing:0;transform:rotate(-3deg);transform-origin:25% 65%;transition:transform .42s cubic-bezier(.2,.8,.25,1),filter .35s;filter:drop-shadow(3px 8px 3px #0005)}
.entry-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:-1}
.entry-copy{position:absolute;left:9%;top:50%;width:64%;transform:translateY(-50%) rotate(.5deg);display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#18232a;pointer-events:none}
.entry-count{font:500 12px/1.2 BodyCN,sans-serif;letter-spacing:2px}
.entry-label{font:400 clamp(34px,2.8vw,40px)/1.2 FilmTitle,TitleCN,sans-serif;letter-spacing:1px;text-shadow:1px 1px 0 #fbe7f066;transition:transform .35s}
.hero .enter-button:hover,.hero .enter-button:focus-visible{transform:perspective(700px) rotate(-1deg) rotateX(7deg) translateY(-5px);filter:drop-shadow(5px 13px 3px #0007)}
.hero .enter-button:hover .entry-label{transform:translateX(3px)}
.hero .enter-button:active{transform:rotate(-1deg) translate(3px,3px) scale(.985);filter:drop-shadow(1px 3px 1px #0005);transition-duration:.12s}
.hero .enter-button:focus-visible{outline:2px dashed #f5cfec;outline-offset:7px}
@media(max-width:1050px){.hero .enter-button{width:300px}.entry-label{font-size:35px}}
@media(max-width:740px){.hero .enter-button{width:min(350px,100%);margin:25px 0 3px;aspect-ratio:2135/736}.entry-label{font-size:clamp(31px,8.5vw,40px)}.entry-count{font-size:11px;letter-spacing:1.5px}.entry-copy{gap:5px}.hero-foot{margin-top:27px}}