:root{--ink:#071748;--aqua:#56cdd5;--blue:#5471b6;--paper:#fbfdff;--yellow:#ffcf25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Nunito,sans-serif}.wrap{width:min(1280px,calc(100% - 140px));margin:auto}.hero{height:775px;position:relative;overflow:hidden;background:linear-gradient(112deg,#54d4d8 0%,#72d5e7 43%,#ad91e9 100%)}.nav{height:105px;position:relative;z-index:4;display:flex;align-items:center}.nav-links{display:flex;gap:59px}.nav a{color:var(--ink);text-decoration:none;font-size:18px;font-weight:900}.nav a:first-child{position:relative}.nav a:first-child:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:4px;background:var(--ink)}.menu{display:none}.hero-content{height:555px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;position:relative;z-index:2}.hero-copy h1{margin:0;color:#fff;font:800 clamp(72px,7vw,112px)/.82 'Baloo 2',sans-serif;letter-spacing:.01em}.hero-copy p{margin:31px 0 33px;font-size:18px;font-weight:900}.cta{display:inline-block;padding:14px 26px;border-radius:17px;background:linear-gradient(100deg,#72b61e,#69c129);box-shadow:0 4px 8px #21727435;color:#fff;text-decoration:none;font-size:19px;font-weight:900}.logo-card{justify-self:center;width:min(535px,100%);filter:drop-shadow(0 6px 2px #4a78a225)}.logo-card img{display:block;width:100%;height:auto}.sparkles b{position:absolute;color:#ffffff82;font:28px Arial}.sparkles b:nth-child(1){left:53%;top:64px}.sparkles b:nth-child(2){left:66%;top:72px}.sparkles b:nth-child(3){left:44%;top:287px}.sparkles b:nth-child(4){right:7%;top:385px}.sparkles b:nth-child(5){left:64%;top:523px}.sparkles b:nth-child(6){right:9%;top:530px}.dots{position:absolute;left:-5%;bottom:42px;width:57%;height:198px;background-image:radial-gradient(#fff 2px,transparent 3px);background-size:12px 12px;border-radius:50% 50% 0 0;transform:rotate(8deg);opacity:.9}.hero-wave{position:absolute;left:-3%;right:-3%;bottom:-58px;height:120px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(2deg)}.hero-wave:after{content:'';position:absolute;right:0;top:-21px;width:42%;height:68px;background:var(--yellow);border-radius:100% 0 0 0;z-index:-1}.games{position:relative;padding:12px 0 142px;overflow:hidden;background:linear-gradient(110deg,#fff,#f1f6fd 60%,#fff)}.games:after{content:'';position:absolute;left:-5%;right:-5%;height:92px;bottom:-56px;border-radius:50% 50% 0 0/100% 100% 0 0;background:#e3f7fb;transform:rotate(1deg)}h2{margin:0;text-align:center;color:var(--aqua);font:800 48px/1 'Baloo 2',sans-serif;letter-spacing:.08em}h2 span{font:800 35px Arial;vertical-align:8px}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:52px;margin-top:54px}.game{text-align:center;color:var(--blue);text-decoration:none}.cover{display:block;aspect-ratio:1/1.16;border:5px solid #fff;border-radius:33px;background-image:url('assets/game-covers.png');background-size:205% 205%;box-shadow:0 8px 15px #20446935}.cover.one{background-position:0 0}.cover.two{background-position:100% 0}.cover.three{background-position:0 100%}.cover.four{background-position:100% 100%}.game strong{display:block;margin-top:20px;white-space:nowrap;font:800 25px/1 'Baloo 2',sans-serif}.game i{display:block;width:72%;height:9px;margin:16px auto;background:#dce7f4;border-radius:99px}.about{padding:22px 0 76px;background:linear-gradient(110deg,#eadcff,#e7f6ff 64%,#d7f8f7)}.about h2{margin-bottom:8px}.tagline{margin:0;text-align:center;color:var(--blue);font-size:20px;font-weight:900}.team{display:grid;grid-template-columns:1fr 1fr;gap:92px;margin-top:27px}.person{display:flex;align-items:center;justify-content:center;gap:43px}.person.designer{flex-direction:row-reverse}.person img{width:260px;height:205px;object-fit:contain;border-radius:48% 52% 48% 52%;background:#b1e7e8aa}.person.designer img{background:#ffd7d9aa}.person h3{margin:0;color:var(--blue);font:800 30px/1 'Baloo 2',sans-serif}.person p{margin:2px 0 15px;color:var(--blue);font-size:16px;font-weight:900}.person i{display:block;width:67px;height:6px;border-radius:8px;background:#b7deea}.designer i{background:#cdb0fc}.contact{display:none;padding:80px 0;background:linear-gradient(110deg,#58ccd5,#ab94e9);color:#fff}.contact h2{color:#fff;text-align:left}.contact p{max-width:540px;font-weight:700;line-height:1.7}footer{padding:34px 0 25px;border-top:4px solid #fff;background:linear-gradient(175deg,#ffd02b,#ffd52f);color:#334537}footer .wrap{display:flex;align-items:center;justify-content:center;gap:42px;font-size:16px;font-weight:900}footer a{color:inherit;text-decoration:none}footer b{width:2px;height:27px;background:#7c8746}@media(max-width:900px){.wrap{width:min(720px,calc(100% - 48px))}.games-grid{gap:24px}.game strong{white-space:normal;font-size:19px}.team{gap:24px}.person{gap:18px}.person img{width:180px;height:155px}.nav-links{gap:32px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.hero{height:720px}.nav{height:78px;justify-content:flex-end}.menu{display:block;border:0;background:transparent;color:var(--ink);font:900 14px Nunito}.nav-links{display:none}.nav.open .nav-links{display:flex;position:absolute;right:0;top:62px;flex-direction:column;align-items:flex-end;gap:17px;padding:18px 20px;border-radius:15px;background:#fffffff0}.hero-content{display:block;height:auto;padding-top:58px;text-align:center}.hero-copy h1{font-size:72px}.hero-copy p{margin:20px 0 24px;font-size:14px}.cta{font-size:16px}.logo-card{width:320px;margin:48px auto 0}.dots{width:124%;height:130px}.hero-wave{height:78px}.games{padding-bottom:104px}h2{font-size:42px}.games-grid{grid-template-columns:repeat(2,1fr);gap:34px 21px;margin-top:35px}.cover{border-radius:23px;border-width:4px}.game strong{margin-top:12px;font-size:18px}.game i{height:6px;margin-top:10px}.about{padding:27px 0 54px}.tagline{font-size:16px}.team{grid-template-columns:1fr;gap:6px;margin-top:20px}.person,.person.designer{justify-content:flex-start;flex-direction:row;gap:23px}.person.designer{margin-left:37px}.person img{width:164px;height:130px}.contact{display:block}.contact h2{font-size:42px}.contact p{font-size:14px}footer .wrap{flex-wrap:wrap;gap:12px 18px;text-align:center;font-size:12px}footer b{height:18px}}