.portal-hero{position:relative}.portal-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}.portal-hero:after,.portal-hero:before{content:"";display:block;left:0;position:absolute;width:100%}.portal-hero:after{background:linear-gradient(180deg,rgba(13,14,20,0),rgba(13,14,20,0) 50%,#0d0e14);bottom:0;height:1rem}.portal-hero .canvas-frame{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}:is(.portal-hero .canvas-frame) canvas{display:block;left:0;opacity:0;position:absolute;top:0;transform:translate3d(5%,0,0) scale(1.25)}.portal-hero .container,.portal-hero .image-wrap{position:relative;z-index:1}.portal-hero .content{width:8.93rem}@media screen and (max-width:768px) and (orientation:portrait){.portal-hero .content{width:100%}}:is(.portal-hero .content) .title{max-width:8.22rem;width:100%}@media screen and (max-width:768px) and (orientation:portrait){:is(.portal-hero .content) .title{font-size:.45rem;line-height:.45rem}}:is(.portal-hero .content) .top-label{margin-bottom:.28rem}@media screen and (max-width:768px) and (orientation:portrait){:is(.portal-hero .content) .top-label{margin-bottom:.24rem}}:is(.portal-hero .content) .description{color:var(--grey);font-size:.16rem;font-weight:400;line-height:.22rem;margin-top:.4rem;max-width:3.63rem}@media screen and (max-width:768px) and (orientation:portrait){:is(.portal-hero .content) .description{margin-top:.24rem;max-width:100%}:is(:is(.portal-hero .content) .description) br{display:none}}:is(.portal-hero .content) .flavor-text{margin-top:.2rem}@media screen and (max-width:768px) and (orientation:portrait){:is(.portal-hero .content) .flavor-text{margin-top:.16rem}}:is(.portal-hero .content) .buttons{display:flex;gap:.2rem;margin-top:.28rem}@media screen and (max-width:768px) and (orientation:portrait){:is(.portal-hero .content) .buttons{flex-direction:column}}:is(:is(.portal-hero .content) .buttons) .button{min-width:1.93rem}body.loaded .portal-hero{padding:2.14rem 0 1.8rem;position:relative}@media screen and (max-width:768px) and (orientation:portrait){body.loaded .portal-hero{padding:1.1rem 0 1rem}}:is(body.loaded .portal-hero) .canvas-frame canvas{opacity:1;transform:translateZ(0) scale(1);transition:opacity 1512ms var(--ease),transform 1512ms var(--ease);transition-delay:512ms}:is(body.loaded .portal-hero) .image-wrap{height:100%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:5.58rem;z-index:0}@media screen and (max-width:768px) and (orientation:portrait){:is(body.loaded .portal-hero) .image-wrap{height:unset;position:relative;transform:translateY(0);width:100%}}:is(:is(body.loaded .portal-hero) .image-wrap) .image{height:100%;object-fit:contain;object-position:center right;width:100%}@media screen and (max-width:768px) and (orientation:portrait){:is(:is(body.loaded .portal-hero) .image-wrap) .image{display:none;height:auto}}:is(:is(body.loaded .portal-hero) .image-wrap) .image-mobile{display:none}@media screen and (max-width:768px) and (orientation:portrait){:is(:is(body.loaded .portal-hero) .image-wrap) .image-mobile{display:block;height:100%;height:auto;margin-top:.24rem;object-fit:contain;object-position:center;padding:0 .1rem;width:100%}}