@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#fff;background:linear-gradient(190deg,#365200 0%,#000 66.7%);font-family:Poppins,sans-serif}html{scrollbar-width:none}::-webkit-scrollbar{display:none}.hamburger{z-index:1001;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:3rem;height:3rem;padding:0;display:flex;position:fixed;top:1.5rem;right:2rem}.hamburger span{background:#fff;border-radius:999px;flex-shrink:0;width:1.8rem;height:.25rem;transition:transform .3s,opacity .3s,background .3s;display:block}.hamburger:hover span{background:#8bd100}.hamburgerOpen span:first-child{transform:translateY(.6rem)rotate(45deg)}.hamburgerOpen span:nth-child(2){opacity:0}.hamburgerOpen span:nth-child(3){transform:translateY(-.6rem)rotate(-45deg)}.menuOverlay{z-index:999;opacity:0;pointer-events:none;background:#00000059;transition:opacity .35s;position:fixed;inset:0}.menuOverlay.open{opacity:1;pointer-events:auto}.menu{z-index:1000;background:0 0;justify-content:center;width:min(82svw,26rem);height:100svh;transition:transform .45s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.menu.open{transform:translate(0)}.menuBg{object-fit:fill;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.menuInner{z-index:2;flex-direction:column;align-items:flex-start;gap:1rem;width:70%;margin-top:10svh;display:flex;position:relative}.menuInner a{color:#fff;font-size:clamp(1.8rem,1vw,3.5rem);font-weight:600;line-height:1;text-decoration:none;transition:color .3s,transform .3s}.menuInner a:hover{color:#8bd100;transform:translate(.35rem)}@media (width<=600px){.hamburger{top:1rem;right:1rem}.menu{width:100svw}.menuInner{width:80%}}.paper-header{z-index:10;width:min(90%,100vw);position:absolute;top:0;left:0;overflow:visible}.header-image{z-index:4;filter:drop-shadow(0 0 .938rem #000a);max-width:8%;margin:.675rem;transition:transform .3s,filter .3s;position:relative}.header-image:hover{filter:drop-shadow(0 0 1.25rem #000);transform:scale(1.025)}.paper-layer{pointer-events:none;max-width:98%;position:absolute;inset:0}.layer-0{z-index:0;max-width:100%}.layer-1{z-index:1}.layer-2{z-index:2}.layer-3{z-index:3;max-width:99%}.sections{z-index:5;flex-direction:column;align-items:center;margin-top:8svh;margin-bottom:8svh;display:flex;position:relative}.sections h2{text-align:center;margin:0;padding-bottom:4svh;font-weight:500}.sections .sectionSwitcher{margin-top:0}.sections .sectionSwitcher+.sectionSwitcher{margin-top:3rem}.hero{min-height:100svh;padding-left:6.75rem;position:relative;overflow:hidden}.hero-background{mix-blend-mode:overlay;z-index:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.hero-bg-image{object-fit:cover;opacity:.09;width:100%;min-width:0;height:100%;min-height:0}.hero-top{z-index:1;margin:0;padding-top:13svw;position:relative}.hero-bottom{z-index:1;flex-direction:column;align-items:flex-start;width:29rem;padding-bottom:10svh;display:flex;position:absolute;bottom:8vh;left:6.75rem}.hero-bottom .logo{width:100%;max-width:29rem;height:auto;max-height:none;margin-bottom:1rem}.hero-bottom h1{margin:0}.socials{align-items:center;gap:1rem;display:flex}.italic{font-style:italic}h1{font-size:4rem;font-weight:600}.logo{z-index:1;position:relative}.socialButton{justify-content:center;align-items:center;width:auto;height:2.75rem;text-decoration:none;transition:transform .4s,filter .4s;display:inline-flex}.socialButton:not(.socialButtonNoHover):hover{filter:brightness(1.1);transform:scale(.95)}.socialButtonIcon{filter:brightness(0)invert();width:auto;height:100%;display:block}.clientSlider{z-index:5;flex-direction:column;justify-content:center;align-items:center;margin-top:-13svh;display:flex;position:relative}.clientSlider h2{margin:0;padding-bottom:10svh;font-weight:500}.sliderBox{justify-content:center;align-items:center;padding-bottom:2svh;display:flex;position:relative}.sliderBoxBackground{z-index:1;width:100svw;min-height:32svh;max-height:35svh;position:absolute}.spotlightSlider{z-index:5;color:#8bd100;position:relative}.sliderTrack{justify-content:center;align-items:center;gap:11svw;display:flex}.sliderItem{justify-content:center;align-items:center;width:11rem;min-width:11rem;transition:opacity .3s,transform .6s,filter .6s;display:flex}.sliderItem.visible{display:flex}.sliderItem.hidden{display:none}.sliderButton{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sliderImageLink{display:block}.sliderImageArea{justify-content:center;align-items:center;width:9rem;height:9rem;margin:0 auto;display:flex;position:relative}.sliderImageArea a{justify-content:center;align-items:center;display:flex}.sliderImage{object-fit:cover;border-radius:999px;width:9rem;height:9rem;transition:transform .6s,filter .6s;display:block;transform:scale(1)}.sliderItem.active .sliderImage{filter:sepia(0)saturate()hue-rotate()brightness();transform:scale(1.1111)}.sliderItem.inactive .sliderImage{cursor:pointer;filter:sepia()saturate(3)hue-rotate(35deg)brightness(.65);transform:scale(1)}.sliderItem.inactive .sliderButton:hover .sliderImage{filter:sepia(0)saturate()hue-rotate()brightness(.65)}.sliderInfo{flex-direction:column;align-items:center;width:100%;max-width:11rem;margin-top:1.75rem;display:flex;overflow:hidden;cursor:default!important}.channel,.subs{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;overflow:hidden}.channel{color:#fff;margin:-.3rem;font-size:1.3rem;font-weight:600}.sliderArrow{color:#8bd100;cursor:pointer;z-index:3;background:0 0;border:0;padding:0;position:absolute;top:50%}.sliderArrow.left{right:calc(100% + 4rem)}.sliderArrow.right{left:calc(100% + 4rem)}.sliderImageLink{justify-content:center;align-items:center;display:flex}.sliderSkeletonButton{pointer-events:none}.sliderSkeletonImage{background:#ffffff24}.sliderSkeletonText{background:#ffffff24;border-radius:.35rem;display:block}.sliderSkeletonChannel{width:8rem;height:1.3rem;margin-bottom:.5rem}.sliderSkeletonSubs{width:6rem;height:1rem}.videoList{z-index:5;flex-direction:column;align-items:center;margin-top:8svh;display:flex;position:relative}.videoList h2{margin:0;padding-bottom:4svh;font-weight:500}.videoBox{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem;width:92svw;display:grid}.videoCard{min-width:0;color:inherit;overflow:hidden}.videoRoles{flex-flow:row-reverse wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.videoRoleTag{color:#000;opacity:.85;background:#8bd100;border-radius:.4rem;align-items:center;padding:.2rem .55rem;font-size:.75rem;line-height:1;display:inline-flex}.videoThumbnailLink{width:100%;min-width:0;color:inherit;text-decoration:none;display:block}.videoThumbnailBox{aspect-ratio:16/9;border-radius:.9rem;width:100%;min-width:0;overflow:hidden}.videoThumbnail{object-fit:cover;border-radius:.9rem;width:100%;height:100%;transition:transform .6s,filter .6s;display:block}.videoThumbnail:hover{filter:brightness(1.2);transform:scale(1.05)}.videoThumbnail[src=""]{display:none}.videoInfo{gap:.75rem;width:100%;min-width:0;padding-top:.75rem;display:flex;overflow:hidden}.creatorProfileLink{width:4rem;height:4rem;color:inherit;flex:0 0 4rem;text-decoration:none;display:block}.creatorProfilePic{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.creatorProfilePic:hover{filter:brightness(1.1);transform:scale(.95)}.videoText{flex:1;min-width:0;max-width:100%;overflow:hidden}.videoText h3{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:.1rem 0 -.25rem;font-size:1.5rem;font-weight:600;overflow:hidden}.videoMeta{flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%;font-size:1.15rem;display:flex;overflow:hidden}.videoMeta span{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.videoCreator{color:inherit;opacity:.7;text-decoration:none}.videoCreator:after{content:"  •"}.videoViews{color:#8bd100;font-weight:500}.videoCardMore{aspect-ratio:16/9;color:#000;text-align:center;background:#fff;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;margin-top:1.65rem;padding:1.5rem;display:flex;overflow:hidden}.videoMoreTopText,.videoMoreBottomText{font-size:1.25rem;font-weight:600;line-height:1.2}.videoMoreNumber{color:#8bd100;margin-bottom:-.2rem;font-size:clamp(2rem,7vw,10rem);font-weight:800;line-height:1;display:inline-block;position:relative;overflow:visible;transform:translate(-5%)}.videoMoreNumber:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 0%,#ffffff47 50%,#0000 100%);width:35%;height:100%;position:absolute;top:0;left:-90%;transform:skew(-20deg)}.videoCardMore:hover .videoMoreNumber:after{animation:1.8s forwards numberSheen}@keyframes numberSheen{0%{opacity:0;left:-90%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:120%}}.videoMoreButton{color:#000;background:#8bd100;border-radius:.9rem;justify-content:center;align-items:center;height:4rem;margin-top:.75rem;padding-bottom:.2rem;font-size:1.3rem;font-weight:500;text-decoration:none;transition:transform .5s,filter .5s;display:flex}.videoMoreButton:hover{filter:brightness(1.1);transform:scale(.95)}.videoSkeleton{pointer-events:none}.skeletonBlock,.skeletonTag{background:#ffffff24}.skeletonTag{width:4.5rem;height:1rem;padding:0}.videoSkeleton .videoThumbnailBox,.videoSkeleton .creatorProfilePic{background:#ffffff24}.skeletonTitle{border-radius:.35rem;width:85%;height:1.5rem;margin-top:.25rem;margin-bottom:.45rem}.skeletonMeta{border-radius:.35rem;width:6rem;height:1rem;display:inline-block}@media (width<=800px){.videoBox{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}}@media (width<=520px){.videoBox{grid-template-columns:minmax(0,1fr);gap:2rem}}.sectionSwitcher{z-index:5;width:92svw;min-height:12.5rem;color:inherit;background:#fff;border-radius:.9rem;align-items:center;margin:8svh auto 0;text-decoration:none;display:flex;position:relative;overflow:hidden}.sectionSwitcherTitle{z-index:2;color:#000;width:45%;padding:1.5rem 3rem;font-size:clamp(1.8rem,3svw,4.5rem);font-weight:500;line-height:1;position:relative;transform:translateY(-5%)}.sectionSwitcher-left{justify-content:flex-end}.sectionSwitcher-left .sectionSwitcherTitle{text-align:right;padding-right:7.5rem}.sectionSwitcher-right{justify-content:flex-start}.sectionSwitcher-right .sectionSwitcherTitle{text-align:left;padding-left:7.5rem}.sectionSwitcherImage{z-index:1;object-fit:cover;filter:saturate(0)brightness(.75);width:52%;height:100%;transition:filter .6s;position:absolute;top:0}.sectionSwitcher:hover .sectionSwitcherImage{filter:saturate()brightness()}.sectionSwitcher-left .sectionSwitcherImage{left:0;-webkit-mask-image:linear-gradient(60deg,#000 0% 25%,#0000 90%);mask-image:linear-gradient(60deg,#000 0% 25%,#0000 90%)}.sectionSwitcher-right .sectionSwitcherImage{right:0;-webkit-mask-image:linear-gradient(240deg,#000 0% 25%,#0000 90%);mask-image:linear-gradient(240deg,#000 0% 25%,#0000 90%)}@media (width<=700px){.sectionSwitcher{min-height:8rem}.sectionSwitcherTitle{width:50%;padding:1rem 1.75rem;font-size:clamp(1.5rem,7vw,2.8rem)}.sectionSwitcher-left .sectionSwitcherTitle{padding-right:1.75rem}.sectionSwitcher-right .sectionSwitcherTitle{padding-left:1.75rem}.sectionSwitcherImage{width:62%}}.about{margin-top:25svh;margin-left:10svh}.about h1{margin-bottom:32svh}.about .imLittleroot{margin-bottom:2svh;font-size:1.5rem;font-weight:500}.about p{margin-bottom:.25svh;font-size:1.25rem}.about .newParagraph{margin-top:2svh;font-size:1.25rem}.pixelArt{min-height:100svh;margin-top:20svh}.gallery{z-index:5;flex-direction:column;align-items:center;margin-top:8svh;display:flex;position:relative}.gallery h2{margin:0;padding-bottom:4svh;font-weight:500}.galleryBox{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem;width:92svw;display:grid}.galleryCard{min-width:0;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.galleryImageBox{aspect-ratio:16/9;border-radius:.9rem;width:100%;min-width:0;overflow:hidden}.galleryImage{object-fit:cover;border-radius:.9rem;width:100%;height:100%;transition:transform .6s,filter .6s;display:block}.galleryCard:hover .galleryImage{filter:brightness(1.2);cursor:zoom-in;transform:scale(1.05)}.galleryMeta{flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%;padding-top:.75rem;font-size:1.15rem;display:flex;overflow:hidden}.galleryName{color:inherit;opacity:.7;text-decoration:none}.galleryName:after{content:"  •"}.galleryYear{color:#8bd100;font-weight:500}.galleryFullscreen{z-index:2147483646;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.galleryFullscreenContent{cursor:default;width:160svh;max-width:94svw}.galleryFullscreenImageBox{background:#000;border-radius:1.5rem;width:160svh;max-width:94svw;height:90svh;overflow:hidden}.galleryFullscreenImage{object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.galleryFullscreenMeta{flex-wrap:wrap;gap:.5rem;padding-top:.9rem;font-size:1.15rem;display:flex}.galleryFullscreenClose{z-index:2147483647;color:#fff;cursor:pointer;background:#fff0;border:0;border-radius:999rem;width:3rem;height:3rem;font-size:2rem;line-height:1;transition:transform .3s,background .3s;position:fixed;top:1.25rem;right:1.5rem}.galleryFullscreenClose:hover{transform:scale(.95)}.galleryCardWrap{min-width:0;overflow:hidden}.galleryTags,.galleryFullscreenTags{flex-flow:row-reverse wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.galleryTag{color:#000;opacity:.85;background:#8bd100;border-radius:.4rem;align-items:center;padding:.2rem .55rem;font-size:.75rem;line-height:1;display:inline-flex}@media (width<=800px){.galleryBox{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}}@media (width<=520px){.galleryBox{grid-template-columns:minmax(0,1fr);gap:2rem}.galleryFullscreen{padding:1rem}.galleryFullscreenClose{top:.75rem;right:.75rem}}.graphicDesign{min-height:100svh;margin-top:20svh}.contact{margin-top:25svh;margin-left:10svh}.contact a{color:#8bd100;border-bottom:1px solid #0000;text-decoration:none;transition:color .4s,border-color .4s}.contact a:hover{color:#aae92b;border-bottom-color:#aae92b}.contact h1{margin-bottom:32svh}.contact .imLittleroot{margin-bottom:2svh;font-size:1.5rem;font-weight:500}.contact p{margin-bottom:.25svh;font-size:1.25rem}.contact .newParagraph{margin-top:2svh;font-size:1.25rem}.interactiveDots{pointer-events:auto;z-index:-1;background:0 0;width:100vw;height:100svh;position:fixed;inset:0;overflow:hidden}.interactiveDotsCanvas{width:100%;height:100%;display:block}.videos{min-height:100svh;margin-top:20svh}.paper-footer{z-index:5;aspect-ratio:1920/500;width:100%;position:relative;overflow:hidden}.footer-layer{z-index:1;pointer-events:none;width:100vw;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footerContent{z-index:2;flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:30%;bottom:6%;left:2vw}.footerButton{width:clamp(6rem,20rem,14vw);font:inherit;cursor:pointer;background:#8bd100;border-radius:clamp(.45rem,.7vw,.8rem);justify-content:center;align-items:center;padding:clamp(.22rem,.35vw,.4rem) clamp(.55rem,.75vw,.8rem);font-size:clamp(.65rem,.85vw,.95rem);text-decoration:none;display:inline-flex;color:#000!important;font-weight:600!important;transition:transform .5s,filter .5s!important}.footerButton:hover{text-decoration:none;color:#000!important;filter:brightness(1.1)!important;transform:scale(.95)!important}.footerBottom{flex-direction:column;align-items:flex-start;gap:clamp(.15rem,.35vw,.4rem);display:flex}.footerLinks{flex-direction:column;align-items:flex-start;gap:clamp(.2rem,.45vw,.5rem);display:flex}.footerLinks a{color:inherit;font:inherit;cursor:pointer;font-size:clamp(.65rem,.9vw,1rem);text-decoration:none;transition:color .6s,opacity .6s,filter .6s}.footerLinks a:hover{color:#8bd100}.footerCopyright{opacity:.65;margin:0;font-size:clamp(.55rem,.75vw,.85rem)}@media (width<=600px){.footerContent{top:38%;bottom:7%;left:4vw}.footerButton{width:clamp(5.5rem,26vw,8.5rem)}.footerButton,.footerLinks a{font-size:clamp(.6rem,2.4vw,.85rem)}.footerCopyright{font-size:clamp(.5rem,2vw,.7rem)}}
