.hero-block{align-items:center;background-color:#e8e9eb;border-radius:20px;display:flex;flex:1;flex-direction:column;height:90vh;justify-content:center;opacity:1;overflow:hidden;position:relative;transform:scale(.3);transform-origin:center center;width:92.5%}@media only screen and (min-width:600px){.hero-block{width:90%}}.hero-block .hero-content{display:grid;font-size:28px;letter-spacing:-3px;place-items:center;position:relative;text-align:center;transform:translateY(-10rem);z-index:2}.hero-block .main-headline{color:#2f2f2f;cursor:default;font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}@media only screen and (min-width:600px){.hero-block .main-headline{font-size:3.5rem}}.hero-block .main-headline .headline-line{display:block}.hero-block .video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;top:0;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:0}.hero-block .video::-webkit-media-controls,.hero-block .video::-webkit-media-controls-panel{display:none!important}.hero-block .video::-webkit-media-controls-play-button,.hero-block .video::-webkit-media-controls-start-playback-button{display:none!important}.services-block{display:grid;margin:auto auto 7.5rem;place-items:center}.services-block .services-header{display:grid;margin-bottom:2rem;max-width:32.5rem;place-items:center;text-align:center}@media only screen and (min-width:600px){.services-block .services-header{margin-bottom:3rem}}.services-block .services-header .icon-wrapper{align-items:center;background-color:#f2ff66;display:flex;height:3rem;justify-content:center;margin-bottom:1.5rem;width:3rem}.services-block .services-header .icon-wrapper .icon{background-color:#3c3c3c;display:block;height:2rem;margin:.25rem;width:2rem}.services-block .services-header .headline{font-size:30px;line-height:1.2}@media only screen and (max-width:599px){.services-block .services-header .headline{font-size:24px}}.services-block .services-header .headline .headline-line{display:block}.services-block .services{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media only screen and (min-width:960px){.services-block .services{flex-direction:row}}.services-block .services .service-item{background:#f8f8f8;border-radius:1.5rem;padding:1.5rem;width:100%}@media only screen and (min-width:960px){.services-block .services .service-item{padding:2.5rem}}.services-block .services .service-item .service-title{font-size:24px;font-weight:500;margin-bottom:1.5rem}.services-block .services .service-item .service-description{font-size:14px}.services-block .services .service-item .learn-more{color:#000;display:inline-block;font-size:14px;margin-top:.75rem;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.video-banner-container{flex:1 0 auto;height:100%;margin-bottom:7.5rem;z-index:2}.video-banner-container,.video-banner-container .container-pin{position:relative;width:100%}.video-banner-container .layout-container{height:100%;padding:0}.panel{align-items:flex-start;border-bottom:5px solid #fff;border-top:5px solid #fff;box-sizing:border-box;color:#fff;display:flex;font-size:1.5em;font-weight:600;height:100vh;justify-content:flex-start;padding:4rem 1rem 2rem;position:relative;width:100%}.panel .panel-icon{display:none;position:absolute;right:2rem;top:2rem;z-index:4}@media only screen and (min-width:600px){.panel .panel-icon{display:block}}.panel .panel-icon .icon{color:#fff;font-size:2rem;opacity:.8;transition:opacity .3s ease}.panel .panel-icon .icon:hover{opacity:1}.panel .video-banner{z-index:1}.panel .video-banner,.panel .video-banner .video{height:100%;left:0;position:absolute;top:0;width:100%}.panel .video-banner .video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.panel .video-banner .overlay{background:linear-gradient(135deg,#0000004d,#0009);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.panel .content{display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:800px;padding:2rem 0;position:relative;text-align:left;z-index:3}@media only screen and (min-width:600px){.panel .content{justify-content:space-between}}.panel .content .title{color:#fff;font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}@media only screen and (min-width:600px){.panel .content .title{font-size:4.5rem}}@media only screen and (min-width:960px){.panel .content .title{font-size:5.5rem}}.panel .content .subtitle{color:#fff;font-size:.9rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem;opacity:.95}@media only screen and (min-width:600px){.panel .content .subtitle{font-size:1.5rem}}@media only screen and (min-width:960px){.panel .content .subtitle{font-size:1.25rem}}.panel .content .reveal-text{background-color:#fff;color:#000;font-size:1rem}.panel .content .learn-more-btn{background-color:transparent;border:2px solid #fff;border-radius:.5rem;color:#fff;font-size:1rem;padding:1rem 2rem;transition:all .3s ease}.panel .content .learn-more-btn:hover{background-color:#fff;border:2px solid #fff;color:#000}@media only screen and (min-width:600px){.panel .content .learn-more-btn{padding:1.25rem 2.5rem}}.past-projects-block .projects-header{display:flex;gap:1rem;margin-bottom:2rem}@media only screen and (min-width:600px){.past-projects-block .projects-header{margin-bottom:3rem}}.past-projects-block .projects-header .headline{color:#000;font-size:126px;font-weight:500;line-height:.95;margin:0}@media only screen and (max-width:599px){.past-projects-block .projects-header .headline{font-size:40px}}.past-projects-block .projects-header .headline .headline-line{display:block}.past-projects-block .projects-header .icon-wrapper{align-items:center;background-color:#f2ff66;display:flex;height:3rem;justify-content:center;margin-bottom:1.5rem;width:3rem}.past-projects-block .projects-header .icon-wrapper .icon{background-color:#3c3c3c;display:block;height:2rem;margin:.25rem;width:2rem}.past-projects-block .filter-section{margin-bottom:3rem}.past-projects-block .filter-section .filter-label{color:#474747;font-size:18px;margin-bottom:1rem}.past-projects-block .filter-section .filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.past-projects-block .filter-section .filter-tags .filter-tag{background-color:#47474713;border:none;border-radius:1.5rem;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.past-projects-block .filter-section .filter-tags .filter-tag.active,.past-projects-block .filter-section .filter-tags .filter-tag:hover{background-color:#f2ff66}.past-projects-block .projects-grid{display:grid;gap:1rem}@media only screen and (max-width:599px){.past-projects-block .projects-grid{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:959px){.past-projects-block .projects-grid{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:960px){.past-projects-block .projects-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1280px){.past-projects-block .projects-grid{grid-template-columns:repeat(3,1fr)}}.past-projects-block .projects-grid .project-card{background-color:#fff;border-left:1px solid rgba(71,71,71,.1);border-top:1px solid rgba(71,71,71,.1);min-height:250px;opacity:1;overflow:visible;padding-left:1rem;padding-top:1rem;position:relative;transform:scale(1) translateY(0);transform-origin:center center;will-change:transform,opacity;z-index:0}.past-projects-block .projects-grid .project-card .project-content{display:flex;flex-direction:column;height:100%;position:relative;transition:opacity .3s ease;z-index:2}.past-projects-block .projects-grid .project-card .project-thumbnail{border-radius:4px;bottom:1rem;height:4rem;opacity:1;position:absolute;right:1rem;transition:opacity .3s ease;width:6rem;z-index:1}.past-projects-block .projects-grid .project-card .project-thumbnail .thumbnail-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.past-projects-block .projects-grid .project-card .project-hover-screenshot{height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.past-projects-block .projects-grid .project-card .project-hover-screenshot .screenshot-container{height:100%;pointer-events:none;position:relative;width:100%}.past-projects-block .projects-grid .project-card .project-hover-screenshot .hover-video{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.past-projects-block .projects-grid .project-card .project-hover-screenshot .hover-screenshot{display:block;height:auto;width:100%}.past-projects-block .projects-grid .project-card .mobile-click-indicator{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:1}@media only screen and (max-width:959px){.past-projects-block .projects-grid .project-card .mobile-click-indicator{opacity:1;pointer-events:auto}}.past-projects-block .projects-grid .project-card .mobile-click-indicator .indicator-content{align-items:center;display:flex;gap:.5rem}.past-projects-block .projects-grid .project-card .mobile-click-indicator .indicator-content .touch-icon{color:#47474766;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:.85rem}.past-projects-block .projects-grid .project-card .mobile-click-indicator .indicator-content .indicator-text{color:#47474766;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.past-projects-block .projects-grid .project-card .website-link{align-items:center;background-color:#f2ff66;border-radius:2rem;box-shadow:0 4px 12px #0003;display:flex;gap:0;height:2.5rem;justify-content:center;min-width:2.5rem;opacity:0;overflow:hidden;padding:.5rem;pointer-events:none;position:absolute;right:1rem;text-decoration:none;top:1rem;transform:translate(20px);transition:all .4s ease;width:2.5rem;z-index:2}.past-projects-block .projects-grid .project-card .website-link:hover{background-color:#efff42;box-shadow:0 6px 20px #0000004d;gap:.5rem;padding:.5rem 1rem;transform:translate(0) scale(1.05);width:8rem}.past-projects-block .projects-grid .project-card .website-link .link-text{color:#000;font-size:.875rem;font-weight:500;left:-9999px;margin-right:.5rem;opacity:0;position:absolute;transform:translate(-10px);transition:all .4s ease;white-space:nowrap}.past-projects-block .projects-grid .project-card .website-link:hover .link-text{margin-right:.5rem;opacity:1;position:static;transform:translate(0)}.past-projects-block .projects-grid .project-card .website-link .link-icon{color:#000;flex-shrink:0;font-size:1rem;font-weight:700}.past-projects-block .projects-grid .project-card:hover{z-index:50}.past-projects-block .projects-grid .project-card:hover .project-title-text{margin-right:0;opacity:0;width:0}.past-projects-block .projects-grid .project-card:hover .project-footer,.past-projects-block .projects-grid .project-card:hover .project-thumbnail{opacity:0}.past-projects-block .projects-grid .project-card:hover .project-hover-screenshot{opacity:1}.past-projects-block .projects-grid .project-card:hover .mobile-click-indicator{opacity:0}.past-projects-block .projects-grid .project-card:hover .website-link{opacity:1;pointer-events:auto;transform:translate(0)}.past-projects-block .projects-grid .project-card .project-number{color:#474747;font-size:14px;font-weight:500;position:absolute;right:0;top:0}.past-projects-block .projects-grid .project-card .project-title{color:#000;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 .75rem}@media only screen and (max-width:599px){.past-projects-block .projects-grid .project-card .project-title{font-size:20px}}.past-projects-block .projects-grid .project-card .project-title .project-title-text{display:inline-block;margin-right:.5rem;overflow:hidden;transition:opacity .2s ease,width .2s ease,margin-right .2s ease;white-space:nowrap}.past-projects-block .projects-grid .project-card .project-title .p8-badge{align-items:center;background:#f2ff66b3;border:1px solid rgba(242,255,102,.75);border-radius:999px;color:#000;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.15rem .55rem;position:relative;transform:translateY(-.4rem);vertical-align:middle}.past-projects-block .projects-grid .project-card .project-title .p8-info-link{align-items:center;color:inherit;display:inline-flex;text-decoration:none}.past-projects-block .projects-grid .project-card .project-title .p8-info-icon{font-size:.95rem}.past-projects-block .projects-grid .project-card .project-title .p8-popover{background:#fff;border:1px solid rgba(71,71,71,.2);border-radius:.5rem;box-shadow:0 6px 20px #00000026;color:#474747;display:none;font-size:12px;left:0;opacity:0;padding:.4rem .6rem;pointer-events:none;position:absolute;top:120%;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.past-projects-block .projects-grid .project-card .project-title .p8-badge:focus-within .p8-popover,.past-projects-block .projects-grid .project-card .project-title .p8-badge:hover .p8-popover{display:block;opacity:1;pointer-events:auto;transform:translateY(2px);visibility:visible}.past-projects-block .projects-grid .project-card .project-description{color:#474747;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 1rem;opacity:0;visibility:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:599px){.past-projects-block .projects-grid .project-card .project-description{font-size:12px;-webkit-line-clamp:2}}.past-projects-block .projects-grid .project-card .project-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto}.past-projects-block .projects-grid .project-card .project-footer .project-categories{display:flex;flex-wrap:wrap;gap:.5rem}.past-projects-block .projects-grid .project-card .project-footer .project-categories .category-tag{background-color:#f2ff66;border-radius:1rem;color:#000;font-size:14px;font-weight:500;padding:.25rem 1rem}.past-projects-block .projects-grid .project-card .detail-button{background:none;border:none;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:color .3s ease}.past-projects-block .projects-grid .project-card .detail-button:hover{color:#474747}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{background-color:#fff;color:#333;font-family:IBM Plex Mono,monospace}.scroll-dist{height:200%;width:100%}.parallax-main{background:#fff;font-size:99px;height:65vh;margin-top:10rem;overflow:hidden;position:relative;text-align:center;width:100%}.main-text,.masked-text{font-size:99px;font-weight:900}.sub-text{font-size:18px;font-weight:400;line-height:1.4;max-width:550px;text-align:center}@media only screen and (max-width:599px){.main-text,.masked-text{font-size:120px}.sub-text{font-size:40px;line-height:1.6;max-width:90%}.sub-text tspan{display:block;margin-bottom:.5rem}.parallax-main{font-size:120px;height:30vh;margin-top:6rem}svg{overflow:visible}}