:root{--container-bg-color: #333;--left-bg-color: linear-gradient( 135deg, rgba(0, 191, 255, .4) 0%, rgba(64, 224, 208, .5) 50%, rgba(0, 255, 127, .4) 100% );--right-bg-color: rgba(43, 43, 43, .8);--right-button-hover-color: rgba(92, 92, 92, .3);--hover-width: 75%;--other-width: 25%;--speed: .8s;--gradient: linear-gradient(150deg, rgb(0, 19, 172) 0%, rgb(100, 255, 209) 55%, rgb(43, 255, 152) 100%)}.work{color:var(--color-white);position:relative;z-index:1;height:100vh}.split__container{width:100%;height:100%;background:#333;background:var(--container-bg-color);position:relative}.split.left:before,.split.right:before{position:absolute;content:"";width:100%;height:100%}.split.left:before{background:linear-gradient(135deg,#00bfff66,#40e0d080,#00ff7f66);background:var(--left-bg-color)}.split.right:before{background:#2b2b2bcc;background:var(--right-bg-color)}.split.left,.split.right,.split.left:before,.split.right:before{transition:.8s all ease-in-out;transition:var(--speed) all ease-in-out}.hover-left .left,.hover-right .right{width:75%;width:var(--hover-width)}.hover-left .split.left:before,.hover-right .split.right:before{background:transparent}.hover-right .split.left:before{background:linear-gradient(135deg,#ffb6c140,#ff69b44d,#ff149340);background:linear-gradient(135deg,#00bfff66,#40e0d080,#00ff7f66);background:var(--left-bg-color)}.hover-left .right,.hover-right .left{width:25%;width:var(--other-width)}.hover-right .left:before,.hover-left .right:before{z-index:2}.split{width:50%;height:100%;position:absolute;overflow:hidden}.split.right{display:grid}.split.left{top:0;left:0;background-position:top center;background-size:contain;background-repeat:no-repeat}.left__imageInner{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.left__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;will-change:transform,opacity;opacity:1}.split.left.left1 .left__inner{width:95%;height:100%;max-height:100vh;color:var(--color-black);background-color:transparent;backdrop-filter:blur(50px);background-image:linear-gradient(135deg,#ffffffe6,#ffffff4d);background-size:100vw 100vh;box-shadow:0 4px 60px #384af4bf;border-radius:1rem;position:absolute;top:0%;left:3%;z-index:10;opacity:0;overflow-y:auto;margin-left:auto;margin-right:auto;padding:3rem 2rem;will-change:opacity,transform}.hover-left .left__inner{opacity:1}.left__title{font-size:1.25rem;font-weight:700;white-space:nowrap;margin-top:1rem}.left__text{font-size:1rem}.left__leadMenu{list-style:none}.left__leadMenu_header{font-size:1rem;line-height:1;letter-spacing:.04em;color:var(--color-purple);text-align:justify;margin-top:2rem}.left__leadMenu_body{font-size:.875rem;line-height:1.6;letter-spacing:.16em;text-align:justify;margin-top:.5rem}.left__workCta{background-color:#ffffffa3;border:1px solid rgba(102,51,153,.24);border-radius:.75rem;margin-top:2rem;padding:1rem}.left__workCta_text{font-size:.875rem;line-height:1.7;letter-spacing:.08em;text-align:justify}.left__workCta_links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.left__workCta_link{font-size:.875rem;font-weight:700;color:var(--color-purple);text-decoration:underline;text-underline-offset:.2em}.left__link{display:flex;flex-direction:column;align-items:flex-start;font-size:.875rem;line-height:1.5;color:var(--color-black);text-decoration:none;margin-top:1rem}.left__link span{line-height:2}.left__link span:nth-child(4){color:var(--color-purple);text-decoration:underline}.right__logoIcon{width:3rem;height:3rem;box-shadow:0 4px 15px #31c4bebf;border-radius:50%;position:absolute;top:16%;left:4%;z-index:1;animation:transLogo 2s ease-in infinite alternate}@keyframes transLogo{0%{transform:translateY(0)}to{transform:translateY(20px)}}.right__header{font-size:1.5rem;color:inherit;white-space:nowrap;position:absolute;top:10%;left:4%}.right__header span{opacity:0;transform:translate(24px);transition:opacity .3s ease-in,transform .3s ease-in}.right__header span+span{padding:.1em}.right__header span.is-active{opacity:1;transform:translate(0)}.right__text{width:100%;max-width:600px;font-size:1rem;color:inherit;background-color:transparent;backdrop-filter:blur(12px);background-image:linear-gradient(120deg,#ffffff4d,#0003);background-size:100px 0px;box-shadow:0 4px 10px #384af4bf;white-space:nowrap;border:rgb(43,255,152) .2em solid;border-radius:.5rem;position:absolute;top:74%;left:4%;opacity:1;padding:.25rem .5rem}.right__text span{display:inline;opacity:1;transition:opacity .8s ease}.split.right{top:0;right:0;z-index:0;overflow:hidden}.right__pcImageInner{aspect-ratio:16 / 9;overflow:hidden}.right__pcImage{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.split.right .right__spImage{width:auto;max-width:40%;height:auto;max-height:50%;position:absolute;top:16%;right:2%;-o-object-fit:contain;object-fit:contain;animation:rotateCircle 10s linear infinite alternate}@keyframes rotateCircle{0%{transform:translateY(-24px)}to{transform:translateY(24px)}}.right__link{width:100%;max-width:90%;max-width:600px;font-family:Poppins,sans-serif;font-size:.9375rem;color:var(--color-white);background-color:transparent;background-image:linear-gradient(120deg,#ffffff4d,#0003);background-size:100px 0px;text-decoration:none;border:rgb(43,255,152) .2em solid;box-shadow:0 4px 16px #31c4bebf;border-radius:.5rem;backdrop-filter:blur(12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;top:64%;left:4%;opacity:0;transition:opacity .8s ease,transform .8s ease-in-out;padding:.5rem 1rem}.split.right .right__link:after{content:"";display:block;height:0;opacity:0;transform:translateY(-50%) scale(.1);transition:opacity .5s,transform .8s ease-in-out;transition-delay:0s,.4s}.hover-right .right__link{opacity:1}.split.right .right__link:hover:after{content:"";width:100%;height:auto;position:absolute;top:4%;left:.5%;z-index:-1;box-shadow:0 4px 16px #31c4bebf;opacity:1;transform:scale(1.1);transition-delay:0s;transition:opacity .8s,transform .6s ease-in-out;border-radius:.5rem}.split.right .right__link:focus-visible:after{content:"";width:100%;height:auto;position:absolute;top:4%;left:.5%;z-index:-1;box-shadow:0 4px 16px #31c4bebf;opacity:1;transform:scale(1.1);transition-delay:0s;transition:opacity .8s,transform .6s ease-in-out;border-radius:.5rem}.right__link span{display:inline-block;opacity:0;transform:translateY(-24px);transition:opacity .3s ease-in,transform .3s ease-in}.right__link span+span{padding:4px}.right__link span.is-active{opacity:1;transform:translateY(0);transition:all .6s ease}.right__iconMenu{width:100%;height:12%;display:flex;justify-content:space-around;align-items:center;background-color:transparent;box-shadow:0 4px 60px #384af4bf;backdrop-filter:blur(5px);background-image:linear-gradient(120deg,#ffffff4d,#0003);background-position:200%;background-size:40px 80px;position:absolute;bottom:4%;right:0%}.split__container.right.right__iconMenu{opacity:1}.right__iconMenu_item{width:10%;height:70%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.right__iconMenu_image{width:50%;height:100%;height:auto;box-shadow:0 4px 15px #31c4bebf;-o-object-fit:contain;object-fit:contain;position:relative;transition:transform .3s ease-in-out}.right__iconMenu_text{font-family:Poppins,san-serif;font-size:.75rem;opacity:0;transition:opacity .3s ease;margin-top:-18px}.right__iconMenu_item.is-active .right__iconMenu_image{transform:translateY(-24px)}.right__iconMenu_item.is-active .right__iconMenu_text{opacity:1}.right__iconMenu_item .right__iconMenu_cover{display:none}@media(max-width:768px){.work{height:auto;min-height:100vh}.split__container{display:flex;flex-direction:column;height:100%;min-height:100vh;background:transparent}.split.right{position:sticky;top:0;width:100%;height:auto;min-height:calc(100vh + 2rem);order:1;overflow:visible;z-index:3;padding-bottom:2rem}.split.left{position:relative;width:100%;height:auto;min-height:100vh;background-color:#f0f8ff;order:2;top:auto;left:auto;z-index:2;margin-top:calc(100vh + 2rem);padding-top:2rem;padding-bottom:2rem}.hover-left .left,.hover-right .right,.hover-left .right,.hover-right .left{width:100%!important}.hover-left .split.left:before,.hover-right .split.right:before{background:transparent}.split.left:before{background:transparent}.split.right:before{background:transparent}.split.left.left1 .left__inner{position:static;width:100%;left:0;opacity:0;backdrop-filter:none;background-image:none;box-shadow:none;margin-top:2rem;margin-bottom:2rem;padding:2rem 1.5rem;will-change:opacity,transform;overflow-y:visible;overflow:visible;max-height:none;height:auto}.left__title{font-size:1.125rem}.left__link span{font-size:.9375rem;font-weight:400}.left__leadMenu_header{font-size:1rem;margin-top:1.5rem}.left__leadMenu_body{font-size:.9375rem}.right__logoIcon{width:3.5rem;height:3.5rem;top:12%;left:5%;transform:translate(-50%)}.right__header{width:90%;font-size:1.25rem;top:4%;left:50%;transform:translate(-50%);white-space:normal;text-align:left}.split.right .right__spImage{width:auto;max-width:30%;height:auto;max-height:50%;top:11%;right:16%;transform:translate(50%);-o-object-fit:contain;object-fit:contain;animation:rotateCircleMobile 10s linear infinite alternate}@keyframes rotateCircleMobile{0%{transform:translate(50%) translateY(-12px)}to{transform:translate(50%) translateY(12px)}}.right__text{width:90%;max-width:480px;font-size:.8125rem;line-height:1.5;top:42%;bottom:auto;left:50%;transform:translate(-50%);white-space:normal;padding:.5rem .75rem}.right__link{width:90%;max-width:480px;font-size:.9375rem;top:50%;bottom:auto;left:50%;transform:translate(-50%);white-space:normal;word-break:break-all;opacity:1;padding:.75rem .5rem}.right__iconMenu{width:100%;height:auto;min-height:140px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;inset:auto;margin-block-start:auto;margin-block-end:2rem;margin-top:auto;margin-bottom:2rem;padding:1.5rem .5rem;z-index:5;flex-shrink:0}.right__iconMenu_item{width:calc(20% - .5rem);min-width:60px;height:60px;flex-shrink:0}.right__iconMenu_image{width:100%;max-width:40px;height:auto}.right__iconMenu_text{font-size:.875rem;margin-top:-12px}.right__iconMenu_item.is-active .right__iconMenu_image{transform:translateY(-12px)}}@media(max-width:480px){.split.right{min-height:calc(100vh + 2rem);padding-bottom:2rem}.split.left{margin-top:calc(20vh + 2rem);padding-top:2rem;padding-bottom:2rem}.split.right .right__spImage{right:11%}.right__header{font-size:1.125rem}.right__pcImageInner{aspect-ratio:9 / 16}.right__text{font-size:.75rem;top:40%;padding:.5rem}.right__link{font-size:.875rem;font-weight:400;top:48%;padding:.5rem .25rem}.right__link span+span{padding:2px}.right__iconMenu_item{width:calc(25% - .5rem);min-width:50px;height:50px}.right__iconMenu_image{max-width:32px}.right__iconMenu{min-height:200px;position:relative;top:auto;bottom:auto;margin-top:auto;margin-bottom:2rem;padding-top:1rem;flex-shrink:0}.right__iconMenu_text{font-size:.875rem;color:var(--color-black)}}