/* ticket.css — CASE_02 / LA22 */
.project-ticket{background:var(--blue);color:var(--paper)}
.project-ticket .project-sticky{background:var(--blue);display:grid;grid-template-columns:.78fr 1.22fr}
.ticket-left{padding:100px 4vw 40px;position:relative;z-index:3}
.ticket-left>p{font-size:30px;line-height:1;max-width:460px}
.ticket-stage{position:relative;overflow:hidden}
.thermal-paper{position:absolute;width:min(42vw,560px);height:720px;background:#f8f6ef;color:#0d0d0b;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-7deg) translateY(110px);box-shadow:0 30px 80px rgba(0,0,0,.22);padding:28px;filter:contrast(1.03);transition:transform 1s cubic-bezier(.16,1,.3,1) .15s}
.project-ticket.is-in .thermal-paper{transform:translate(-50%,-50%) rotate(0deg) translateY(0)}
.thermal-paper:before{content:"";position:absolute;inset:0;opacity:.1;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#111 4px)}
.thermal-head,.thermal-id,.thermal-foot{font-size:10px;position:relative;z-index:2}.thermal-logo{font:210px/.85 var(--display);letter-spacing:-.1em;margin:22px 0 0;position:relative;z-index:2}.thermal-main{position:relative;z-index:2;border-top:4px solid #111;border-bottom:4px solid #111;padding:16px 0;display:flex;justify-content:space-between;align-items:end}.thermal-main strong{font:28px var(--display)}.thermal-main span{font:9px var(--mono)}.thermal-qr{width:220px;height:220px;margin:35px auto;background:conic-gradient(#111 0 25%,transparent 0 50%,#111 0 75%,transparent 0) 0 0/28px 28px;position:relative;z-index:2}.thermal-id{text-align:center;font-size:18px}.thermal-dots{margin-top:30px;white-space:nowrap;overflow:hidden}.thermal-foot{text-align:center;margin-top:15px}
.scanner{position:absolute;width:300px;height:220px;right:4vw;bottom:8vh;border:2px solid rgba(240,238,230,.7);padding:14px}.scanner>span{font-size:8px}.scan-line{position:absolute;left:12px;right:12px;top:50%;height:2px;background:var(--red);box-shadow:0 0 14px var(--red)}.scan-status{position:absolute;bottom:12px;left:14px;font-size:8px}
.ticket-word{position:absolute;font:clamp(110px,14vw,220px)/.8 var(--display);letter-spacing:-.08em;color:var(--paper);mix-blend-mode:screen;opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s ease}
.ticket-word--1{right:-2vw;top:8vh;transform:translateX(300px);transition-delay:.35s}
.ticket-word--2{left:-3vw;top:40vh;transform:translateX(-300px);transition-delay:.55s}
.ticket-word--3{right:0;bottom:5vh;transform:translateX(300px);transition-delay:.75s}
.project-ticket.is-in .ticket-word{opacity:1}
.project-ticket.is-in .ticket-word--1{transform:translateX(0)}
.project-ticket.is-in .ticket-word--2{transform:translateX(0)}
.project-ticket.is-in .ticket-word--3{transform:translateX(0)}

@media(max-width:900px){
  .ticket-left h3{font-size:18vw}
  .ticket-left>p{font-size:7vw}
  .project-ticket .project-sticky{grid-template-columns:1fr}.ticket-left{padding:90px 18px 0}.ticket-stage{position:absolute;inset:37vh 0 0}.thermal-paper{width:78vw;height:60vh;padding:18px}.thermal-logo{font-size:28vw}.thermal-qr{width:32vw;height:32vw}.scanner{width:45vw;height:18vh;right:3vw}.ticket-word{font-size:25vw}
}
@media(max-height:820px){
  .ticket-left h3{font-size:clamp(40px,9vh,64px)}
  .thermal-paper{height:56vh}
}