@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;600;700&display=swap');
:root{--o:#ef5a13;--p:#f1dfba;--k:#080806;--rust:#81310f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--p);font-family:Oswald,Arial,sans-serif;background:#090806 radial-gradient(#ef5a13 1px,transparent 1px) 0 0/14px 14px}a{color:inherit;text-decoration:none}.wrap{width:min(1220px,94%);margin:auto}.hero{min-height:790px;position:relative;overflow:hidden;background:radial-gradient(circle at 67% 38%,#371404,transparent 34%),linear-gradient(#070706,#0b0907);border-top:8px solid var(--p)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(168deg,transparent 74%,#f1dfba 74.2% 77%,transparent 77.2%);z-index:0}.nav{height:108px;display:flex;align-items:center;position:relative;z-index:10}.logo{display:flex;align-items:center}.brand-mark{width:92px;height:88px;overflow:hidden;display:block}.brand-mark img{width:150%;height:150%;object-fit:contain;transform:translate(-18%,-11%)}.brand-copy b{display:block;font:42px Anton;letter-spacing:1px}.brand-copy small{display:block;color:var(--o);font-weight:700;letter-spacing:3px}.nav nav{display:flex;gap:42px;margin-left:auto;font:24px Anton}.nav nav a{position:relative}.nav nav a:hover,.nav nav a:first-child{color:var(--o)}.nav nav a:after{content:"";position:absolute;height:5px;left:0;right:0;bottom:-9px;background:var(--o);transform:scaleX(0)}.nav nav a:hover:after,.nav nav a:first-child:after{transform:scaleX(1)}.menu-toggle{display:none}.hero-stage{height:545px;display:grid;grid-template-columns:47% 53%;position:relative;z-index:2}.hero-left{position:relative;z-index:4;padding-top:35px}.hero h1{font:118px/0.72 Anton;margin:0;letter-spacing:-3px;transform:rotate(-2deg)}.hero h1 span,.hero h1 em{display:block;width:max-content;padding:6px 18px;background:#080806;color:var(--p);font-style:normal;-webkit-text-stroke:3px #080806;paint-order:stroke fill;filter:drop-shadow(-3px -3px var(--p)) drop-shadow(3px 3px var(--p)) drop-shadow(9px 11px #000)}.hero h1 em{color:var(--o);margin-left:8px}.hero h1 span:last-child{margin-left:45px}.discord-btn{display:block;width:500px;margin:35px 0 0 22px;padding:14px 25px;text-align:center;background:var(--o);color:#080806;border:5px solid #080806;outline:5px solid var(--p);box-shadow:9px 10px #000;font:40px Anton;transform:rotate(-2deg);clip-path:polygon(1% 9%,98% 0,100% 87%,2% 100%)}.discord-btn:hover{transform:translateY(-5px) rotate(1deg)}.mascot{position:relative}.raccoon{position:absolute;width:116%;height:116%;object-fit:contain;left:-18%;bottom:-7%;filter:drop-shadow(8px 10px #000)}.controller,.skull,.tools{position:absolute;object-fit:contain;filter:drop-shadow(6px 7px #000);z-index:3}.controller{width:145px;right:-1%;top:1%}.skull{width:135px;right:-2%;top:35%}.tools{width:195px;right:-3%;bottom:0}.game-buttons{height:95px;display:grid;grid-template-columns:1fr 1fr 1.25fr 1.45fr;gap:14px;position:relative;z-index:5;align-items:center}.game-buttons a{height:68px;background:var(--p);color:#090806;border:4px solid #090806;outline:3px solid var(--p);display:flex;align-items:center;padding:5px 15px;clip-path:polygon(2% 5%,98% 0,100% 88%,96% 100%,3% 96%,0 82%);box-shadow:7px 7px #000;transition:.18s}.game-buttons a:hover{background:var(--o);transform:translateY(-5px)}.game-buttons i{font-style:normal;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#090806;color:var(--o);border:3px solid var(--o);font:22px Anton;margin-right:13px}.game-buttons strong{font:25px Anton;white-space:nowrap}.panel{margin-top:22px;border:2px solid var(--rust);padding:14px;background:#080806ed;box-shadow:inset 0 0 0 2px #1b1109}.panel>h2{font:30px Anton;margin:0 0 12px;border-bottom:2px solid var(--rust)}.panel>h2 b{color:var(--o)}.projects,.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project{border:2px solid var(--p);background:#100d09;padding:6px;text-align:center;transition:.2s;position:relative}.project:hover{transform:translateY(-6px);border-color:var(--o)}.project-art{height:185px;position:relative;overflow:hidden}.project-art img{width:100%;height:100%;object-fit:cover;object-position:top}.project-art i{position:absolute;right:8px;top:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#090806;color:var(--o);border:3px solid var(--o);font:18px Anton}.project h3{font:29px Anton;margin:8px 0 0}.project>strong{display:block;font:17px Anton}.project>small{display:block;color:var(--o);font-weight:700;margin:3px 0 8px}.project>span,.orange-btn{display:block;background:var(--o);color:#080806;text-align:center;font:17px Anton;padding:5px}.community{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.community>h2{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stats div{text-align:center}.stats strong{display:block;font:45px Anton;color:var(--o)}.stats small{font-size:11px}.community>img{width:100%;height:165px;object-fit:cover;border:2px solid var(--p)}.services article{border:2px solid var(--o);background:#100d09;padding:5px;position:relative;overflow:hidden}.services img{width:100%;height:160px;object-fit:cover}.services h3{position:absolute;left:10px;top:5px;margin:0;font:25px Anton;color:var(--o);text-shadow:2px 2px #000}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.news article{border:1px solid var(--o);padding:12px;min-height:170px;background:#15100b}.news h3{font:20px Anton;margin:5px 0}.news p{font-size:13px}.news a{color:var(--o);font-weight:700}.gallery img{width:100%;height:185px;object-fit:cover}.gallery .orange-btn{width:180px;margin:10px auto}.team{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.team article{border:2px solid var(--o);padding:4px;text-align:center;background:#120e09}.team img{width:100%;height:170px;object-fit:cover}.team h3{font:18px Anton;margin:3px 0}.team small{color:var(--o)}.cta{margin-top:30px;background:var(--p);color:#090806;overflow:hidden;border-block:8px solid #090806}.cta>.wrap{height:230px;display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:center}.cta h2{font:42px/1.05 Anton}.cta a{background:var(--o);padding:12px;text-align:center;transform:rotate(-2deg);border:5px solid #090806}.cta a span{display:block;font:26px Anton}.cta img{height:260px;width:100%;object-fit:contain;align-self:end}footer{background:#070604;padding:35px 0 15px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer-grid>div:first-child img{width:260px}.footer-grid h3{color:var(--o)}.footer-grid a{display:block;margin:4px 0}footer>small{display:block;text-align:center;margin-top:30px;color:#8d816b}
@media(max-width:900px){.nav{height:82px}.brand-mark{width:65px;height:62px}.brand-copy b{font-size:27px}.brand-copy small{font-size:8px}.menu-toggle{display:block;margin-left:auto;background:var(--o);border:0;font-size:25px}.nav nav{display:none;position:absolute;top:75px;right:0;flex-direction:column;background:#090806;padding:20px;gap:10px}.nav nav.open{display:flex}.hero-stage{height:680px;grid-template-columns:1fr}.hero-left{padding-top:20px}.hero h1{font-size:82px}.discord-btn{width:85%;font-size:30px}.mascot{height:330px}.raccoon{left:0;width:100%}.controller,.skull,.tools{display:none}.game-buttons,.projects,.services{grid-template-columns:repeat(2,1fr)}.game-buttons{height:auto;padding:20px 0}.community,.two{grid-template-columns:1fr}.community>h2{grid-column:auto}.team{grid-template-columns:repeat(3,1fr)}.cta>.wrap{height:auto;grid-template-columns:1fr;padding:30px 0}.cta img{height:220px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.brand-copy b{font-size:22px}.game-buttons,.projects,.services,.news-grid,.team,.footer-grid{grid-template-columns:1fr}.hero-stage{height:600px}.hero h1{font-size:60px}.hero h1 span:last-child{margin-left:20px}.discord-btn{margin-left:10px}.project-art{height:230px}.stats{grid-template-columns:repeat(2,1fr)}.cta h2{font-size:34px}}