:root{--white: #e5e4e0;--black: #1d1d1d;--ob-yellow: #facb0e;--ob-pink: #f06ba8;--ob-cyan: #78bae6;--dark-grey20: rgba(218, 218, 218, .2);--gainsboro: #dadada;--white-smoke: #f4f4f4;--transparent: var(--white);--main-dark: #1d1d1d;--main-dark-alt: #252525;--main-light: #e5e4e0;--main-light-alt: #f1f0ec;--primary-color: #ff642f;--dark-grey: rgba(218, 218, 218, .2);--dark-grey60: rgba(218, 218, 218, .6);--light-grey: rgba(111, 111, 111, .2);--light-grey60: rgba(111, 111, 111, .6);--grey-rotate: #bfbebe;--large-radius: 6.25em;--small-radius: .625em;--perspective: 4000px;--grid-inner-scale: 1;--grid-item-ratio: 1.5}#root{background-color:#fafafa}@font-face{font-family:Suite;src:url(fonts/SUITE-Variable.woff2) format("woff")}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;line-height:0;font-size:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,dt{font-weight:400}img,fieldset,iframe,button{border:0 none}li{list-style:none}i,em,u,cite{font-style:normal}strong{font-weight:400}a{color:#757575;text-decoration:none;outline-offset:-1px}.chrome a,.safari a{outline-offset:-3px}html,body{height:100%;line-height:0;font-size:0}body{overflow-x:hidden;word-break:keep-all;word-wrap:break-word}body.non-scroll{overflow-y:hidden}legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}select,input,textarea{outline:0}select,input,label{vertical-align:middle}button{border:0 none;cursor:pointer;background:none;font-family:GmarketSans}select::-ms-expand{display:none}select::-moz-focus-inner{border:0;padding:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}table{border-collapse:collapse;table-layout:fixed;width:100%}*:focus{outline:0}.cr .property-name,label.leva-c-dKMqBT{font-size:12px;color:#fff;line-height:100%}input.leva-c-ghmOOI{color:#fff;font-size:11px;line-height:100%}.bubb-wrap{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.bubb-outline{position:absolute;width:70vw;height:70vw;border:1px dashed rgba(149,149,149,.4);border-radius:100%;animation:rotate 40s infinite}.bubb-outline-02{position:absolute;width:74vw;height:74vw;border:1px dashed rgba(149,149,149,.4);border-radius:100%;animation:rotate2 40s infinite}@keyframes rotate{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate2{0%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}}.cursor-wrap{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:exclusion;z-index:2}.cursor-wrap .cursor{width:20px;height:20px;border-radius:50%;position:absolute;background-color:#04ff0026;transform:translate(-50%,-50%) scale(1);pointer-events:none;transition:scale .3s;will-change:transform}.outline-wrap{position:fixed;top:0;right:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.outline-wrap .outline{position:absolute}.outline-wrap .outline .ol{position:absolute;width:100%;height:100%;border:1px dashed #bfbebe;border-radius:100%}.outline-wrap .outline.ol-01{width:88vh;height:88vh}.outline-wrap .outline.ol-02{width:92vh;height:92vh}.outline-wrap .ol-01 .ol{animation:rotate01 60s linear 0s infinite normal}.outline-wrap .ol-02 .ol{animation:rotate02 60s linear 0s infinite normal}@keyframes rotate01{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate02{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.content{position:relative;width:calc(100% - 60px);height:100%;top:0;left:0;padding:0 30px;z-index:1;pointer-events:none}.content header{position:sticky;width:100%;height:38px;top:2vw;left:0;z-index:11}.hero{width:100%;height:100vh;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:1fr min-content 1fr min-content 1fr min-content 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;grid-auto-rows:1fr;mix-blend-mode:difference}.hero .text.ht01{grid-area:2 / 2 / 3 / 9;justify-self:start}.hero .text.ht02{grid-area:4 / 7 / 5 / 12;justify-self:end}.hero .text.ht03{grid-area:6 / 3 / 7 / 9;justify-self:start}.hero .text h2{font-size:clamp(80px,14vw,140px);font-weight:400;line-height:100%;text-transform:uppercase;color:var(--main-dark);overflow:hidden}.hero .text h2 span{display:inline-block}.sec-01{width:100%;height:100vh}.sec-01 .grid-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.sec-01 .grid-title{width:100%;height:auto;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr}.sec-01 .grid-title h2{grid-area:1 / 3 / 2 / 12;overflow:hidden}.sec-01 .grid-title .line{overflow:hidden;will-change:transform,opacity}.sec-01 .grid-title .word{display:inline-block}.sec-01 .grid-title .word span{text-transform:uppercase;font-size:100px;font-weight:400;line-height:1;color:var(--main-dark)}.sec-01 .grid-desc{width:100%;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;margin-top:200px;overflow:hidden}.sec-01 .grid-desc .desc-01{grid-area:1 / 2 / 2 / 4}.sec-01 .grid-desc .desc-01 p{font-size:22px;line-height:128%;font-weight:400;color:var(--main-dark);text-transform:uppercase}.sec-01 .grid-desc .desc-01 button{width:100%;font-size:20px;text-align:left;line-height:100%;padding-bottom:10px;margin-top:30px;border-bottom:1px solid #a0a0a0}.sec-01 .grid-desc .desc-02 p{font-size:22px;line-height:128%;font-weight:400;color:var(--main-dark)}.sec-01 .grid-desc .desc-02{grid-area:1 / 5 / 2 / 8}.sec-02{width:100%;height:auto}.sec-02 .grid-content{width:100%;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;padding:200px 0}.sec-02 .grid-title{display:flex;flex-direction:column;grid-area:span 1 / span 2 / span 1 / span 2;align-self:start;justify-self:start}.sec-02 .grid-title h2{font-size:22px;line-height:100%;color:var(--main-dark)}.sec-02 .grid-title span{position:relative;font-size:24px;line-height:100%;background-color:#eee;border-radius:25px;margin-top:30px;padding:20px 79px 20px 40px;border:1px solid #d1d1d1;cursor:pointer}.sec-02 .grid-title span:before{content:"24";position:absolute;top:-30px;right:-30px;color:var(--main-dark);font-size:22px;font-weight:300}.sec-02 .grid-title span:after{content:"->";position:absolute;margin-left:15px}.sec-02 .grid-list{position:relative;width:100%;display:grid;grid-area:1 / 5 / 2 / 13;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-flow:dense;z-index:1;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-auto-columns:1fr}.sec-02 .grid-list li{grid-area:span 1 / span 5 / span 1 / span 5;aspect-ratio:1 / 1;flex-direction:column;justify-content:flex-end;padding:36px;display:flex;position:relative;overflow:hidden;border-radius:20px;cursor:pointer;transition:transform .5s;will-change:transform,opacity}.sec-02 .grid-list li:hover .img-box{transform:scale(1.1)}.sec-02 .grid-list li .img-box{background-position:50%;background-size:cover;border-radius:.625em;align-items:flex-end;height:100%;transition:transform .6s;display:flex;position:absolute;top:auto;bottom:0%;left:0%;right:0%}.sec-02 .grid-list li:nth-child(1){margin-top:120px}.sec-02 .grid-list li:nth-child(4){margin-top:-120px}.sec-02 .grid-list li:nth-child(1) .img-box{background-image:url(../images/img-content-01.png)}.sec-02 .grid-list li:nth-child(2) .img-box{background-image:url(../images/img-content-02.png)}.sec-02 .grid-list li:nth-child(3) .img-box{background-image:url(../images/img-content-03.png)}.sec-02 .grid-list li:nth-child(4) .img-box{background-image:url(../images/img-content-04.png)}.sec-02 .grid-list li span{position:absolute;font-size:24px;color:#fff;font-weight:400;line-height:100%;z-index:1}.sec-03{position:relative;width:100%;height:70vh}.sec-03 .text-track{position:absolute;top:0;left:0;right:0;bottom:0;mix-blend-mode:difference;color:var(--main-light);-webkit-user-select:none;user-select:none;z-index:1}.sec-03 .text-track .text-wrap{position:-webkit-sticky;position:sticky;height:70vh}.sec-03 .text-wrap .text-content{width:100%;position:absolute;top:auto;bottom:48px;right:auto;left:0}.sec-03 .text-track .text-wrap .text-content .grid{display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr}.sec-03 .text-track .text-wrap .text-content .grid h2{display:inline-block;grid-area:1 / 1 / 2 / 7;overflow:hidden}.sec-03 .text-track .text-wrap .text-content .grid .line{overflow:hidden}.sec-03 .text-track .text-wrap .text-content .grid .line:first-child{display:flex;justify-content:center}.sec-03 .text-track .text-wrap .text-content .grid .word{display:inline-block}.sec-03 .text-track .text-wrap .text-content .grid .word span{font-weight:400;font-size:7vw;color:var(--main-dark);line-height:100%;letter-spacing:3px}.sec-03 .grid-wrap{display:grid;position:relative;width:100%;max-width:40vw;margin-left:auto;margin-right:auto;place-items:center;perspective:4000px;will-change:transform;transform-style:preserve-3d}.sec-03 .grid-wrap .grid-content{position:relative;left:-50%;display:grid;width:100%;grid-auto-columns:1fr;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;justify-content:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;perspective:4000px;transform-style:preserve-3d;z-index:0;will-change:transform}.sec-03 .grid-wrap .grid-content .c-09,.sec-03 .grid-wrap .grid-content .c-10,.sec-03 .grid-wrap .grid-content .c-11,.sec-03 .grid-wrap .grid-content .c-12,.sec-03 .grid-wrap .grid-content .c-13,.sec-03 .grid-wrap .grid-content .c-14,.sec-03 .grid-wrap .grid-content .c-15,.sec-03 .grid-wrap .grid-content .c-16,.sec-03 .grid-wrap .grid-content .c-17,.sec-03 .grid-wrap .grid-content .c-18,.sec-03 .grid-wrap .grid-content .c-19,.sec-03 .grid-wrap .grid-content .c-20,.sec-03 .grid-wrap .grid-content .c-21,.sec-03 .grid-wrap .grid-content .c-22,.sec-03 .grid-wrap .grid-content .c-23{display:none}.sec-03 .img-box{position:relative;width:600px;height:400px;border-radius:40px;overflow:hidden}.sec-03 .img-box .filter{position:relative;width:100%;height:100%;z-index:10;background-image:linear-gradient(to bottom,var(--light-grey),var(--light-grey));background-position:0 0;border-radius:40px;pointer-events:none;top:-100%;left:0}.sec-03 .card .text-box{font-size:24px;font-weight:500;line-height:100%;color:var(--main-dark)}.content header h1{position:absolute;top:0;left:0;font-family:Suite;font-size:38px;font-weight:500;line-height:100%;color:#333}.sec-03 .img-box .react-player,.sec-03 .img-box .react-player video,.sec-03 .img-box img{width:100%;height:100%;object-fit:cover}.sec-04{width:100%;height:auto}.sec-04 .grid-content{width:100%;height:auto;justify-content:center;align-items:center;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;padding:300px 0}.sec-04 .grid-content h3{position:sticky;grid-area:span 1 / span 2 / span 1 / span 2;align-self:start;justify-self:start;color:var(--main-dark);font-size:24px;line-height:110%;top:100px}.sec-04 .grid-content .list-wrap{grid-row-gap:32px;flex-direction:column;display:flex;grid-area:1 / 3 / 2 / 13}.sec-04 .grid-content .list-wrap .list-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--grey-rotate)}.sec-04 .grid-content .list-wrap .list-item .num{font-size:16px;line-height:100%;color:var(--main-dark)}.sec-04 .grid-content .list-wrap .list-item .num+p{font-size:52px;line-height:100%;color:var(--main-dark);grid-area:span 1 / span 2 / span 1 / span 2}.sec-04 .grid-content .list-wrap .list-item ul{display:flex;flex-direction:column;align-items:flex-end;grid-area:span 1 / span 3 / span 1 / span 3;justify-self:end;grid-row-gap:8px}.sec-04 .grid-content .list-wrap .list-item ul>li{font-size:24px;line-height:100%;color:var(--main-dark)}.sec-04 .grid-content .list-wrap .list-item ul>li+li{margin-top:10px}.sec-05{position:relative;width:calc(100% + 60px);margin-left:-30px;min-height:200vh;overflow:clip;border-radius:32px;mix-blend-mode:darken;mix-blend-mode:multiply}.sec-05 .overlay{position:-webkit-sticky;position:sticky;height:100vh;top:0;overflow:hidden}.sec-05 .overlay .text-wrap{display:flex;justify-content:center;align-items:center;position:absolute;top:0%;bottom:0%;left:0%;right:0%}.sec-05 .overlay .text-wrap h2{overflow:hidden}.sec-05 .overlay .text-wrap h2 .word{display:inline-block;font-size:3vw;line-height:100%;color:var(--main-dark);text-transform:uppercase}.sec-05 .overlay .svg-wrap{display:flex;height:100%;position:relative;justify-content:center;align-items:center;mix-blend-mode:lighten;z-index:2;background:#eee;will-change:transform}.sec-05 .overlay .svg-wrap .svgIcon{width:420px;height:420px;will-change:transform}.sec-05 .overlay .svg-wrap .svgIcon svg{fill:#000}.sec-05 .overlay .gradient-bg{z-index:-1;width:100%;height:100vh;position:absolute;top:0%;bottom:0%;left:0%;right:0%;background-image:linear-gradient(255deg,#ff7da0,#fe9567 30%,#f1e99b 65%,#5fb6d5)}.sec-05 .overlay .gradient-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(255deg,#ff7da0,#fe9567 30%,#f1e99b 65%,#5fb6d5);animation:loopGradient 5s infinite}@keyframes loopGradient{0%{opacity:0}50%{opacity:1}to{opacity:0}}footer{width:100%;height:100%}footer .grid-content{padding:150px 60px 40px}footer .grid-content .footer-text h2,footer .grid-content .footer-text .line{overflow:hidden}footer .grid-content .footer-text .word{display:inline-block}footer .grid-content .footer-text h2 span{font-size:6vw;line-height:100%;color:var(--main-dark)}footer .grid-content .footer-logo{display:flex;justify-content:flex-end;margin:100px 110px 0 0;overflow:hidden}footer .grid-content .footer-logo span{font-size:5vw;line-height:100%;color:var(--main-dark)}
