.hero-section{padding:var(--section-padding-y) var(--section-padding-x) 60px;background:var(--section-bg-hero);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{max-width:var(--hero-grid-max-width);grid-template-columns:var(--hero-grid-text-column) var(--hero-grid-character-column);align-items:center;gap:0;width:100%;margin:0 auto;display:grid}.hero-text-box{background:var(--color-white);border:3px solid var(--color-black);z-index:10;box-shadow:var(--shadow-floating);padding:32px;position:relative}.hero-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-default);line-height:var(--line-height-headings);color:var(--color-black);margin-bottom:var(--box-content-gap)}.hero-description{font-size:var(--font-size-p1);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-default);line-height:var(--line-height-normal);color:var(--color-black)}.hero-cta{margin-top:var(--box-content-gap);justify-content:flex-end;display:flex}.hero-character{flex-direction:column;justify-self:end;align-items:center;display:flex;position:relative}.hero-upper-body{z-index:2;will-change:transform;width:132px;height:164px;position:relative;transform:translateY(0)translateZ(0)}.hero-upper-body img{width:132px;height:164px;display:block}.hero-tunnel{z-index:5;width:158px;height:72px;margin-top:-30px;position:relative}.hero-tunnel img{width:158px;height:72px;display:block}.hero-tunnel-mid{z-index:3;background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel In Mid.png");background-position:top;background-repeat:repeat-y;background-size:100%;width:158px;height:300px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@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{order:1;padding:24px}.hero-title{font-size:var(--font-size-h1-mobile)}.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{background:var(--section-bg-hero);justify-content:center;align-items:center;padding:120px 24px;display:flex;position:relative;overflow:hidden}.mushroom-track{pointer-events:none;z-index:4;justify-content:center;height:50px;padding:0 24px;display:flex;position:absolute;top:70px;left:0;right:0}.mushroom-runner{max-width:var(--page-max-width);width:100%;height:100%;position:relative}.mushroom-sprite{opacity:0;width:auto;height:50px;animation:10ms ease-out .3s forwards mushroomFadeIn,4.5s linear .3s infinite alternate mushroomSlide;position:absolute;bottom:0;left:0}@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{pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:absolute;top:120px;left:0;right:0;transform:translateY(-100%)}.youtube-tunnel-container{max-width:var(--hero-grid-max-width);grid-template-columns:var(--hero-grid-text-column) var(--hero-grid-character-column);width:100%;display:grid}.youtube-tunnel{z-index:3;flex-direction:column;grid-column:2;justify-self:end;width:158px;display:flex}.youtube-tunnel-mid{background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel In Mid.png");background-position:bottom;background-repeat:repeat-y;background-size:100%;width:100%;height:180px}.youtube-tunnel-bottom{width:100%;margin-top:-1px}.youtube-tunnel-bottom img{width:100%;height:auto;display:block}.youtube-out-tunnel-wrapper{pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:absolute;bottom:120px;left:0;right:0;transform:translateY(100%)}.youtube-out-tunnel-container{max-width:var(--page-max-width);justify-content:center;gap:120px;width:100%;display:flex}.youtube-out-tunnel{z-index:3;flex-direction:column;align-items:center;width:158px;display:flex}.youtube-out-tunnel-spacer{flex:1;max-width:900px}.youtube-out-tunnel-top{width:100%}.youtube-out-tunnel-top img{width:100%;height:auto;display:block}.youtube-out-tunnel-mid{background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel Out Mid.png");background-position:top;background-repeat:repeat-y;background-size:100%;width:100%;height:300px}.youtube-content{max-width:var(--page-max-width);width:100%;margin:0 auto}.youtube-box{background:var(--color-black);box-shadow:var(--bevel-inset-shadow);border:none;padding:32px 48px 49px}.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-white);margin-bottom:var(--box-content-gap)}.youtube-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.youtube-cta{justify-content:flex-end;margin-top:38px;display:flex}.youtube-video-card{aspect-ratio:16/9;border:3px solid var(--color-strunk-green);background:var(--color-black);position:relative;overflow:hidden}.youtube-video-card iframe{border:none;width:100%;height:100%}.youtube-thumbnail{cursor:pointer;width:100%;height:100%;position:relative}@media (hover:hover){.youtube-thumbnail:before{content:"";pointer-events:none;z-index:1;background:#0000001f;position:absolute;inset:0}.youtube-thumbnail:hover:before{opacity:0}}.youtube-thumbnail img{object-fit:cover;width:100%;height:100%}.youtube-play-button{background:var(--color-youtube-red);border:3px solid var(--color-black);justify-content:center;align-items:center;width:96px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-play-triangle{align-items:center;gap:0;display:flex}.play-column{background:var(--color-white);width:6px}@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;justify-self:center;width:132px}.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:24px}.youtube-box{padding:20px 24px 33px}.youtube-title{margin-bottom:24px;font-size:32px}.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;background:var(--section-bg-hero);flex-direction:column;align-items:center;display:flex;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;width:100%;max-width:var(--page-max-width);box-sizing:border-box;margin-bottom:48px;padding-left:178px}.product-game-content{max-width:var(--page-max-width);justify-content:center;align-items:center;gap:120px;width:100%;display:flex}.product-game-tunnel-wrapper{pointer-events:none;z-index:10;justify-content:center;padding:0 24px;display:flex;position:absolute;top:350px;left:0;right:0;transform:translateY(-100%)}.product-game-tunnel-container{max-width:var(--page-max-width);justify-content:center;gap:120px;width:100%;display:flex}.product-game-tunnel{z-index:3;flex-direction:column;align-items:center;width:158px;display:flex}.product-game-tunnel-spacer{flex:1;max-width:900px}.product-game-tunnel-mid{background-image:url("/design_system/tunnel_3_pieces/Pixel Tunnel Out Mid.png");background-position:bottom;background-repeat:repeat-y;background-size:100%;width:100%;height:300px}.product-game-tunnel-bottom{width:100%;margin-top:-1px}.product-game-tunnel-bottom img{width:100%;height:auto;display:block}.product-game-character{flex-direction:column;flex-shrink:0;align-items:center;width:158px;margin-top:40px;display:flex;position:relative}.product-game-lower-body{z-index:1;will-change:transform;margin-top:-20px;position:relative;transform:translateZ(0)}.product-game-lower-body img{width:132px;height:auto;display:block}.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:278px}.product-game-content,.product-game-tunnel-container{justify-content:flex-start;gap:120px}.product-game-tunnel-spacer,.product-game-gameboy{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{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;order:2;margin-bottom:0;display:block}.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{padding:0 var(--section-padding-x-mobile);top:120px}.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}}
.podcast-featured-section{background:var(--section-bg-hero);justify-content:center;align-items:center;padding:120px 24px;display:flex;position:relative}.podcast-featured-content{max-width:var(--page-max-width);width:100%;margin:0 auto}.podcast-featured-box{background:var(--color-black);box-shadow:var(--bevel-inset-shadow);border:none;padding:32px 48px 49px}.podcast-featured-header{margin-bottom:var(--box-content-gap);align-items:center;gap:16px;display:flex}.podcast-featured-logo{flex-shrink:0;width:44px;height:44px}.podcast-featured-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-white);margin-bottom:0}.podcast-featured-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.podcast-featured-card{background:var(--color-card-dark);border:3px solid var(--color-strunk-green);flex-direction:column;padding:24px;display:flex}.podcast-featured-card-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);line-height:var(--line-height-headings);color:var(--color-white);flex-grow:1;margin-bottom:24px}.podcast-featured-card-cta{justify-content:flex-end;margin-top:auto;display:flex}.podcast-featured-card-cta .pixel-button-grid{filter:none}.podcast-featured-cta{justify-content:flex-end;margin-top:38px;display:flex}@media (max-width:767px){.podcast-featured-section{padding:var(--section-padding-y-mobile) var(--section-padding-x-mobile)}.podcast-featured-box{padding:20px 24px 33px}.podcast-featured-header{margin-bottom:24px}.podcast-featured-title{font-size:32px}.podcast-featured-grid{grid-template-columns:1fr;gap:24px}.podcast-featured-cta{margin-top:24px}}