:root{--clr-dark: #1e252c;--clr-neutral: #888;--clr-light: #e8eaee;--clr-cool: #68caed;--clr-hot: #ffa825;--clr-primary: #22bff8;--clr-danger: #f82222;--clr-warn: #f8a222;--clr-info: #29f822;--clr-accent-default: var(--clr-cool);--clr-highlight-default: var(--clr-hot);--clr-bg: var(--bg-clr-preferred, var(--clr-light));--clr-fg: var(--fg-clr-preferred, var(--clr-dark));--clr-accent: var(--clr-accent-preferred, var(--clr-accent-default));--clr-highlight: var(--highlight-clr-preferred, var(--clr-highlight-default));--clr-semiopaque-dark: #1e252ce0;--clr-neutral-semi: #888e;--clr-semiopaque-light: #e8eaeee0;--clr-semiopaque-cool: #68caede0;--clr-semiopaque-hot: #ffa825e0;--clr-primary-semi: #22bff8e0;--clr-danger-semi: #f82222e0;--clr-warn-semi: #f8a222e0;--clr-info-semi: #29f822e0;--clr-semiopaque-accent-default: var(--clr-semiopaque-cool);--clr-semiopaque-highlight-default: var(--clr-semiopaque-hot);--clr-semiopaque-bg: var( --bg-clr-semiopaque-preferred, var(--clr-semiopaque-light) );--clr-semiopaque-fg: var( --fg-clr-semiopaque-preferred, var(--clr-semiopaque-dark) );--clr-semiopaque-accent: var( --clr-accent-semiopaque-preferred, var(--clr-semiopaque-accent-default) );--clr-semiopaque-highlight: var( --highlight-clr-semiopaque-preferred, var(--clr-semiopaque-highlight-default) );--clr-transition: background-color .2s ease-in-out, color .2s ease-in-out;--ff-headings: "Lato", "Sarabun", "Poller One", sans-serif;--ff-body: "Raleway", Avenir, Helvetica, Arial, sans-serif;--ratio: 1.6;--x-small: calc(var(--ratio) / var(--ratio) / var(--ratio) / var(--ratio));--small: calc(var(--ratio) / var(--ratio) / var(--ratio));--large: calc(var(--ratio));--x-large: calc(var(--ratio) * var(--ratio));--xx-large: calc(var(--x-large) * var(--ratio));--sp-base: 1em;--sp-block: var(--sp);--sp-block-x-small: calc(var(--sp-block) * var(--x-small));--sp-block-small: calc(var(--sp-block) * var(--small));--sp-block-large: calc(var(--sp-block) * var(--large));--sp-block-x-large: calc(var(--sp-block) * var(--x-large));--sp-block-xx-large: calc(var(--sp-block) * var(--xx-large));--sp-inline: calc(var(--sp) * var(--ratio));--sp-inline-x-small: calc(var(--sp) * var(--ratio) * var(--x-small));--sp-inline-small: calc(var(--sp) * var(--ratio) * var(var(--small)));--sp-inline-large: calc(var(--sp) * var(--ratio) * var(var(--large)));--sp-inline-x-large: calc(var(--sp) * var(--ratio) * var(var(--x-large)));--sp-inline-xx-large: calc(var(--sp) * var(--ratio) * var(var(--xx-large)));--sp-margin: var(--sp-base);--sp-margin-x-small: calc(var(--sp-margin) * var(--x-small));--sp-margin-small: calc(var(--sp-margin) * var(--small));--sp-margin-large: calc(var(--sp-margin) * var(--large));--sp-margin-x-large: calc(var(--sp-margin) * var(--x-large));--sp-margin-xx-large: calc(var(--sp-margin) * var(--xx-large));--sp-margin-combo: var(--sp-margin) calc(var(--sp-margin) * var(--ratio));--sp-margin-x-small-combo: var(--sp-margin-x-small) calc(var(--sp-margin-x-small) * var(--ratio));--sp-margin-small-combo: var(--sp-margin-small) calc(var(--sp-margin-small) * var(--ratio));--sp-margin-large-combo: var(--sp-margin-large) calc(var(--sp-margin-large) * var(--ratio));--sp-margin-x-large-combo: var(--sp-margin-x-large) calc(var(--sp-margin-x-large) * var(--ratio));--sp-margin-xx-large-combo: var(--sp-margin-xx-large) calc(var(--sp-margin-xx-large) * var(--ratio));--sp-padding: var(--sp-base);--sp-padding-x-small: calc(var(--sp-padding) * var(--x-small));--sp-padding-small: calc(var(--sp-padding) * var(--small));--sp-padding-large: calc(var(--sp-padding) * var(--large));--sp-padding-x-large: calc(var(--sp-padding) * var(--x-large));--sp-padding-xx-large: calc(var(--sp-padding) * var(--xx-large));--sp-padding-combo: var(--sp-padding) calc(var(--sp-padding) * var(--ratio));--sp-padding-x-small-combo: var(--sp-padding-x-small) calc(var(--sp-padding-x-small) * var(--ratio));--sp-padding-small-combo: var(--sp-padding-small) calc(var(--sp-padding-small) * var(--ratio));--sp-padding-large-combo: var(--sp-padding-large) calc(var(--sp-padding-large) * var(--ratio));--sp-padding-x-large-combo: var(--sp-padding-x-large) calc(var(--sp-padding-x-large) * var(--ratio));--sp-padding-xx-large-combo: var(--sp-padding-xx-large) calc(var(--sp-padding-xx-large) * var(--ratio));--sp-gap: var(--sp-base);--sp-gap-x-small: calc(var(--sp-base) * var(--x-small));--sp-gap-small: calc(var(--sp-base) * var(--small));--sp-gap-large: calc(var(--sp-base) * var(--large));--sp-gap-x-large: calc(var(--sp-base) * var(--x-large));--sp-gap-xx-large: calc(var(--sp-base) * var(--xx-large));--rd-base: 10px;--br: var(--rd-base);--br-x-small: calc(var(--rd-base) * var(--x-small));--br-small: calc(var(--rd-base) / var(--small));--br-large: calc(var(--rd-base) * var(--large));--br-x-large: calc(var(--rd-base) * var(--x-large));--br-xx-large: calc(var(--rd-base) * var(--xx-large))}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-clr-preferred: var(--clr-dark);--fg-clr-preferred: var(--clr-light);--highlight-clr-preferred: var(--clr-hot);--clr-accent-preferred: var(var(--clr-accent-default));--bg-clr-semiopaque-preferred: var(--clr-semiopaque-dark);--fg-clr-semiopaque-preferred: var(--clr-semiopaque-light);--highlight-clr-semiopaque-preferred: var(--clr-semiopaque-cool);--clr-semiopaque-accent-preferred: var(var(--clr-semiopaque-accent-default))}body{font-family:var(--ff-body);background-color:var(--clr-bg);color:var(--clr-fg);transition:var(--clr-transition);display:grid;min-height:100vh}a{cursor:pointer;position:relative;text-decoration:none;letter-spacing:1px;color:var(--clr-accent);font-weight:700;opacity:.9;transition:opacity .2s ease-in-out}a[disabled]{opacity:.2;background-color:#8888}a:hover,a:focus-visible{opacity:1}a:not(.btn):after{content:"";position:absolute;left:51%;right:51%;bottom:-2px;height:2px;background-color:currentColor;transition:left .5s ease-in-out,right .5s ease-in-out}a:hover:after,a:focus-visible:after{transition:left .15s ease-in-out,right .15s ease-in-out;left:0;right:0}button{cursor:pointer}.form{max-width:640px;margin-inline:auto;display:grid;row-gap:var(--sp-gap);fieldset {padding: var(--sp-padding-combo); border-color: var(--clr-semiopaque-fg); display: flex; flex-direction: column; &:focus-within {border-color: var(--clr-fg); legend {color: var(--clr-fg);}} legend {padding: var(--sp-padding-x-small); color: var(--clr-semiopaque-fg);} fieldset button,fieldset a {align-self: flex-end;}}}:is(h1,h2,h3,h4,h5,h6,p){margin:0}:is(h1,h2,h3,h4,h5,h6){font-family:var(--ff-headings);font-weight:700;letter-spacing:1.2px;margin-block-start:var(--sp-margin-small);margin-block-end:var(--sp-margin-x-small)}.page-header{margin-block-start:1em;text-align:center}h1{font-size:clamp(1.8rem,3.2vw,4.4rem);font-weight:900}h2{font-size:clamp(1.3rem,2.4vw,3.5rem);opacity:.98}h3{font-size:clamp(1.1rem,2vw,3rem);opacity:.95}h4{font-size:clamp(1rem,1.1vw,1.5rem);opacity:.9}h5{font-size:clamp(.9rem,1vw,1.4rem);opacity:.9}h6{font-size:clamp(.8rem,.9vw,1.2rem);opacity:.9}p{font-size:clamp(1rem,1.1vw,1.5rem);letter-spacing:.75px;line-height:1.6;max-width:70ch;opacity:.95;margin-block-end:1em}small{font-size:clamp(.7rem,1vw,1.2rem)}button,.btn{border-radius:var(--br)}dialog{margin:auto;border-radius:var(--br);box-shadow:0 5px 15px var(--clr-dark);background-color:var(--clr-bg);color:var(--clr-fg)}dialog[open] form{display:grid;place-items:center;margin-block-end:1rem}dialog h2{background-color:var(--clr-neutral-semi);font-size:1.4rem;margin:0;padding:1rem}dialog button{background-color:var(--clr-dark)}dialog button[type=submit]{background-color:var(--clr-primary)}.text-center{text-align:center}.element-center{margin-inline:auto}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;min-height:100vh;grid-template-rows:auto 1fr auto;align-items:space-between;letter-spacing:1px}.router-link-active{opacity:1;font-weight:700}.router-link-active:after{left:10%;right:10%;background-color:transparent;border-bottom:1px dotted var(--clr-fg)}.form-group{display:grid;margin-block-end:var(--sp-margin);gap:var(--sp-gap-x-small)}.form-group label{font-size:clamp(1rem,1.1vw,1.5rem)}.form-group input{padding:var(--sp-padding-combo);font-size:clamp(1rem,1.1vw,1.5rem);border:2px solid;border-color:var(--clr-bg);outline:none}.form-group input:hover{border-color:var(--clr-highlight)}.form-group input:focus,.form-group input .form-group input:active{border-color:var(--clr-accent)}.form-group button{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:clamp(1rem,1.1vw,1.5rem);padding:var(--sp-padding-small-combo);justify-self:end;background-color:var(--clr-primary-semi);color:var(--clr-dark);border:2px solid;border-color:var(--clr-bg)}.form-group button.btn-small{padding:var(--sp-padding-x-small-combo);text-transform:initial}.form-group button:hover,.form-group button:focus-visible{background-color:var(--clr-primary);border-color:var(--clr-highlight)}.form-group button:active{background-color:var(--clr-highlight);border-color:var(--clr-accent)}.form-group-flex{display:flex;gap:var(--sp-gap-small)}.form-group-flex>*{width:100%}.container{width:90%;max-width:2000px;margin-inline:auto}@media (min-width: 768px){.container .container{padding:var(--sp-padding-combo);width:90%}}.flex{display:flex;flex-direction:column;gap:var(--sp-gap);align-items:center}@media (min-width: 768px){.flex .flex{flex-direction:row}}button,.btn{border:2px solid var(--clr-fg);color:var(--clr-fg);background-color:var(--clr-bg);font-size:inherit;font-family:inherit;letter-spacing:1px;transition:translate .1s ease-in-out;padding:var(--sp-padding-small-combo)}button.small,.btn.small{padding:var(--sp-padding-x-small-combo)}button:hover,button:focus-visible,.btn:hover,.btn:focus-visible{font-weight:700;translate:0 -2px}button:active,.btn:active{translate:0 2px}button[disabled],.btn[disabled]{opacity:.2;background-color:#8888}.primary{background-color:var(--clr-primary);color:var(--clr-dark)}.primary:hover,.primary:focus-visible{background-color:var(--clr-primary)}.danger{background-color:var(--clr-danger);color:var(--clr-light)}.danger:hover,.danger:focus-visible{background-color:var(--clr-danger)}.info{background-color:var(--clr-info);color:var(--clr-dark)}.info:hover,.info:focus-visible{background-color:var(--clr-info);color:var(--clr-bg)}.warn{background-color:var(--clr-warn);color:var(--clr-dark)}.warn:hover,.warn:focus-visible{background-color:var(--clr-warn)}.shout{text-transform:uppercase;letter-spacing:2px;font-weight:700}.errorText{color:var(--clr-danger)}@media (min-width: 768px){.right{justify-content:flex-end}}#alert[data-v-7c8e21e7]{position:fixed;width:100%;top:0;text-align:center;padding:var(--sp-padding-small);z-index:3;font-weight:900}#alert p[data-v-7c8e21e7]{width:fit-content;display:block;position:relative;margin:0 auto}.error[data-v-7c8e21e7]{background-color:var(--clr-danger);color:var(--clr-dark)}.success[data-v-7c8e21e7]{background-color:var(--clr-info);color:var(--clr-dark)}.warn[data-v-7c8e21e7]{background-color:var(--clr-warn);color:var(--clr-light)}.fade-enter-from[data-v-7c8e21e7],.fade-leave-to[data-v-7c8e21e7]{opacity:0;transform:translatey(-5rem)}.fade-enter-active[data-v-7c8e21e7]{transition:transform .25s ease-out,opacity .25s ease-out .1s}.fade-leave-active[data-v-7c8e21e7]{transition:opacity .25s ease-out,transform .25s ease-out}.fade-enter-to[data-v-7c8e21e7],.fade-leave-from[data-v-7c8e21e7]{opacity:1;transform:translatey(0)}@media (min-width: 768px){#alert[data-v-7c8e21e7]{position:absolute;top:5rem;z-index:1}}a[data-v-17b82756]:after{display:none}.brand[data-v-17b82756]{display:flex;justify-content:flex-start;align-items:center;gap:var(--sp-gap-small);font-size:1.5rem}.logo.badge-logo[data-v-17b82756]{display:inline-block;width:50px;aspect-ratio:1}.logo.text-logo[data-v-17b82756]{display:inline-block;width:200px}.logo img[data-v-17b82756]{width:100%}.brand .title[data-v-17b82756]{font-family:var(--ff-headings);letter-spacing:1px;font-size:var(--fs);display:none}@media (min-width: 768px){.brand .title[data-v-17b82756]{display:block}}a[data-v-35932282]{color:var(--clr-fg)}nav #nav-mobile[data-v-35932282]{display:flex;width:1.5rem;height:1.5rem;justify-content:flex-end;align-items:center;color:var(--clr-fg);margin-inline-start:auto}nav #nav-mobile button.access-menu[data-v-35932282]{width:100%;height:15%;padding:0;opacity:.75;border:none;color:inherit;background-color:currentColor;border-radius:99vw;box-shadow:0 .5rem 0 currentColor,0 -.5rem 0 currentColor;transition:opacity .5s ease-out;z-index:1}nav #nav-mobile button.close-menu[data-v-35932282]{position:absolute;padding:0;border:none;color:inherit;background-color:transparent;border-top:3px solid currentColor;border-left:3px solid currentColor;transform:rotate(45deg);top:var(--sp-base);right:var(--sp-base);width:1.5rem;height:1.5rem;box-shadow:none}nav ul.nav-mobile[data-v-35932282]{position:fixed;display:none;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-gap);left:0;right:0;top:0;bottom:0;margin:0;list-style:none;font-size:7.5vw;text-transform:uppercase;background-color:var(--clr-semiopaque-bg);transform:translateY(-100%);z-index:2;transition:transform .2s ease-in;backdrop-filter:blur(5px)}nav ul.nav-mobile li[data-v-35932282]{padding:var(--sp-padding)}nav ul.nav-mobile.active[data-v-35932282]{display:flex;transform:translateY(0)}nav ul.nav-desktop[data-v-35932282]{display:none}@media (min-width: 768px){nav #nav-mobile[data-v-35932282]{display:none}nav ul.nav-desktop[data-v-35932282]{display:flex;justify-content:flex-end;align-items:center;list-style:none;gap:var(--sp-gap);font-family:var(--ff-body)}}nav .not-minimal[data-v-35932282]{display:none}header[data-v-01bf29fa]{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;background-color:var(--clr-bg);padding:var(--sp-padding) var(--sp-padding-x-large);box-shadow:0 0 3px var(--clr-fg);min-height:5rem;z-index:2}footer[data-v-6f2e0f7e]{display:grid;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;padding:var(--sp-padding) var(--sp-padding-x-large);opacity:.8;box-shadow:0 0 3px var(--clr-fg);margin-block-start:var(--sp-margin)}.copyright[data-v-6f2e0f7e]{font-size:small}div[data-v-b43fbb06]{display:flex;justify-content:center;align-items:center;min-height:100%;opacity:0;animation:fadein-b43fbb06 .25s ease-in}@keyframes fadein-b43fbb06{0%{opacity:0}to{opacity:1}}.toast[data-v-49a93b5e]{position:fixed;bottom:20px;right:20px;padding:1rem 2rem;border-radius:4px;color:#fff;font-weight:500;display:flex;align-items:center;gap:1rem;z-index:9999;box-shadow:0 2px 8px #0003}.success[data-v-49a93b5e]{background-color:#4caf50}.error[data-v-49a93b5e]{background-color:#f44336}.warning[data-v-49a93b5e]{background-color:#ff9800}.close-button[data-v-49a93b5e]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;margin-left:.5rem}.close-button[data-v-49a93b5e]:hover{opacity:.8}.toast-enter-active[data-v-49a93b5e],.toast-leave-active[data-v-49a93b5e]{transition:all .3s ease}.toast-enter-from[data-v-49a93b5e]{transform:translateY(100%);opacity:0}.toast-leave-to[data-v-49a93b5e]{transform:translateY(-100%);opacity:0}button[data-v-164dcfab]{display:flex;gap:var(--sp-gap-small);justify-content:center;min-width:fit-content;max-width:max-content}button.right[data-v-164dcfab]{justify-self:end}i[data-v-2686f4be]{color:inherit;opacity:inherit}#videoPromo[data-v-94251fec]{margin-inline:auto;width:100%;aspect-ratio:1.78 / 1;max-width:1200px;border-radius:var(--br);border:2px solid transparent;cursor:pointer;transition:transform .25s ease-out,border-color 1.5s ease-out}#videoPromo[data-v-94251fec]:hover{transition:transform .1s ease-in,border-color .1s ease-in;border:2px solid var(--clr-accent);transform:scale(1.025)}li[data-v-85ad55e6]{margin-block-end:1.5em}li h2[data-v-85ad55e6],li h3[data-v-85ad55e6]{margin-block:.25em;line-height:1.2}li h2[data-v-85ad55e6]{font-weight:400;color:var(--clr-semiopaque-fg)}li.small h2[data-v-85ad55e6]{font-size:1.3rem}li.small h3[data-v-85ad55e6]{font-size:1.1rem}li .actions[data-v-85ad55e6]{display:flex;flex-wrap:wrap;align-items:baseline;gap:2ch}li .badge[data-v-85ad55e6]{background-color:var(--clr-accent);color:var(--clr-dark);width:fit-content;padding:.25em .5em;border-radius:var(--br)}li[data-v-1d805e7f]{margin-block-end:1em}.date[data-v-1d805e7f]{height:1.5em;background-color:#fff4}.venue[data-v-1d805e7f]{height:1.8em;background-color:#fff7}ul[data-v-24c9e6ff]{list-style:none;margin:0;padding:0;font-size:small}div{&[data-v-37fd0051]{display:flex;flex-wrap:wrap;gap:var(--sp-gap-small);justify-content:center;align-items:center;background-color:#000;border-radius:var(--br);padding:var(--sp-padding-small-combo)}>*[data-v-37fd0051] {margin: 0;}}.container[data-v-68a5d41e]{display:flex;flex-direction:column;gap:2rem}article[data-v-68a5d41e]{display:grid;align-items:center;column-gap:var(--sp-gap-xx-large)}article h3[data-v-68a5d41e]{margin:0}.events[data-v-68a5d41e]{margin-block-start:var(--sp-margin-x-large);display:grid;gap:var(--sp-gap);justify-items:center}.reset[data-v-68a5d41e] *{margin:0;padding:0;line-height:1}.homepage-signup[data-v-68a5d41e]{text-align:center;margin:0 auto var(--sp-margin-large)}.two-column[data-v-68a5d41e]{display:grid;grid-template-columns:1fr auto;gap:var(--sp-gap);@media (max-width: 1200px){grid-template-columns:1fr}}figcaption[data-v-68a5d41e]{max-width:60ch;padding-inline:1em}@media (min-width: 1540px){article[data-v-68a5d41e]{grid-template-columns:1fr 400px}.events[data-v-68a5d41e]{margin-block-start:0}}#theband[data-v-68a5d41e]{max-width:600px;border:1px solid black;border-radius:var(--br-small);background-image:linear-gradient(#0008,#242424);box-shadow:0 -20px 20px -20px #fff4 inset;@media (max-width: 1200px){max-width:100%}}