@font-face{font-family:"Pollard";font-display:swap;src:url("/img/691d7514033eaf8396293d18.ttf") format("truetype"),url("https://assets.cdn.filesafe.space/wsrNe24qXG0EPggrwTyw/media/691d7514033eaf8396293d18.ttf") format("truetype")}

:root{--o:#FFD200;--k:#111;--w:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--w);color:var(--k);scroll-behavior:smooth}
body{font-family:Questrial,"Helvetica Neue",Arial,sans-serif;letter-spacing:.06em;line-height:1.6;overflow-x:hidden}
a{color:inherit}
.disp,h1,h2,h3,.logo,header nav,.btn{font-family:Pollard,Anton,Impact,"Arial Narrow Bold",sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase}
header{max-width:1100px;margin:0 auto;padding:1.6rem 1.4rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}
.logo{color:var(--k);text-decoration:none;font-size:clamp(3.4rem,13vw,6.5rem);line-height:.86;display:block}
header nav{display:flex;flex-direction:column;align-items:flex-end;font-size:1.35rem;line-height:1.15}
header nav a{text-decoration:none}
header nav a:hover{text-decoration:underline;text-decoration-thickness:3px}
.band{border-top:3px solid var(--k);background-color:var(--o);color:var(--k);background-image:radial-gradient(rgba(0,0,0,.09) 1.1px,transparent 1.6px);background-size:7px 7px}
header{background:var(--o)}
header#top{max-width:none;padding-left:max(1.4rem,calc((100vw - 1100px)/2 + 1.4rem));padding-right:max(1.4rem,calc((100vw - 1100px)/2 + 1.4rem))}
.inner{max-width:1100px;margin:0 auto;padding:clamp(3rem,7vw,5rem) 1.4rem}
h1{font-size:clamp(4rem,17vw,10rem);line-height:.88}
h2{font-size:clamp(2.8rem,10vw,5.5rem);line-height:.9;margin-bottom:1.4rem}
h3{font-size:clamp(2.2rem,7vw,3.4rem);line-height:.92;margin-bottom:.8rem}
.o{color:var(--k)}
h1.o,h2.o,h2 .o{margin-bottom:.15em}
blockquote p.o{display:block}
.kicker{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:.8rem;opacity:.85}
p{margin:.9rem 0;max-width:58ch}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.art img{width:100%;display:block}
.btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;align-items:center}
.btn{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-size:1.35rem;line-height:1;padding:.8rem 1.3rem;border:3px solid currentColor;background:transparent;color:inherit;cursor:pointer;transition:background .1s,color .1s;font-family:Pollard,Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.btn.solid{background:var(--k);color:var(--o);border-color:var(--k)}
.band .btn.solid{background:var(--k);color:var(--o);border-color:var(--k)}
.band .btn{color:var(--k)}
.btn{transition:transform .15s ease,background .15s,color .15s}
.btn:hover{background:var(--k);color:var(--o);border-color:var(--k);transform:scale(1.04)}
.smile{width:1.25em;height:1.25em;flex:none;display:block}
.bc{border:0;width:100%;margin-top:1.4rem}
.free{text-align:center}
.free h2{font-size:clamp(3.4rem,14vw,8.5rem);margin-bottom:.4rem}
.free p{margin:1rem auto}
.free .btns{justify-content:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.split>div+div{border-left:3px solid var(--k);padding-left:3rem}
form.signup{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
form.signup input{flex:1 1 220px;border:3px solid var(--k);padding:.85rem;font:inherit;letter-spacing:.06em}
.small{font-size:.75rem;opacity:.65}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 1.4rem}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}.item b{font-size:1.1rem}.add{font-size:.95rem}.size{width:2.7rem;font-size:.75rem;padding:0 .1rem}.size+.add{font-size:.8rem;padding:0 .3rem;letter-spacing:.02em}}
.item{text-decoration:none;color:var(--k);display:flex;flex-direction:column}
.item img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f3f3f3;transition:transform .15s}
.item:hover img{transform:scale(1.04)}
.item b{overflow-wrap:anywhere;display:block;font-family:Pollard,Anton,Impact,sans-serif;font-weight:400;font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em;margin-top:.8rem;line-height:1.05;min-height:2.1em}
.item .pr{align-self:flex-start;background:var(--o);color:var(--k);font-weight:bold;padding:.05rem .35rem;margin-top:.35rem;font-size:.95rem}
.item .d{display:block;flex:1;font-size:.78rem;opacity:.7;margin:.45rem 0 .9rem;line-height:1.45}
.listen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
@media (max-width:700px){.listen{grid-template-columns:1fr 1fr;gap:.7rem}}
.listen .lp{container-type:inline-size;border:3px solid var(--k);background:#fff}
.listen .lp iframe{display:block;width:100%;height:calc(100cqw + 130px);border:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.about img{width:100%;display:block}
blockquote{margin:1.8rem 0;border-left:8px solid var(--o);padding:.15rem 0 .15rem 1rem}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;align-items:start;padding-top:0;padding-bottom:3rem}
.quotes blockquote{margin:0}
@media (max-width:900px){.quotes{grid-template-columns:1fr;gap:1.4rem}}
blockquote p{font-family:Pollard,Anton,Impact,sans-serif;text-transform:uppercase;font-size:1.7rem;line-height:1.05;letter-spacing:.02em;margin:0}
blockquote cite{display:block;margin-top:.45rem;font-style:normal;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;opacity:.85}
.contact form{display:grid;gap:.8rem;max-width:560px}
.contact input,.contact textarea{border:3px solid var(--k);background:rgba(255,255,255,.6);color:var(--k);padding:.85rem;font:inherit;letter-spacing:.06em}
.contact ::placeholder{color:rgba(0,0,0,.6)}
.contact textarea{min-height:8rem}
.contact .btn{justify-self:start}
.social{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2rem;font-family:Pollard,Anton,Impact,sans-serif;text-transform:uppercase;font-size:1.3rem}
.social a{text-decoration:none}
footer{background:#111;padding:1.8rem 1rem 6rem}
.icons{display:flex;justify-content:center;flex-wrap:wrap;gap:1.6rem}
.icons a{color:var(--o);display:block;transition:transform .12s}
.icons a:hover{transform:translateY(-3px)}
.icons svg{width:30px;height:30px;display:block}
.item a{display:block}
.addrow{display:flex;gap:.4rem;margin-top:auto;height:46px}
.add{flex:1;height:100%;font-family:Pollard,Anton,Impact,sans-serif;font-size:1.05rem;background:var(--k);color:var(--o);border:0;padding:0 .6rem;cursor:pointer;letter-spacing:.04em;white-space:nowrap}
.add{transition:transform .15s ease,background .15s}
.add:hover{background:#333;transform:scale(1.04)}
.add:active{transform:translateY(1px)}
.size{height:100%;border:2px solid var(--k);font:inherit;font-size:.85rem;padding:0 .3rem;background:#fff;width:3.6rem;flex:none}
#cart{position:fixed;inset:0;z-index:80;display:none}
#cart.open{display:block}
#cart .shade{position:absolute;inset:0;background:rgba(0,0,0,.45)}
#cart .panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fff;padding:1.4rem;overflow:auto;display:flex;flex-direction:column;gap:.8rem}
#cart h3{color:var(--k)}
.line{display:flex;justify-content:space-between;align-items:center;gap:.6rem;border-bottom:2px solid #eee;padding:.6rem 0}
.line button{border:2px solid var(--k);background:#fff;width:2rem;height:2rem;cursor:pointer;font:inherit}
.total{font-family:Pollard,Anton,Impact,sans-serif;font-size:1.8rem;display:flex;justify-content:space-between}
body{padding-bottom:0}
/* sticky section menu */
#stick{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--o);border-bottom:3px solid var(--k);display:flex;align-items:center;gap:1rem;
  padding:.55rem 1rem;transform:translateY(-110%);transition:transform .2s}
#stick.show{transform:none}
#stick .mini{font-family:Pollard,Anton,Impact,sans-serif;color:var(--k);font-size:1.35rem;text-decoration:none;white-space:nowrap;line-height:1}
#stick .links{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;flex:1;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
#stick .links::-webkit-scrollbar{display:none}
#stick .links a{font-family:Pollard,Anton,Impact,sans-serif;font-size:1.05rem;text-decoration:none;white-space:nowrap;padding:.2rem 0;border-bottom:3px solid transparent}
#stick .links a.on{color:var(--k);border-color:var(--k)}
.cartnav{font-family:Pollard,Anton,Impact,sans-serif;font-size:1.05rem;background:var(--k);color:#fff;border:0;padding:.4rem .7rem;cursor:pointer;white-space:nowrap}
.cartnav{background:transparent;color:var(--k);border:2px solid var(--k)}
.cartnav.has{background:var(--k);color:var(--o)}
section{scroll-margin-top:3.6rem}
/* player */
#pl{position:fixed;right:calc(1rem + 5px + env(safe-area-inset-right,0px));bottom:calc(1rem + 5px + env(safe-area-inset-bottom,0px));z-index:65;width:auto;max-width:calc(100vw - 2rem - 10px);box-sizing:border-box;font-family:Inter,sans-serif}
#pl .bar{display:flex;align-items:center;gap:.65rem;background:var(--o);color:var(--k);border:3px solid var(--k);padding:.4rem .45rem .4rem .4rem;box-shadow:5px 5px 0 var(--k)}
#pl .disc{position:relative;width:46px;height:46px;flex:none;overflow:hidden;border:2px solid var(--k);background:#111;cursor:pointer}
#pl .disc img{width:100%;height:100%;object-fit:cover;display:block}
#pl .meta{min-width:0;width:150px;line-height:1.1;overflow:hidden}
#pl .meta b{display:block;font-family:Pollard,Anton,Impact,sans-serif;font-weight:400;font-size:1.2rem;letter-spacing:.03em}
#pl .tick{display:block;white-space:nowrap;overflow:hidden;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
#pl .tick span{display:inline-block;padding-left:100%;animation:pltick 14s linear infinite}
@keyframes pltick{to{transform:translateX(-100%)}}
#pl .pbtn{width:42px;height:42px;border-radius:50%;border:0;background:var(--k);color:var(--o);cursor:pointer;flex:none;display:grid;place-items:center}
#pl .pbtn svg{width:16px;height:16px;fill:currentColor}
#pl .ibtn{background:none;border:0;color:var(--k);font-size:1.15rem;cursor:pointer;padding:.15rem .25rem;flex:none;line-height:1}
#pl .sheet{background:#fff;border:3px solid var(--k);border-bottom:0;overflow:hidden;position:relative}
#pl .sheet::before{content:"";display:block;height:10px;background:repeating-linear-gradient(-45deg,#111 0 10px,var(--o) 10px 20px)}
#pl.open{width:min(380px,calc(100vw - 2rem - 10px))}
#pl.open .meta{flex:1;width:auto}
#pl.open .sheet{height:min(440px,55vh)}
#pl .sheet iframe{border:0;width:100%;height:calc(100% - 10px);display:block}
#pl:not(.open) .sheet{position:absolute;right:0;bottom:100%;width:2px;height:2px;opacity:0;pointer-events:none;border:0}
#pl.open .sheet{width:auto}
#pl.min .meta,#pl.min .ibtn.up{display:none}
#pl.min .bar{padding:.35rem;gap:.45rem}
@media (max-width:420px){#pl .meta{width:108px}#pl .meta b{font-size:1.05rem}}
@media (prefers-reduced-motion:reduce){#pl .tick span{animation:none}}
@media (max-width:760px){#stick .mini{display:none}
 header{padding:1.2rem 1.2rem .6rem}
 header nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:1rem;width:100%;scrollbar-width:none;font-size:1.15rem;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
 header nav::-webkit-scrollbar{display:none}
 header nav a{white-space:nowrap}}

.dm{background:var(--o);position:relative}
.dm-gl{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
#dm-canvas{position:relative;z-index:1}
html{overflow-x:clip}
body{overflow-x:clip}
.trackbox .split{border:3px solid var(--k);padding:2rem;background:#fff;margin:4rem auto;width:auto;max-width:1100px}
@media (min-width:761px){.trackbox .split{margin:4rem 1.4rem}}
@media (min-width:1160px){.trackbox .split{margin:4rem auto}}
.trackbox .split>div+div{border-left-color:var(--k)}
@media (max-width:760px){.trackbox .split{padding:1.4rem;gap:1rem;margin:2.5rem 1rem}.trackbox .split>div+div{border-top:0;padding-top:0}}
header nav,#stick .links{overflow-y:hidden!important;overscroll-behavior:contain;touch-action:pan-x}
header#top{position:relative}
.cartico{display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;color:var(--k);position:relative;line-height:1}
.cartico .bag{width:30px;height:30px}
.cartico .cn{position:absolute;right:-7px;top:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--k);color:var(--o);font:700 11px/18px Inter,sans-serif;text-align:center;padding:0 4px}
header#top .cartico{position:absolute;top:1.4rem;right:max(1.4rem,calc((100vw - 1100px)/2 + 1.4rem))}
header#top nav{margin-right:3.2rem}
.cartnav.cartico{background:none;border:0;padding:.2rem .4rem;cursor:pointer}
.cartnav.cartico.has{background:none;color:var(--k)}
.cartnav.cartico .bag{width:26px;height:26px}
@media (max-width:760px){
 header#top nav{margin-right:0;display:flex;flex-wrap:wrap!important;overflow:visible!important;white-space:nowrap;flex-wrap:nowrap!important;justify-content:space-between;gap:.6rem;font-size:clamp(.85rem,4.1vw,1.05rem);-webkit-mask-image:none;touch-action:auto}
 header#top .cartico{top:1.3rem;right:1.2rem}
 #stick{gap:.6rem;padding:.5rem 1.2rem .5rem .8rem}
 #stick .links{min-width:0}
 #stick .cartico .cn{right:-4px}
 #stick .links{flex-wrap:nowrap;overflow:visible!important;gap:.4rem;justify-content:space-between;-webkit-mask-image:none;touch-action:auto}
 #stick .links a{font-size:clamp(.6rem,2.95vw,.82rem);letter-spacing:.06em;padding:.05rem 0;border-bottom-width:2px}
}
.hero{gap:2rem}
@media (max-width:760px){.hero{gap:.9rem}.hero .kicker{margin:0 0 .2rem}#portals .inner{padding-top:1.6rem}}
.mapwrap{max-width:520px;width:100%}
.ausmap{display:block;width:100%;height:auto;overflow:visible}
.ausmap .n{font:400 17px Pollard,Anton,Impact,sans-serif;text-anchor:middle;fill:#111;dominant-baseline:auto}
.ausmap .s{font:700 7.5px Inter,sans-serif;letter-spacing:.14em;text-anchor:middle;fill:#111}
.ausmap .os{font:700 9px Inter,sans-serif;letter-spacing:.14em;fill:#111;text-transform:uppercase}
@media (min-width:761px){
 .hero{grid-template-columns:1fr 1fr;align-items:stretch;gap:3.5rem}
 .hero .art img{aspect-ratio:1;object-fit:cover;height:100%}
 .hero>div:last-child{display:flex;flex-direction:column;justify-content:flex-start;padding:0}
 .hero>div:last-child .kicker{margin:0}
 .hero h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.85;margin:.3rem 0 0}
 .hero p{margin:.7rem 0}
 .hero .btns{margin-top:auto;padding-top:1.2rem}
}
.hazard{height:16px;background:repeating-linear-gradient(-45deg,#111 0 16px,var(--o) 16px 32px)}
.tape{position:relative;height:0;z-index:6;pointer-events:none}
.tape>div{position:absolute;left:0;right:0;top:-18px;background:var(--o);border-top:4px solid #111;border-bottom:4px solid #111;
  overflow:hidden;white-space:nowrap;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.tape span{display:inline-block;padding:.32rem 0;font-family:Pollard,Anton,Impact,sans-serif;font-size:1.35rem;letter-spacing:.14em;color:#111;animation:tape 60s linear infinite}
.tape.pack>div{background:#c9a26b;border-color:#8a6a3d;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.tape.pack span{color:#3b2a14;font-size:1.1rem;animation-direction:reverse}
.tape.plain>div{height:26px;background:repeating-linear-gradient(-45deg,#111 0 18px,var(--o) 18px 36px);border-width:3px}
@keyframes tape{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tape span{animation:none}}

#dm-canvas{display:block;width:100%;aspect-ratio:21/9;max-height:62vh;margin:0 auto;touch-action:pan-y;cursor:grab}
#dm-canvas:active{cursor:grabbing}
.dm-bar{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:.4rem 2rem;max-width:1100px;margin:0 auto;padding:.55rem 1.2rem;color:#000;
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
#dm-play{background:none;border:0;border-bottom:2px solid #000;color:#000;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:.15rem 0;white-space:nowrap}
#dm-play:hover{background:#000;color:#FFD200}
@media (max-width:760px){#dm-canvas{aspect-ratio:1/1}.dm-bar{font-size:.62rem}}
.logo img{display:block;height:clamp(92px,12vw,150px);width:auto}
#stick .mini img{display:block;height:34px;width:auto}
.vid{position:relative;background:#000;overflow:hidden;max-height:70vh}
.vid video{width:100%;display:block;max-height:70vh;object-fit:cover}
.vid .cap{position:absolute;left:1.4rem;bottom:1.2rem;color:#fff;font-family:Pollard,Anton,Impact,sans-serif;font-size:clamp(2rem,8vw,4.5rem);line-height:.9;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.map{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(84px,auto);gap:6px;max-width:520px}
.tile{background-color:var(--o);background-image:radial-gradient(circle,#000 var(--r),transparent calc(var(--r) + .7px));background-size:9px 9px;border:2px solid #000;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Pollard,Anton,Impact,sans-serif}
.tile b,.tile span{background:var(--o);padding:0 .3rem}
.tile b{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:400;line-height:1}
.tile span{font-size:.9rem;letter-spacing:.1em}
.where{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.big{font-family:Pollard,Anton,Impact,sans-serif;font-size:clamp(3.5rem,14vw,7rem);line-height:.9}
.discord{display:none}
@media (max-width:760px){.where{grid-template-columns:1fr}}
@media (max-width:760px){.hero,.split,.about{grid-template-columns:1fr}.split>div+div{border-left:0;padding-left:0;border-top:3px solid var(--k);padding-top:2.5rem}
 header nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:.2rem 1rem;align-items:center;font-size:1.15rem}}
/* ---- alignment pass ---- */
h1,h2,h3,.big,blockquote p{text-wrap:balance}
.kicker{max-width:none}
/* signup box sits on the same edges as everything else */
.trackbox .split{max-width:calc(1100px - 2.8rem);margin:4rem 1.4rem}
@media (min-width:1160px){.trackbox .split{margin:4rem auto}}
@media (max-width:760px){.trackbox .split{margin:2.5rem 1.4rem}}
form.signup .btn{flex:1 1 100%;justify-content:center}
/* hero: edges line up only where there's room; tablets get a centred square */
@media (min-width:761px) and (max-width:999px){
 .hero{align-items:center;gap:2rem}
 .hero .art img{height:auto}
 .hero>div:last-child{display:block}
 .hero .btns{margin-top:1.4rem;padding-top:0}
}
/* tablets: stack the squeezed two-column sections */
@media (max-width:999px){
 .trackbox .split,.where,.about{grid-template-columns:1fr}
 .trackbox .split{gap:1.2rem}
 .trackbox .split>div+div{border:0;padding:0}
 .about img{max-width:520px}
 .contact form{max-width:none}
}
@media (min-width:1000px){
 .trackbox .split{align-items:center}
 /* menu in one row, bottom-aligned with the logo and the bag */
 header#top{align-items:flex-end}
 header#top nav{flex-direction:row;gap:1.6rem;margin-right:3.4rem}
 header#top .cartico{top:auto;bottom:1.45rem}
 /* contact: heading left, form right, like the other split sections */
 .contact .inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:3.5rem}
 .contact h2{grid-column:1;grid-row:1;margin-top:-.08em}
 .contact .kicker{grid-column:1;grid-row:2;align-self:start}
 .contact form{grid-column:2;grid-row:1/span 2;max-width:none}
 .contact .small{grid-column:2;grid-row:3}
}
/* tee size picker: full-width row above the button so every ADD TO CART matches */
@media (max-width:900px){
 .addrow:has(.size){flex-wrap:wrap;height:auto}
 .addrow .size{width:100%;height:38px;font-size:.85rem}
 .addrow .size+.add{flex:1 1 100%;height:46px;font-size:.95rem;padding:0 .6rem;letter-spacing:.04em}
}