main{max-width:1400px;margin:0 auto;padding:4rem 2rem 6rem}main>h1{letter-spacing:-.03em;text-transform:uppercase;margin-bottom:.25rem;font-size:4rem;font-weight:700}main>h1 sup{vertical-align:super;opacity:.5;letter-spacing:.05em;font-size:1rem;font-weight:400}main>.page-subtitle{font-family:var(--font-pp-supply-mono),"PP Supply Mono",monospace;text-transform:uppercase;letter-spacing:.15em;opacity:.5;margin-bottom:2rem;font-size:.85rem;font-weight:400}.ticket{background:var(--warm-off-black);max-width:900px;color:var(--warm-off-white);letter-spacing:.1em;border:1px solid #f8f5f226;margin:0 auto 2rem;font-family:PP Neue Montreal,sans-serif;font-size:14px;display:flex;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.ticket .left{display:flex}.ticket .image{opacity:.85;background-image:url(/brand/Alpha_The_Wolf.jpg);background-position:50%;background-size:cover;width:250px;min-width:250px;position:relative}.ticket .admit-one{color:#f8f5f24d;letter-spacing:.15em;text-align:center;writing-mode:vertical-rl;justify-content:space-around;height:291px;padding:0;display:flex;position:absolute;transform:rotate(-180deg)}.ticket .admit-one span:nth-child(2){color:var(--warm-off-white);font-weight:700}.ticket .left .ticket-number{justify-content:flex-end;align-items:flex-end;width:250px;height:329px;padding:5px;display:flex}.ticket .ticket-info{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 30px;display:flex}.ticket .date{border-top:1px solid #f8f5f233;border-bottom:1px solid #f8f5f233;justify-content:space-around;align-items:center;padding:5px 0;font-weight:700;display:flex}.ticket .date span{width:100px}.ticket .date span:first-child{text-align:left}.ticket .date span:last-child{text-align:right}.ticket .date .ticket-date-highlight{color:var(--warm-off-white);font-size:20px}.ticket .show-name{color:var(--warm-off-white);opacity:.7;font-family:PP Neue Montreal,sans-serif;font-size:32px}.ticket .show-name h1{letter-spacing:.1em;color:var(--warm-off-white);opacity:1;font-size:48px;font-weight:700}.ticket .time{color:var(--warm-off-white);text-align:center;flex-direction:column;gap:10px;padding:10px 0;font-weight:700;display:flex}.ticket .time span{color:#f8f5f280;font-weight:400}.ticket .left .time{font-size:16px}.ticket .location{border-top:1px solid #f8f5f233;justify-content:space-around;align-items:center;width:100%;padding-top:8px;display:flex}.ticket .location .separator{font-size:20px}.ticket .right{border-left:1px dashed #f8f5f233;width:180px}.ticket .right .admit-one{color:#f8f5f24d}.ticket .right .admit-one span:nth-child(2){color:#f8f5f280}.ticket .right .right-info-container{flex-direction:column;justify-content:space-around;align-items:center;height:250px;padding:35px 10px 10px 35px;display:flex}.ticket .right .show-name h1{font-size:18px}.ticket .barcode{height:100px}.ticket .barcode img{height:100%}.ticket .right .ticket-number{color:#f8f5f280}@media (max-width:900px){.ticket{flex-direction:column;max-width:400px;overflow:hidden}.ticket .left{flex-direction:column}.ticket .image{background-position:50%;background-size:cover;width:100%;height:0;padding-bottom:100%}.ticket .admit-one,.ticket .left .ticket-number{display:none}.ticket .ticket-info{padding:20px}.ticket .date span{width:auto}.ticket .date .ticket-date-highlight{font-size:16px}.ticket .show-name h1{font-size:32px}.ticket .right{border-top:1px dashed #f8f5f233;border-left:none;width:100%}.ticket .right .admit-one{display:none}.ticket .right .right-info-container{flex-direction:column;align-items:center;gap:20px;height:auto;padding:25px 20px}.ticket .barcode{width:120px;height:auto}.ticket .barcode img{object-fit:contain;width:100%;height:auto}}@media (max-width:768px){main{padding:3rem 1rem 4rem}main>h1{font-size:3.5rem}}@media (max-width:480px){.ticket{max-width:100%;font-size:12px}.ticket .show-name h1{font-size:24px}.ticket .date{flex-direction:column;gap:5px}.ticket .date span{text-align:center!important}.ticket .location{flex-direction:column;gap:5px}.ticket .right .right-info-container{gap:15px}}