@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,600;0,800;1,300;1,500;1,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/monument-extended');

@font-face {
    font-family: 'futurablack';
    src: url('../includes/fonts/futura_extra_black_font-webfont.woff2.html') format('woff2'),
         url('../includes/fonts/futura_extra_black_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuralight';
    src: url('../includes/fonts/futura_light_bt-webfont.woff2.html') format('woff2'),
         url('../includes/fonts/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuramedium';
    src: url('../includes/fonts/futura_medium_bt-webfont.woff2.html') format('woff2'),
         url('../includes/fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important; }

* { margin:0; padding:0; border:0; }
html, body { width:100%; height:100vh; margin:0; top:0; padding:0; font-family:'Montserrat', sans-serif; font-size:1em !important; font-weight:300; line-height:1.6em; letter-spacing:0em; }

body { width:100%; height:100vh; margin:0; top:0 !important; overflow:hidden;

--primary-color: #00bce7;
--secondary-color: #E64783;

--color-text: #191919;
--color-text-white: #fff;
--color-text-lightgrey: #f3f3f3;
--color-text-grey: #666;
--color-text-coloured: var(--primary-color);
    
--color-bg: #f3f3f3;
--color-bg-dark: #000000;
--color-bg-alert: var(--primary-color);
--color-bg-overlay: var(--primary-color);
--color-bg-loader: var(--primary-color);
--color-bg-coloured: var(--primary-color);
    
--color-link: #191919;
--color-link-white: #fff;
--color-link-hover: var(--primary-color);
--color-link-alt-hover: var(--primary-color);
    
--color-menu: #191919;
--color-menu-hover: var(--primary-color);
--color-menu-current: var(--primary-color);
--color-menu-white: #fff;
    
--color-menuoverlay: #f3f3f3;
--color-menuoverlay-hover: #191919;
--color-menuoverlay-current: #191919;

--color-footer: #f3f3f3;
--color-footer-hover: var(--primary-color);
    
color: var(--color-text);
background-color: var(--color-bg);
	
-ms-overflow-x: hidden;
    overflow-x: hidden;
    
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;

-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
font-smoothing:antialiased;

text-rendering:optimizeLegibility !important;

-webkit-font-smoothing:subpixel-antialiased;
-moz-font-smoothing:subpixel-antialiased;
-o-font-smoothing:subpixel-antialiased;
-ms-font-smoothing:subpixel-antialiased;
font-smoothing:subpixel-antialiased;
    
-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important;
	
-moz-osx-font-smoothing: grayscale;
}

::selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Safari */	}
::-moz-selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Firefox */ }

img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
a, img { border:0; text-decoration:none; outline:none; }

@keyframes reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealBack {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealTop {
  from {
    clip-path: inset(0 0 100% 0); opacity:0;
  }
  to {
    clip-path: inset(0 0 0 0); opacity:1;
  }
}

.noScroll { overflow:hidden; }
.noVertScroll { overflow-y:hidden; }

/* COOKIES */
.cookies_alert { position:fixed; display:none; justify-content:center; align-items:center; width:510px; min-height:200px; height:auto; bottom:30px; margin:0 auto; left:30px; background:var(--color-bg-coloured); z-index:100; border-radius:15px;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 0;
transform: translateY(20px);
}

.cookies_alert.show {
    opacity: 1;
    transform: translateY(0);
    animation: cookiesBounce 0.6s ease-out;
}

@keyframes cookiesBounce {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    60% {
        transform: translateY(-10px);
        opacity: 1;
    }
    80% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
}
.cookies_content { position:relative; width:100%; min-height:170px; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:10px 20px 20px 25px; text-align:left; -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .icon { flex:0 0 60px; margin:0 10px; padding-right:20px; }
.cookies_content .icon img { max-width:60px; }
.cookies_content .text { flex:1; font-family:'futura', sans-serif; font-size:1em; font-weight:500; line-height:1.5em; color:var(--color-text-white); -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .text .btns { margin-top:30px; }
.cookies_content .text .btns a { position:relative; width:auto; height:40px; color:var(--color-text-white); padding:10px 20px; margin:0 10px 0 0; border:3px solid var(--color-text-white); background:transparent; font-family:'Monument Extended', 'Bebas Neue', sans-serif; font-weight:600; font-size:0.95em; text-align:center; cursor:pointer; -webkit-font-smoothing: antialiased;
    
-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}
.cookies_content .text .btns a:last-child { margin:0; }
.cookies_content .text .btns a:hover { color:var(--color-text-coloured); background:var(--color-text-white);

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}

.showCookies { visibility:visible; opacity:1;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.hideCookies {
    visibility:hidden;
    opacity:0;
    animation: bounceDown 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    -webkit-animation: bounceDown 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

/* Bouncy downward animation for cookies popup */
@keyframes bounceDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    20% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(150%);
        opacity: 0;
    }
}

@-webkit-keyframes bounceDown {
    0% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(150%);
        opacity: 0;
    }
}

/* WARNING */
.warning {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 100;
  display: none;
}

/* PRELOADER - DISABLED (Hidden by default - remove display:none to enable loader) */
.c-loader,
#c-loader {
    display:flex !important;
    position:fixed;
    width:100vw;
    height:100vh;
    min-height:100%;
    background-color:#000;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    top:0;
    left:0;
    visibility:visible !important;
    overflow:hidden;
    opacity:1 !important;
    pointer-events:all;
    cursor:default;
    z-index:9999;
    transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
}
.c-loader__mask {
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:100vh;
    background:transparent;
    overflow:hidden;
    pointer-events:none;
    z-index:10000;
    padding:0;
    margin:0;
}
.c-loader__inner {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    background-color:transparent;
    pointer-events:none;
    padding:0;
    margin:0;
}
.c-loader__logo {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:54vw;
    max-width:720px;
    height:auto;
    transform: scale(1);
    animation: logoPulse 2s ease-in-out infinite;
    padding:0;
    margin:0;
}
.c-loader__logo img { width:100%; height:auto; border:none; outline:none; margin:0; padding:0; }

@keyframes logoPulse {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.95;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Divider line between hero and homepage */
.hero-homepage-divider {
    width: 100%;
    height: 4px;
    background-color: #000;
    position: relative;
    top: 1px;
    z-index: 50;
}

/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth { overflow: hidden; }
html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.has-scroll-smooth body { overflow: hidden; }
.has-scroll-smooth [data-scroll-container] { min-height: 100vh; }

/* SCROLLBARS */
.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}
.c-scrollbar:hover {
    transform: scaleX(1.45);
}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* BACK TO TOP */
#back-to-top { position:fixed; font-size:1.2em; bottom:60px; right:60px; width:60px; height:60px; text-align:center; line-height:58px; background:transparent; color:var(--color-text-coloured); cursor:pointer; text-decoration:none; opacity:0; visibility:hidden; z-index:10019; border:4px solid var(--color-text-coloured); -webkit-font-smoothing: antialiased;
    
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#back-to-top:hover { background:transparent; border:4px solid var(--color-text); color:var(--color-text);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#back-to-top.show { visibility:visible; opacity:1; }

/* HEADER */
/* HAMBURGER */
.hamburger { position:fixed; display:flex; flex-direction:column; justify-content:center; align-items:center; width:50px; height:50px; top:40px; right:40px; margin:0; cursor:pointer; opacity:1; visibility:visible; z-index:40;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#nav-toggle { display:inline-block; font-size:2.925em; color:var(--color-link-white);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#nav-toggle:hover { color:var(--color-link-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* HEADER LOGO */
.headerlogo {
position:fixed;
width:200px;
height:70px;
top: 30px !important;
margin:0 0 0 100px;
background:url(../images/logos/logo.png) center left no-repeat;
background-size:100%;
visibility:hidden;
display:none;
opacity:1;
cursor:pointer;
z-index:22;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.headerlogo:hover { opacity:.6;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* HEADER SOCIAL */
.headersocial { position:fixed; display:flex; justify-content:flex-end; align-items:center; gap:20px; width:auto; height:50px; top:40px; right:0px; margin:0 120px 0 0; /*margin:0 370px 0 0;*/ z-index:40; mix-blend-mode:difference; }

a.socialHeader { display:inline-block; font-size:1.3em; color:var(--color-link-white);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

a.socialHeader:hover { color:var(--color-link-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* BOX TOOLS */
.boxTools { position:fixed; display:flex; justify-content:flex-end; align-items:center; width:auto; height:50px; top:40px; right:0px; margin:0 120px 0 0; font-size:.8em; font-weight:500; letter-spacing:.1em; color:var(--color-text-white); text-transform:uppercase; text-align:center; -webkit-font-smoothing: antialiased; z-index:40; mix-blend-mode:difference; }

.btnTools_login { font-size:1em; font-weight:700; letter-spacing:-.02em; width:100px; height:40px; line-height:40px; margin:0; text-transform:lowercase; text-align:center; background:var(--color-text-coloured); color:var(--color-text);
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.btnTools_register { font-size:1em; font-weight:700; letter-spacing:-.02em; width:100px; height:40px; line-height:40px; margin:0; text-transform:lowercase; text-align:center; background:var(--color-text-coloured); color:var(--color-text-white);
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.btnTools_login:hover,
.btnTools_register:hover { color:var(--color-link-hover); background:var(--color-link);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.btnTools_register span { animation: blinker 1s ease-in-out infinite; }

@keyframes blinker {
  50% {
    opacity: .5;
  }
}

.btnTools_login i,
.btnTools_register i { margin-right:5px; }

/* NAVIGATION */
/* OVERLAY NAV */
.overlay-menu { display:none; position:fixed; width:100%; height:100vh; left:0; top:0; margin:0; text-align:left; background:rgba(230, 40, 117, .9); opacity:0; cursor:url('../images/icon_close.png'), auto; pointer-events:none; visibility:hidden; z-index:90;
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
    
-webkit-transition: all 800ms cubic-bezier(.9,0,.1,1);
-moz-transition: all 800ms cubic-bezier(.9,0,.1,1);
-o-transition: all 800ms cubic-bezier(.9,0,.1,1);
transition: all 800ms cubic-bezier(.9,0,.1,1);
}
.overlay-open { opacity:1; visibility:visible;

-webkit-transition: all 800ms cubic-bezier(.9,0,.1,1);
-moz-transition: all 800ms cubic-bezier(.9,0,.1,1);
-o-transition: all 800ms cubic-bezier(.9,0,.1,1);
transition: all 800ms cubic-bezier(.9,0,.1,1);
}

.contentOverlay { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100vh; margin:0 auto; padding:40px; cursor:default; pointer-events:auto;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.overlayLogo { width:300px; height:80px; margin:0 auto; text-align:center; background:url('../images/logos/logo.png') no-repeat center center; background-size:80%; opacity:.8;

clip-path:inset(0 0 100% 0); animation: revealTop .4s forwards .2s;
}

.navigation-logo {
    width: 200px;
    margin: 0 auto 30px auto;
    text-align: center;
    opacity: 0.9;
}

.navigation-logo img {
    width: 100%;
    height: auto;
}

.navigationMobile { width:auto; list-style:none; margin:40px auto 0 auto; }
.navigationMobile li { width:100%; text-align:center; opacity:1; visibility:visible; }

.navigationMobile li:nth-child(1) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .4s; }
.navigationMobile li:nth-child(2) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .5s; }
.navigationMobile li:nth-child(3) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .6s; }
.navigationMobile li:nth-child(4) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .7s; }
.navigationMobile li:nth-child(5) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .8s; }
.navigationMobile li:nth-child(6) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .91s; }
.navigationMobile li:nth-child(7) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1s; }
.navigationMobile li:nth-child(8) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1.1s; }
.navigationMobile li:nth-child(9) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1.2s; }
.navigationMobile li:nth-child(10) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1.3s; }

.navigationMobile li a { font-family: 'futurablack'; font-style:normal; font-size:2em; line-height:1.6em; margin:0; color:var(--color-menuoverlay); text-transform:uppercase; -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.navigationMobile li a:hover { margin-left:0; color:var(--color-menuoverlay-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.navigationMobile li a.current { color:var(--color-menuoverlay-current);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.current { color:var(--color-menuoverlay-current);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.overlaySocial { width:100%; margin:40px auto 0 auto; opacity:1; visibility:visible; text-align:center;
clip-path:inset(0 0 100% 0); animation: revealTop .4s forwards 1.7s;
}
.overlaySocial a { font-size:1.4em; line-height:1em; color:var(--color-menuoverlay); text-transform:lowercase; -webkit-font-smoothing: antialiased;
	
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.overlaySocial a:hover { color:var(--color-menuoverlay-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.overlaySocial a { margin-right:25px; }
.overlaySocial a:last-child { margin-right:0; }

/* SLIDES */
.section { position:relative; width:100%; height:auto; top:0; padding:0; text-align:center; }

main { position:relative; }

/* SECTION */
#homepage { width:100%; height:auto; min-height:50vh; max-height:100vh; top:0; margin:0 auto; overflow:hidden; background-color:var(--color-bg); position:relative; }
#claim { display:none; width:100%; height:100vh; top:0; margin:0 auto; padding:0; background-color:var(--color-bg-dark); }
#about { width:100%; height:auto; top:0; margin:0 auto; padding:150px 0; background-color:var(--color-bg); overflow:visible; }
#video { width:80%; height:480px; height:auto; margin:0 auto 80px auto; padding:0; background-color:var(--color-bg); }
#goals { display:flex; align-items:center; width:100%; height:auto; padding:0; margin:80px auto; overflow:visible; background-color:var(--color-bg); }
#live { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0; background-color:var(--color-bg); }
#crewdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg-dark); }
#players { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#events { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#crewdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#artdirector { width:100%; height:auto; top:0; margin:0 auto; padding:140px 0 50px 0; overflow:hidden; background-color:var(--color-bg-dark); }
#crew {
    width:100%;
    height:auto;
    top:0;
    margin:0 auto;
    padding:10px 0 50px 0;
    overflow:hidden;
    background: linear-gradient(to bottom, #000000 0%, var(--color-bg) 100%);
}
#how { width:100%; min-height:100vh; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#news { width:100%; height:auto; top:0; margin:80px auto; padding:150px 0; background-color:var(--color-bg-dark); }
#participate { width:80%; height:480px; height:auto; padding:0; margin:160px auto 120px auto; background-color:var(--color-bg); }
#partners { width:100%; height:auto; top:0; margin:0 auto; padding:0 0 150px 0; background-color:var(--color-bg); }
#reviews { width:100%; height:auto; top:0; margin:80px auto 0 auto; padding:120px 0 80px 0; background-color:var(--color-bg-dark);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#bottom { width:100%; height:200px; margin:0 auto; text-align:center; overflow:hidden; background:var(--color-bg-dark); }

/* COMMON */
.center { text-align:center; }
.light { font-family:'futuralight'; }
.medium { font-family:'futuramedium'; }
.strong { font-family:'futurablack'; letter-spacing: -1px; }
strong, b { font-weight:800; }
.italic { font-style:italic; }
.alternative { color:var(--color-text-coloured); }
.bigger { font-size:1.2em; }

.clipPath { clip-path:inset(0 0 0 100%); }
.clipPathTop { clip-path:inset(0 0 100% 0); }

.showItem { clip-path:inset(0 100% 0 0); animation: reveal 1s forwards .2s; }
.showItemTop { clip-path:inset(0 0 100% 0); animation: revealTop 1s forwards .2s; }

.bwFilter {
	
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.scroll-container { top:0; }

/* HOMEPAGE */
.container { position:relative; width:70%; height:auto; margin:0 auto; padding:0; top:50%; overflow:hidden; z-index:24;

font-family: 'futuralight'; font-size:3.4em; font-weight:300; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
-webkit-font-smoothing: antialiased;

-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.container img { width:60%; }

.container .div#line1,
.container .div#line2 { display:none; }

.container .sentence { min-height:100px; height:auto; }

.container #countdown { display:none; margin:40px 0 0 0; }
.container #countdown ul { display:flex; justify-content:center; align-items:center; gap:80px; }
.container #countdown li { font-family:'futuralight'; display:inline-block; font-size:.4em; list-style-type:none; padding:0; text-transform:uppercase; color:#fec455; }
.container #countdown li span { font-family:'futurablack'; display:block; font-size:4em; }

/* Scroll down circle 
====================== */
.scroll-down-circle { position:absolute; display:block;	bottom:-20px; width:200px; height:200px; left:50%; margin:0 0 0 -100px; opacity:1; visibility:inherit; cursor:none; z-index:23; }

/* Scroll down circle icon */
.scroll-down-circle .sdc-icon { position:absolute; display:block; left:50%;	top:50%; font-size:16px; color:var(--color-text-white); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; }

/* Scroll down circle svg */
.scroll-down-circle svg { width:100%; animation:sdc-rotation 8s infinite linear; }
.scroll-down-circle rect { fill:var(--color-text-white); }
.scroll-down-circle text { font-size:1.5em;	font-weight:400; text-transform:uppercase; letter-spacing:30px; fill:var(--color-text-white); transition:fill .2s; -webkit-font-smoothing: antialiased; }
.scroll-down-circle:hover text { fill:var(--color-text-white); }

/* Scroll down circle animation */
@keyframes sdc-rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, .3); z-index:22; }

.bgvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 21;
}

.video-responsive {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index:21;
}

/* CLAIM */
.claimContainer { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
.claimTxt { font-family:'futuralight'; font-size:4em; line-height:1em; color:var(--color-text-white); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
.claimTxt span { padding:0 5px; }

/* ABOUT US */
.abClmn { width:60%; margin:0 auto; }
.aboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto 10px auto; font-size:4.2em; color:var(--color-text); line-height:1.2em; text-align:center; text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.aboutTitle .strong {
    color: var(--primary-color);
    letter-spacing: -1px;
}
.aboutTxt { width:100%; font-size:1em; line-height:2em; color:var(--color-text); text-align:center; margin:0 auto; -webkit-font-smoothing: antialiased; }

.abClmn .clmn { display:table; width:100%; vertical-align:middle; -webkit-font-smoothing: antialiased; }
.abClmn .clmn.box { width:100%; margin:0 auto; }
.abClmn .clmn.box a { color:var(--color-link);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.abClmn .clmn.box a:hover { color:var(--color-link-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.clmn strong { font-weight:800; }

.aboutBtn { display:none; /*display:inline-block;*/ margin:40px auto 0 auto; padding:20px 60px; border:1px solid var(--color-text-coloured);
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}

a .aboutBtn { font-size:.8em; font-weight:700; line-height:1em; text-transform:uppercase; color:var(--color-text-white); background:var(--color-text-coloured); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a .aboutBtn:hover { color:var(--color-text-coloured); background:transparent; border:1px solid var(--color-text-coloured);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

a .aboutBtn .fas { margin-left:10px; }

/* VIDEO */
.thumb-container { position:relative; /* display:flex; justify-content:center; align-items:center; */ width:100%; height:100%; max-height:1400px; overflow:hidden; top:0; /* aspect-ratio:21/9; background:#000; */ }

.thumb-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 40;
    pointer-events: none;
    transition: background 0.4s ease-out;
}

/* Removed dark overlay on hover - only keep shadow effect on play icon */
/* .thumb-container:has(.videoWork:hover)::before {
    background: rgba(0, 0, 0, 0.4);
} */

.thumb-info {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    opacity:1;
    z-index:42;
    width:80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.thumb-info img {
    display: block;
    max-width: 400px;
    height: auto;
}

.thumb-desc-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    width: 100%;
}

.watch-container {
    font-family: 'futuralight';
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 56px;
    color: var(--color-text-white);
    text-align: right;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}

.season1-container {
    text-align: left;
}

.prime-desc-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.in-container {
    font-family: 'futuralight';
    margin: 0;
    padding: 0px 15px 40px 0;
    font-size: 56px;
    color: var(--color-text-white);
    text-align: right;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
}

.prime-container {
    text-align: left;
}

.thumb-desc {
    font-family: 'futuralight';
    margin:0;
    padding:0;
    font-size:2em;
    color:var(--color-text-white);
    text-align:center;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
}
.thumb-icon {
    width:100px;
    height:100px;
    margin:40px auto 40px auto;
    left:50%;
    top:50%;
    background:url(../images/icon_play.svg) center center no-repeat;
    background-size:100%;
    border-radius: 50%;
    opacity:1;
    filter: brightness(0) invert(1);
    -webkit-transition: transform 0.4s ease-out, filter 0.4s ease-out;
    -moz-transition: transform 0.4s ease-out, filter 0.4s ease-out;
    -ms-transition: transform 0.4s ease-out, filter 0.4s ease-out;
    -o-transition: transform 0.4s ease-out, filter 0.4s ease-out;
    transition: transform 0.4s ease-out, filter 0.4s ease-out;
}

.thumb-icon:hover {
    transform: scale(1.15);
    filter: brightness(0) invert(1) drop-shadow(0 0 30px rgba(255, 255, 255, 0.9));
}

.season1-logo {
    height: 80px;
    width: auto;
    margin: 0;
}

.thumb-image { position:absolute; top:0; left:0; width:100%; height:100%; opacity:.6; z-index:21; overflow:hidden; }
.thumb-image img { width:100%; height:100%; object-fit:cover; }

/* BTS SECTION */
#BTS {
    background-color: var(--color-bg-dark);
    padding-top: 150px;
    padding-bottom: 150px;
}

/* Section visibility */
.section-hidden {
    display: none;
}

/* Partners section spacing */
.partners-section-spacing {
    padding-top: 160px;
}

/* GOALS */
.goalsContainer { display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; height:auto; margin:0 auto; padding:80px 0 0 0; overflow:visible; }

.about-description {
    width: 80%;
    max-width: 1000px;
    margin: 90px auto 0 auto;
    text-align: center;
}

.about-description p {
    font-family: 'futura', sans-serif;
    font-size: 24px;
    line-height: 1.6em;
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
}

.itemGoal {
    width:33.333333%;
    align-self:center;
    padding-top: 40px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: visible;
}

.itemGoal-spacer {
    width: 5%;
}

.itemGoal-spacer-left {
    width: 7.5%;
}

.itemGoal-spacer-right {
    width: 5%;
}

.itemGoal-left {
    width: 15%;
}

.itemGoal-side {
    width: 25%;
}

.itemGoal-middle {
    width: 40%;
}

.itemGoal.showItem {
    opacity: 1;
    transform: translateY(0);
}
.itemGoalTitle { font-family:'futurablack'; font-size:5.5em; font-weight:900; text-transform:uppercase; margin-bottom:40px; color: var(--secondary-color) !important; background-color: transparent;
}

.itemGoalTitle span,
.shuffle-text {
    color: inherit !important;
    -webkit-font-smoothing: antialiased;
}

/* Make the + sign 3x larger in +$10M - desktop */
.itemGoalTitle .plus-sign {
    font-size: 0.9em !important;
    /* vertical-align: super; */
}

.itemGoalDesc {
    font-family: 'futuralight';
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .55em;
    margin-left: 15px;
    color: var(--secondary-color);
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

/* DJS DIV */
.crewdivWrapper { width:100%; height:10vh; display:flex; justify-content:center; align-items:center; }
.crewdivContainer { width:100%; display:flex; justify-content:center; align-items:center; }
.crewdivBg { height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; }
.crewdivBg img { width:100%; object-fit:cover; }

.crewdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:22;
    
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.crewdivTxt { display:inline; font-family:'futurablack'; font-size:3em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

background: var(--color-bg-coloured) none repeat scroll 0 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;

-webkit-font-smoothing: antialiased;
}

.crewdivTxt img { width:260px; }

/* DJS */
.playersContainer { padding-top:40px; width:80%; height:100%; margin:80px auto 0 auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:40; }

.djsInfo { /*word-wrap:break-word;*/ text-align:center; }

.djsName { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--primary-color); text-transform:uppercase; text-align:center;
-webkit-font-smoothing: antialiased;
}
.djsImg { position:relative; width:240px; height:240px; margin:0 auto 40px auto; overflow:hidden;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.djsImg img { position:absolute; width:100%; height:100%; object-fit:cover; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.djsSocial { display:flex; justify-content:center; align-items:center; gap:20px; margin:20px 0 0 0; }
.djsIG a,
.djsSC a { font-size:1.3em; color:var(--color-text);
-webkit-font-smoothing: antialiased;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsIG a:hover,
.djsSC a:hover { color:var(--color-text-coloured);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsVotes { position:absolute; display:flex; justify-content:center; align-items:center; width:80px; height:80px; top:160px; font-family:'futurablack'; font-size:1.2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; background:var(--color-bg-coloured); z-index:30;
    
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsBtn { display:inline-block; margin:30px auto 20px auto; padding:15px 30px; border:1px solid var(--color-text-coloured);
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}

a .djsBtn { font-size:.8em; font-weight:700; line-height:1em; text-transform:uppercase; color:var(--color-text-coloured); background:transparent; border:1px solid var(--color-text-coloured); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a .djsBtn:hover { color:var(--color-text-white); background:var(--color-text-coloured);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsInfo:nth-child(1n) .djsImg { box-shadow: .5rem .5rem var(--color-text-coloured); }
.djsInfo:nth-child(2n) .djsImg { box-shadow: -.4rem -.4rem var(--color-text-coloured); }
.djsInfo:nth-child(3n) .djsImg { box-shadow: -.4rem .4rem var(--color-text-coloured); }
.djsInfo:nth-child(4n) .djsImg { box-shadow: .4rem -.4rem var(--color-text-coloured); }

/* EVENTS */
.eventsContainer { width:90%; height:100%; margin:80px auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:40; }

.eventInfo { width:240px; /*word-wrap:break-word;*/ text-align:center; }

.eventTitle { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--primary-color); text-transform:uppercase; text-align:left;
-webkit-font-smoothing: antialiased;
}
.eventDate { font-size:1.3em; color:var(--color-text); margin-top:20px; text-transform:uppercase; text-align:left;
-webkit-font-smoothing: antialiased;
}
.eventLocation { font-size:1em; color:var(--color-text); margin-top:0; text-align:left;
-webkit-font-smoothing: antialiased;
}

.eventImg { position:relative; width:240px; height:340px; margin:0 auto 40px auto; overflow:hidden;
}
.eventImg img { position:relative; object-fit:cover; top:50%; left:50%; width:240px; height:340px;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.eventInfo:nth-child(1n) .eventImg { box-shadow: 0.5rem 0.5rem var(--color-text-coloured); }
.eventInfo:nth-child(2n) .eventImg { box-shadow: -0.5rem -0.5rem var(--color-text-coloured); }
.eventInfo:nth-child(3n) .eventImg { box-shadow: -0.5rem 0.5rem var(--color-text-coloured); }
.eventInfo:nth-child(4n) .eventImg { box-shadow: 0.5rem -0.5rem var(--color-text-coloured); }

/* MARQUEE */
.marquee { display:block; margin:0 auto; text-align: center; }
.marquee .marquee-content { font-family:'futuralight'; font-weight:800; font-size:12em; line-height:2.4em; color:var(--color-text); text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}
.marquee .stroke-black {
	color: transparent;
	-webkit-text-stroke: 1px;
	-webkit-text-stroke-color: var(--color-text);
}

/* CREW DIV - Additional bg styles */
.crewdivBg { width:100%; height:auto; }
.crewdivBg img { width:100%; height:auto; object-fit:cover; }

/* ART DIRECTOR */
.addivContainer { width:80%; height:auto; margin:0 auto; padding-top:100px; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:40px; }

.addivTxtContainer { width:100%; }
.addivBox:nth-child(1) { text-align:right; }
.addivBox:nth-child(3) { text-align:left; }

.addivBox:nth-child(1) .addivTxt { font-family:'futuralight'; font-size:2em; line-height:1em; color:var(--color-text-white); text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.addivBox:nth-child(3) .addivTxt { font-family:'futurablack'; font-size:4em; line-height:.8em; color:var(--color-text-coloured); text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.addivTxt .mrbeast-logo-img {
    max-width: 100%;
    height: auto;
    padding: 100px;
}

.addivBg { position:relative; width:360px; height:360px; margin:0 auto; overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 8px 0px var(--color-text-coloured);
transition: box-shadow 0.1s linear;
    
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.addivBg img { position:absolute; width:100%; object-fit:cover; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/* CREW */
.crewContainer { width:80%; height:100%; margin:80px auto 100px auto; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:40; }

.crewInfo { width:calc(20% - 0px); /*word-wrap:break-word;*/ text-align:center; position: relative; }

/* Adjust crew member positions */
.crewInfo:nth-child(3) { left: -10px; } /* Mack (middle) */
.crewInfo:nth-child(4) { left: -5px; } /* Nolan (4th) */
.crewName { position:absolute; font-family:'futurablack'; font-size:3.2em; letter-spacing:-.04em; line-height:.8em; color:var(--primary-color); text-transform:uppercase; text-align:left; /*word-break:break-word;*/ white-space: wrap; margin:-78px 0 0 10px;
}

.crewName .first-name,
.addivTxt .first-name {
    font-size: 0.6em;
    -webkit-font-smoothing: antialiased;
}

/* Make crew first names var(--color-bg) color (not Jimmy's) */
.crewName .first-name {
    color: var(--color-bg) !important;
}

.crewImg { position:relative; width:100%; height:420px; margin:0 auto 40px auto; overflow:hidden; }
.crewImg img { position:absolute; object-fit:cover; height:100%; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/* HOW */
.howContainer { width:100%; height:100%; margin:80px auto; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:0; }
.howClmn { width:50%; padding:120px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.howClmn:nth-child(2) { width:50%; display:flex; justify-content:center; align-items:center; overflow:hidden; z-index:21; }
.ruleBGTitle { position:absolute; font-family:'futuralight'; font-size:3em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; z-index:22;

-webkit-font-smoothing: antialiased;
}
.howClmn:nth-child(2) img { height:100%; object-fit:cover; }

.ruleBG { width:100%; height:100%; overflow:hidden; }

.howRule { margin:0 0 60px 0; }
.howRule:last-child { margin:0; }

.ruleNr { position:absolute; font-size:.8em; color:var(--color-text); margin:-20px 0 0 -20px; text-align:center;

-webkit-font-smoothing: antialiased;
}
.ruleTitle { font-family:'futurablack'; font-size:3em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left;

-webkit-font-smoothing: antialiased;
}
.ruleDesc { font-size:1em; color:var(--color-text); margin-top:10px; text-align:left;

-webkit-font-smoothing: antialiased;
}

/* NEWS */
.newsTitle { font-family: 'futuralight'; width:100%; margin:0 auto 60px auto; padding-bottom:30px; font-size:2.8em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.newsTitle .strong {
    letter-spacing: -1px;
}

/* MADE POSSIBLE BY Section */
.made-possible-section {
    background-color: var(--color-bg);
    padding: 80px 0;
    margin-top: 60px;
}

.made-possible-title {
    color: var(--color-text) !important;
    font-family: 'futuralight';
}

.made-possible-title .strong {
    color: var(--primary-color) !important;
    font-family: 'futurablack';
    letter-spacing: -1px;
}

.made-possible-placeholder {
    background: #808080;
    border-radius: 20px;
}

.made-possible-item-title {
    color: var(--secondary-color) !important;
    font-family: 'futurablack';
    font-size: 1.8em;
    letter-spacing: -.02em;
    line-height: 1em;
}

.made-possible-item-desc {
    color: var(--color-text) !important;
    font-family: 'futura';
    font-size: 1em;
}

.newsContainer {
    position:relative;
    width:100%;
    margin:0 auto;
    padding:0 0 0 10%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar but keep functionality */
.newsContainer::-webkit-scrollbar {
    display: none;
}

.newsContainer .newsItem .newsInfo { display:flex; flex-flow:wrap; justify-content:flex-start; align-items:center; }
.newsContainer .newsItem .newsInfo .clmn.thumb { position:relative; width:100%; padding-bottom:56.25%; height:0; }
.newsContainer .newsItem .newsInfo .clmn.thumb .newsThumbImg { position:absolute; top:0; left:0; width:100%; height:100%;
border-radius: 20px;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.newsContainer .newsItem .newsInfo .clmn.info { flex:1; margin:0; text-align:left; }
.newsContainer .newsItem .newsInfo .clmn.info .newsInfoTitle { font-family: 'futurablack'; font-size:1.8em; letter-spacing:-.02em; line-height:1em; color:var(--color-text-coloured); text-align:left; margin:20px 0 0 0; -webkit-font-smoothing: antialiased; }
.newsContainer .newsItem .newsInfo .clmn.info .newsInfoDesc { font-family: 'futura'; font-size:1em; color:var(--color-text-white); text-align:left; margin:10px 0; -webkit-font-smoothing: antialiased; }
.newsContainer .newsItem .newsInfo .clmn.info .newsInfoDate { font-size:.8em; font-weight:700; color:var(--color-text-grey); line-height:1.6em; -webkit-font-smoothing: antialiased; }

/* News thumbnail backgrounds */
.newsThumbImg.bts-placeholder {
    background: #d3d3d3;
    border-radius: 20px;
}

.newsThumbImg.news-variety-emmy {
    background: url(../images/news-variety-emmy.jpg) #ddd no-repeat top center;
    background-size: cover;
}

.newsThumbImg.news-amazon-renewal {
    background: url(../images/news-amazon-renewal.jpg) #ddd no-repeat top center;
    background-size: cover;
}

.newsThumbImg.news-direct-season2 {
    background: url(../images/news-direct-season2.jpg) #ddd no-repeat top center;
    background-size: cover;
}

.newsThumbImg.news-wrap-renewal {
    background: url(../images/news-wrap-renewal.jpg) #ddd no-repeat top center;
    background-size: cover;
}

.newsThumbImg.news-thr-renewal {
    background: url(../images/news-thr-renewal.jpg) #ddd no-repeat top center;
    background-size: cover;
}

.newsThumbImg.news-deadline-renewal {
    background: url(../images/news-deadline-renewal.jpg) #ddd no-repeat top center;
    background-size: cover;
}

.newsThumbImg.news-nytimes-nc {
    background: url(../images/news-nytimes-nc.jpg) #ddd no-repeat top center;
    background-size: cover;
}

/* PARTNERS */
.partnersAboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto; padding-top:220px; font-size:2.8em; color:var(--color-text); line-height:1em; text-align:center; text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.partnersAboutTitle .partners-highlight {
    color: var(--primary-color) !important;
    letter-spacing: -1px;
}

.partnersContainer { width:90%; margin:40px auto 0 auto; }

/* Hero partner logo - full width */
.partnerItem-hero {
    width: 986px;
    margin: 0 auto 30px auto;
    text-align: center;
    background: transparent;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    aspect-ratio: 1744 / 412;
    height: auto;
}

.partnerItem-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.01);
    transition: opacity 0.3s ease-out;
    z-index: 10;
    background-image: url('../images/partners/FEASTABLES-H.png');
}

.partnerItem-hero:hover::before {
    opacity: 1;
    transition-delay: 0.2s;
}

.partnerItem-hero a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.partnerItem-hero img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.partnerItem-hero:hover img {
    transform: scale(1.12);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

/* Featured partners grid - 2 rows layout */
.partnersGrid-featured {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: fit-content;
    margin: 15px auto;
}

.featured-row {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.partnerItem-featured {
    position: relative;
    background: transparent;
    border-radius: 15px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 478px;
    height: 206px;
    overflow: hidden;
    border: 2px solid transparent;
    transform: translateY(0) scale(1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    box-sizing: border-box;
    aspect-ratio: 956 / 412;
}

.partnerItem-featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.01);
    transition: opacity 0.3s ease-out;
    z-index: 10;
}

.partnerItem-featured:hover::before {
    opacity: 1;
    transition-delay: 0.2s;
}

.partnerItem-featured:hover {
    transform: translateY(0) scale(1);
    background: #ffffff;
    border-color: var(--secondary-color);
    box-shadow: 0 20px 40px rgba(230, 71, 131, 0.3),
                0 10px 20px rgba(230, 71, 131, 0.2);
}

.partnerItem-featured img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    position: relative;
    z-index: 2;
}

.partnerItem-featured:hover img {
    transform: scale(1.13);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

/* Specific hover backgrounds for each featured partner */
/* First row: Lowe's and Starbucks */
.featured-row:nth-child(1) .partnerItem-featured:nth-child(1)::before {
    background-image: url('../images/partners/LOWES-H.png');
}

.featured-row:nth-child(1) .partnerItem-featured:nth-child(2)::before {
    background-image: url('../images/partners/STARBUCKS-H.png');
}

/* Second row: T-Mobile and Jack Links */
.featured-row:nth-child(2) .partnerItem-featured:nth-child(1)::before {
    background-image: url('../images/partners/TMOBILE-H.png');
}

.featured-row:nth-child(2) .partnerItem-featured:nth-child(2)::before {
    background-image: url('../images/partners/JACK LINKS-H.png');
}

/* Specific padding adjustments for individual featured partners */
/* First row adjustments */
.featured-row:nth-child(1) .partnerItem-featured:nth-child(1):hover img {
    transform: scale(1.15);
}

.featured-row:nth-child(1) .partnerItem-featured:nth-child(2):hover img {
    transform: scale(1.15);
}

/* Second row adjustments */
.featured-row:nth-child(2) .partnerItem-featured:nth-child(1) {
    padding: 0px;
}

.featured-row:nth-child(2) .partnerItem-featured:nth-child(1):hover img {
    transform: scale(0.99);
}

.featured-row:nth-child(2) .partnerItem-featured:nth-child(2) {
    padding: 65px;
}

.featured-row:nth-child(2) .partnerItem-featured:nth-child(2):hover img {
    transform: scale(1.32);
}

.featured-row:nth-child(2) .partnerItem-featured:nth-child(1) img {
    transform: scale(0.90);
}

.featured-row:nth-child(2) .partnerItem-featured:nth-child(2) img {
    transform: scale(1.20);
}

/* Regular partners grid - 4 columns for remaining logos */
.partnersGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Hide Tilta in the grid since it's displayed centered */
.partnersGrid .partnerItem:has(img[alt="Tilta"]) {
    display: none;
}

/* Centered partner logo */
.partnerItem-centered {
    width: 100%;
    max-width: 300px;
    margin: 30px auto;
    display: flex;
    justify-content: center;
}

.partnerItem {
    position: relative;
    background: transparent;
    border-radius: 15px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    overflow: hidden;
    backdrop-filter: blur(5px);
    border: 2px solid transparent;
    transform: translateY(0) scale(1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.partnerItem:hover {
    transform: translateY(-8px) scale(1.05);
    background: #ffffff;
    border-color: var(--secondary-color);
    box-shadow: 0 20px 40px rgba(230, 71, 131, 0.3),
                0 10px 20px rgba(230, 71, 131, 0.2);
}

.partnerItem.partnerItem-hero:hover {
    transform: translateY(0) scale(1);
}

.partnerItem img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
    filter: none;
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.partnerItem:hover img {
    filter: none;
    opacity: 0.8;
    transform: scale(1.25);
}

/* Override for featured items - must come AFTER regular partnerItem styles */
/* Hero item height for top Feastables logo */
.partnerItem.partnerItem-hero {
    height: 220px;
    padding: 25px;
}

.partnerItem.partnerItem-featured img {
    height: 100%;
}

.partnerItem a { opacity:1;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.partnerItem a:hover { opacity:.4;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* REVIEWS */
.reviewsTitle { font-family:'futura'; width:100%; margin:0 auto; font-size:2.8em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.reviewsTitle .saying-blue {
    color: var(--primary-color);
    letter-spacing: -1px;
}

.reviewsContainer { position:relative; width:100%; height:300px; margin:40px auto 0 auto; overflow:hidden !important; }

/* Reviews continuous scroll animation */
.reviews-slider {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    position: relative;
    display: block !important;
}

.reviews-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    align-items: center;
    height: 100%;
    will-change: transform;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1 !important;
    visibility: visible !important;
}

.reviews-slider .swiper-wrapper.continuous-scroll,
.reviews-slider .swiper-wrapper {
    -webkit-animation: scrollReviews 40s linear infinite;
    animation: scrollReviews 40s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

@keyframes scrollReviews {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@-webkit-keyframes scrollReviews {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
    }
}

.reviews-slider .reviewItem {
    flex-shrink: 0;
    width: 600px;
    padding: 0 60px;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Pause animation on hover */
.reviews-slider:hover .swiper-wrapper.continuous-scroll {
    animation-play-state: paused;
}

.reviewDesc { font-family: 'futura'; font-size:1.55em; line-height:1.2em; color:var(--color-text-white); text-align:center; margin:40px 0; -webkit-font-smoothing: antialiased; }
.reviewAuthor { font-family: 'futura'; font-size:1em; font-weight:400; color:var(--secondary-color); line-height:1.6em; text-align:center; -webkit-font-smoothing: antialiased; }

.reviewLink a { font-family:'futura'; font-size:.8em; font-weight:700; color:var(--color-text-grey); line-height:1.6em; text-align:center; -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.reviewLink a:hover { color:var(--color-text-coloured);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.reviewsContainer .swiper-slide { opacity: .2;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.reviewsContainer .swiper-slide-active { opacity: 1;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* FOOTER */
#footer { display:flex; flex-wrap:wrap; justify-content:center; align-content:stretch; align-items:center; width:100%; height:200px; margin:0 auto; top:0; padding:0 80px; text-align:center;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.boxFooter { display:table; flex:1; padding:0; }

.boxFooter:nth-child(1) { text-align:left; flex: 0 0 20%; }
.boxFooter:nth-child(2) { text-align:center; flex: 1 1 40%; }
.boxFooter:nth-child(3) { text-align:right; flex: 0 0 20%; }

.footerLogo { width:160px; height:50px; background:url('../images/parallax/logo.png') center center no-repeat; background-size:100%; margin:0; overflow:hidden; }

.spacing { display:inline-block; color:var(--color-footer); margin:0 10px; }

.footerInfo { font-family:'futura'; width:100%; display:table-cell; vertical-align:middle; height:200px; font-size:.7em; letter-spacing:.05em; line-height:1.6em; color:var(--color-footer); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
.footerInfo a { color:var(--color-footer); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerInfo a:hover { color:var(--color-footer-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.footerInfo .far,
.footerInfo .fas { margin-right:5px; }

.footerSocial { margin:0; }
.footerSocial a { font-family:'futura'; font-size:1em; color:var(--color-footer); margin-right:30px; cursor:pointer; text-transform:uppercase;

-webkit-font-smoothing: antialiased;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerSocial a:last-child { margin-right:0;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerSocial a:hover { color:var(--color-footer-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}


/* VOTE button styles */
#voteButton {
    display: none;
}

#voteButton .btnTools_register span {
    text-transform: uppercase !important;
    opacity: 1 !important;
    font-family: 'Monument Extended', sans-serif !important;
    letter-spacing: 1px;
}

#voteButton:hover .btnTools_register span {
    opacity: 1 !important;
    color: white !important;
}

#voteButton:hover .btnTools_register {
    background-color: var(--secondary-color) !important;
}

.btnTools_register {
    opacity: 1 !important;
    font-family: 'Monument Extended', sans-serif !important;
}

.btnTools_register:hover {
    opacity: 1 !important;
    background-color: var(--secondary-color) !important;
}

/* Auth Modal specific button hover styles */
#authModal button[onclick*="apple"]:hover {
    background-color: #1a1a1a !important;
}

#authModal button[onclick*="amazon"]:hover {
    background: linear-gradient(to bottom, #ffc266, #ffaa1a) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Auth modal close button hover */
#authModal .close-btn:hover {
    color: #333 !important;
}

/* Disabled state for auth modal social buttons */
#authModal button.social-btn-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

/* Mobile */
@media all and (max-width: 860px) {

    /* Season 1 section mobile adjustments */
    .thumb-desc-container {
        flex-direction: column;
        height: auto;
        gap: 10px;
    }

    .watch-container {
        text-align: center;
        margin-right: 0;
    }

    .season1-container {
        text-align: center;
    }

    .thumb-desc {
        white-space: normal;
    }

    .season1-logo {
        height: 60px;
    }

    .thumb-info img {
        max-width: 300px;
    }

    /* PRELOADER */
    .c-loader { display:flex !important; position:fixed; width:100vw; height:100vh; min-height:100%; background-color:#000; flex-direction:column; justify-content:center; align-items:center; top:0; left:0; visibility:visible !important; overflow:hidden; opacity:1 !important; pointer-events:all; cursor:default; z-index:9999; transition: opacity 0.2s ease-out, background-color 0.2s ease-out; padding:0; margin:0; }
    .c-loader__mask { position:absolute; display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; background:transparent; overflow:hidden; pointer-events:none; z-index:10000; padding:0; margin:0; }
    .c-loader__inner { padding:0; margin:0; }
    .c-loader__logo { width:72vw; max-width:none; padding:0; margin:0; }
    .c-loader__logo img { width:100%; height:auto; border:none; outline:none; margin:0; padding:0; }
    
    /* BODY */
    /*body { width:100%; height:100vh; min-height:100vh; margin:0; top:0px !important; overflow:auto; }*/
    #homepage { width:100%; height:50vh !important; min-height:50vh !important; top:0; margin:0 auto; overflow:hidden; }

    /* Mobile bgvideo - removed, using base .bgvideo rule instead */
    #claim { display:none; width:100%; height:100vh; top:0; margin:0 auto; padding:0; background:var(--color-bg-dark); }
    #about { width:100%; height:auto; top:0; margin:0 auto; padding:150px 0; background:var(--color-bg); overflow:visible; }
    #video { width:100%; height:540px; height:auto; margin:0 auto 80px auto; padding:0; }
    #goals { display:flex; align-items:center; width:100%; height:auto; padding:0; margin:80px auto; overflow:visible; }
    #live { width:100%; height:auto; top:0; margin:0 auto; padding:40px 0; background:var(--color-bg); }
    #crewdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #players { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #events { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #crewdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #artdirector { width:100%; height:auto; top:0; margin:0 auto; padding:80px 0 20px 0; overflow:hidden; background-color:var(--color-bg-dark); }
    #crew {
        width:100%;
        height:auto;
        top:0;
        margin:0 auto;
        padding:0 0 50px 0;
        overflow:hidden;
        background: linear-gradient(to bottom, #000000 0%, var(--color-bg) 100%);
    }
    #how { width:100%; min-height:100vh; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #news { width:100%; height:auto; top:0; margin:80px auto 0 auto; padding:150px 0; background:var(--color-bg-dark); }
    #participate { width:100%; height:540px; height:auto; padding:0; margin:0 auto 80px auto; }
    #partners { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0 60px 0; }
    #reviews { width:100%; height:auto; top:0; margin:80px auto 0 auto; padding:120px 0 80px 0; background:var(--color-bg-dark); }
    #bottom { width:100%; height:300px; margin:0 auto; }
    
	/* COOKIES */
    .cookies_alert { width:calc(100% - 20px); min-height:unset; height:auto; bottom:10px; margin:0 auto; padding:25px 20px 30px 20px; left:10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }	
    .cookies_content { min-height:unset; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0; text-align:left;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }

    /* Hide cookies icon in mobile */
    .cookies_content .icon {
        display: none;
    }
        
    /* BACK TO TOP */
    #back-to-top { bottom:5%; right:10%; }
	    
    /* HEADER */
    .headerlogo { width:140px; height:70px; margin:0 0 0 30px; }
    .headersocial { display:none; height:50px; right:0px; margin:0 110px 0 0; }
    .hamburger { width:50px; height:50px; right:20px; margin:0; }
    
    .boxTools { width:100px; height:50px; top:40px; right:0px; margin:0 90px 0 0; }
        
    /* OVERLAY NAV */
    .overlay-menu {  }
    .contentOverlay { margin:0 auto; padding:0 40px; }
    .overlayLogo { width:180px; height:80px; margin:0 auto; background-size:100%; }

    .navigationMobile { width:auto; list-style:none; margin:30px auto 0 auto; }
    .navigationMobile li a { font-size:1.6em; line-height:1.4em; margin:0; }

    .overlaySocial { width:100%; margin:40px auto 0 auto; }
    .overlaySocial .fab { font-size:1.1em; line-height:1em; }
    .overlaySocial a { margin-right:25px; }
        	
	/* HOMEPAGE */
    .container { position:relative; width:80%; height:auto; margin:0 auto; padding:0; top:50%; overflow:hidden; z-index:24;

    font-family: 'futuralight'; font-size:2.4em; font-weight:300; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
    -webkit-font-smoothing: antialiased;

    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

    .container img { width:100%; }

    .container .div#line1,
    .container .div#line2 { display:none; }

    .container .sentence { min-height:100px; height:auto; }
    .container #countdown { display:none; margin:40px 0 0 0; }
    .container #countdown ul { display:flex; justify-content:center; align-items:center; gap:20px; }
    .container #countdown li { font-family:'futuralight'; display:inline-block; font-size:.3em; list-style-type:none; padding:0; text-transform:uppercase; color:var(--primary-color); }
    .container #countdown li span { font-family:'futurablack'; display:block; font-size:3.4em; }
    
    .scroll-down-circle { bottom:0px; width:160px; height:160px; left:50%; margin:0 0 0 -80px; }
    
    /* Scroll down circle icon */
    .scroll-down-circle .sdc-icon { font-size:18px; }

    /* Scroll down circle svg */
    .scroll-down-circle text { font-size:1.8em;	letter-spacing:30px; }

    /* CLAIM */
    .claimContainer { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
    .claimTxt { font-family:'futuralight'; font-size:3em; line-height:1em; color:var(--color-text-white); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
    
    /* ABOUT US */
    .abClmn { width:80%; margin:0 auto; }
    .aboutTitle { font-family: 'futuralight'; width:90%; margin:0 auto 20px auto; font-size:2.5em; color:var(--color-text); line-height:1.2em; text-align:center; text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }
    .aboutTitle .strong { font-size:0.95em; display:inline-block; }
    .aboutTxt { width:100%; font-size:1em; line-height:1.6em; color:var(--color-text); text-align:center; margin:0 auto; -webkit-font-smoothing: antialiased; }

    /* About description - reduced top margin for mobile */
    .about-description {
        margin-top: 45px;
    }

    /* VIDEO */
    .thumb-container { position:relative; /* display:flex; justify-content:center; align-items:center; */ width:100%; height:100%; max-height:1400px; overflow:hidden; top:-90px; /* aspect-ratio:3/4; background:#000; */ }
    .thumb-info { position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); width:80%; opacity:1; z-index:42; }
    .thumb-desc { font-family: 'futuralight'; width:100%; margin:0 auto; padding:0; font-size:1.4em; color:var(--color-text-white); line-height:1.2em; text-align:center;
    -webkit-font-smoothing: antialiased;

    }

    /* Season 1 section mobile font size adjustment */
    #season1 .thumb-desc {
        font-size: 2.5em !important;
    }

    /* Season 1 background - Mobile - keep src as is since HTML already uses mobile image */
    .thumb-icon { width:100px; height:100px; margin:20px auto 0 auto; padding: 50px 0; left:50%; top:50%; background:url(../images/icon_play.svg) center center no-repeat; background-size:80%; overflow:hidden; opacity:1; }
    
    .thumb-image { position:absolute; top:0; left:0; width:100%; height:100%; opacity:.6; z-index:21; overflow:hidden; }
    .thumb-image img { width:100%; height:100%; object-fit:cover; }
    
    /* GOALS */
    .goalsContainer { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:auto; margin:0 auto; padding:0; overflow:visible; }

    .itemGoal {
        width:100%;
        height:auto;
        margin-bottom:60px;
        padding-top: 40px;
        align-self:center;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: bold;
        overflow: visible;
    }

    .itemGoal.showItem {
        opacity: 1;
        transform: translateY(0);
    }

    /* Move +$10M left by 20px on mobile */
    .itemGoal:nth-child(3) {
        margin-left: -20px;
    }
    .itemGoalTitle { font-family:'futurablack'; font-size:5em; font-weight:900; text-transform:uppercase; margin-bottom:0px; color: var(--secondary-color) !important; background-color: transparent; line-height:1.1em;
}
    .itemGoalTitle span {
        color: inherit !important;

    -webkit-font-smoothing: antialiased
    }

    /* Make the + sign 3x larger in +$10M - mobile */
    .itemGoalTitle .plus-sign {
        font-size: 0.6em !important;
        /* vertical-align: super; */
    }

    .itemGoalDesc { font-family: 'futuralight'; font-size:.8em; font-weight:bold; letter-spacing:0.8em; margin-left:15px; color:var(--secondary-color); text-transform:uppercase; -webkit-font-smoothing: antialiased }
    
    /* DJS DIV */
    .crewdivWrapper { width:100%; height:10vh; display:flex; justify-content:center; align-items:center; }
    .crewdivContainer { width:100%; }
    .crewdivBg { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; }
    .crewdivBg img { width:100%; height:100%; object-fit:cover; }
    
    .crewdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:22; }
    .crewdivTxt { display:inline; font-family:'futurablack'; font-size:2.4em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

    background: var(--color-bg-coloured) none repeat scroll 0 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    -webkit-font-smoothing: antialiased;
    }

    .crewdivTxt img { width:260px; }
    
    /* DJS */
    .playersContainer { padding-top:40px; width:80%; height:100%; margin:120px auto 0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40; }
    .djsInfo { text-align:center; margin:0 0 40px 0; }

    .djsName { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--primary-color); text-transform:uppercase; text-align:center;
    -webkit-font-smoothing: antialiased;
    }
    .djsImg { position:relative; width:240px; height:240px; margin:0 auto 40px auto; overflow:hidden;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    }
    .djsImg img { position:absolute; object-fit:cover; top:50%; left:50%;

    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }

    .djsSocial { display:flex; justify-content:center; align-items:center; gap:20px; margin:20px 0 0 0; }
    .djsIG a,
    .djsSC a { font-size:1.3em; color:var(--color-text); }
    
    /* EVENTS */
    .eventsContainer { width:100%; height:100%; margin:80px auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40; }

    .eventInfo { width:240px; text-align:center; margin:0 0 40px 0; }
    .eventInfo:last-child { width:240px; text-align:center; margin:0; }

    .eventTitle { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--primary-color); text-transform:uppercase; text-align:left;
    -webkit-font-smoothing: antialiased;
    }
    .eventDate { font-size:1.3em; color:var(--color-text); margin-top:20px; text-transform:uppercase; text-align:left;
    -webkit-font-smoothing: antialiased;
    }
    .eventLocation { font-size:1em; color:var(--color-text); margin-top:0; text-align:left;
    -webkit-font-smoothing: antialiased;
    }

    .eventImg { position:relative; width:240px; height:300px; margin:0 auto 40px auto; overflow:hidden;
    }
    .eventImg img { position:absolute; object-fit:cover; top:50%; left:50%; }
    
    /* CREW DIV */
    .crewdivContainer { width:100%; display:flex; justify-content:center; align-items:center; }
    .crewdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:22; }

    .crewdivTxt { display:inline; font-family:'futurablack'; font-size:2.4em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

    background: var(--color-bg-coloured) none repeat scroll 0 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    -webkit-font-smoothing: antialiased;
    }

    .crewdivBg {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
    }

    .crewdivBg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      display: block;
    }

    /* ART DIRECTOR */
    .addivContainer { width:80%; height:auto; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px; }

    .addivTxtContainer { width:100%; }
    .addivBox:nth-child(1) { text-align:center; }
    .addivBox:nth-child(3) { text-align:center; }

    .addivBox:nth-child(1) .addivTxt { font-family:'futuralight'; font-size:1.6em; line-height:1em; color:var(--color-text-white); text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .addivBox:nth-child(3) .addivTxt { font-family:'futurablack'; font-size:3em; line-height:.8em; color:var(--primary-color); text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .addivBg { position:relative; width:300px; height:300px; margin:0 auto; overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 8px 0px var(--color-text-coloured);
    transition: box-shadow 0.1s linear;

    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    }
    .addivBg img { position:absolute; width:100%; object-fit:cover; top:50%; left:50%; }
    
    /* CREW */
    .crewContainer { width:60%; height:100%; margin:80px auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40; }

    .crewInfo { width:100%; /*word-wrap:break-word;*/ text-align:center; margin-bottom:40px; }
    .crewInfo:last-child { width:100%; /*word-wrap:break-word;*/ text-align:center; margin-bottom:0; }

    .crewName { position:absolute; font-family:'futurablack'; font-size:2.6em; letter-spacing:-.02em; line-height:.8em; color:var(--primary-color); text-transform:uppercase; text-align:left; /*word-break:break-word;*/ white-space: wrap; margin:-71px 0 0 30px;
}

    .crewName .first-name,
    .addivTxt .first-name {
        font-size: 0.6em;
        -webkit-font-smoothing: antialiased;
    }

    /* Make crew first names var(--color-bg) color (not Jimmy's) */
    .crewName .first-name {
        color: var(--color-bg) !important;
    }

    .crewImg { position:relative; width:100%; height:340px; margin:0 auto 40px auto; overflow:hidden; }
    .crewImg img { position:absolute; object-fit:cover; top:50%; left:50%; }
    
    /* HOW */
    .howContainer { width:100%; height:100%; margin:80px auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0; }
    .howClmn { width:50%; padding:0; }
    
    .howClmn:nth-child(1) { width:100%; padding:120px 40px 40px 40px; order:2;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
    .howClmn:nth-child(2) { order:1; }

    .howClmn:nth-child(2) { width:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; z-index:21; }
    .ruleBGTitle { position:absolute; font-family:'futuralight'; font-size:2.4em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; z-index:22;

    -webkit-font-smoothing: antialiased;
    }
    .howClmn:nth-child(2) img { height:100%; object-fit:cover; }

    .ruleBG { width:100%; height:100%; overflow:hidden; }

    .howRule { margin:0 0 80px 0; }
    .howRule:last-child { margin:0; }

    .ruleNr { position:absolute; font-size:.8em; color:var(--color-text); margin:-20px 0 0 -20px; text-align:center;

    -webkit-font-smoothing: antialiased;
    }
    .ruleTitle { font-family:'futurablack'; font-size:2.4em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left;

    -webkit-font-smoothing: antialiased;
    }
    .ruleDesc { font-size:1em; color:var(--color-text); margin-top:10px; text-align:left;

    -webkit-font-smoothing: antialiased;
    }
    
    /* NEWS */
    .newsTitle { font-family: 'futuralight'; width:100%; margin:0 auto 60px auto; padding-bottom:30px; font-size:2em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .newsContainer { position:relative; width:100%; margin:0 auto; padding:0 0 0 10%; }
    .newsContainer .newsItem .newsInfo { display:flex; flex-flow:wrap; justify-content:flex-start; align-items:center; }
    .newsContainer .newsItem .newsInfo .clmn.thumb { position:relative; width:100%; padding-bottom:56.25%; height:0; }
    .newsContainer .newsItem .newsInfo .clmn.thumb .newsThumbImg { position:absolute; top:0; left:0; width:100%; height:100%;

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    }

    .newsContainer .newsItem .newsInfo .clmn.info { flex:1; margin:0; text-align:left; }
    .newsContainer .newsItem .newsInfo .clmn.info .newsInfoTitle { font-family: 'futurablack'; font-size:1.8em; letter-spacing:-.02em; line-height:1em; color:var(--color-text-coloured); text-align:left; margin:20px 0 0 0; -webkit-font-smoothing: antialiased; }
    .newsContainer .newsItem .newsInfo .clmn.info .newsInfoDesc { font-family: 'futura'; font-size:1em; color:var(--color-text-white); text-align:left; margin:10px 0; -webkit-font-smoothing: antialiased; }
    .newsContainer .newsItem .newsInfo .clmn.info .newsInfoDate { font-size:.8em; font-weight:700; color:var(--color-text-grey); line-height:1.6em; -webkit-font-smoothing: antialiased; }
    
    /* PARTNERS */
    .partnersAboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto 40px auto; font-size:2em; color:var(--color-text); line-height:1em; text-align:center; text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .partnersContainer { width:95%; margin:60px auto 0 auto; }

    .partnersGrid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 20px;
        width: 100%;
        margin: 0 auto;
    }

    .partnerItem {
        padding: 20px;
        height: 120px;
    }

    /* Mobile: Set specific widths for Feastables and featured partners */
    .partnerItem-hero {
        max-width: 1015px;
        width: 100%;
        margin: 0 auto 15px auto;
    }

    .partnersGrid-featured {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        max-width: 1015px;
        margin: 0 auto;
    }

    .partnerItem-featured {
        max-width: 1015px;
        width: 100%;
        margin: 0 auto 15px auto;
    }

    /* Make Feastables -H.png 100% height on mobile */
    .partnerItem-hero::before {
        background-size: auto 100%;
    }

    /* Make featured partners -H.png 100% height on mobile */
    .partnerItem-featured::before {
        background-size: auto 100%;
    }

    /* Reset individual padding for mobile - all use same padding */
    .partnerItem-featured:nth-child(3),
    .partnerItem-featured:nth-child(4) {
        padding: 25px;
    }

    /* Reset Lowe's growth to match others on mobile */
    .partnerItem-featured:nth-child(3):hover img {
        transform: scale(1.18);
    }

    /* REVIEWS */
    .reviewsTitle { font-family:'futura'; width:100%; margin:0 auto; font-size:2em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .reviewsContainer { position:relative; width:100%; height:300px; margin:40px auto 0 auto; overflow:hidden !important; }

    .reviews-slider .reviewItem {
        width: 80vw !important;
        padding: 0 20px !important;
    }

    .reviews-slider .swiper-wrapper.continuous-scroll {
        -webkit-animation-duration: 50s; /* Adjusted for triple content on mobile */
        animation-duration: 50s; /* Adjusted for triple content on mobile */
    }

    /* Mobile-specific animation for tripled content */
    @keyframes scrollReviewsMobile {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-66.66%); /* 2/3 for tripled content */
        }
    }

    @-webkit-keyframes scrollReviewsMobile {
        0% {
            -webkit-transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(-66.66%); /* 2/3 for tripled content */
        }
    }

    .reviews-slider .swiper-wrapper.continuous-scroll {
        -webkit-animation-name: scrollReviewsMobile;
        animation-name: scrollReviewsMobile;
    }

    .reviewDesc { font-family:'futura'; font-size:0.95em; line-height:1.2em; color:var(--color-text-white); text-align:center; margin:40px 0; -webkit-font-smoothing: antialiased; }
    .reviewAuthor { font-family:'futura'; font-size:1em; font-weight:400; color:var(--secondary-color); line-height:1.6em; text-align:center; -webkit-font-smoothing: antialiased; }
    
	/* FOOTER */
	#footer { flex-direction:column; width:100%; height:auto; margin:0 auto; top:0; padding:20px 40px 80px 40px; text-align:center; box-sizing: border-box; }
    .boxFooter { display:table; flex:1; padding:0; }

    .boxFooter:nth-child(1) { text-align:center; order:1; }
    .boxFooter:nth-child(2) { text-align:center; order:3; margin-bottom:10px; }
    .boxFooter:nth-child(3) { text-align:center; order:2; }

    .footerLogo { background-size:100%; margin:0 0 5px 0; overflow:hidden; }

    .footerInfo { font-family:'futura'; height:auto; font-size:.7em; letter-spacing:.05em; line-height:1.8em; margin-top:5px; padding-bottom:30px; }

    .footerInfo .far,
    .footerInfo .fas { margin-right:5px; }

    .footerSocial { margin:35px auto; }
    .footerSocial a { font-family:'futura'; font-size:1.4em; margin-right:20px; }

}

/* RESPONSIVE */
@media all and (max-width: 860px) and (orientation: landscape) {
    
    .warning { display: block !important; }
    
}


/* Beast Games 2 Custom Styles */

/* Fix news section styling to match live site */
.newsContainer .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding-bottom: 20px;
}
.newsContainer .newsItem {
    flex: 0 0 400px;
    cursor: pointer;
    transition: transform 0.3s ease;
    padding-top: 20px;
}
.newsContainer .newsItem:hover {
    transform: scale(1.02);
}
.newsContainer .newsItem .newsInfo .clmn.thumb .newsThumbImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-out;
}
.newsContainer .newsItem .newsInfo .clmn.info {
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 0;
}

/* Disable scroll-snap to prevent auto-scrolling behavior */
.newsContainer,
.newsContainer > *,
.newsContainer .news-slider,
.newsContainer .news-slider > *,
.newsContainer .swiper-wrapper,
.newsContainer .swiper-wrapper > *,
.newsContainer .swiper-slide,
.newsItem {
    scroll-snap-type: none !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
    -webkit-scroll-snap-type: none !important;
    -webkit-scroll-snap-align: none !important;
}

/* Fix partner logos to appear in black */
#partners .partnerItem img {
    filter: none;
    opacity: 1;
}
#partners .partnerItem:hover img {
    filter: none;
    opacity: 0.8;
    transform: scale(1.08);
}

#partners .partnerItem-hero img {
    max-height: 210px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

#partners .partnerItem.partnerItem-hero:hover img {
    transform: scale(1.12);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

#partners .partnerItem-featured img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Mobile responsive for news section */
@media (max-width: 860px) {
    .newsContainer .swiper-wrapper {
        display: flex;
        flex-direction: row;
        padding-bottom: 20px;
        gap: 40px;
    }
}

/* Footer styling fixes */
.footerSocial a {
    font-size: 2em !important;
}

/* Fix review quotes to have full opacity */
#reviews .reviewItem {
    opacity: 1 !important;
}
#reviews .reviewText {
    opacity: 1 !important;
}


/* Footer line height fix */
.footerInfo {
    line-height: 2em !important;
}


/* ========================================================================
   VIDEO FIX - REMOVED - Use proper CSS cascade instead of !important
   ======================================================================== */

/* Desktop-specific adjustments for homepage video */
@media (min-width: 1024px) {
    #homepage {
        height: auto !important;
        min-height: 1200px !important;
        max-height: 100vh !important;
    }

    #homepage .video-responsive {
        width: 100% !important;
    }

    /* Removed bgvideo width override - base .bgvideo rule with object-fit: cover handles sizing */
}

/* Season 1 gradient overlay at bottom */
.season1-gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to bottom, transparent 0%, #000000 100%);
    pointer-events: none;
    z-index: 22;
}

/* AUTH MODAL STYLES */
#authModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100;
    overflow-y: auto;
}

.auth-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px;
    width: 90%;
}

.auth-modal-content {
    background: #ffffff;
    padding: 40px 40px 20px 40px;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    position: relative;
}

.auth-modal-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 17px;
    cursor: pointer;
    font-size: 48px;
    color: #999;
    z-index: 30;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
}

.auth-modal-title {
    color: var(--primary-color);
    font-family: 'Monument Extended', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: left;
}

.auth-form-group {
    margin-bottom: 25px;
}

.auth-form-group-sm {
    margin-bottom: 20px;
}

.auth-form-label {
    display: block;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

.auth-form-input {
    width: calc(100% - 32px);
    padding: 12px 16px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: content-box;
}

.auth-terms-label {
    display: flex;
    align-items: flex-start;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.auth-terms-checkbox {
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.auth-terms-link {
    color: var(--primary-color);
    text-decoration: underline;
}

.auth-social-btn {
    width: 100%;
    height: 44px;
    margin-bottom: 12px;
    padding: 0 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.auth-social-btn-google {
    background: #ffffff;
    border: 1px solid #dadce0;
    opacity: 0.5;
}

.auth-social-btn-apple {
    background: #000000;
    border: none;
    opacity: 0.5;
}

.auth-social-btn-amazon {
    background: linear-gradient(to bottom, #ffb860, #ff9900);
    border: 1px solid #c07100;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    opacity: 0.5;
}

.auth-social-icon {
    margin-right: 8px;
}

.auth-social-icon-apple {
    margin-right: 8px;
    fill: white;
}

.auth-social-text-google {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.auth-social-text-apple {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.auth-social-text-amazon {
    color: #111111;
    font-family: 'Amazon Ember', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.auth-guest-container {
    margin: 10px 0 0 0;
    text-align: center;
}

.auth-guest-link {
    color: #999;
    font-size: 12px;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

/* UTILITY CLASSES FOR INLINE STYLE REMOVAL */
.video-responsive-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19;
}

.section-full-height {
    height: auto;
    /* min-height: 1000px; */
    max-height: 1400px;
    position: relative;
}

.thumb-desc-large {
    font-size: 56px;
    padding-bottom: 5px;
}

.thumb-image-tall {
    height: 115dvh;
    max-height: 1400px;
    top: 0;
}

.thumb-image-tall img {
    height: 100%;
    object-fit: cover;
}

/* Season 1 background image - Desktop */
.season1-bg-img {
    content: url(../images/bgVideo.jpg);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Season 1 background image - Mobile */
@media all and (max-width: 860px) {
    .season1-bg-img {
        content: url(../images/bgVideoMobile.jpg);
    }
}


.news-link {
    text-decoration: none;
}

.spacer-div {
    width: 100px;
    flex-shrink: 0;
}

.reviews-scroll-animation {
    animation: scrollReviews 60s linear infinite;
    -webkit-animation: scrollReviews 60s linear infinite;
}

/* ===== INDEX.HTML SPECIFIC STYLES ===== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ===== INDEX1.HTML SPECIFIC STYLES ===== */

/* Hero Section */
#hero {
    position: relative;
    width: 100%;
    height: 150vh;
    min-height: 150vh;
    overflow: hidden;
    z-index: 1;
}

/* Homepage Video - Responsive based on aspect ratio */
#homepage .video-responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 21;
}

/* Aspect ratio responsive sizing for homepage video - REMOVED
   The base .bgvideo rule with object-fit: cover handles all aspect ratios correctly.
   These media queries were breaking centering by setting width/height to auto.
*/

:root {
    --primary-color: #ffcc00;
    --secondary-color: #00a8e8;
}

html.has-scroll-smooth {
    overflow: hidden;
}

body {
    font-family: 'Monument Extended', sans-serif;
    background: #000;
    color: #fff;
}

[data-scroll-container] {
    min-height: 100vh;
}

/* Preloader */
/* Removed duplicate #c-loader rules - using main definition at line 247 */

#c-loader.loaded {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease-out, visibility 0s 0.2s;
}

/* Removed duplicate logo styles - using main definition at line 293 */

/* Header */
.headerlogo {
    position: fixed;
    top: 40px;
    left: 40px;
    width: 120px;
    height: 50px;
    background: url(../images/logos/logo.png) center center no-repeat;
    background-size: contain;
    z-index: 10000;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.headerlogo.visible {
    opacity: 1;
    pointer-events: auto;
}

/* Persistent Logo - outside hero section, always above everything */
.persistent-logo {
    position: fixed;
    top: 20px;
    left: 40px;
    width: 200px;
    z-index: 90;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.persistent-logo.visible {
    opacity: 1;
    pointer-events: auto;
}

.persistent-logo img {
    width: 100%;
    cursor: pointer;
}

/* Mobile persistent logo positioning */
@media all and (max-width: 860px) {
    .persistent-logo {
        top: 40px;
        left: 40px;
        width: 140px;
    }
}

/* Hero Section */
#hero {
    position: relative;
    width: 100%;
    height: 150vh;
    min-height: 150vh;
    overflow: hidden;
    z-index: 1;
    isolation: isolate;
}

.parallax-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Layer 1: Background - Furthest back */
.layer-background {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
    padding-bottom: 1px;
}

.layer-background img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center 0%;
    transform-origin: center top;
    transform: scale(1.50) translateY(-40px);
}

/* Mobile: use cover to allow scaling beyond container */
@media all and (max-width: 860px) {
    .layer-background img {
        object-fit: cover;
    }
}

/* Layer 2: Overlay - Over background - Frosted glass effect */
.layer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 2;
    will-change: opacity;
}

/* Layer 3: Logo - Starts fixed to viewport center, becomes top-left during scroll */
.layer-logo {
    position: fixed;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    max-width: 800px;
    z-index: 8;
    will-change: transform, width, top, left;
    pointer-events: none;
}

.layer-logo img {
    pointer-events: auto;
}

.layer-logo img {
    width: 100%;
    height: auto;
    display: block;
}

/* Layer 4: Jimmy - Over logo initially */
.layer-jimmy {
    position: absolute;
    z-index: 20;
    will-change: transform;
}

.layer-jimmy img {
    width: 100%;
    height: auto;
    display: block;
}

/* SEASON 2 Label over Jimmy */
.season2-label {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Monument Extended', sans-serif;
    font-size: 4vw;
    font-weight: 900;
    color: var(--secondary-color);
    text-shadow: 0 0 20px rgba(0, 0, 0, 1), 0 0 40px rgba(0, 0, 0, 1);
    letter-spacing: 0;
    z-index: 21;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease-out;
    white-space: nowrap;
    width: max-content;
}

/* Layer 5: Bill images - Over jimmy */
.layer-bill {
    position: absolute;
    z-index: 5;
    will-change: transform;
}

/* Bills on right side and center should be above Jimmy */
#bill2, #bill5, #bill7 {
    z-index: 11;
}

/* Bill10 behind Jimmy but above overlay */
#bill10 {
    z-index: 5;
}

/* Bill11 should be behind Jimmy */
#bill11 {
    z-index: 4;
}

/* Bill13 should be behind all other bills but above overlay */
#bill13 {
    z-index: 3;
}

.layer-bill img {
    width: 100%;
    height: auto;
    display: block;
}

#bill1 {
    width: 14vh; /* 2x */
}

#bill2 {
    width: 12.5vh; /* 2x */
    z-index: 6;
}

#bill3 {
    width: 15vh; /* 2x */
}

#bill4 {
    width: 13.5vh; /* 2x */
}

#bill5 {
    width: 14.5vh; /* 2x */
}

#bill6 {
    width: 13vh; /* 2x */
}

#bill7 {
    width: 12vh; /* 2x */
}

#bill8 {
    width: 15.5vh; /* 2x */
}

#bill9 {
    width: 18.75vh; /* 2x of 9.375vh */
}

#bill10 {
    width: 21vh; /* 2x of 10.5vh */
}

#bill11 {
    width: 15.18vh; /* 2x of 7.59vh */
}

#bill12 {
    width: 15vh; /* 2x */
}

#bill13 {
    width: 23.25vh; /* 2x of 11.625vh */
}

/* Gradient at bottom of hero */
.hero-gradient {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: 15;
    pointer-events: none;
}

/* Mobile gradient at bottom of hero - shorter */
@media all and (max-width: 860px) {
    .hero-gradient {
        height: 200px;
    }
}

/* Homepage Section - Above hero */
#homepage {
    position: relative;
    z-index: 20;
    height: 100vh;
    background: var(--color-bg);
    isolation: isolate;
}

/* Gradient at top of homepage section - inverted (black to transparent going down) */
.homepage-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 23;
    pointer-events: none;
}

/* About Section */
#about {
    position: relative;
    z-index: 30;
}

/* Season 1 Section */
#season1 {
    position: relative;
    z-index: 40;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
}

/* Season 1 content (inside season1 section) */
#season1 .thumb-container {
    position: relative;
    z-index: 41;
}

#season1 .thumb-image {
    position: absolute;
    z-index: 21;
}

#season1 .thumb-info {
    position: absolute;
    z-index: 42;
}

/* Second Section */
#content {
    position: relative;
    width: 100%;
    height: 1200px;
    background: #000;
    z-index: 50;
}

/* Dummy Section */
#dummy {
    height: 200vh;
    background: #000;
}

/* Mobile Responsive */
@media (max-width: 860px) {
    .headerlogo {
        top: 20px;
        left: 20px;
        width: 80px;
        height: 35px;
    }

    .headersocial {
        top: 20px;
        right: 20px;
        gap: 15px;
    }

    .socialHeader {
        font-size: 20px;
    }

    .layer-logo {
        width: 80%;
    }

    .layer-jimmy {
        width: 105%;
    }

    .season2-label {
        font-size: 8vw;
        top: 30%;
    }

    .layer-bill {
        display: none;
    }
}