*{all:unset;display:revert;list-style:none}*,*::before,*::after{box-sizing:border-box}@font-face{font-family:"Montserrat";font-weight:800;font-style:normal;src:url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),url("../fonts/Montserrat-ExtraBold.woff") format("woff")}@font-face{font-family:"Work Sans";font-weight:400;font-style:normal;src:url("../fonts/WorkSans-Regular.ttf") format("truetype")}@font-face{font-family:"Work Sans";font-weight:600;font-style:normal;src:url("../fonts/WorkSans-SemiBold.ttf") format("truetype")}@font-face{font-family:"Oooh Baby";font-weight:400;font-style:normal;src:url("../fonts/OoohBaby-Regular.ttf") format("truetype")}::-moz-selection{color:#0b001f;background:#8c52ff}::selection{color:#0b001f;background:#8c52ff}html,body{font-family:"Work Sans";font-size:10px;overflow:hidden;color:#f5f0ff}.main-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr auto 1fr;width:100vw;height:100vh;position:relative;z-index:2}.logo{--dot-k: 0;align-self:center;grid-column:2/span 1;grid-row:2/span 1;font-family:"Montserrat";font-size:8.3333333333vw;font-weight:800;line-height:1;text-transform:lowercase;white-space:nowrap;position:relative;z-index:2}.logo::after{content:"";display:block;width:1.25vw;height:1.25vw;border-radius:100rem;background:#8c52ff;opacity:var(--dot-k);position:absolute;bottom:1.0833333333vw;right:0;transform:translate(1.75vw, 0) scale(var(--dot-k))}.logo span{--letter-k: 0;display:inline-block;position:relative;transform:translate(21.7361111111vw, 0)}.logo span:not(:first-child){opacity:0}.logo span::before{content:attr(data-content);color:#0b001f;-webkit-text-stroke:.1388888889vw #8c52ff;text-shadow:0 0 1.6666666667vw #8c52ff;opacity:var(--letter-k);transform:translate(calc(var(--letter-k) * 50%), 0);position:absolute;z-index:-1}mark{color:#8c52ff}mark [data-text]{position:relative;z-index:2}mark [data-text]::before{content:attr(data-text);color:rgba(0,0,0,0);-webkit-text-stroke:.1rem #5906ff;position:absolute;z-index:-1;transform:translate(0.12em, 0.12em)}.main-section{grid-column:2/span 1;grid-row:3/span 1;padding-top:3em}.main-section>*+*{margin-top:2em}.main-title{font-family:"Montserrat";font-size:clamp(1.8rem,2.2222222222vw,3.2rem);line-height:1.2;max-width:50rem}.canvas-wrapper{--canvas-k: 1;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr 1fr 1fr;width:100vw;height:100vh;background:#0b001f;position:absolute;top:0;left:0}.canvas-wrapper canvas{-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-column:1/-1;grid-row:1/-1;align-self:center;width:100% !important;height:auto !important;opacity:var(--canvas-k)}.text-hand{font-family:"Oooh Baby";font-size:clamp(1.6rem,1.6666666667vw,2.4rem);-webkit-text-stroke:.015625em currentColor;white-space:nowrap;text-align:center;line-height:1;color:#bbb1f1;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:50%;left:77vw;transform:translate(0, -240%) rotate(-16deg)}.text-hand::before{content:"";display:block;width:50%;height:100%;background:url("../img/icons/arrow.svg") no-repeat center/contain;opacity:.5;position:absolute;top:130%;left:20%;transform:rotate(-20deg)}.cta-l{display:flex;flex-wrap:wrap;padding-top:2em;margin:-0.4rem -0.4rem}.cta-i{display:flex;margin:.4rem}.cta-i--capsule+*{margin-left:.2rem;margin-right:.2rem}.btn-texted,.btn-primary{display:inline-grid;grid-template-columns:2.4rem auto 2.4rem;grid-template-rows:.4rem 1.2rem auto 1.2rem .4rem;align-items:center;min-height:4.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:.1em}.btn-texted::before,.btn-primary::before{content:"";display:block;width:100%;height:100%;grid-column:1/-1;grid-row:2/-2;border-radius:100rem;transition:.24s cubic-bezier(0.37, 0, 0.29, 1) all}.btn-texted span,.btn-primary span{grid-column:2/span 1;grid-row:3/span 1;position:relative;z-index:2;transition:.24s cubic-bezier(0.37, 0, 0.29, 1) all}.btn-texted:hover::before,.btn-primary:hover::before{transform:scale(1.05)}.btn-primary{grid-column:2/span 1;grid-row:2/span 1;align-self:end;justify-self:start;font-size:1.2rem;line-height:1.6rem;color:#f5f0ff}.btn-primary::before{background:#8c52ff}.btn-texted{font-size:1.2rem;line-height:1.6rem;color:#f5f0ff}.btn-texted::before{display:none}.btn-texted:hover{color:#8c52ff}.btn--sm{letter-spacing:.2em;font-size:1rem}.capsule-outline,.capsule-primary{display:inline-grid;width:4.8rem;height:4.8rem;grid-template-columns:.4rem 1fr .4rem;grid-template-rows:.4rem 1fr .4rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.capsule-outline span,.capsule-primary span{display:none}.capsule-outline::before,.capsule-primary::before{content:"";display:block;width:100%;height:100%;grid-column:2/span 1;grid-row:2/span 1;border-radius:100rem;transition:.24s cubic-bezier(0.37, 0, 0.29, 1) all}.capsule-outline::after,.capsule-primary::after{content:"";display:block;width:2.1rem;height:2.1rem;grid-column:2/span 1;grid-row:2/span 1;align-self:center;margin:0 auto}.capsule-outline span,.capsule-primary span{display:none}.capsule-outline:hover::before,.capsule-primary:hover::before{transform:scale(1.1)}.capsule-primary::before{background:#8c52ff}.capsule-outline::before{border:.2rem solid #8c52ff}.capsule--insta::after{background:url("../img/basil/Instagram.svg") no-repeat center/contain}.capsule--fbk::after{background:url("../img/basil/Facebook.svg") no-repeat center/contain}.main-title,.cta-i,.btn-texted,.text-hand{--content-opacity: 0;--content-translate: 1;opacity:var(--content-opacity)}.main-title{transform:translate(0, calc(var(--content-translate) * 2.4rem))}.cta-i{transform:translate(0, calc(var(--content-translate) * 2.4rem))}.text-hand{transform:translate(calc(var(--content-translate) * 1.6rem), -240%) rotate(-16deg)}.btn-texted{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%, calc(var(--content-translate) * 2.4rem))}@media screen and (max-width: 720px){.cta-l{justify-content:center}.cta-i:first-child{flex:0 0 100%}.cta-i:first-child>*{width:100%;margin:0 auto}}