:root{--bg:#050507;--panel:#0c0c10;--line:#25252d;--purple:#a45cff;--muted:#aaaab5;--white:#f8f6ff}html{scroll-behavior:smooth}body{overflow-x:hidden;background:var(--bg);color:var(--white)}a{color:inherit;text-decoration:none}img{max-width:100%}#scrollProgress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#fff,var(--purple));z-index:1001}.site-header{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);z-index:1000;background:linear-gradient(#050507e8,#05050780,transparent);backdrop-filter:blur(10px)}.mini-brand img{width:50px;border-radius:50%}.site-header nav{display:flex;gap:26px;font:700 12px Oswald;letter-spacing:.13em;text-transform:uppercase}.site-header nav a{color:#c9c9d0;transition:.25s}.site-header nav a:hover{color:#fff;text-shadow:0 0 18px var(--purple)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:120px 20px 70px}.pattern-zone{position:relative;isolation:isolate}.pattern-bg{position:absolute;inset:0;z-index:-3;background:url('../assets/grimey-goons-pattern.jpg') center/620px repeat;opacity:.22}.pattern-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#05050722 0,#050507 70%),linear-gradient(#05050788,#050507 95%)}.pattern-bg.faded{opacity:.1}.hero-glow{position:absolute;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,#8e42ff3a 0,transparent 65%);filter:blur(20px);z-index:-1;animation:float 8s ease-in-out infinite alternate}.hero-content{text-align:center;max-width:900px}.hero-face{width:clamp(130px,17vw,220px);border-radius:50%;box-shadow:0 0 70px #9f58ff30}.hero-wordmark{display:block;width:min(660px,86vw);margin:-8px auto 6px}.eyebrow,.kicker,.section-head p{font:700 12px Oswald;letter-spacing:.25em;color:#c7a4ff}.hero h1{font:900 clamp(48px,8vw,105px)/.9 Inter;margin:20px 0;letter-spacing:-.065em}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff;text-shadow:0 0 28px #a45cff66}.hero-copy{max-width:670px;margin:0 auto;color:#c5c5cc;font-size:clamp(15px,2vw,19px);line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:14px 22px;border:1px solid #44444d;border-radius:10px;background:#101015;font:700 12px Oswald;letter-spacing:.11em;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-3px);border-color:#fff;box-shadow:0 12px 35px #0008}.btn.primary{background:#fff;color:#050507;border-color:#fff}.scroll-cue{position:absolute;bottom:25px;font:600 10px Oswald;letter-spacing:.2em;color:#888}.section{padding:110px clamp(20px,7vw,110px);position:relative}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.section-head h2,.about h2,.contact h2{font:900 clamp(38px,6vw,72px)/1 Inter;letter-spacing:-.05em;margin:10px 0 14px}.section-head span{color:var(--muted);line-height:1.6}.media-shell{max-width:900px;margin:auto;padding:10px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#121217,#09090c);box-shadow:0 30px 80px #0008}.dark-grid{background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:42px 42px}.video-grid{max-width:1120px;margin:0 auto 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:#0d0d11;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}.video-card:hover{transform:translateY(-6px);border-color:#7f52ad}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-card div{padding:15px}.video-card h3{font-size:14px;line-height:1.4;margin:0}.feed-loading{grid-column:1/-1;text-align:center;color:#888;padding:50px}.center{text-align:center}.about-card{max-width:1000px;margin:auto;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:50px;padding:clamp(28px,5vw,60px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#111116,#08080b)}.about-card p:not(.kicker){color:#b9b9c2;font-size:18px;line-height:1.8}.about-card img{border-radius:50%;filter:drop-shadow(0 0 40px #a45cff25)}.network{overflow:hidden}.social-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-card{min-height:86px;padding:18px;border:1px solid #292932;border-radius:14px;background:#09090ddd;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:.25s}.social-card:hover{transform:translateY(-4px);background:#111117;border-color:#8c59bd;box-shadow:0 15px 35px #0008}.social-card strong{font:700 15px Oswald;letter-spacing:.04em}.social-card span{font-size:18px;color:#b882f5}.contact{text-align:center}.contact-box{max-width:850px;margin:auto;padding:70px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}footer{padding:45px clamp(20px,7vw,110px);border-top:1px solid #19191f;display:flex;align-items:center;gap:25px;justify-content:space-between;color:#777;font-size:12px}footer img{width:180px}footer a{font:700 11px Oswald;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{to{transform:translateY(5vh) scale(1.08)}}@media(max-width:850px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:15px;right:15px;flex-direction:column;padding:22px;background:#09090df5;border:1px solid #292932;border-radius:15px}.site-header nav.open{display:flex}.video-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.about-card{grid-template-columns:1fr;text-align:center}.about-card img{width:220px;margin:auto}footer{flex-direction:column;text-align:center}}@media(max-width:480px){.social-grid{grid-template-columns:1fr}.section{padding:85px 18px}.hero h1{font-size:52px}}


/* v4.2 interaction + animated hero polish */
.hero>.hero-pattern-motion{opacity:.06;animation:ggPatternDrift 30s linear infinite;transform:scale(1.08);will-change:background-position}
.hero-pattern-window{position:absolute;z-index:-2;left:50%;top:48%;width:min(78vw,920px);height:min(58vw,620px);transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;opacity:.34;mask-image:radial-gradient(circle at center,#000 0 43%,rgba(0,0,0,.72) 58%,transparent 76%);-webkit-mask-image:radial-gradient(circle at center,#000 0 43%,rgba(0,0,0,.72) 58%,transparent 76%);filter:drop-shadow(0 0 55px #9c55ff30);pointer-events:none}
.hero-pattern-loop{position:absolute;inset:-30%;background:url('../assets/grimey-goons-pattern.jpg') center/540px repeat;mix-blend-mode:screen;opacity:.24;animation:ggPatternLoop 22s linear infinite;will-change:transform}
.hero-glow{background:radial-gradient(circle,#8e42ff48 0,#7c35d71c 36%,transparent 68%)}
@keyframes ggPatternDrift{to{background-position:620px 620px}}
@keyframes ggPatternLoop{0%{transform:translate3d(-5%,-4%,0) rotate(-1deg) scale(1.08)}50%{transform:translate3d(7%,5%,0) rotate(1deg) scale(1.13)}100%{transform:translate3d(-5%,-4%,0) rotate(-1deg) scale(1.08)}}
.site-header nav a{position:relative;padding:12px 2px}.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;background:linear-gradient(90deg,#fff,var(--purple));box-shadow:0 0 12px var(--purple);transition:left .25s,right .25s}.site-header nav a:hover:after,.site-header nav a.active:after{left:0;right:0}.site-header nav a.active{color:#fff;text-shadow:0 0 18px var(--purple)}
.site-header.nav-pulse{animation:navClickPulse .34s ease}@keyframes navClickPulse{50%{box-shadow:0 0 45px #9f58ff24 inset}}
#backToTop{position:fixed;right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);z-index:999;width:50px;height:50px;border-radius:50%;border:1px solid #ffffff35;background:#0a0a0ee8;color:#fff;font-size:22px;box-shadow:0 0 0 1px #a45cff18,0 12px 35px #0009,0 0 28px #a45cff22;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(16px) scale(.88);transition:.3s;cursor:pointer}#backToTop.show{opacity:1;visibility:visible;transform:none}#backToTop:hover{transform:translateY(-4px);border-color:#cdaaff;box-shadow:0 15px 40px #000b,0 0 30px #a45cff55}
@media (pointer:fine){body,body a,body button{cursor:none!important}#cursorGlow,#cursorDot{position:fixed;left:0;top:0;pointer-events:none;z-index:5000;border-radius:50%;opacity:0;transition:opacity .2s}#cursorGlow{width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid #c69cff88;box-shadow:0 0 20px #a45cff55,inset 0 0 12px #a45cff25;transition:width .16s,height .16s,margin .16s,opacity .2s,border-color .16s}#cursorDot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#fff;box-shadow:0 0 9px #fff,0 0 18px var(--purple)}body.cursor-ready #cursorGlow,body.cursor-ready #cursorDot{opacity:1}body.cursor-hover #cursorGlow{width:48px;height:48px;margin:-24px 0 0 -24px;border-color:#fff;box-shadow:0 0 28px #a45cff88,inset 0 0 16px #a45cff35}}
@media(max-width:850px){.hero-pattern-window{width:115vw;height:85vw;opacity:.24}.hero>.hero-pattern-motion{opacity:.035}.site-header nav a{padding:13px 8px}.site-header nav a:after{bottom:7px}#backToTop{width:46px;height:46px}.hero-pattern-loop{background-size:390px}}
@media(max-width:480px){.hero-pattern-window{width:145vw;height:110vw;top:43%;opacity:.2}.hero>.hero-pattern-motion{opacity:.025}}
@media(prefers-reduced-motion:reduce){.hero-pattern-loop,.hero>.hero-pattern-motion{animation:none!important}#cursorGlow{display:none!important}body,body a,body button{cursor:auto!important}}