:is(body.loaded .main-hero) .canvas-frame canvas{opacity:1;transform:translateZ(0) scale(1);transition:opacity 1512ms var(--ease),transform 1512ms var(--ease);transition-delay:512ms}.main-hero{align-items:flex-end;background-color:var(--black);display:flex;min-height:100vh;padding:2.14rem 0 1.8rem;position:relative}.main-hero:before{background:linear-gradient(0deg,rgba(13,14,20,0),rgba(13,14,20,0) 10%,rgba(13,14,20,.5) 55%,#0d0e14);bottom:-4.9rem;height:5rem}.main-hero:after,.main-hero:before{content:"";display:block;left:0;position:absolute;width:100%}.main-hero:after{background:linear-gradient(180deg,rgba(13,14,20,0),rgba(13,14,20,0) 50%,#0d0e14);bottom:0;height:1rem}.main-hero .canvas-frame{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}:is(.main-hero .canvas-frame) canvas{display:block;left:0;opacity:0;position:absolute;top:0;transform:translate3d(5%,0,0) scale(1.25)}.main-hero .title{color:#fffcff;margin-bottom:1.1rem}.main-hero .layout{display:flex;justify-content:space-between}.main-hero .cnt{max-width:5rem}:is(.main-hero .cnt) .main-text{color:#fffcff;margin-bottom:.8rem;text-align:right}:is(.main-hero .cnt) .button{margin-left:auto;margin-right:0}:is(.main-hero .list) li{align-items:center;display:flex;gap:.16rem}:is(.main-hero .list) li:not(:last-child){margin-bottom:.24rem}:is(.main-hero .list) .label{color:#fffcff;font-size:.2rem;font-weight:500;letter-spacing:0;line-height:.24rem;margin-bottom:.02rem}:is(.main-hero .list) .text{color:#b6bace}:is(.main-hero .list) .media-frame{align-items:center;aspect-ratio:1;backdrop-filter:blur(.04rem);background-color:rgba(255,252,255,.05);border:.01rem solid rgba(255,252,255,.08);border-radius:50%;display:flex;justify-content:center;width:.58rem}:is(:is(.main-hero .list) .media-frame) .media{width:.32rem}@media screen and (max-width:768px) and (orientation:portrait){.main-hero{min-height:auto;padding:1.1rem 0 1rem}.main-hero .title{margin-bottom:.4rem}.main-hero .layout{flex-direction:column-reverse;flex-wrap:wrap}.main-hero .cnt{margin-bottom:.4rem}:is(.main-hero .cnt) .main-text{margin-bottom:.2rem;text-align:left}:is(.main-hero .cnt) .button{margin-left:0;margin-right:auto}:is(.main-hero .list) li:not(:last-child){margin-bottom:.14rem}:is(.main-hero .list) .media-frame{width:.44rem}:is(:is(.main-hero .list) .media-frame) .media{width:.24rem}}