@font-face{font-family:'Anton';src:url(../../fonts/concepts/anton.woff2) format('woff2');font-weight:400;font-display:swap}
.st-box{--an:'Anton',var(--body);background:var(--c8-black);color:var(--c8-white)}
.st-box h2,.st-box h3{font-family:var(--an);font-weight:400;text-transform:uppercase;letter-spacing:.002em}
.st-box .st-nav{text-transform:uppercase;font-weight:600;font-size:max(11px,.76rem);position:relative;z-index:2}
.st-box .st-nav b{font:400 1.5rem/1 var(--an);letter-spacing:.02em}
.bx-hero{position:relative;overflow:hidden;min-height:calc(100vh - 6.4rem);min-height:calc(100svh - 6.4rem);display:flex;flex-direction:column;justify-content:center;padding:0 var(--st-pad) clamp(1.6rem,3vw,4rem);cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.st-box .bx-word{margin:0;font:400 min(25.6vw,39vh)/1 var(--an);letter-spacing:-.008em;display:block}
.bx-word > span{display:inline-block;margin-right:.14em;white-space:nowrap}
.bx-word > span:nth-child(3){display:block;margin:0;color:var(--c8-orange)}
.bx-l{display:inline-block;will-change:transform;transition:color .5s var(--ease)}
.bx-l.hot{color:var(--c8-white);transition:none}
.bx-word > span:nth-child(3) .bx-l.hot{color:var(--c8-white)}
.bx-word > span:not(:nth-child(3)) .bx-l.hot{color:var(--c8-orange)}
.bx-punch{position:absolute;right:var(--st-pad);bottom:clamp(1.6rem,3vw,4rem);font:400 clamp(1.4rem,2.4vw,4.4rem)/1 var(--an);text-transform:uppercase;padding:.55em .8em;border:0;background:var(--c8-orange);color:var(--c8-black);cursor:pointer;transition:transform .25s var(--spring)}
.bx-punch:active{transform:scale(.92)}
.bx-ring{position:absolute;width:30vmin;height:30vmin;margin:-15vmin 0 0 -15vmin;border-radius:50%;box-shadow:inset 0 0 0 .5vmin var(--c8-orange);pointer-events:none;animation:bx-ring .55s var(--ease) both}
@keyframes bx-ring{0%{transform:scale(.1);opacity:1}100%{transform:scale(1.5);opacity:0}}
@media (max-width:760px){.st-box .bx-word{font-size:34vw}.bx-word > span{display:block}.bx-hero{justify-content:flex-start;padding-top:.6rem;min-height:calc(100svh - 7rem)}}
/* times */
.st-box h2{font-size:max(3.2rem,8vw);line-height:.95;margin:0 0 1.8rem}
.bx-times{border-top:1px solid var(--c8-line)}
.bx-scroll{overflow-x:auto}
.bx-table{width:100%;min-width:34rem;border-collapse:collapse}
.bx-table thead th{font:400 clamp(1.1rem,1.6vw,3rem)/1 var(--an);text-transform:uppercase;color:var(--c8-grey);padding:0 0 .8rem;text-align:center}
.bx-table tbody th{text-align:left;padding:.9rem 1rem .9rem 0;border-top:1px solid var(--c8-line);white-space:nowrap}
.bx-table tbody th b{display:block;font:400 clamp(1.5rem,2.4vw,4.4rem)/1 var(--an)}
.bx-table tbody th span{font-size:max(11px,.76rem);color:var(--c8-grey);font-weight:400}
.bx-table td{border-top:1px solid var(--c8-line);text-align:center;padding:.4rem}
.bx-slot{width:100%;min-width:2.6rem;height:clamp(2.6rem,4.4vw,8rem);padding:0;border:0;background:var(--c8-line);cursor:pointer;transition:background-color .15s,transform .25s var(--spring)}
.bx-slot:hover{background:var(--c8-grey)}
.bx-slot:active{transform:scale(.9)}
.bx-slot[aria-pressed=true]{background:var(--c8-orange)}
/* join */
.bx-join-sec{background:var(--c8-orange);color:var(--c8-black)}
.bx-plan{border-top:3px solid var(--c8-black);padding-top:1rem}
.bx-plan h3{font-size:clamp(1.6rem,2.4vw,4.4rem);margin:0}
.bx-price{font:400 clamp(4rem,8vw,18rem)/1 var(--an);margin:.3rem 0 .6rem}
.bx-plan p:not(.bx-price){margin:0 0 1rem;font-weight:500}
.bx-join{font:400 1.3rem/1 var(--an);text-transform:uppercase;padding:.7em 1em;border:0;background:var(--c8-black);color:var(--c8-white);cursor:pointer;transition:transform .25s var(--spring)}
.bx-join:active{transform:scale(.94)}
.bx-join[aria-pressed=true]{background:var(--c8-white);color:var(--c8-black)}
