.overflow-hidden{overflow:hidden}h1{font-size:32px;line-height:32px;color:#fff;text-shadow:0px 4px 20px rgba(31,0,83,.5),0px 1px 4px rgb(52,164,232),0px 3.152551651px 8.8736171722px rgb(127,71,221),0px 9.0523700714px 15px rgb(248,87,166);padding:10px 0;font-weight:500}@media screen and (min-width: 768px){h1{font-size:clamp(2.5rem,4vw,2.9rem);line-height:40px;text-shadow:none;background:-webkit-linear-gradient(right bottom,#F857A6,#FF6900);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@media screen and (min-width: 1450px){h1{line-height:48px;font-size:clamp(3rem,4vw,3.5rem)}}h2{font-size:36px;line-height:40px;margin-bottom:0;display:inline-block;padding:10px 0}h2,h3{margin-top:0;font-weight:500}h3{position:relative;font-size:30px;line-height:36px;margin-bottom:16px;z-index:20}h4{font-size:22px}p{font-size:20px;text-align:center}@media screen and (min-width: 768px){p{text-align:left}}a:not(.nav-link){color:#000;transition:.3s all;text-decoration:none;position:relative}a:not(.nav-link):hover{color:#7f47dd}a:not(.nav-link):hover .diacritic:after{background-color:#7f47dd}a:not(.nav-link):hover:after{background-color:#7f47dd;height:2px;bottom:0}a:not(.nav-link) .diacritic:after{background-color:#000}a:not(.nav-link):after{transition:.3s all;content:"";width:100%;height:10px;background-color:#fff200;position:absolute;z-index:-1;bottom:2px;left:0}strong{color:#ff6900}hr{border-top:1px solid rgba(52,164,232,.25);border-style:dashed;border-bottom:0;margin:20px 0}.headline-bubble-container{box-sizing:border-box;position:absolute;height:720px;width:calc(100% - 40px);top:480px;left:20px}@media screen and (min-width: 768px){.headline-bubble-container{top:0;left:0;width:100%;display:flex;align-items:center;justify-content:flex-end;margin-top:120px;height:600px}}@media screen and (min-width: 992px){.headline-bubble-container{height:680px}}@media screen and (min-width: 1200px){.headline-bubble-container{height:calc(100vh - 120px)}}.headline-bubble{text-align:center}.headline-bubble .shimmer-button{display:none}@media screen and (min-width: 768px){.headline-bubble{max-width:400px;margin-right:50px;text-align:right}.headline-bubble .shimmer-button{display:inline-block}}@media screen and (min-width: 992px){.headline-bubble{max-width:500px}}@media screen and (min-width: 1200px){.headline-bubble{margin-right:160px}}@media screen and (min-width: 1450px){.headline-bubble{max-width:590px}}.headline{margin:0 0 24px}.diacritic{position:relative;color:inherit;font-family:inherit;font-size:inherit}.diacritic:after{transition:.3s all;content:"";position:absolute;top:33%;left:0;width:80%;height:1px;background-color:#000}.diacritic.white:after{background-color:#fff}.diacritic.orange:after{background-color:#ff6900}.pre-title{font-family:Fira Code;display:inline-block;font-size:14px;margin:0 auto}@media screen and (min-width: 768px){.pre-title{margin:0 0 0 auto}}.project-title{margin-top:10px;margin-bottom:20px;font-size:40px;line-height:40px;color:#000;max-width:80%}.last-played,.now-playing{position:relative;display:grid;align-items:center;grid-template-columns:1fr;padding:60px 0;text-align:center;overflow-x:hidden}@media screen and (min-width: 768px){.last-played,.now-playing{grid-template-columns:175px 1fr;text-align:left;column-gap:30px}}.last-played div h3,.now-playing div h3{margin:10px 0}.last-played .pre-title,.now-playing .pre-title{color:#fff}.last-played .record-player,.now-playing .record-player{position:relative;width:110px;height:80px;padding:12px;border-radius:6px;box-shadow:0 15px 30px #7f47dd80;margin:0 auto 30px;background:#ffffffe6;box-shadow:-20px -20px 20px #f857a6,6px 6px 20px #7f47dd;transform:scale(1.25)}@media screen and (min-width: 768px){.last-played .record-player,.now-playing .record-player{margin:0;left:18px}}.last-played .record-player:before,.last-played .record-player:after,.now-playing .record-player:before,.now-playing .record-player:after{content:"";height:6px;width:6px;border-radius:3px;position:absolute}.last-played .record-player:before,.now-playing .record-player:before{background-color:#7f47dd;right:12px;bottom:24px}.last-played .record-player:after,.now-playing .record-player:after{right:12px;bottom:12px;background-color:#34a4e8}.last-played .arm,.now-playing .arm{position:absolute;top:8px;right:5px;transform-origin:top right}.last-played .arm.put-away,.now-playing .arm.put-away{transform:rotate(-24deg) translate(-6px) translateY(-6px)}.last-played .record,.now-playing .record{position:relative;width:80px;height:80px;border-radius:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #7f47dd33;transform-origin:center center;background-color:#f857a6}.last-played .record.spin,.now-playing .record.spin{animation:spin 10s infinite linear}.last-played .record .inner,.now-playing .record .inner{width:10px;height:10px;border-radius:6px;background-color:#fff;border:1px solid black;position:absolute;z-index:3}.last-played .record .middle,.now-playing .record .middle{width:44px;height:44px;border-radius:22px;background:linear-gradient(#7f47dd,#f857a6);opacity:.75;position:absolute;z-index:2;box-shadow:0 15px 30px #7f47dd33;mix-blend-mode:screen}.last-played .record img,.now-playing .record img{object-fit:cover;width:100%;height:100%;position:absolute;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.attribute{font-size:14px;color:#ffffffbf;font-family:Fira Code;text-transform:uppercase;text-align:center}.attribute a{color:#fff}.attribute a:after{background-color:#1fc073;height:6px}.attribute a:hover{color:#fff200}.attribute a:hover:after{height:1px;background-color:#fff200}@media screen and (min-width: 768px){.attribute{text-align:left}}.mobile-nav{margin-top:24px;font-size:18px;letter-spacing:2px}.mobile-nav a{padding:4px 12px;border-radius:4px;overflow:hidden;font-family:Fira Code;color:#fff;text-decoration:none}.mobile-nav li a{transition:.3s all;position:relative;z-index:1;display:inline-block}.mobile-nav li a:after,.mobile-nav li a:before{z-index:-1;display:inline-block;transition:.3s all;content:"";position:absolute;top:0;left:0;min-height:24px;width:100%;height:100%;border-radius:4px}.mobile-nav li:first-child a:after{background:linear-gradient(to right,#34a4e8,#7f47dd)}.mobile-nav li:first-child a:before{background:linear-gradient(to right,#7f47dd,#f857a6)}.mobile-nav li:nth-child(n+2) a:after{background:linear-gradient(to right,#f857a6,#ff6900)}.mobile-nav li:nth-child(n+2) a:before{background:linear-gradient(to right,#7f47dd,#f857a6)}.mobile-nav li:hover a:after{opacity:0}.mobile-nav li svg{fill:#000;display:inline-block;height:30px;width:30px}@font-face{font-family:Goudy;src:url(/assets/GoudyBookletter1911-Regular.ttf)}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-VariableFont_wght.ttf)}body{margin:0;padding:0;font-family:Goudy;overflow-x:hidden}#canvas{background-image:url(/assets/images/gradient-bg.jpg);background-size:cover;background-repeat:no-repeat;height:720px;min-height:700px;width:100vw;pointer-events:none}@media screen and (min-width: 992px){#canvas{height:800px;min-height:800px}}@media screen and (min-width: 1200px){#canvas{pointer-events:all;height:100vh;width:100vw}}.logo{transition:.3s all;position:absolute;top:40px;left:0;width:100%;height:auto;text-align:center;font-size:40px;margin:0;background:-webkit-linear-gradient(right bottom,#F857A6,#7F47DD,#34A4E8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width: 768px){.logo{font-size:32px;left:40px;width:200px;text-align:left}}@media screen and (min-width: 1200px){.logo{left:170px}}.nav{display:none}@media screen and (min-width: 768px){.nav{display:block;position:absolute;z-index:50;top:0;right:0}}@media screen and (min-width: 1200px){.nav{right:120px}}.mobile-nav{position:absolute;z-index:50;top:100px;width:100%}.mobile-nav ul{list-style-type:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.mobile-nav ul li{padding:0 10px}@media screen and (min-width: 768px){.mobile-nav{display:none}}.headline-bubble+.card{margin:-40px auto 40px;box-shadow:0 -4.6646637917px 3.6230399609px #28045c05,0 -12.8971986771px 10.017241478px #28045c0a,0 -31.0514850616px 24.1176586151px #28045c0d,0 -103px 80px #28045c12;flex-direction:column;border-top:none}@media screen and (min-width: 768px){.headline-bubble+.card{margin:-100px auto 0}}.card{box-sizing:border-box;padding:40px 20px;position:relative;background:#fff;width:100%;z-index:20;margin:0 auto;display:flex;flex-direction:column-reverse}.card:not(:first-of-type){margin-top:40px}.card h3{margin:60px 0 10px;text-align:center}@media screen and (min-width: 768px){.card h3{text-align:left}}.card .title-grid+div h3{margin-top:40px}.card .ios-grid{display:flex;flex-direction:column-reverse;margin:40px 0}@media screen and (min-width: 768px){.card .ios-grid{display:grid;align-items:center;grid-template-columns:1fr 1fr;margin:80px 0}.card .ios-grid h3,.card .ios-grid p{text-align:center}.card .ios-grid h3{margin:0 40px 10px}.card .ios-grid p{margin:0 40px 40px}}.card .ios-grid .coming-soon{display:none}@media screen and (min-width: 768px){.card .ios-grid .coming-soon{display:block}}@media screen and (min-width: 1200px){.card .ios-grid .coming-soon{max-width:500px;margin:0 auto}}@media screen and (min-width: 768px){.card{flex-direction:column}}@media screen and (min-width: 1200px){.card{padding:40px 170px}}.card.purple{flex-direction:column;background:linear-gradient(55deg,#ff6900,#f857a6,#7f47dd,#34a4e8,#1fc073);color:#fff}@media screen and (min-width: 1200px){.container{max-width:1100px;margin:0 auto}}.title-grid{display:grid;grid-template-columns:1fr;column-gap:40px;row-gap:20px;margin-bottom:20px;text-align:center}@media screen and (min-width: 768px){.title-grid{grid-template-columns:auto 1fr}}@media screen and (min-width: 1200px){.title-grid{max-width:1100px;margin:0 auto 20px}}.title-grid .title{margin-top:40px;display:flex;flex-direction:column}@media screen and (min-width: 768px){.title-grid .title{margin-top:20px;text-align:right}}.title-grid .description{font-size:20px}@media screen and (min-width: 768px){.title-grid .description{text-align:left}}.title-grid .description p{margin-top:0}@media screen and (min-width: 768px){.title-grid .description p{margin-top:20px}}.list{list-style-type:none;padding:0;margin:0;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 768px){.list{justify-content:flex-end}}.list li{margin-right:8px;margin-bottom:8px;font-weight:300;display:inline-block;font-size:14px;color:#00000080}@media screen and (min-width: 768px){.list li{font-size:12px}}.list.tech li{font-family:Fira Code;text-transform:uppercase;font-size:14px}@media screen and (min-width: 768px){.list.tech li{font-size:12px}}.list.design li{font-size:16px}@media screen and (min-width: 768px){.list.design li{font-size:14px}}.bubble{position:relative;transition:.3s all;min-height:auto;border-radius:22px;color:#fff;background-color:#000;background-size:cover;background-position:top center;background-repeat:no-repeat;box-shadow:18px 18px 30px #d1d9e6,-18px -18px 30px #fff;outline:2px solid transparent;overflow:hidden}.bubble img{display:block;width:100%;height:auto;object-fit:contain}.bubble .wwc-gif{border-radius:4px;position:absolute;z-index:2;width:24.5%;bottom:4.4%;right:4.4%}.collapsor{position:relative;display:block;margin-left:auto;font-family:Fira Code;border:0;background:none;color:#34a4e8;font-size:16px}@media screen and (min-width: 768px){.collapsor{font-size:14px}}.shimmer-button{border:0;background:none;margin-left:10px;display:inline-block;position:relative;width:36px;height:36px;cursor:pointer}.shimmer-button .social-icon{transition:.3s;position:absolute;left:0;top:0}.shimmer-button svg{transition:.3s all;height:36px;width:36px}.shimmer-button:first-of-type .social-icon:first-child svg{fill:url(#MyGradient);opacity:1}.shimmer-button:first-of-type .social-icon:last-child svg{fill:url(#MyGradient2);opacity:0}.shimmer-button:last-of-type .social-icon:first-child svg{fill:url(#MyGradient3);opacity:1}.shimmer-button:last-of-type .social-icon:last-child svg{fill:url(#MyGradient4);opacity:0}.shimmer-button:hover .social-icon{transform:scale(1.1)}.shimmer-button:hover .social-icon:first-child svg{opacity:0}.shimmer-button:hover .social-icon:last-child svg{opacity:1}.plant-border{margin-bottom:-40px;padding-bottom:0}footer{display:flex;flex-direction:column}footer p{text-transform:uppercase;font-size:14px;font-family:Fira Code;text-align:center}@media screen and (min-width: 768px){footer{flex-direction:row;align-items:center;justify-content:space-between}footer p{text-align:left}}footer:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:8px;background:linear-gradient(to right,#1fc073,#34a4e8,#7f47dd,#f857a6,#ff6900)}