:root{--paper:#fff4e8;--ink:#2a1508;--orange:#ff5a1f;--deep:#c23a06;--sun:#ffb341;--plum:#3d1b3a;--mint:#d9efe0;--line:#2a150822;
--display:"Avenir Next Condensed","Arial Narrow","Franklin Gothic Medium","DejaVu Sans Condensed",sans-serif;--body:"Trebuchet MS","Segoe UI",system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--body)}
a{color:var(--deep)}img{max-width:100%}
h1,h2,h3,.disp{font-family:var(--display);font-weight:800;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin:.2em 0 .4em}
h1{font-size:clamp(3rem,10vw,8rem)}h2{font-size:clamp(2rem,5vw,3.6rem)}h3{font-size:1.6rem}
.mono{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--ink);color:var(--paper);padding:.5rem;z-index:99}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);background:var(--orange);border-bottom:4px solid var(--ink)}
.mark{font-family:var(--display);font-weight:900;color:var(--ink);text-decoration:none;font-size:1.9rem;letter-spacing:-.04em}.mark b{background:var(--ink);color:var(--orange);padding:0 .3rem;margin-left:.3rem;display:inline-block;transform:rotate(-8deg)}
.call{margin-left:auto;font-family:var(--mono);color:var(--ink);text-decoration:none;font-size:.8rem}
.menu{font-family:var(--display);font-weight:900;font-size:1.4rem;text-transform:uppercase;background:var(--ink);color:var(--orange);border:0;border-radius:999px;padding:.5rem 1.4rem;cursor:pointer;transition:transform .2s}.menu:hover{transform:rotate(-4deg) scale(1.06)}
.full{position:fixed;inset:0;z-index:40;background:var(--orange);overflow:auto;padding:5rem clamp(1rem,5vw,4rem) 2rem}.full[hidden]{display:none}
.fullin{display:flex;flex-direction:column;gap:.1rem}
.full a,.full summary{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,9vw,7rem);line-height:.9;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none;display:inline-block;transition:transform .2s,color .2s}
.full a:nth-child(even),.full details{margin-left:clamp(1rem,12vw,10rem)}
.full a:hover,.full summary:hover,.full a[aria-current]{color:var(--paper);transform:skewX(-10deg)}
.full .drop a{font-size:clamp(1.2rem,3vw,2rem);margin:0 1rem 0 0}.full .mono a{font-size:inherit;font-family:var(--mono);text-transform:none;overflow-wrap:anywhere}
.full summary::-webkit-details-marker{display:none}
body.nav-open{overflow:hidden}.nav-open .top{z-index:50}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}
.hero{min-height:88vh;display:grid;grid-template-columns:1.3fr .9fr;gap:2rem;align-items:center;padding:3rem 0;border-bottom:3px solid var(--ink)}
.hero h1 span{color:var(--orange);display:block}
.lede{font-size:1.25rem;max-width:36ch}
.art{aspect-ratio:1;position:relative}
.art i{position:absolute;display:block;border:3px solid var(--ink)}
.art .a{inset:8% 30% 40% 4%;background:var(--orange);border-radius:50% 50% 0 50%;animation:bob 6s ease-in-out infinite}
.art .b{inset:42% 6% 6% 38%;background:var(--plum);border-radius:24px}
.art .c{inset:12% 6% 62% 66%;background:var(--sun);border-radius:50%;animation:bob 5s ease-in-out infinite reverse}
.art .d{inset:66% 66% 10% 10%;background:var(--mint)}
.art .e{left:46%;top:52%;width:34%;height:6%;background:var(--paper);border-radius:9px}
.art .f{left:46%;top:64%;width:22%;height:6%;background:var(--orange);border-radius:9px}
@keyframes bob{50%{transform:translateY(-10px) rotate(3deg)}}
.btn{display:inline-block;font-family:var(--display);font-weight:800;text-transform:uppercase;text-decoration:none;background:var(--ink);color:var(--paper);border:3px solid var(--ink);padding:.75rem 1.3rem;cursor:pointer;font-size:1rem;box-shadow:5px 5px 0 var(--orange);transition:transform .15s}
.btn:hover{transform:translate(-2px,-2px)}.btn.alt{background:var(--paper);color:var(--ink)}
.btn[disabled]{opacity:.5;cursor:wait}
.band{background:var(--ink);color:var(--paper);padding:4rem 0}.band a{color:var(--sun)}
.orange{background:var(--orange);color:var(--ink);padding:4rem 0;border-block:3px solid var(--ink)}
section{padding:4rem 0}
.split{display:grid;grid-template-columns:1fr 2fr;gap:3rem}
.list{list-style:none;padding:0;margin:0}.list li{border-top:2px solid currentColor;padding:1.1rem 0;display:grid;grid-template-columns:4rem 1fr;gap:1rem}
.list li b{font-family:var(--display);font-size:2rem;color:var(--orange)}
.ticker{overflow:hidden;white-space:nowrap;font-family:var(--display);font-weight:900;font-size:2.4rem;text-transform:uppercase;background:var(--sun);border-bottom:3px solid var(--ink);padding:.4rem 0}
.ticker span{display:inline-block;animation:tick 30s linear infinite}@keyframes tick{to{transform:translateX(-50%)}}
.pagehead{padding:5rem 0 2rem;border-bottom:3px solid var(--ink);position:relative;overflow:hidden}
.pagehead::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:var(--orange);border:3px solid var(--ink);z-index:-1}
.tabs [role=tablist]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.tabs [role=tab]{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.1rem;background:transparent;border:3px solid var(--ink);padding:.6rem 1rem;cursor:pointer;color:var(--ink)}
.tabs [role=tab][aria-selected=true]{background:var(--orange)}
.panel{border:3px solid var(--ink);padding:2rem;background:#fffaf3;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.panel[hidden]{display:none}
details.faq{border-top:2px solid var(--ink);padding:1rem 0}details.faq summary{font-family:var(--display);font-weight:800;font-size:1.3rem;cursor:pointer;text-transform:uppercase}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.filters button{font-family:var(--mono);border:2px solid var(--ink);background:none;padding:.4rem .8rem;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.res{columns:2;column-gap:2rem}.res article{break-inside:avoid;border-left:6px solid var(--orange);padding:.2rem 0 .2rem 1rem;margin-bottom:2rem}
.res article[hidden]{display:none}
.steps{counter-reset:s}.steps>div{counter-increment:s;display:grid;grid-template-columns:7rem 1fr;gap:1.5rem;border-top:3px solid var(--ink);padding:2rem 0}
.steps>div::before{content:"0" counter(s);font-family:var(--display);font-weight:900;font-size:5rem;line-height:1;color:var(--orange);-webkit-text-stroke:2px var(--ink)}
form{display:grid;gap:1rem}label{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;display:grid;gap:.3rem}
input,textarea,select{font:inherit;padding:.7rem;border:3px solid var(--ink);background:#fffaf3;color:var(--ink);border-radius:0}
input:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
fieldset{border:3px solid var(--ink);padding:1rem}fieldset label{display:flex;gap:.5rem;align-items:center;text-transform:none;font-size:.9rem}
.hp{position:absolute;left:-9999px}
.status{font-family:var(--mono);padding:.8rem;border:2px dashed var(--ink)}.status:empty{display:none}
.status.ok{background:var(--mint)}.status.err{background:#ffd9c8}
.mapbox{border:3px dashed var(--ink);padding:2rem;background:repeating-linear-gradient(45deg,#ffe2c7 0 12px,var(--paper) 12px 24px)}
footer{background:var(--ink);color:var(--paper);padding:3rem 0}footer a{color:var(--sun)}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
footer button{background:none;border:2px solid var(--sun);color:var(--sun);padding:.4rem .8rem;cursor:pointer;font:inherit}
.cookie{position:fixed;right:1rem;bottom:1rem;max-width:440px;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--orange);padding:1.3rem;z-index:50}
.cookie[hidden]{display:none}.cookie .row{display:flex;gap:.6rem;flex-wrap:wrap}.cookie .btn{flex:1;box-shadow:none;font-size:.85rem}
.reveal{opacity:0;transform:translateY(20px);transition:.6s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
@media (max-width:860px){
.rail nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--orange);margin:0;border-bottom:3px solid var(--ink);padding:.5rem 1rem}.rail.open nav{display:flex}
.rail nav a,.rail summary,.rail .call{writing-mode:horizontal-tb;transform:none;margin:0}.rail .call{display:none}
.rail details .drop{position:static;min-width:0}
.mark b{display:inline;margin-left:.3rem}.menu{display:block;margin-left:auto;font-family:var(--display);font-weight:800;background:var(--ink);color:var(--paper);border:0;padding:.5rem 1rem}
main,footer{margin-left:0}.hero,.split,.panel,footer .cols{grid-template-columns:1fr}.res{columns:1}.art{max-width:320px}.steps>div{grid-template-columns:1fr}}

h1,h2,.disp{font-family:Impact,"Haettenschweiler","Arial Narrow Bold","Avenir Next Condensed",sans-serif;font-weight:400;letter-spacing:0}
body{overflow-x:hidden}*{min-width:0}a,p,li{overflow-wrap:anywhere}
.kin span{display:block;width:max-content;max-width:100%}.kin .w1{transform:rotate(-3deg)}.kin .w2{margin-left:18%;color:var(--paper);-webkit-text-stroke:3px var(--ink);animation:jig 4s ease-in-out infinite}.kin .w3{background:var(--ink);color:var(--orange);padding:0 .15em;transform:rotate(2deg)}
@keyframes jig{50%{transform:translateX(4%) rotate(-2deg)}}
.hero{border-bottom:4px solid var(--ink)}
.list{display:flex;flex-wrap:wrap;gap:1rem}.list li{flex:1 1 240px;border:4px solid var(--ink);border-radius:28px;background:var(--sun);color:var(--ink);padding:1.4rem;display:block;transition:transform .2s}
.list li:nth-child(odd){transform:rotate(-1.5deg)}.list li:nth-child(even){transform:rotate(1.5deg);background:var(--paper)}.list li:hover{transform:rotate(0) scale(1.03)}
.list li b{display:block;font-size:3rem;color:var(--orange);-webkit-text-stroke:2px var(--ink)}
.split{grid-template-columns:1fr}.split>:first-child h2,.split>h2{font-size:clamp(3rem,9vw,6.5rem)}
.pagehead{background:var(--orange);text-align:center;padding:4rem 0 3rem;border-bottom:4px solid var(--ink)}
.pagehead::after{display:none}.pagehead h1{font-size:clamp(3rem,12vw,9rem);transform:rotate(-2deg)}.pagehead .lede{margin:0 auto}
.pagehead .mono{display:inline-block;background:var(--ink);color:var(--orange);padding:.3rem .8rem;border-radius:999px}
.steps>div{border:4px solid var(--ink);border-radius:32px;margin-bottom:1.2rem;padding:1.5rem;background:var(--paper)}.steps>div:nth-child(3n+2){background:var(--sun);margin-left:6%}.steps>div:nth-child(3n){margin-left:12%}
.res article{border:4px solid var(--ink);border-radius:24px;padding:1rem 1.2rem;background:var(--paper)}
.panel,fieldset,input,textarea,.mapbox{border-radius:18px}.btn{border-radius:999px;box-shadow:none}.btn:hover{transform:rotate(-3deg) scale(1.04)}
footer{padding-top:0;overflow:hidden;background:var(--orange);color:var(--ink);border-top:4px solid var(--ink)}footer a{color:var(--ink)}footer button{border-color:var(--ink);color:var(--ink);border-radius:999px}
.giant{font-family:Impact,"Arial Narrow Bold",sans-serif;font-size:clamp(5rem,22vw,18rem);line-height:.8;margin:0 0 2rem;white-space:nowrap;color:var(--ink);animation:tick 40s linear infinite}
.cookie{left:1rem;right:1rem;margin-left:auto;max-width:440px;border-radius:24px;max-height:calc(100dvh - 2rem);overflow:auto}.cookie .btn{flex:1 1 160px}
@media (max-width:860px){.call{display:none}.menu{margin-left:auto}.top{position:sticky}.steps>div{margin-left:0!important}.list li{transform:none!important}}
@media (prefers-reduced-motion:reduce){.giant,.kin .w2{animation:none}}
.band-s{position:relative;overflow:hidden;background:var(--bg);border-bottom:4px solid var(--ink);padding:4rem 0}
.band-s:nth-of-type(3){color:var(--paper)}.band-s:nth-of-type(3) a:not(.btn){color:var(--sun)}
.band-s .huge{position:absolute;right:-2rem;top:-1rem;margin:0;font-family:Impact,sans-serif;font-size:clamp(5rem,18vw,14rem);line-height:.8;opacity:.14;white-space:nowrap;text-transform:uppercase;pointer-events:none}
.band-s .wrap{position:relative}.band-s:nth-of-type(even) .wrap{text-align:right}.band-s:nth-of-type(even) .lede{margin-left:auto}
.brief{margin-top:1.5rem;text-align:left}.brief summary{display:inline-block;font-family:Impact,sans-serif;font-size:1.5rem;text-transform:uppercase;border:4px solid currentColor;border-radius:999px;padding:.4rem 1.2rem;cursor:pointer}
.bcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin:1rem 0}
.jump{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.jump a{font-family:Impact,sans-serif;font-size:1.4rem;background:var(--ink);color:var(--orange);border-radius:999px;padding:.3rem 1rem;text-decoration:none}
.switch{justify-content:center;margin:2rem 0}.switch button{font-family:Impact,sans-serif;font-size:clamp(1.4rem,5vw,2.6rem);text-transform:uppercase;border:0;background:none;color:var(--ink);opacity:.4;padding:.2rem .5rem}
.switch button[aria-pressed=true]{opacity:1;color:var(--orange);-webkit-text-stroke:1px var(--ink);transform:rotate(-4deg)}
.res.strips{columns:auto;display:flex;flex-direction:column;gap:0}.strips article{border:0;border-top:4px solid var(--ink);border-radius:0;background:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 2rem;padding:1.5rem 0;margin:0}
.strips article h3{flex:1 1 300px;font-size:clamp(1.6rem,4vw,2.6rem)}.strips article p{flex:2 1 320px;margin:0}.strips .tag{background:var(--orange);border-radius:999px;padding:.1rem .7rem;font-family:var(--mono);font-size:.75rem}
.strips article:nth-child(odd){padding-left:4%}
.ticket{background:var(--orange);border:4px solid var(--ink);border-radius:36px;padding:2.5rem clamp(1rem,4vw,3rem);margin:3rem auto;max-width:860px;position:relative}
.stamp{position:absolute;top:-1.2rem;right:1.5rem;margin:0;background:var(--ink);color:var(--sun);font-family:Impact,sans-serif;font-size:1.3rem;text-transform:uppercase;padding:.3rem 1rem;border-radius:999px;transform:rotate(6deg)}
.ticket input,.ticket textarea,.ticket fieldset{background:var(--paper)}
.qwall{max-width:980px}.qwall details.faq summary{font-family:Impact,sans-serif;font-weight:400;font-size:clamp(1.5rem,4vw,2.4rem)}
.callhead h1 a{color:var(--ink);text-decoration:none;white-space:normal}.callhead .lede a{color:var(--ink)}
.mapbox.tilt{max-width:520px;margin:0 auto 3rem;transform:rotate(-2deg)}
html,body{max-width:100%;overflow-x:hidden}main,section,.pagehead,.band,.orange{overflow-x:clip}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.list li{flex-basis:min(240px,100%)}
@media (max-width:860px){.pagehead h1{transform:none}.list li b{font-size:2.2rem}}
