.ticket{aspect-ratio:1.75;background:linear-gradient(135deg, color-mix(in srgb,var(--g1) 60%, #07070a) 0%, #0b0c12 55%, color-mix(in srgb,var(--g3) 22%, #0b0c12) 100%);width:min(100%,500px);box-shadow:inset 0 0 0 1px #ffffff1f, 0 40px 90px -30px color-mix(in srgb,var(--g2) 55%, transparent);transition:transform .8s var(--ease);border-radius:22px;grid-template-columns:1fr 92px;display:grid;position:relative;overflow:hidden;transform:rotateX(8deg)rotateY(-14deg)rotate(2deg)}.ticket:hover{transform:rotateX(0)rotateY(0)rotate(0)}.ticket:before{content:"";background:linear-gradient(105deg, transparent 30%, #ffffff24 45%, color-mix(in srgb,var(--g4) 30%, transparent) 50%, transparent 62%);animation:foil 6s var(--ease) infinite;mix-blend-mode:screen;background-size:250% 100%;position:absolute;inset:0}@keyframes foil{0%{background-position:120% 0}60%,to{background-position:-60% 0}}.ticket .main{align-content:space-between;padding:clamp(18px,3.2vw,28px);display:grid;position:relative}.ticket .k{font-family:var(--mono);color:#fff9;justify-content:space-between;font-size:11px;display:flex}.ticket .big{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:.95}.ticket .row{grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(14px,3vw,30px);font-size:12.5px;display:grid}.ticket .row span{font-family:var(--mono);color:#ffffff8c;font-size:10.5px;display:block}.ticket .stub{border-left:1.5px dashed #ffffff38;place-items:center;display:grid;position:relative}.ticket .stub:before,.ticket .stub:after{content:"";background:var(--bg);border-radius:50%;width:22px;height:22px;position:absolute;left:-12px}.ticket .stub:before{top:-11px}.ticket .stub:after{bottom:-11px}.ticket .stub b{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.2em;color:#ffffffbf;font-size:12px;font-weight:500;transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.ticket:before{animation:none}}