.hero-section{padding:var(--section-padding-y) 24px 60px;display:flex;align-items:center;justify-content:center;background:var(--section-bg-hero);position:relative;overflow:hidden}.hero-content{max-width:var(--hero-grid-max-width);width:100%;display:grid;grid-template-columns:var(--hero-grid-text-column) var(--hero-grid-character-column);gap:0;align-items:center;margin:0 auto}.hero-text-box{background:var(--color-white);border:3px solid var(--color-black);padding:32px;position:relative;z-index:10;box-shadow:var(--shadow-floating)}.hero-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-headings);margin-bottom:var(--box-content-gap)}.hero-description,.hero-title{letter-spacing:var(--letter-spacing-default);color:var(--color-black)}.hero-description{font-size:var(--font-size-p1);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.hero-cta{display:flex;justify-content:flex-end;margin-top:var(--box-content-gap)}.hero-character{display:flex;flex-direction:column;align-items:center;justify-self:end;position:relative}.hero-upper-body{position:relative;z-index:2;will-change:transform;transform:translateY(0) translateZ(0);-webkit-transform:translateY(0) translateZ(0);width:132px;height:164px}.hero-upper-body img{display:block;width:132px;height:164px}.hero-tunnel{position:relative;z-index:5;margin-top:-30px;width:158px;height:72px}.hero-tunnel img{display:block;width:158px;height:72px}.hero-tunnel-mid{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:158px;height:300px;background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel In Mid.png");background-repeat:repeat-y;background-size:100% auto;background-position:top;z-index:3}@media (max-width:767px){.hero-section{padding:var(--section-padding-y-mobile) var(--section-padding-x-mobile) 70px}.hero-content{grid-template-columns:1fr;gap:50px}.hero-text-box{padding:24px;order:1}.hero-title{font-size:32px}.hero-description{font-size:var(--font-size-p2)}.hero-character{order:2;justify-self:center}.hero-upper-body,.hero-upper-body img{width:106px;height:132px}.hero-tunnel,.hero-tunnel img{width:132px;height:60px}.hero-tunnel-mid{width:132px}}.youtube-section{padding:120px 24px;align-items:center;background:var(--section-bg-hero);position:relative;overflow:hidden}.mushroom-track,.youtube-section{display:flex;justify-content:center}.mushroom-track{position:absolute;top:70px;left:0;right:0;height:50px;padding:0 24px;pointer-events:none;z-index:4}.mushroom-runner{position:relative;max-width:var(--page-max-width);width:100%;height:100%}.mushroom-sprite{position:absolute;bottom:0;left:0;height:50px;width:auto;opacity:0;animation:mushroomFadeIn .01s ease-out .3s forwards,mushroomSlide 4.5s linear .3s infinite alternate}@keyframes mushroomFadeIn{to{opacity:1}}@keyframes mushroomSlide{0%{left:0}to{left:calc(50% + 212px)}}@media (max-width:899px){.mushroom-track{display:none}}.youtube-tunnel-wrapper{position:absolute;top:120px;left:0;right:0;display:flex;justify-content:center;padding:0 24px;pointer-events:none;transform:translateY(-100%)}.youtube-tunnel-container{max-width:var(--hero-grid-max-width);width:100%;display:grid;grid-template-columns:var(--hero-grid-text-column) var(--hero-grid-character-column)}.youtube-tunnel{grid-column:2;justify-self:end;width:158px;display:flex;flex-direction:column;z-index:3}.youtube-tunnel-mid{width:100%;height:180px;background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel In Mid.png");background-repeat:repeat-y;background-size:100% auto;background-position:bottom}.youtube-tunnel-bottom{width:100%;margin-top:-1px}.youtube-tunnel-bottom img{display:block;width:100%;height:auto}.youtube-out-tunnel-wrapper{position:absolute;bottom:120px;left:0;right:0;display:flex;justify-content:center;padding:0 24px;pointer-events:none;transform:translateY(100%)}.youtube-out-tunnel-container{max-width:var(--page-max-width);width:100%;display:flex;justify-content:center;gap:120px}.youtube-out-tunnel{width:158px;display:flex;flex-direction:column;align-items:center;z-index:3}.youtube-out-tunnel-spacer{flex:1;max-width:900px}.youtube-out-tunnel-top{width:100%}.youtube-out-tunnel-top img{display:block;width:100%;height:auto}.youtube-out-tunnel-mid{width:100%;height:300px;background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel Out Mid.png");background-repeat:repeat-y;background-size:100% auto;background-position:top}.youtube-content{max-width:var(--page-max-width);width:100%;margin:0 auto}.youtube-box{background:var(--color-black);border:none;padding:24px 48px 41px;box-shadow:var(--bevel-inset-shadow)}.youtube-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-default);line-height:var(--line-height-headings);color:var(--color-strunk-green);margin-bottom:var(--box-content-gap)}.youtube-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.youtube-cta{display:flex;justify-content:flex-end;margin-top:var(--box-content-gap)}.youtube-video-card{position:relative;aspect-ratio:16/9;border:3px solid var(--color-white);overflow:hidden;background:var(--color-black)}.youtube-video-card iframe{width:100%;height:100%;border:none}.youtube-thumbnail{position:relative;width:100%;height:100%;cursor:pointer}@media (hover:hover){.youtube-thumbnail:before{content:"";position:absolute;inset:0;background:#0000001f;pointer-events:none;z-index:1}.youtube-thumbnail:hover:before{opacity:0}}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96px;height:64px;background:var(--color-youtube-red);border:3px solid var(--color-black);display:flex;align-items:center;justify-content:center}.youtube-play-triangle{display:flex;align-items:center;gap:0}.play-column{width:6px;background:var(--color-white)}@media (max-width:767px){.youtube-section{padding:var(--section-padding-y-mobile) var(--section-padding-x-mobile)}.youtube-tunnel-wrapper{top:var(--section-padding-y-mobile);padding:0 var(--section-padding-x-mobile)}.youtube-tunnel-container{grid-template-columns:1fr}.youtube-tunnel{grid-column:1;width:132px;justify-self:center}.youtube-tunnel-mid{height:290px}.youtube-out-tunnel-wrapper{bottom:var(--section-padding-y-mobile);padding:0 var(--section-padding-x-mobile);transform:translateY(100%)}.youtube-out-tunnel-container{justify-content:center;gap:0}.youtube-out-tunnel{width:132px}.youtube-out-tunnel-spacer{display:none}.youtube-out-tunnel-mid{height:290px}.youtube-grid{grid-template-columns:1fr;gap:32px}.youtube-box{padding:20px 24px 33px}.youtube-title{font-size:32px;margin-bottom:24px}.youtube-cta{margin-top:24px}.youtube-play-button{width:72px;height:48px}.play-column{width:5px}.play-column[style*="40px"]{height:30px!important}.play-column[style*="32px"]{height:24px!important}.play-column[style*="24px"]{height:18px!important}.play-column[style*="16px"]{height:12px!important}.play-column[style*="8px"]{height:6px!important}}.product-game-section{padding:var(--section-padding-y) 24px;display:flex;flex-direction:column;align-items:center;background:var(--section-bg-hero);position:relative;overflow:hidden}.product-game-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-default);line-height:var(--line-height-headings);color:var(--color-black);text-align:center;margin-bottom:48px;padding-left:178px;box-sizing:border-box}.product-game-content,.product-game-title{width:100%;max-width:var(--page-max-width)}.product-game-content{display:flex;align-items:center;justify-content:center;gap:120px}.product-game-tunnel-wrapper{position:absolute;top:350px;left:0;right:0;display:flex;justify-content:center;padding:0 24px;pointer-events:none;transform:translateY(-100%);z-index:10}.product-game-tunnel-container{max-width:var(--page-max-width);width:100%;display:flex;justify-content:center;gap:120px}.product-game-tunnel{width:158px;display:flex;flex-direction:column;align-items:center;z-index:3}.product-game-tunnel-spacer{flex:1;max-width:900px}.product-game-tunnel-mid{width:100%;height:300px;background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel Out Mid.png");background-repeat:repeat-y;background-size:100% auto;background-position:bottom}.product-game-tunnel-bottom{width:100%;margin-top:-1px}.product-game-tunnel-bottom img{display:block;width:100%;height:auto}.product-game-character{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:40px;flex-shrink:0;width:158px}.product-game-lower-body{position:relative;z-index:1;margin-top:-20px;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.product-game-lower-body img{display:block;width:132px;height:auto}.product-game-gameboy{flex:1;max-width:900px}.product-game-title-mobile{display:none}@media (max-width:1100px) and (min-width:768px){.product-game-title{text-align:left;padding-left:calc(158px + 120px)}.product-game-content,.product-game-tunnel-container{gap:120px;justify-content:flex-start}.product-game-gameboy,.product-game-tunnel-spacer{max-width:500px}.product-game-tunnel-wrapper{top:450px}.product-game-tunnel-mid{height:400px}}@media (max-width:767px){.product-game-section{padding:70px var(--section-padding-x-mobile) var(--section-padding-y-mobile)}.product-game-title{display:none}.product-game-title-mobile{display:block;font-size:32px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-default);line-height:var(--line-height-headings);color:var(--color-black);text-align:center;margin-bottom:0;order:2}.product-game-content{flex-direction:column;align-items:center;gap:32px}.product-game-character{order:1;margin-bottom:38px}.product-game-gameboy{order:3;width:100%}.product-game-tunnel-wrapper{top:120px;padding:0 var(--section-padding-x-mobile)}.product-game-tunnel-container{justify-content:center;gap:0}.product-game-tunnel{width:132px}.product-game-tunnel-spacer{display:none}.product-game-tunnel-mid{height:290px}.product-game-lower-body img{width:106px}}