.fyve-web-root .hg-viewport{perspective:1200px;cursor:grab;justify-content:center;align-items:center;width:100vw;height:40vh;display:flex;position:absolute;top:82%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.fyve-web-root .hg-viewport:active{cursor:grabbing}.fyve-web-root .hg-strip{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.fyve-web-root .hg-card{width:198px;height:264px;transform-style:preserve-3d;will-change:transform, opacity;background:#1a1a1a;margin-top:-132px;margin-left:-99px;transition:box-shadow .4s;position:absolute;top:50%;left:50%;box-shadow:0 10px 40px #00000040}.fyve-web-root .hg-card img{object-fit:cover;filter:grayscale(20%)contrast(95%);width:100%;height:100%;display:block}.fyve-web-root .hg-card:hover{box-shadow:0 20px 60px #0006;z-index:1000!important}@media (max-width:768px){.fyve-web-root .hg-viewport{transform:translate(-50%,-50%)scale(.75)}}
.fyve-web-root .trail-container{z-index:2;width:100%;height:100%;position:absolute;overflow:hidden}.fyve-web-root .trail-img{pointer-events:none;width:175px;height:175px;position:absolute}.fyve-web-root .trail-img .mask-layer{background-color:var(--base-200);will-change:clip-path;width:100%;height:100%;position:absolute;top:0;left:0}.fyve-web-root .trail-img .mask-layer .image-layer{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}
.fyve-web-root .preloader{background-color:var(--base-300);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:9999;align-items:center;width:100%;height:100svh;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.fyve-web-root .preloader p{color:var(--base-100);font-family:var(--type-3);letter-spacing:-2%;text-transform:uppercase;font-size:.85rem;font-weight:450;line-height:1}.fyve-web-root .preloader-revealer{aspect-ratio:1;will-change:transform;z-index:2;visibility:hidden;background-color:#49534e;width:100%;position:absolute;top:50%;left:50%}.fyve-web-root .preloader.is-copy-ready .preloader-revealer{visibility:visible}.fyve-web-root .preloader-copy,.fyve-web-root .preloader-copy-col,.fyve-web-root .preloader-counter{flex:1;display:flex}.fyve-web-root .preloader-copy,.fyve-web-root .preloader-counter{visibility:hidden}.fyve-web-root .preloader.is-copy-ready .preloader-copy,.fyve-web-root .preloader.is-copy-ready .preloader-counter{visibility:visible}.fyve-web-root .preloader-counter{justify-content:flex-end}.fyve-web-root .preloader-copy p{width:75%}.fyve-web-root .preloader .line{will-change:transform;transform:translateY(100%)}@media (max-width:1000px){.fyve-web-root .preloader,.fyve-web-root .preloader-copy{flex-direction:column}.fyve-web-root .preloader-revealer{width:200%}.fyve-web-root .preloader-copy-col{align-items:center}.fyve-web-root .preloader-copy p{width:100%}.fyve-web-root .preloader-counter{align-items:center}}
.fyve-web-root .team{background-color:var(--base-200);width:100%;height:100svh;position:relative;overflow:hidden}.fyve-web-root .team-header{z-index:1;text-align:center;pointer-events:none;flex-direction:column;gap:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fyve-web-root .team-footer{z-index:2;width:100%;position:absolute;bottom:0;left:0}.fyve-web-root .team-footer .container{justify-content:space-between;align-items:flex-end;padding:2.25rem;display:flex}.fyve-web-root .cards{will-change:transform;z-index:2;width:150vw;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.fyve-web-root .card{transform-origin:50%;will-change:transform;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;flex-direction:column;width:400px;height:550px;margin-left:-150px;padding:1rem;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.fyve-web-root .card-img{border-radius:.25rem;flex:1;position:relative;overflow:hidden}.fyve-web-root .card-img img{object-fit:cover;filter:saturate(.6)brightness(.9);width:100%;height:100%;transition:filter .4s}.fyve-web-root .card:hover .card-img img{filter:saturate(.85)brightness()}.fyve-web-root .card-content{flex-direction:column;gap:.5rem;padding:1.25rem 0 .5rem;display:flex}@media (max-width:1000px){.fyve-web-root .cards{top:27.5%}.fyve-web-root .card{width:260px;height:370px;margin-left:-130px}.fyve-web-root .team-header h2{font-size:clamp(2rem,8vw,3.5rem)}}.fyve-web-root .team-header .team-jp{font-family:var(--type-2);letter-spacing:.06em;opacity:.4;margin-top:-1.25rem;font-size:.8rem;line-height:1.4}