@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/PlusJakartaSans-Bold.woff2") format("woff2")}*{margin:0;padding:0}.scene{font-family:"Plus Jakarta Sans",sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;overflow:hidden;position:relative;height:250px;width:300px;background:#fff}.scene *{user-select:none;cursor:pointer}.scene .square{width:100%;height:100%;position:absolute;background:#2740e7;transform:translate(0%, 0%) rotate(29deg) scale(1);top:35%;left:87%;border-radius:3rem}.scene .logo{position:absolute;bottom:1rem;left:1rem;animation:fade-in-up 1s cubic-bezier(0, 0, 0, 1) both .5s}.scene .title{font-size:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);white-space:nowrap;width:100%;text-align:center;display:flex;justify-content:center}.scene .title .fragment{display:block;font-size:0;position:relative;margin-right:.4rem}.scene .title .fragment .letter{font-size:clamp(3rem,15%,6rem);line-height:1;letter-spacing:-0.05rem;display:inline-block;position:relative;color:#000;z-index:2}.scene .title--4,.scene .title--5{padding:1rem 1rem 0;display:block;text-align:left;position:relative;left:auto;top:auto;transform:translate(0, 0);animation:fade-in-left 1s cubic-bezier(0, 0, 0, 1) both .5s}.scene .title--4 .fragment,.scene .title--5 .fragment{display:inline-block}.scene .title--4 .fragment .letter,.scene .title--5 .fragment .letter{font-size:2rem}.scene .title--4 .fragment--3,.scene .title--5 .fragment--3{display:block}.scene .title--5 .fragment--3 .letter{color:#2740e7}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0%)}}@keyframes fade-in-left{from{opacity:0;transform:translate(-100%, 0)}to{opacity:1;transform:translate(0, 0)}}