:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #eee9df; color: #29261f; }
* { box-sizing: border-box; }
body { margin: 0; }
button, input { font: inherit; }
main { width: min(1120px, calc(100% - 36px)); margin: 38px auto 80px; display: grid; grid-template-columns: 0.72fr 1.3fr 0.85fr; gap: 28px; align-items: start; }
.paper { min-height: 590px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 4px 34px 6px 5px; background: #a94431; color: #f5dfba; box-shadow: 0 20px 50px #40352a2b; font: 500 1rem Georgia, serif; text-transform: uppercase; letter-spacing: 0.18em; }
article { padding: 35px 6px; }
.kicker, .eyebrow { color: #9a4935; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
h1 { max-width: 680px; margin: 12px 0 22px; font: 500 clamp(3.5rem, 8vw, 7.6rem)/0.88 Georgia, serif; letter-spacing: -0.055em; }
.lede { max-width: 650px; color: #625b50; font: 1.2rem/1.7 Georgia, serif; }
dl { margin: 38px 0 0; border-top: 1px solid #bdb3a4; }
dl div { display: grid; grid-template-columns: 90px 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid #cfc6b8; }
dt { color: #82786a; } dd { margin: 0; font-weight: 700; }
.checkout { margin-top: 56px; padding: 24px; border: 1px solid #c9c0b2; border-radius: 18px; background: #f7f4ed; box-shadow: 0 15px 40px #40352a15; }
.quantity { display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; margin: 16px 0; text-align: center; }
.quantity button { height: 42px; border: 1px solid #b8ac9d; border-radius: 50%; background: white; cursor: pointer; }
.quantity strong { font-size: 1.5rem; }
.total { display: flex; justify-content: space-between; padding: 15px 0; border-top: 1px solid #d7cfc3; font-size: 1.15rem; }
.buy { width: 100%; min-height: 50px; border: 0; border-radius: 10px; background: #2f5b4d; color: white; font-weight: 800; cursor: pointer; }
.buy:disabled { opacity: 0.65; }
.mode, .ssr-proof { color: #766d60; font-size: 0.86rem; line-height: 1.5; }
.error { color: #a12f25; }
.ssr-proof { grid-column: 2; }
.ticket { min-height: 100vh; display: block; max-width: 760px; margin: 0 auto; padding: 14vh 30px; }
.ticket h1 { font-size: clamp(3rem, 9vw, 6rem); }
.ticket-code { margin: 34px 0; padding: 26px; border: 2px dashed #a94431; background: #f7f4ed; }
.ticket-code span, .ticket-code strong { display: block; }
.ticket-code strong { margin-top: 8px; font: 700 2rem ui-monospace, monospace; letter-spacing: 0.08em; }
a { color: #2f5b4d; font-weight: 800; }
.empty { display: block; padding: 20vh 30px; }
@media (max-width: 850px) { main { grid-template-columns: 1fr; } .paper { min-height: 130px; flex-direction: row; } article { padding: 10px 0; } .checkout { margin-top: 0; } .ssr-proof { grid-column: 1; } }