@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Permanent+Marker&display=swap";:root{color:#141414;font-synthesis:none;text-rendering:optimizelegibility;--cream:#f4efdf;--ink:#141414;--red:#ff4a35;--yellow:#f4db43;--blue:#2846d8;--paper:#fffdf4;background:#f4efdf;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{border-bottom:2px solid var(--ink);background:var(--cream);z-index:50;justify-content:space-between;align-items:center;height:88px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-weight:800;line-height:.9;display:flex}.brand-mark{border:2px solid var(--ink);background:var(--yellow);place-items:center;width:42px;height:42px;display:grid;transform:rotate(-3deg)}.brand-copy{font-size:14px}.main-nav{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:30px;font-size:13px;font-weight:700;display:flex}.main-nav a{position:relative}.main-nav a:not(.nav-contact):after{content:"";background:var(--red);width:0;height:2px;transition:width .2s;position:absolute;bottom:-5px;left:0}.main-nav a:hover:after{width:100%}.nav-contact{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--red);align-items:center;gap:6px;padding:11px 16px;display:flex}.menu-button{background:0 0;border:0;padding:8px;display:none}.hero{border-bottom:2px solid var(--ink);grid-template-columns:48% 52%;min-height:720px;display:grid;position:relative}.hero-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:78px 3vw 70px 6vw;display:flex}.eyebrow,.kicker{letter-spacing:.08em;font-family:DM Mono,monospace;font-size:12px;font-weight:500}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.4s infinite blink}@keyframes blink{50%{opacity:.25}}.hero h1{letter-spacing:-.09em;margin:24px 0 20px;font-size:clamp(72px,10vw,154px);font-weight:800;line-height:.72}.hero h1 span{color:#0000;-webkit-text-stroke:3px var(--ink)}.hero-intro{margin-bottom:30px;font-size:clamp(18px,2vw,25px);line-height:1.35}.button{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ink);align-items:center;gap:10px;padding:16px 20px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button-dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--red)}.button:hover{box-shadow:8px 8px 0 var(--red);transform:translate(-2px,-2px)}.portrait-wrap{background:var(--red);border-left:2px solid var(--ink);min-height:620px;position:relative;overflow:hidden}.portrait-placeholder{border:2px solid var(--ink);background:#e9b1d1;border-bottom:0;position:absolute;inset:7% 9% 0;overflow:hidden}.portrait-placeholder p{z-index:3;margin:0;font-family:Permanent Marker,cursive;font-size:clamp(27px,3.2vw,48px);line-height:.95;position:absolute;top:8%;left:8%;transform:rotate(-5deg)}.portrait-placeholder small{font-family:DM Mono,monospace;font-size:12px}.spotlight{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:120%;height:120%;position:absolute;top:-65%;right:-30%}.portrait-head{aspect-ratio:.8;background:var(--ink);z-index:2;border-radius:48% 48% 45% 45%;width:34%;position:absolute;top:27%;left:49%;transform:rotate(5deg)}.portrait-head:after{content:"";border:2px solid var(--ink);background:#d9936d;border-radius:46%;width:80%;height:80%;position:absolute;bottom:-4%;left:-8%}.portrait-body{background:var(--blue);border:2px solid var(--ink);border-radius:50% 50% 0 0;width:65%;height:54%;position:absolute;bottom:-12%;left:31%}.scribble-note{z-index:5;color:#fff;font-family:Permanent Marker,cursive;font-size:17px;position:absolute;bottom:4%;right:4%;transform:rotate(-5deg)}.sticker{text-align:center;background:var(--yellow);border:2px solid var(--ink);width:92px;height:92px;box-shadow:4px 5px 0 var(--ink);border-radius:50%;place-items:center;font-size:16px;font-weight:800;line-height:1;display:grid;position:absolute;top:3.5%;right:2.5%;transform:rotate(12deg)}.hero-side-note{writing-mode:vertical-rl;font-family:DM Mono,monospace;font-size:10px;position:absolute;bottom:20px;left:18px;transform:rotate(180deg)}.hero-side-note span{color:var(--red)}.ticker{background:var(--yellow);border-bottom:2px solid var(--ink);white-space:nowrap;padding:13px 0;font-size:15px;font-weight:800;overflow:hidden}.ticker div{width:max-content;animation:22s linear infinite ticker}@keyframes ticker{to{transform:translate(-50%)}}.section{padding:110px 6vw}.section-heading{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:60px;display:grid}.section h2{letter-spacing:-.07em;margin:20px 0 0;font-size:clamp(55px,7vw,102px);line-height:.86}.heading-note{border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;justify-self:end;padding:10px 14px;font-family:DM Mono,monospace;font-size:11px;transform:rotate(2deg)}.shows{background:var(--paper)}.show-list{border-top:2px solid var(--ink)}.show-row{border-bottom:2px solid var(--ink);grid-template-columns:130px 1.4fr 1fr 130px;align-items:center;gap:30px;padding:28px 12px;transition:background .2s,padding .2s;display:grid}.show-row:hover{background:var(--yellow);padding-left:22px;padding-right:22px}.show-date{align-items:center;gap:10px;display:flex}.show-date strong{letter-spacing:-.05em;font-size:27px}.show-date span,.show-name span{font-family:DM Mono,monospace;font-size:10px}.show-name h3{margin:4px 0 0;font-size:24px}.show-place{align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.ticket-button{border:2px solid var(--ink);text-transform:uppercase;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:800;display:flex}.ticket-button:hover{background:var(--red);color:#fff}.demo-disclaimer{opacity:.68;align-items:center;gap:10px;margin:25px 0 0;font-size:12px;display:flex}.about{background:var(--blue);grid-template-columns:1.45fr .55fr;gap:28px;display:grid}.about-card,.quote-card{border:2px solid var(--ink);padding:clamp(30px,5vw,70px);position:relative}.about-card{background:var(--cream)}.about-card h2{font-size:clamp(48px,5vw,78px)}.about-card em{color:var(--red);font-family:Permanent Marker,cursive;font-weight:400}.about-copy{grid-template-columns:1fr 1fr;gap:30px;max-width:760px;margin-top:48px;font-size:15px;line-height:1.7;display:grid}.footnote{margin-top:36px;font-family:DM Mono,monospace;font-size:10px}.quote-card{background:var(--yellow);flex-direction:column;justify-content:center;min-height:430px;display:flex;overflow:hidden}.quote-stars{letter-spacing:.2em}.quote-card blockquote{margin:28px 0 20px;font-family:Permanent Marker,cursive;font-size:clamp(30px,3vw,48px);line-height:1.1}.quote-card p{font-family:DM Mono,monospace;font-size:11px;line-height:1.7}.quote-mic{opacity:.25;position:absolute;bottom:-14px;right:-12px;transform:rotate(25deg)}.game{background:var(--ink);color:#fff;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;display:grid}.kicker.light{color:var(--yellow)}.game-intro h2{color:var(--red)}.game-intro p:last-child{max-width:430px;font-size:18px;line-height:1.6}.applause-machine{background:var(--cream);color:var(--ink);box-shadow:12px 12px 0 var(--blue);border:2px solid #fff;padding:clamp(22px,3vw,42px);position:relative;transform:rotate(1deg)}.machine-top{justify-content:space-between;font-family:DM Mono,monospace;font-size:11px;display:flex}.machine-top button{cursor:pointer;background:0 0;border:0;text-decoration:underline}.crowd-face{text-align:center;padding:24px 0 14px;font-size:clamp(70px,9vw,130px);transition:transform .2s}.is-bursting .crowd-face{transform:scale(1.12)rotate(-4deg)}.meter{border:2px solid var(--ink);background:#fff;height:25px;padding:3px}.meter-fill{background:var(--red);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1)}.score-line{justify-content:space-between;align-items:baseline;padding-top:10px;display:flex}.score-line strong{font-size:35px}.score-line span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.crowd-comment{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:48px;padding:14px 0;font-size:13px;font-style:italic}.applause-button{background:var(--yellow);border:2px solid var(--ink);cursor:pointer;width:100%;box-shadow:5px 5px 0 var(--ink);padding:18px;font-weight:800;transition:transform .1s,box-shadow .1s}.applause-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.applause-button:disabled{cursor:default;background:#ddd}.burst{color:var(--yellow);opacity:0;pointer-events:none;font-family:Permanent Marker,cursive;font-size:25px;position:absolute}.burst-one{top:20%;left:-50px;transform:rotate(-20deg)}.burst-two{top:45%;right:-55px;transform:rotate(15deg)}.burst-three{bottom:8%;left:-30px;transform:rotate(8deg)}.is-bursting .burst{animation:.5s pop}@keyframes pop{30%{opacity:1;transform:scale(1.25)rotate(-8deg)}to{opacity:0;transform:scale(.8)}}.contact{background:var(--red)}.contact-grid{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;display:grid}.contact h2{font-size:clamp(65px,8vw,120px)}.contact h2 span{color:var(--cream)}.contact-details>p:first-child{max-width:560px;font-size:20px;line-height:1.5}.email-link{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:22px 0;font-size:clamp(18px,2.4vw,35px);font-weight:800;display:flex}.placeholder-label{opacity:.7;font-family:DM Mono,monospace;font-size:10px}.social-links{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.social-links a{border:2px solid var(--ink);text-transform:uppercase;background:var(--cream);align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:800;display:flex}.social-links a:hover{background:var(--yellow)}footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:120px;padding:30px 4vw;font-family:DM Mono,monospace;font-size:10px;display:flex}.footer-brand{font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.footer-brand span{color:var(--red);font-size:10px}footer a{align-items:center;gap:5px;display:flex}.upside-down{transform:rotate(180deg)}@media (width<=900px){.site-header{height:74px}.menu-button{z-index:3;display:block}.main-nav{background:var(--yellow);border-left:2px solid var(--ink);flex-direction:column;justify-content:center;align-items:stretch;width:min(82vw,400px);height:100vh;padding:70px 45px;font-size:18px;transition:transform .25s;position:fixed;top:0;right:0;transform:translate(102%)}.main-nav.is-open{transform:translate(0)}.nav-contact{justify-content:center;margin-top:15px}.hero{grid-template-columns:1fr}.hero-copy{min-height:600px;padding-left:8vw}.portrait-wrap{border-left:0;border-top:2px solid var(--ink);min-height:650px}.section-heading{grid-template-columns:1fr}.heading-note{justify-self:start;margin-top:30px}.show-row{grid-template-columns:100px 1fr auto}.show-place{grid-column:2/3}.ticket-button{grid-area:1/3/3/4}.about,.game,.contact-grid{grid-template-columns:1fr}.quote-card{min-height:340px}.game{gap:60px}}@media (width<=580px){.brand-copy{display:none}.hero-copy{min-height:510px;padding-top:55px}.hero h1{font-size:68px}.hero h1 span{-webkit-text-stroke-width:2px}.portrait-wrap{min-height:520px}.portrait-placeholder{inset:8% 5% 0}.sticker{width:72px;height:72px;font-size:13px}.section{padding:80px 6vw}.show-row{grid-template-columns:80px 1fr;gap:15px;padding:22px 4px}.show-place{grid-column:2}.ticket-button{grid-area:auto/1/auto/-1}.about-copy{grid-template-columns:1fr}.about-card,.quote-card{padding:30px 22px}.game{padding-left:5vw;padding-right:5vw}.applause-machine{box-shadow:7px 7px 0 var(--blue)}.burst{display:none}.contact h2{font-size:62px}.email-link{overflow-wrap:anywhere}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
