/* 1:1 recreation of the Wix desktop layout (980px stage, sticky header + footer). */
@font-face{font-family:FB;src:url(/assets/fonts/futura-pt-bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:FK;src:url(/assets/fonts/futura-pt-book.woff2) format("woff2");font-display:swap}
html{background:#000;scroll-behavior:smooth;scroll-padding-top:83px}
body{margin:0;background:#000;min-width:980px;font-synthesis:none;font-family:FK,"Futura","Century Gothic",sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block}

/* header */
.wx-hdr{position:sticky;top:0;z-index:50;height:83px;background:#000;box-shadow:0 0 5px rgba(0,0,0,.7)}
.wx-hdr .st{position:relative;width:980px;height:83px;margin:0 auto}
.wx-logo{position:absolute;left:5px;top:0;width:79px;height:82px}
.wx-logo img{width:79px;height:82px;object-fit:cover}
.wx-nav a{position:absolute;top:15px;height:45px;display:flex;align-items:center;justify-content:center;
  font:25px/1 FK,sans-serif;letter-spacing:1.25px;color:#fff;text-decoration:none;white-space:nowrap;transition:color .2s}
.wx-nav a:hover,.wx-nav a.on{color:#ffd319}

/* bands + stage */
.wx-sec{position:relative}
.wx-sec>.st{position:relative;width:980px;height:100%;margin:0 auto}
.wx-c{position:absolute}
.wx-c p,.wx-c h1,.wx-c h2,.wx-c h3,.wx-c h4,.wx-c h5,.wx-c h6{margin:0;font-weight:400}
.wx-c a{text-underline-offset:auto}

/* buttons */
.wx-btn{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  background:#1584e0;border-radius:50px;text-decoration:none;font:30px/1 FB,sans-serif;letter-spacing:1.5px;color:#fff;
  transition:color .2s,border-color .2s;white-space:nowrap}
.wx-btn:hover{color:#ffd319;border-color:#1584e0!important}

.wx-line{position:absolute;height:0;border-top:1px solid rgba(255,255,255,.11)}

/* footer */
.wx-ftr{position:sticky;bottom:0;z-index:50;height:74px;background:#000;box-shadow:0 0 5px rgba(0,0,0,.7)}
.wx-ftr .st{position:relative;width:980px;height:74px;margin:0 auto}
.wx-ftr .ln{position:absolute;left:0;right:0;top:9px;border-top:1px solid rgba(255,255,255,.11)}
.wx-ftr a{position:absolute;top:19px;width:39px;height:39px}
.wx-ftr img{width:39px;height:39px}

/* booking box (replaces the Wix Bookings widget) */
.wx-book{position:absolute;box-sizing:border-box;background:#fff;border:2px solid #f06d35;color:#000;text-align:center}
.wx-book h2{font:35px/52.5px FB,sans-serif;margin:27px 0 0;color:#000}
.wx-book p{font:20px/30px FK,sans-serif;margin:0;color:#000}
.wx-book p+p{margin-top:20px}
.wx-book iframe{display:block;width:100%;height:640px;border:0;margin-top:18px}
.wx-book .alt{font:16px/24px FK,sans-serif;margin:6px 0 14px}
.wx-book .alt a{color:#1584e0}

/* "PLAY …" text links (project pages) */
.wx-play{position:absolute;display:flex;align-items:center;justify-content:center;font:25px/1 FB,sans-serif;color:#fff;text-decoration:none;white-space:nowrap}
.wx-play::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:linear-gradient(90deg,#ffd319,#ff2975);transition:transform .25s;transform-origin:left}
.wx-play:hover::after{transform:scaleX(.5)}
.wx-card{display:block;cursor:pointer}

/* GameSoundCon slider */
.wx-gscplay{position:absolute;width:142px;height:40px;border:0;border-radius:999px;background:#ed3338;color:#fff;font:15px Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.wx-gscplay::before{content:"";border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
.wx-gscplay:hover{background:#ff4a4f}
.wx-gscthumbs{display:flex;gap:14px}
.wx-gscthumbs button{all:unset;cursor:pointer;width:233px;height:136px;outline:2px solid transparent;transition:outline-color .15s}
.wx-gscthumbs button:hover,.wx-gscthumbs button.on{outline-color:#fff}
.wx-gscthumbs img{width:233px;height:136px;object-fit:cover}

/* portfolio example: section link bar (requested addition, not on Wix) */
.wx-sub{position:sticky;top:83px;z-index:45;height:46px;background:rgba(0,0,0,.92);border-bottom:1px solid #222}
.wx-sub .in{width:980px;height:46px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:6px}
.wx-sub a{font:16px FB,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#aaa;text-decoration:none;padding:6px 10px;position:relative}
.wx-sub a:hover{color:#fff}
.wx-sub a.on{color:#ffd319}
.wx-sub a.on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:linear-gradient(90deg,#ffd319,#ff2975)}
html:has(.wx-sub){scroll-padding-top:129px}
.wx-c a{text-decoration:none}