*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090d;color:#f4f3ef;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#090a0e;border-bottom:1px solid #24252b;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px;font-weight:800}.brand b{color:#2e83ff}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #398bff;color:#4b9aff;font-family:'Barlow Condensed';font-size:20px;font-weight:900;transform:skew(-7deg)}nav{display:flex;gap:34px}nav a,.nav-cta{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#b9bac2}nav a:hover,.text-link:hover{color:#4a96ff}.nav-cta{border:1px solid #3c8bff;padding:13px 17px;color:#fff}.nav-cta span,.text-link span{color:#4b98ff;margin-left:9px}.hero{min-height:690px;height:min(790px,calc(100vh - 82px));position:relative;display:flex;align-items:center;overflow:hidden;background:#111}.hero-image{position:absolute;inset:0;background-image:url('assets/ernest-hero.jpeg');background-size:cover;background-position:center 42%;filter:saturate(.92)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.94) 0%,rgba(5,6,10,.79) 38%,rgba(5,6,10,.22) 75%,rgba(5,6,10,.28) 100%),linear-gradient(0deg,#08090d 0%,transparent 24%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.3) 100%)}.hero-content{position:relative;z-index:2;margin-left:10vw;max-width:700px;padding:65px 20px 55px 0}.eyebrow,.section-kicker{font-size:10px;letter-spacing:3px;font-weight:800;color:#a9abb5}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39d98a;margin:0 9px 1px 0;box-shadow:0 0 13px #39d98a}.hero h1,.intro h2,.community h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.82;letter-spacing:-1px;font-size:clamp(76px,11vw,150px);margin:29px 0 22px;text-transform:uppercase}.hero h1 em{font-style:normal;color:#4b91ff;text-shadow:3px 3px 0 #07162f,-1px -1px 0 #dce8ff}.hero-copy{font-size:15px;line-height:1.8;color:#d2d1d2}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:900;letter-spacing:1.5px;transition:.2s}.button:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}.button-green{background:#39d98a;color:#06130d}.button-outline{border:1px solid rgba(255,255,255,.55);background:rgba(7,8,12,.35)}.button-light{background:#f0eee8;color:#111}.kick-symbol{font-size:12px}.hero-foot{display:flex;gap:24px;margin-top:70px;font-size:8px;letter-spacing:2px;font-weight:800;color:#a8a9b0}.vertical-label{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#ffffff99}.section{padding:105px 10vw}.section-kicker{color:#4b91ff}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center;margin-top:35px}.intro h2,.community h2{font-size:clamp(58px,8vw,104px);margin:0}.intro h2 span{color:#4b91ff}.intro-text{max-width:500px;color:#aeb0b9;font-size:14px;line-height:1.9}.intro-text .lead{font-size:20px;line-height:1.5;color:#f3f3f3;font-weight:700}.text-link{display:inline-block;margin-top:20px;font-size:10px;font-weight:900;letter-spacing:2px;color:#fff}.community{padding-top:30px}.community-card{margin-top:28px;position:relative;overflow:hidden;background:linear-gradient(110deg,#11141c,#151c2a 65%,#0c1018);border:1px solid #2b303d;padding:60px 7%;display:flex;justify-content:space-between;align-items:center;min-height:330px}.community-card .eyebrow{color:#4b91ff}.community h2{font-size:clamp(65px,8vw,100px);margin:22px 0}.community-copy{max-width:420px;color:#aeb0b9;font-size:13px;line-height:1.8}.community-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;min-width:190px}.big-watermark{position:absolute;right:24%;bottom:-110px;font-family:'Barlow Condensed';font-size:390px;font-weight:900;color:#ffffff05;pointer-events:none}footer{border-top:1px solid #24252b;padding:30px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777b86;font-size:8px;letter-spacing:1.5px;font-weight:700}.footer-brand{color:#eee;font-size:11px}@media(max-width:700px){.topbar{height:70px;padding:0 5vw}.brand{font-size:10px;letter-spacing:1px}.brand-mark{width:32px;height:32px}nav{display:none}.nav-cta{font-size:8px;padding:11px 10px}.hero{height:auto;min-height:720px;align-items:flex-end}.hero-image{background-position:60% center}.hero-shade{background:linear-gradient(0deg,rgba(5,6,10,.98) 0%,rgba(5,6,10,.88) 42%,rgba(5,6,10,.28) 100%)}.hero-content{margin:0;padding:0 7vw 44px}.hero h1{font-size:clamp(68px,17vw,112px);margin-top:24px}.hero-copy{font-size:13px}.actions{gap:9px}.button{min-height:48px;padding:0 14px;font-size:9px}.hero-foot{gap:12px;flex-wrap:wrap;margin-top:40px;font-size:7px}.vertical-label{display:none}.section{padding:75px 7vw}.intro-grid{grid-template-columns:1fr;gap:25px}.intro h2{font-size:72px}.community-card{padding:38px 7%;display:block}.community h2{font-size:76px}.community-actions{margin-top:25px;flex-direction:row;flex-wrap:wrap}.big-watermark{font-size:250px;right:-5%;bottom:-70px}footer{padding:25px 7vw;flex-wrap:wrap}footer>span:nth-child(2){display:none}}

/* --- polish & motion update --- */
:root{scroll-padding-top:90px}
.topbar{position:sticky;top:0;backdrop-filter:blur(16px);background:rgba(9,10,14,.88)}
.brand-mark{transition:transform .35s ease,box-shadow .35s ease}
.brand:hover .brand-mark{transform:skew(-7deg) rotate(-5deg);box-shadow:0 0 24px #398bff55}
nav a{position:relative;transition:color .25s ease}
nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:#4b91ff;transition:width .25s ease}
nav a:hover:after{width:100%}
.hero-image{animation:heroReveal 1.1s ease both;transform:scale(1.025)}
.hero-content>*{animation:riseIn .75s ease both}
.hero-content>*:nth-child(2){animation-delay:.08s}
.hero-content>*:nth-child(3){animation-delay:.16s}
.hero-content>*:nth-child(4){animation-delay:.24s}
.hero-content>*:nth-child(5){animation-delay:.32s}
.button,.nav-cta{position:relative;overflow:hidden}
.button:before,.nav-cta:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .55s ease}
.button:hover:before,.nav-cta:hover:before{transform:translateX(120%)}
.intro-grid,.community-card{animation:riseIn .8s ease both}
.community-card{box-shadow:0 25px 80px #0005}
.community-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,#397fe51c,transparent 38%)}
.community-actions{min-width:min(330px,100%)}
.discord-panel{position:relative;z-index:2;padding:22px;background:rgba(8,11,18,.82);border:1px solid #3b5682;border-radius:5px;box-shadow:0 15px 45px #0005;min-width:min(310px,100%)}
.discord-panel-top{display:flex;align-items:center;gap:9px;color:#aab8d3;font-size:9px;font-weight:900;letter-spacing:2px}
.discord-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#5865f2;color:white;font-size:17px}
.discord-online{width:7px;height:7px;border-radius:50%;background:#39d98a;box-shadow:0 0 10px #39d98a;margin-left:auto}
.discord-panel strong{display:block;margin-top:19px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;text-transform:uppercase;letter-spacing:.5px}
.discord-panel p{color:#aeb5c5;font-size:11px;line-height:1.7;margin:8px 0 17px}
.button-discord{background:#5865f2;color:white;width:100%;font-size:9px}
.discord-note{display:block;text-align:center;margin-top:12px;color:#77839b;font-size:7px;letter-spacing:1.8px;font-weight:800}
.community-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}
.community-tags span{border:1px solid #ffffff20;padding:9px 11px;color:#aeb8ca;font-size:8px;letter-spacing:1px;font-weight:800}
.community-tags span:first-letter{color:#4b91ff}
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroReveal{from{opacity:.5;transform:scale(1.07)}to{opacity:1;transform:scale(1.025)}}
@media(max-width:700px){
  .topbar{position:relative}
  .community-actions{min-width:0}
  .discord-panel{min-width:0;width:100%}
  .community-tags{gap:7px}
  .community-tags span{font-size:7px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* ERNEST HOOLIGANS 3.0 — cinematic entrance + mobile refinement */
.cinematic-intro{
  position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;
  align-items:center;justify-content:center;background:#07090f;
  animation:introCurtain 1s cubic-bezier(.76,0,.24,1) 1.55s forwards;
  pointer-events:none
}
.intro-logo{
  display:grid;place-items:center;width:76px;height:76px;border:2px solid #438fff;
  color:#5ba0ff;font:900 42px 'Barlow Condensed',sans-serif;
  transform:skew(-8deg);text-shadow:0 0 25px #398bff88;
  animation:logoImpact .65s cubic-bezier(.2,.8,.2,1) both
}
.intro-line{height:2px;width:0;margin:22px 0 16px;background:linear-gradient(90deg,transparent,#438fff,transparent);animation:lineExpand .65s ease .25s forwards}
.cinematic-intro p{margin:0;font-size:clamp(17px,3vw,25px);font-weight:900;letter-spacing:5px;animation:textReveal .55s ease .38s both}
.cinematic-intro p span{color:#4b91ff}
.cinematic-intro small{margin-top:12px;color:#8e9bb0;font-size:9px;letter-spacing:3px;font-weight:800;animation:textReveal .55s ease .52s both}
@keyframes logoImpact{from{opacity:0;transform:skew(-8deg) scale(.55);filter:blur(8px)}to{opacity:1;transform:skew(-8deg) scale(1);filter:blur(0)}}
@keyframes lineExpand{to{width:min(280px,65vw)}}
@keyframes textReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes introCurtain{0%{opacity:1;visibility:visible}75%{opacity:0}100%{opacity:0;visibility:hidden}}
.hero-content .eyebrow,.hero-content h1,.hero-content .hero-copy,.hero-content .actions,.hero-content .hero-foot{
  animation:heroStagger .75s cubic-bezier(.2,.75,.25,1) both
}
.hero-content .eyebrow{animation-delay:1.55s}
.hero-content h1{animation-delay:1.66s}
.hero-content .hero-copy{animation-delay:1.78s}
.hero-content .actions{animation-delay:1.9s}
.hero-content .hero-foot{animation-delay:2.02s}
@keyframes heroStagger{from{opacity:0;transform:translateY(28px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:700px){
  .topbar{height:auto;min-height:66px;padding:12px 5vw;gap:10px}
  .brand{gap:8px;font-size:9px;letter-spacing:.7px;white-space:nowrap}
  .brand-mark{width:30px;height:30px;font-size:17px}
  .nav-cta{font-size:7px;letter-spacing:1px;padding:10px 9px;white-space:nowrap}
  .hero{min-height:calc(100svh - 66px);height:auto;align-items:flex-end}
  .hero-image{background-position:62% 28%;transform:scale(1.02)}
  .hero-shade{background:
    linear-gradient(0deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.91) 43%,rgba(5,6,10,.44) 76%,rgba(5,6,10,.25) 100%),
    linear-gradient(90deg,rgba(5,6,10,.25),transparent)}
  .hero-content{width:100%;margin:0;padding:150px 6vw 34px}
  .eyebrow{font-size:8px;letter-spacing:2px}
  .hero h1{font-size:clamp(58px,15.5vw,100px);line-height:.86;letter-spacing:-.5px;margin:20px 0 17px}
  .hero-copy{font-size:12px;line-height:1.65;max-width:330px}
  .actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:23px;max-width:360px}
  .actions .button{width:100%;min-height:49px;font-size:9px}
  .hero-foot{gap:8px 15px;margin-top:27px;font-size:6px;letter-spacing:1.3px}
  .section{padding:62px 6vw}
  .intro-grid{margin-top:25px;gap:18px}
  .intro h2{font-size:clamp(53px,13vw,72px)}
  .intro-text{font-size:13px;line-height:1.8}
  .intro-text .lead{font-size:17px}
  .community{padding-top:8px}
  .community-card{margin-top:20px;padding:30px 6%;min-height:0}
  .community h2{font-size:clamp(60px,15vw,78px)}
  .community-copy{font-size:12px}
  .community-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .discord-panel{width:100%;padding:19px}
  .community-actions>.button{width:100%}
  .community-tags span{font-size:6px;letter-spacing:.7px;padding:7px}
  .big-watermark{font-size:190px;right:-10%;bottom:-55px}
  footer{padding:22px 6vw;gap:13px}
  footer .footer-brand{font-size:9px}
  footer>span{font-size:6px;letter-spacing:.8px}
}
@media(max-width:380px){
  .brand{font-size:8px}
  .nav-cta{font-size:6px;padding:9px 7px}
  .hero-content{padding-left:5vw;padding-right:5vw}
  .hero h1{font-size:15vw}
  .hero-foot{font-size:5px}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-intro{display:none}
  .hero-content .eyebrow,.hero-content h1,.hero-content .hero-copy,.hero-content .actions,.hero-content .hero-foot{animation:none!important}
}

/* AUTOMATIC KICK LIVE STATUS */
.stream-status-card{display:flex;align-items:center;gap:13px;width:min(100%,440px);margin-top:22px;padding:13px 16px;border:1px solid rgba(110,145,190,.28);border-radius:9px;background:rgba(9,14,24,.72);backdrop-filter:blur(12px);text-decoration:none;color:#fff;box-shadow:0 12px 35px #0004;transition:border-color .2s,transform .2s,background .2s}
.stream-status-card:hover{transform:translateY(-2px);border-color:#4b91ff88;background:rgba(13,22,38,.9)}
.stream-status-icon{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#788397;box-shadow:0 0 0 5px #78839720}
.stream-status-icon i{display:block;width:100%;height:100%;border-radius:50%;background:currentColor;color:#788397}
.stream-status-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.stream-status-copy strong{font-size:10px;letter-spacing:1.5px;font-weight:900}
.stream-status-copy small{overflow:hidden;color:#9ba9bd;font-size:8px;letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap}
.stream-viewers{color:#aebbd0;font-size:8px;letter-spacing:1px;font-weight:900;white-space:nowrap}
.stream-status-arrow{color:#8ba4c7;font-size:16px}
.stream-status-card.is-live{border-color:#e34b5b88;background:linear-gradient(100deg,rgba(57,12,23,.82),rgba(9,14,24,.82))}
.stream-status-card.is-live .stream-status-icon{background:#ff4057;box-shadow:0 0 0 5px #ff405722,0 0 18px #ff4057aa;animation:livePulse 1.5s infinite}
.stream-status-card.is-live .stream-status-icon i{color:#ff4057}
.stream-status-card.is-live .stream-status-copy strong{color:#ff6578}
.stream-status-card.is-live .stream-viewers{color:#fff}
@keyframes livePulse{50%{box-shadow:0 0 0 8px #ff405710,0 0 22px #ff4057bb}}
@media(max-width:700px){.stream-status-card{width:100%;margin-top:15px;padding:12px 13px}.stream-status-copy strong{font-size:9px}.stream-status-copy small{font-size:7px}.stream-viewers{font-size:7px}}