@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap";
:root{--main-font:"Work Sans", sans-serif;--color-black:#000;--color-black-light:#181b1a;--color-light-purity:#e0d8eb;--color-fat-tuesday:#341f37;--color-bashful-pancy:#d8cee6;--color-sugar-crystal:#f9f5ff;--color-white:#fff}.cicada-hero-container{background:var(--color-light-purity);color:var(--color-fat-tuesday);font-size:5.20833vw;font-family:var(--main-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;width:100%;min-height:100vh;position:relative;overflow-x:hidden}@media (min-aspect-ratio:1440/1080){.cicada-hero-container{font-size:9.25926vh}}.cicada-hero-container *{box-sizing:border-box}.cicada-hero-container:before{content:"";background-color:var(--color-light-purity);mix-blend-mode:soft-light;pointer-events:none;z-index:0;background-image:url(https://cdn.zajno.com/dev/codepen/cicada/texture.png);background-repeat:repeat;width:100%;height:100%;position:fixed;top:0;left:0}.cicada-hero-container:after{content:"";background:var(--color-sugar-crystal);filter:blur(2.5em);z-index:0;pointer-events:none;width:22.42em;height:8.86em;position:fixed;bottom:-3.76em;left:50%;transform:translate(-50%)}.cicada-hero-container main#main{flex:1 0 auto;width:100%;height:3200px;position:relative}.cicada-hero-container .header{z-index:100;width:100%;max-width:100vw;height:auto;position:fixed;top:0;left:0}.cicada-hero-container .header-wrapp{justify-content:space-between;align-items:center;padding:.3em .4em;display:flex}.cicada-hero-container .header-left{align-items:center;gap:1.37em;display:flex}.cicada-hero-container .header-main{align-items:center;gap:.16em;display:flex}.cicada-hero-container .header-logo{width:1.34em;height:max-content}.cicada-hero-container .header-logo img{width:100%;height:auto;display:block}.cicada-hero-container .header-title{letter-spacing:-.005em;max-width:.89em;color:var(--color-fat-tuesday);margin-top:.04em;font-size:.12em;font-weight:500;line-height:1.2}.cicada-hero-container .header-search{align-items:center;gap:.08em;display:flex}.cicada-hero-container .header-search__btn{width:.13em}.cicada-hero-container .header-search__btn img{width:100%;height:auto;display:block}.cicada-hero-container .header-search__input{font-family:var(--main-font);letter-spacing:-.0065em;color:var(--color-fat-tuesday);background:0 0;border:none;outline:none;font-size:.16em;font-weight:500}.cicada-hero-container .header-search__input::placeholder{color:var(--color-fat-tuesday);opacity:.7}.cicada-hero-container .header-right{align-items:center;gap:.78em;display:flex}.cicada-hero-container .header-contact{font-family:var(--main-font);letter-spacing:-.0065em;color:var(--color-fat-tuesday);cursor:pointer;background:0 0;border:none;padding:0;font-size:.16em;font-weight:500;position:relative}.cicada-hero-container .header-contact:before{content:"";background:currentColor;width:100%;height:1px;position:absolute;bottom:-.04em;left:0}.cicada-hero-container .header-menu{aspect-ratio:1;background:var(--color-fat-tuesday);border:1px solid var(--color-fat-tuesday);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:.35em;height:.35em;display:flex}.cicada-hero-container .header-menu img{width:.1465em}.cicada-hero-container .banner{z-index:1;justify-content:center;align-items:center;width:100%;max-width:100vw;height:100%;max-height:100vh;padding:0 .4em;display:flex;position:fixed;top:0;left:0;overflow:hidden}.cicada-hero-container .banner-slide{z-index:2}.cicada-hero-container .banner-title{text-align:center;color:var(--color-fat-tuesday);z-index:3;margin-left:auto;margin-right:auto;font-size:1em;line-height:1.1;position:absolute;top:1.95em;left:0;right:0}.cicada-hero-container .banner-title span{color:var(--color-fat-tuesday);display:inline-block;position:relative}.cicada-hero-container .banner-title span:before{content:"";border-bottom:4px solid;width:100%;position:absolute;bottom:-.04em;left:0;transform:rotate(-3deg)}.cicada-hero-container .banner-subtitle{letter-spacing:-.07em;text-align:center;color:var(--color-fat-tuesday);opacity:0;z-index:1;margin-left:auto;margin-right:auto;font-size:1em;line-height:1.1;position:absolute;top:2.8em;left:0;right:0}.cicada-hero-container .banner-text{letter-spacing:-.0295em;width:90%;max-width:22em;color:var(--color-fat-tuesday);opacity:0;z-index:1;text-align:center;margin-left:auto;margin-right:auto;font-size:.42em;line-height:1.3;position:absolute;top:5em;left:0;right:0}.cicada-hero-container .banner-tree{transform-origin:bottom;z-index:2;width:19em;height:auto;margin-left:auto;margin-right:auto;position:absolute;bottom:0;left:0;right:0}.cicada-hero-container .banner-tree video,.cicada-hero-container .banner-tree img{width:100%;display:block}.cicada-hero-container .wings{width:100%;max-width:100vw;height:100%;max-height:100vh;position:fixed;top:0;left:0;overflow:hidden}.cicada-hero-container .wings-svg{z-index:3;width:95vw;height:auto;margin-left:auto;margin-right:auto;position:absolute;bottom:.95em;left:0;right:0}.cicada-hero-container .wings-svg svg{width:100%;height:auto}.cicada-hero-container .wings-svg svg path{fill:var(--color-fat-tuesday)!important}.cicada-hero-container .tree{z-index:1;width:100%;max-width:100vw;height:100%;max-height:100vh;position:fixed;top:0;left:0;overflow:hidden}.cicada-hero-container .tree-name{text-align:center;letter-spacing:-.0357em;color:var(--color-fat-tuesday);opacity:0;margin-left:auto;margin-right:auto;font-size:1em;position:absolute;top:1em;left:0;right:0}.cicada-hero-container .tree-wrapp{z-index:1;width:9.5em;margin-left:auto;margin-right:auto;display:block;position:absolute;top:3.32em;left:0;right:0}.cicada-hero-container .tree-svg{width:100%;height:auto;display:none;overflow:visible!important}.cicada-hero-container .tree-svg path{stroke:var(--color-fat-tuesday)!important}.cicada-hero-container .tree-circle{aspect-ratio:1;width:8.62em;height:auto;box-shadow:0 0 0 1px var(--color-fat-tuesday);border-radius:50%;position:absolute;top:1em;left:50%;transform:translate(-50%)scale(0)}.cicada-hero-container .tree-circle__big{box-shadow:0 0 0 1px var(--color-fat-tuesday);border-radius:50%;transform:translate(-50%)scale(0)}.cicada-hero-container .tree-circle__small{box-shadow:0 0 0 3px var(--color-fat-tuesday)}.cicada-hero-container .tree-title{letter-spacing:-.009em;max-width:2em;color:var(--color-fat-tuesday);cursor:pointer;z-index:2;padding:.18em;font-size:.2em;font-weight:400;position:absolute}.cicada-hero-container .tree-title span{opacity:0;color:var(--color-fat-tuesday);display:inline-block;transform:translateY(100%)}.cicada-hero-container .tree-title_top{transform-origin:bottom;top:-1em;left:50%;transform:translate(-50%,-100%)}.cicada-hero-container .tree-title_left-top{transform-origin:100% 100%;top:.57em;right:6.11em;transform:translate(-100%,-50%)}.cicada-hero-container .tree-title_left{transform-origin:100% 100%;top:10em;left:-3em;transform:translate(-100%)}.cicada-hero-container .tree-title_right-top{transform-origin:0 100%;top:.57em;left:5.69em;transform:translate(100%,-50%)}.cicada-hero-container .tree-title_right{transform-origin:0 100%;top:8em;right:.5em;transform:translate(100%)}.cicada-hero-container .tree-title__decor{opacity:0;width:.08em;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.cicada-hero-container .tree-title__decor path{stroke:var(--color-fat-tuesday)!important}.cicada-hero-container .tree-title__decor.left{left:.06em}.cicada-hero-container .tree-title__decor.right{right:.06em}.cicada-hero-container .tree-ball{cursor:pointer;aspect-ratio:1;opacity:0;z-index:2;width:.14em;height:.14em;position:absolute}.cicada-hero-container .tree-ball_top{top:0;left:50%;transform:translate(-50%,-100%)}.cicada-hero-container .tree-ball_left-top{top:.6em;right:7.39em;transform:translateY(-50%)}.cicada-hero-container .tree-ball_left{top:2.5em;left:0;transform:translate(-50%,-100%)}.cicada-hero-container .tree-ball_right-top{top:.6em;left:7.39em;transform:translateY(-50%)}.cicada-hero-container .tree-ball_right{top:2.5em;right:0;transform:translate(50%,-100%)}.cicada-hero-container .tree-ball span{aspect-ratio:1;background:var(--color-fat-tuesday);pointer-events:none;border-radius:50%;width:100%;display:block;position:absolute;top:0;left:0}.cicada-hero-container .tree-ball span:not(:first-child){opacity:0}.cicada-hero-container .tree-wings{opacity:0;z-index:1;width:15.15em;height:5.04em;max-height:100vh;position:absolute;bottom:-1.22em;left:50%;transform:translate(-50%)}.cicada-hero-container .tree-wings__item{position:absolute}.cicada-hero-container .tree-wings__item img{width:100%;height:auto}.cicada-hero-container .tree-wings__center{width:1.34em;position:absolute;top:1.28em;left:50%;transform:translate(-50%)}.cicada-hero-container .tree-wings__top-left{transform-origin:100%;width:7.05em;position:absolute;top:0;left:0}.cicada-hero-container .tree-wings__top-right{transform-origin:0;width:7.05em;position:absolute;top:0;right:0}.cicada-hero-container .tree-wings__bottom-left{transform-origin:100% 0;width:3.9em;position:absolute;top:2.586em;left:3.496em}.cicada-hero-container .tree-wings__bottom-right{transform-origin:0 0;width:3.9em;position:absolute;top:2.586em;right:3.496em}.cicada-hero-container .sound{aspect-ratio:1;background:var(--color-bashful-pancy);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;gap:.045em;width:.44em;display:flex;position:fixed;bottom:.63em;right:.75em;overflow:hidden}.cicada-hero-container .sound-item{background:var(--color-fat-tuesday);border-radius:.03em;width:.03em;height:.1em}.cicada-hero-container .sound-item:nth-child(odd){height:.15em}.cicada-hero-container .fade-overflow{max-width:100%;overflow:hidden}.cicada-hero-container .fade-el{white-space:normal;display:block}@media (max-width:767px){.cicada-hero-container main#main{height:4500px}.cicada-hero-container{font-size:clamp(20px,5vw,26px)}.cicada-hero-container .header-wrapp{padding:.4em .5em}.cicada-hero-container .header-logo{width:2.2em}.cicada-hero-container .header-title{max-width:4em;font-size:.45em}.cicada-hero-container .banner-title{font-size:1.3em;top:7em}.cicada-hero-container .banner-subtitle{font-size:1.1em;top:10em}.cicada-hero-container .banner-text{text-align:center;width:88vw;max-width:22rem;margin-left:auto;margin-right:auto;padding:0;font-size:clamp(12px,3.4vw,15px);line-height:1.45;top:22vh;left:0;right:0}.cicada-hero-container .banner-tree{transform-origin:bottom;width:19em}.cicada-hero-container .wings-svg{width:100vw;bottom:3.5em}.cicada-hero-container .tree-name{text-align:center;margin-left:auto;margin-right:auto;font-size:1.5em;top:12%;left:0;right:0}.cicada-hero-container .tree-wrapp{width:13.5em;margin-left:auto;margin-right:auto;top:44%;left:0;right:0}.cicada-hero-container .tree-circle{width:7.8em}.cicada-hero-container .tree-title{letter-spacing:0;max-width:4.6em;padding:.08em .1em;font-size:.5em;line-height:1.15}.cicada-hero-container .tree-title_top{text-align:center;top:-.8em;left:50%;transform:translate(-50%,-100%)}.cicada-hero-container .tree-title_left-top{text-align:right;top:.5em;right:82%;transform:translateY(-50%)}.cicada-hero-container .tree-title_right-top{text-align:left;top:0;left:82%;transform:translateY(-50%)}.cicada-hero-container .tree-title_left{text-align:right;top:3.8em;left:.2em;transform:translate(-100%,-50%)}.cicada-hero-container .tree-title_right{text-align:left;top:3.8em;right:.2em;transform:translate(100%,-50%)}.cicada-hero-container .tree-ball{width:.24em;height:.2em}.cicada-hero-container .tree-ball_top{top:0;left:50%;transform:translate(-50%,-100%)}.cicada-hero-container .tree-ball_left-top{top:.8em;left:21%;transform:translate(-50%,-50%)}.cicada-hero-container .tree-ball_right-top{top:.8em;left:79%;transform:translate(-50%,-50%)}.cicada-hero-container .tree-ball_left{top:3.3em;left:-.1em;transform:translate(-50%,-50%)}.cicada-hero-container .tree-ball_right{top:3.4em;right:0;transform:translate(50%,-50%)}.cicada-hero-container .tree-wings{width:18.8em;height:5.92em;position:absolute;bottom:-1.43em;left:50%;transform:translate(-50%)}.cicada-hero-container .tree-wings__center{width:1.57em;top:1.5em}.cicada-hero-container .tree-wings__top-left,.cicada-hero-container .tree-wings__top-right{width:8.28em}.cicada-hero-container .tree-wings__bottom-left{width:4.58em;top:3.04em;left:4.1em}.cicada-hero-container .tree-wings__bottom-right{width:4.58em;top:3.04em;right:4.1em}}@media (min-width:768px) and (max-width:1023px){.cicada-hero-container main#main{height:7000px}.cicada-hero-container{font-size:clamp(28px,4.2vh,42px)}.cicada-hero-container .tree-title{font-size:.26em}}