:root{color-scheme:dark;--orange:#ff6a00;--paper:#f5f1e8;--line:rgba(245,241,232,.27)}
@font-face{font-family:'IM Fell English';font-style:normal;font-weight:400;font-display:swap;src:url('./im-fell.ttf') format('truetype')}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#283d2d;color:var(--paper);font-family:'IM Fell English',Georgia,'Times New Roman',serif;font-size:16px}
.bg{position:fixed;inset:0;z-index:-1}
.bg::after{content:"";position:absolute;inset:0;background:rgba(12,28,19,.1)}
.bg img{width:100%;height:100vh;height:100lvh;object-fit:cover;object-position:center;display:block;filter:brightness(.9)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.hero{min-height:270px;padding:32px 20px 42px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.wordmark{margin:0;line-height:0}
.wordmark img{width:320px;max-width:65vw;height:auto;display:block}
.content{width:min(940px,calc(100% - 64px));margin:0 auto;background:rgba(15,31,21,.63);padding:0 32px}
.tour-heading{text-align:center;padding:28px 0 24px;border-bottom:1px solid var(--line)}
h2{font-size:40px;font-weight:normal;margin:0;letter-spacing:-.025em;line-height:1.2}
.subtitle{font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin:8px 0 0}
.show{display:grid;grid-template-columns:94px 1fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}
.date{font-size:13px;letter-spacing:.075em}
.city{font-size:17px;line-height:1.35}
.venue{font-size:15px;line-height:1.5;opacity:.8;margin-top:4px}
.support{font-size:13px;line-height:1.5;margin-top:5px;opacity:.85}
.ticket{display:inline-flex;align-items:center;border:1px solid rgba(245,241,232,.55);padding:12px 19px;min-height:44px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:background .15s,color .15s}
.ticket:hover{background:var(--paper);color:#203225}
@media(max-width:600px){
.hero{min-height:165px;padding:28px 20px}
.wordmark img{width:160px;max-width:50vw}
.content{width:calc(100% - 20px);padding:0 18px;background:rgba(15,31,21,.73)}
.tour-heading{padding-top:24px}
h2{font-size:34px}
.subtitle{font-size:10px;margin-top:9px}
.show{grid-template-columns:58px 1fr auto;gap:10px;padding:20px 0}
.date{font-size:10px;letter-spacing:.025em}
.city{font-size:14px}
.venue{font-size:12px;line-height:1.4}
.support{font-size:11px;line-height:1.4}
.ticket{font-size:10px;padding:12px 9px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticket{transition:none}}