/* PLAYUP shared wordmark (v35): one look for every page header, matching home.html. Markup:
   <a class="pu-brand w30" href="home.html" aria-label="PLAYUP home">PLAY<span>UP</span></a> */
@font-face{font-family:'Anton';src:url(../fonts/anton-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
html body a.pu-brand{display:inline-flex!important;align-items:center;gap:0!important;margin-right:12px;font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;font-size:25px!important;font-weight:400!important;font-style:normal!important;line-height:1!important;letter-spacing:.02em!important;text-transform:uppercase!important;text-decoration:none!important;text-shadow:none!important;filter:none!important;-webkit-text-stroke:0!important;
 background:radial-gradient(circle at 1.5px 1.5px,rgb(0 0 0/.28) 0 .9px,transparent 1.4px) 0 0/4px 4px,radial-gradient(ellipse at 30% 20%,#ffffff,#d9d6cf)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html body a.pu-brand:before,html body a.pu-brand:after{content:none!important;display:none!important}
html body a.pu-brand span{font:inherit!important;letter-spacing:inherit!important;background:radial-gradient(circle at 1.5px 1.5px,rgb(80 30 5/.55) 0 .9px,transparent 1.4px) 0 0/4px 4px,repeating-linear-gradient(115deg,transparent 0 46px,rgb(40 15 3/.85) 46px 49px,transparent 49px 120px),radial-gradient(ellipse at 30% 30%,#ffb17f,#f08a4b 45%,#b4521d)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html body a.pu-brand:focus-visible{outline:2px solid #f08a4b;outline-offset:3px}
@media(max-width:600px){html body a.pu-brand{font-size:21px!important}}
/* footer wordmarks keep their smaller size */
html body .cft a.pu-brand{font-size:18px!important;margin-right:0}