/*
===========================================================
File: style-mobile.css
Author: Julius Garcia
Website: http://jubox.dev
Version: 1.0 - 20240828
===========================================================
*/
header .logo,header .menu-icon{transition:opacity .5s}.top-bar,header{transition:background-color .1s,color .1s}.logo-wrapper img,header .logo{max-width:160px}.menu-content ul li a:hover,.top-bar{color:#d764da}.triggerProceedToShakenSweat,body{font-family:'Proxima Nova',sans-serif}#welcome-action .parallax-image,#welcome-action .static-bg-image{transform:translateY(-70%);transition:.3s ease-in-out}.dripping-anim-wrapper .anim-label,.splash-action-bottom .action-label{left:50%;font-size:.9rem;animation:1.5s ease-in-out infinite heartbeat;text-align:center}#intro-video,.parallax-section.pink,footer{background-color:#d764da}@media screen and (orientation:landscape){body{transform:rotate(90deg);transform-origin:left top;width:100vh;height:100vw;overflow:hidden}}:root{--vh:100vh}body{margin:0;padding:0;height:100%;font-weight:100}#contact .section-headline-wrapper img.headline-img,#sweaty-people .section-headline-wrapper img.headline-img,.mob-site-content-wrapper{position:relative}.menu-content,header{position:fixed;top:0;z-index:100;width:100%}header{display:none;justify-content:space-between}header .menu-icon{width:40px;cursor:pointer}.top-bar{width:100%;display:flex;justify-content:space-between;font-size:24px;font-weight:700;padding:15px 15px 10px 10px;z-index:100}.logo{margin-left:20px}.menu{display:flex;align-items:center}.close img,.menu img{width:30px}.menu-content{background-image:url(../images/menu-content-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom;opacity:0;transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;right:0;padding:20px 0;height:100vh;max-width:100%;max-height:80vh;color:#000;font-weight:600}.parallax-section,.parallax-section-static{height:100dvh;position:relative;transition:background-color .5s;display:flex;overflow:hidden}.menu-content ul{list-style:none;padding:0;margin:5rem 3rem 12rem}.menu-content ul li{margin:10px 0;font-size:1.8rem;line-height:1.8}.menu-content ul li a{color:#000;text-decoration:none}.menu-content ul li a small{font-size:.9rem}.menu-content.show{transform:translateY(0);opacity:1}.menu-content .menu-link-close{position:absolute;right:25px}.menu-content .menu-link-close img{height:40px}.parallax-section-static{align-items:start;backface-visibility:hidden;justify-content:center}.parallax-section{align-items:start;justify-content:center}.parallax-image,.static-bg-image{left:0;height:100%;object-position:bottom;width:100%;top:0;object-fit:cover}.parallax-section.yellow{background-color:#f0f900}.parallax-section.scrollable-content{height:auto;min-height:100dvh;overflow:visible}.parallax-image{backface-visibility:hidden;position:absolute;transition:transform .5s ease-out}.content{margin:0 0 3rem;padding:0;position:relative;z-index:1;color:#000;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.content h1{font-size:3em;margin:.5em 0}.content p{font-size:1.2em;margin:.5em auto;max-width:600px}.content.visible{opacity:1;visibility:visible}.parallax-section.active{opacity:1}.triggerProceedToShakenSweat{text-decoration:none;display:flex;align-items:center;font-size:1rem;color:#d764da;font-weight:100}.static-bg-image{position:absolute;z-index:0}#welcome-action .splash-main-wrapper,#welcome-splash .splash-main-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100dvh;position:relative;z-index:1}#sweaty-people .sweaty-people-img img,#welcome-splash .content-wrapper{width:100%}#welcome-action,.lightbox-profile-wrapper{display:none}.splash-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;text-align:center;position:relative;z-index:1;transform:translateY(-5%);transition:.3s ease-in-out;width:100%}.splash-content-wrapper img.instruction-img{width:80%;max-width:600px}.splash-content-wrapper img.instruction-img-logo{width:45%;max-width:300px}.splash-content-wrapper .label-tap{font-weight:600;margin-top:1rem}.splash-action-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;transition:display .3s}.splash-action-top{display:flex;justify-content:center;padding-top:2rem}.splash-action-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-5%)}.splash-action-bottom{display:block;justify-content:center;align-items:center;padding-bottom:.2rem;text-align:center}.splash-action-bottom p{display:block;text-align:center;align-content:center;width:fit-content}.splash-action-bottom p a{text-decoration:none;display:flex;align-items:center;font-size:1rem;color:#d764da}.splash-action-bottom .icon{margin-left:.5rem}.splash-action-bottom .action-label{width:100%;position:absolute;transform:translateX(-50%);line-height:1.3;font-weight:600;bottom:3rem}.shake-img{width:40%;transition:transform .3s,opacity .3s;display:block;margin:0 auto}.mob-site-content-wrapper,.mob-site-splash-wrapper{transition:transform .3s ease-in-out,display .3s ease-in-out}.shake-img.animate{transform:scale(1.1);opacity:.8}.dripping-anim-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.dripping-anim-wrapper .anim-label{position:absolute;transform:translateX(-50%);white-space:nowrap;color:#000;bottom:2rem;font-weight:600;width:200px}.dripping-anim-wrapper .anim-label.top{top:0}.dripping-anim-wrapper .anim-label.bottom{bottom:0}@keyframes heartbeat{0%,100%,50%{transform:translateX(-50%) scale(1)}25%,75%{transform:translateX(-50%) scale(1.2)}}@keyframes heartbeatImg{0%,100%,50%{transform:scale(1)}25%,75%{transform:scale(1.2)}}.shake-img.heartbeatImg{animation:1.5s ease-in-out infinite heartbeatImg}@keyframes slideDown{0%{transform:translateY(0)}100%{transform:translateY(25%)}}#intro-video{height:100dvh;width:100%;overflow:hidden;position:relative}#youtube-video,.video-background,.video-overlay{left:0;height:100%;width:100%;top:0}.video-background{position:absolute;overflow:hidden}#youtube-video{position:absolute;object-fit:cover;pointer-events:none;transform:scale(1.3)}.video-overlay{position:absolute;z-index:1;background:0 0}.scroll-indicator{position:absolute;bottom:20px;text-align:center;width:100%}.scroll-indicator .scroll-vertical-line{border:1px solid #f0f900;height:45px;display:inline-block}.scroll-indicator span{display:block;color:#f0f900;font-weight:100;line-height:2}.mob-site-content-wrapper{display:none}.section-row-wrapper{padding:5rem 2rem 0}#intro .section-headline-wrapper{margin-bottom:2rem}#contact .section-headline-wrapper img,#intro .section-headline-wrapper img,#sweaty-people .section-headline-wrapper img{width:90%}#contact .section-content-wrapper,#intro .section-content-wrapper{font-size:1.1rem}#sweaty-people .section-headline-wrapper{margin-bottom:0;text-align:center}#contact .section-headline-wrapper img.people-img,#sweaty-people .section-headline-wrapper img.people-img{width:100%;margin-top:-1.8rem}#sweaty-people .sweaty-people-img{margin-top:-2rem}#sweaty-people .section-content-wrapper{padding:0 2.5rem;font-size:1.1rem}#sweaty-people .people-name-wrapper{display:flex;width:100%}#sweaty-people .people-name-wrapper .people-name-item{flex:1;box-sizing:border-box;text-align:center}#sweaty-people .people-name-wrapper .people-name-item h4{font-size:1.1rem;margin-bottom:10px}#sweaty-people .people-name-wrapper .people-name-item p{padding:0;margin:0;font-size:1rem}#sweaty-people .people-name-wrapper .people-name-item .link-view-profile img{width:20px;margin:.5rem auto}#sweaty-beliefs .section-row-wrapper{padding:5rem 0 0}#sweaty-beliefs .section-headline-wrapper{margin-bottom:2rem;padding:0 2rem}#sweaty-beliefs .section-headline-wrapper img{width:90%;margin-bottom:1rem}#sweaty-beliefs .section-content-wrapper{font-size:1.1rem;display:grid}#sweaty-beliefs.parallax-section{height:120dvh}#sweaty-beliefs .content p{font-size:1rem;line-height:1.1}.beliefs-item-wrapper{width:100%;font-size:clamp(.8rem, 2vw, .9em);line-height:1.3;overflow-x:scroll;display:flex}.beliefs-item-wrapper .column{padding:0;margin:0;min-width:70%}.beliefs-item-wrapper .beliefs-item-img{padding:10px 30px}.beliefs-item-wrapper .beliefs-item-img img{width:80%}.beliefs-item-wrapper .beliefs-item-content{padding:2px 30px;border-right:3px solid #d764db;flex-grow:1}.beliefs-item-wrapper .column:last-child .beliefs-item-content{border-right:0}#contact .section-headline-wrapper{margin-bottom:0}#contact .contact-tag{font-size:clamp(1.3rem, 2vw, 1.5em);line-height:1.3;color:#f0f900;font-weight:600}#contact .contact-tag p{font-weight:700;line-height:1}#contact .contact-content p{line-height:1.8;margin:0;padding:0}#contact .contact-content p a{color:#000}#contact .contact-content p a:hover{color:#000;text-decoration:underline}#faq.parallax-section{height:110dvh}#faq .inner-content-wrapper{padding:2rem 0}#faq .content-wrapper{width:100%;max-width:1020px}#faq .inner-content-wrapper .faq-headline-wrapper{width:80%;margin:0 auto}#faq .inner-content-wrapper .faq-headline-wrapper .left,#faq .inner-content-wrapper .faq-headline-wrapper .right{align-content:start;padding:0 2rem}#faq .section-headline-wrapper p{font-size:2rem;line-height:1;color:#000;font-weight:600;text-align:left;margin:0 0 1rem}#faq .inner-content-wrapper .left{border-right:3px solid #d764db}.accordion-item{margin-bottom:10px}.accordion-header{cursor:pointer;font-size:1em;font-weight:700;padding:5px 10px;margin:0;color:#333;transition:background-color .3s;display:flex;justify-content:space-between;align-items:center}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s;padding:0 10px}.accordion-content p{margin:10px 0;padding:10px;font-size:1em;line-height:1.2}.accordion-icon{font-size:1em;font-weight:700;transition:transform .3s;color:#d764db}.accordion-header.active .accordion-icon{transform:rotate(0)}footer{margin-top:-3rem;position:relative;min-height:200px}.footer-icon-wrapper{width:fit-content;text-align:center;left:25%;color:#f0f900;font-size:.8rem;line-height:1.2;position:absolute}.footer-icon-wrapper p{margin:0 0 .3rem;font-weight:700}@media (max-height:680px){.parallax-section{height:110dvh}#sweaty-beliefs.parallax-section{height:135dvh}}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7)}.lightbox-container{position:relative;margin:auto;width:100%;max-width:800px}.lightbox-content{background-color:#f0f900;padding:20px}.lightbox-footer{background-image:url('../images/bg-liqiud-yellow.png');background-size:cover;background-repeat:no-repeat;background-position:bottom;height:200px;margin-top:-15%}.close{position:absolute;top:15px;right:15px;color:#fff;font-size:40px;font-weight:700;transition:.3s}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}.lightbox-profile-content-wrapper{display:block}.lightbox-profile-img{box-sizing:border-box;padding:20px 20px 0;width:100%;display:flex}.lightbox-profile-img .profile-position-wrapper{text-align:center;margin-left:2rem}.lightbox-profile-img .profile-position-wrapper h4{font-size:1.2rem;padding:0;margin:1rem 0 0}.lightbox-profile-img .profile-position-wrapper p{padding:0;margin:.5rem 0 0;line-height:1.3}.lightbox-profile-img img{width:120px;height:120px;object-fit:cover;border-radius:50%;overflow:hidden;object-position:top center}.lightbox-profile-content{width:100%;box-sizing:border-box;padding:1rem .5rem;display:block}.lightbox-profile-content p{line-height:1.5;font-size:1rem}