/*
===========================================================
File: style-desktop.css
Author: Julius Garcia
Website: http://jubox.dev
Version: 1.0 - 20240828
===========================================================
*/
*,body{margin:0;padding:0}header .logo,header .menu-icon{transition:opacity .5s}.top-bar,header{width:100%;transition:background-color .1s,color .1s;display:flex}.logo-wrapper img,header .logo{max-width:160px}.menu,.top-bar,header{display:flex}.menu-content,header{position:fixed;z-index:100;top:0}*,body{padding:0}.menu-content ul li a:hover,.top-bar{color:#d764da}.triangle-text,body{font-family:'Proxima Nova',sans-serif}#home,.parallax-section.pink,footer{background-color:#d764da}#sweaty-beliefs .bg-end-wrapper,.lightbox-footer,.menu-content{background-size:cover;background-repeat:no-repeat}*{box-sizing:border-box}body{height:100%;min-width:1050px;min-height:750px;font-weight:100}header{justify-content:space-between}header .menu-icon{width:40px;cursor:pointer}.top-bar{justify-content:space-between;font-size:24px;font-weight:700;padding:15px 10px 10px;background-color:#f0f900;z-index:100}.logo{margin-left:20px}.menu{align-items:center;padding-right:25px}.close img,.menu img{width:30px}.menu-content{background-image:url(../images/menu-content-bg.png);background-position:center bottom;opacity:0;transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;right:0;padding:20px;height:auto;width:auto;max-width:80vw;max-height:80vh;color:#000;font-weight:600}#curveImage,.triangle-text{z-index:10;position:absolute}.menu-content ul{list-style:none;padding:0;margin:2rem 3rem 12rem}.menu-content ul li{margin:10px 0;font-size:1.8rem;line-height:1.8}#contact .inner-content-wrapper .contact-item-wrapper .contact-content-wrapper .contact-content p a,.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}.triangle-text{text-align:center;width:80%;margin:0 auto;top:0;display:none;font-weight:500;padding-top:.5rem}.triangle-text p{font-size:.9rem;line-height:1.5}@media (max-width:1050px){.triangle-text{width:100%}}.triangle-text p .img-sweaty{width:65px;margin:0 auto;position:relative}.curve-container{position:absolute;top:60px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;height:100%;width:100%;z-index:2}.curve-container img{transition:transform .2s;position:absolute;user-select:none}#curveImage{top:-5px}.landing-page-logo-wrapper{width:100%;padding:2rem;text-align:center;transition:display .3s ease-in-out,top .3s ease-in-out;z-index:1;opacity:1}.landing-page-logo-wrapper.fixed{position:fixed}.landing-page-logo-wrapper img{width:80%;max-width:1000px}.dropping-logo-wrapper{position:absolute;top:10%;opacity:0;transform:translateY(-50%);transition:top 1s ease-in-out,bottom 1s ease-in-out,transform 1s ease-in-out}.parallax-section,.parallax-section-static{height:100dvh;position:relative;transition:background-color .5s;backface-visibility:hidden;overflow:hidden}.dropping-logo-wrapper.hidden,.lightbox-profile-wrapper{display:none}.dropping-logo-wrapper.dripping{position:fixed;top:75%;left:0;opacity:1;width:100%;height:120px;transform:none;text-align:center;z-index:0}.dropping-logo-wrapper img{width:120px;margin:0 auto}#home{min-height:350dvh;transition:background-color .1s}.parallax-section-static{display:flex;align-items:start;justify-content:center}.parallax-section{border:none;min-height:800px;display:flex;align-items:start;justify-content:center;padding:2rem 0}.parallax-section.yellow{background-color:#f0f900}.parallax-section.scrollable-content{height:auto;min-height:100dvh;overflow:visible;backface-visibility:hidden}.parallax-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;transition:transform .5s ease-out;backface-visibility:hidden;border:none;outline:0;margin-top:-1px;transform:translateZ(0);will-change:transform}.content,footer{position:relative}.content{margin:0 0 3rem;padding:0;z-index:1;color:#000;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}#faq .inner-content-wrapper .faq-headline-wrapper,.beliefs-headline-wrapper,.beliefs-item-wrapper{width:80%;margin:0 auto}.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}.column-wrapper,.lightbox-profile-content-wrapper{display:flex}.column-wrapper .left,.column-wrapper .right{flex:1;box-sizing:border-box;padding:2rem}.headline-img img{width:350px}.column-wrapper .left{align-content:start}#sweaty-beliefs .column-wrapper .left,.column-wrapper .right{align-content:end}.headline-content{font-size:1.2rem;font-weight:100;line-height:1.2}#sweaty-people .headline-img img,.beliefs-item-wrapper .beliefs-item-img img{width:90%}#sweaty-people .headline-content img{width:70%;margin-left:-30px;margin-bottom:-15px}#sweaty-people .column-wrapper .left{flex:1;box-sizing:border-box;padding:2rem 0 2rem 1rem;text-align:end}#sweaty-people .column-wrapper .right{flex:1;box-sizing:border-box;padding:2rem 2rem 2rem 0;align-content:start}#sweaty-people .people-name-wrapper{display:flex;width:70%}#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.3rem;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:25px;margin:.5rem auto}.three-column-wrapper{display:flex;justify-content:space-between;align-items:stretch;padding:20px}.three-column-wrapper .column{flex:1 1 0;margin:0 10px;padding:20px;display:flex;flex-direction:column}#sweaty-beliefs.parallax-section{padding:0;height:125dvh;min-height:1200px}#sweaty-beliefs .bg-end-wrapper{background-position:center bottom;background-image:url(../images/bg-liqiud-yellow-shorter.png);width:100%}.beliefs-headline-img{text-align:end}.lightbox-profile-img .profile-position-wrapper,.scroll-indicator,footer{text-align:center}#contact .inner-content-wrapper .contact-img img,.beliefs-headline-img img,.lightbox-profile-img img{width:100%}.beliefs-headline-content{width:80%;font-size:1.2em;line-height:1.2}.beliefs-item-wrapper{font-size:clamp(.8rem, 2vw, .9em);line-height:1.3;padding-top:0}.beliefs-item-wrapper .column{padding:0;margin:0}.beliefs-item-wrapper .beliefs-item-img{padding:10px 30px 15px}.beliefs-item-wrapper .beliefs-item-content{padding:0 30px;border-right:3px solid #d764db;flex-grow:1}.beliefs-item-wrapper .beliefs-item-content p{margin:0}.beliefs-item-wrapper .column:last-child .beliefs-item-content{border-right:0}#contact .inner-content-wrapper,#faq .inner-content-wrapper{padding:2rem 0}#contact .inner-content-wrapper .contact-item-wrapper{width:80%;margin:0 auto;padding:0 25px}#contact .inner-content-wrapper .contact-item-wrapper .column{padding:0 25px}#contact .inner-content-wrapper .contact-item-wrapper .contact-headline-wrapper .contact-tag{font-size:clamp(1.3rem, 2vw, 1.5em);line-height:1;color:#f0f900;font-weight:700}#contact .inner-content-wrapper .contact-item-wrapper .contact-headline-wrapper .contact-tag p{margin:0;padding:0}#contact .inner-content-wrapper .contact-item-wrapper .contact-content-wrapper .contact-content p{font-size:clamp(1.2rem, 2vw, 1.4em);line-height:1.5;margin:0;padding:0}#contact .inner-content-wrapper .contact-item-wrapper .contact-content-wrapper .contact-content p a:hover{color:#000;text-decoration:underline}#faq .content-wrapper{width:100%;max-width:1020px}#faq .inner-content-wrapper .faq-headline-wrapper .left,#faq .inner-content-wrapper .faq-headline-wrapper .right{align-content:start;padding:0 2rem}#faq .inner-content-wrapper .faq-headline-wrapper .faq-headline-content p{font-size:clamp(2.2rem, 2vw, 3em);line-height:1;color:#000;font-weight:600;text-align:right;margin:0}#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}.footer-icon-wrapper,footer a{font-weight:600;color:#f0f900}.accordion-header.active .accordion-icon{transform:rotate(0)}footer{margin-top:0;min-height:200px}footer .scroll-vertical-line{border:1px solid #f0f900;height:45px;display:inline-block}footer a{text-decoration:none;display:block}.footer-icon-wrapper{width:fit-content;text-align:center;position:absolute;bottom:15%;left:33.33%;font-size:.8rem;line-height:1.2}.scroll-indicator{position:fixed;bottom:20px;width:100%}.scroll-indicator .scroll-vertical-line{border:1px solid #f0f900;height:25px;display:inline-block}.scroll-indicator span{display:block;color:#f0f900;font-weight:100}.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:80%;max-width:800px}.lightbox-content{background-color:#f0f900;padding:20px}.lightbox-footer{background-image:url('../images/bg-liqiud-yellow.png');background-position:bottom;height:370px;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-img{box-sizing:border-box;padding:25px 20px 20px;width:40%}.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-content{width:55%;box-sizing:border-box;padding:20px}.lightbox-profile-content p{line-height:1.5;font-size:1.1rem}@media only screen and (min-width:1376px){#sweaty-beliefs .parallax-image{object-fit:cover}}@media only screen and (min-width:1375px){.content-wrapper{width:100%}.inner-content-wrapper{max-width:1020px;margin:0 auto}#sweaty-beliefs .inner-content-wrapper{max-width:1200px;margin:0 auto}}