*{margin:0;padding:0;box-sizing:border-box}
a{color:#fff;text-decoration:none}
body{background-color:var(--bg-color,#fff)!important;transition:background-color 1.4s ease!important}
.content-area,.content-bg,.content-container,.content-wrap,.entry,.entry-content-wrap,.site,.site-main,.wrap{background:0 0!important}
.page-id-10 .site-header-row-container.item-is-fixed.item-is-stuck{border-bottom:0;position:relative!important;top:auto!important;transform:none!important;transition:none!important;border-bottom:0!important;height:auto!important}
.page-id-10 .site-top-header-wrap .site-header-row-container-inner{display:none!important}
.page-id-10 .entry-content-wrap{padding:0!important}
#parallax__cont{overflow:hidden}
.parallax__item{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background-color:transparent!important}
.parallax__item__num-wrapper{position:absolute;left:5%;bottom:10%;height:3.5rem;overflow:hidden;pointer-events:none;z-index:5}
.parallax__item__num{font-size:2rem;font-weight:800;color:#e6e6e6;line-height:2rem;transform:translateY(100%);transition:transform 1s ease-out;z-index:5}
.parallax__item__num .item_num2{color:#333}
.section-spacer{height:200vh}
.mk-button{margin:0;height:auto;background:0 0;padding:0;cursor:pointer;position:absolute;left:5%;bottom:20%;z-index:10;--border-right:6px;--text-stroke-color:rgba(0,0,0,0.6);--animation-color:#37FF8B;--fs-size:0.8em;letter-spacing:5px;text-decoration:none;font-size:var(--fs-size);font-family:Arial;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--text-stroke-color)}
.mk-button:hover,.mk-button:hover *{text-decoration:none}
.mk-hover-text{position:absolute;box-sizing:border-box;content:attr(data-text);color:var(--animation-color);width:0%;inset:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;-webkit-text-stroke:1px var(--animation-color)}
.mk-button:hover .mk-hover-text{width:100%;filter:drop-shadow(0 0 23px var(--animation-color))}
.design-notice{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:6px;font-size:.9rem;color:#999;opacity:0;transition:opacity .5s ease;z-index:10}
#logo-cube-canvas-section1{position:fixed;top:60%;left:5%;width:150px;height:150px;pointer-events:none;z-index:999}
#logo-cube-canvas-section8{position:absolute;bottom:20%;right:5%;width:150px;height:150px;pointer-events:none;z-index:999}
canvas{display:block}
#section1{position:relative}
.pin-section{height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;position:relative;padding:0 10vw;gap:32px}
.split-wrapper{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.line-container{height:135px;overflow:hidden}
.line{display:block;font-size:clamp(10rem,5vw,10rem);font-weight:900;font-family:'Arial Black',Impact,'Segoe UI Black','Helvetica Neue',sans-serif;margin:-10px 0;line-height:1;transform-origin:left center;position:relative;z-index:1;opacity:0;transform:translateY(-50px) rotateZ(-5deg);visibility:hidden}
.split-wrapper .line-container:nth-child(1) .line{color:#ffb636}
.split-wrapper .line-container:nth-child(2) .line,.split-wrapper .line-container:nth-child(3) .line{color:#456386}
.welcome-block{position:fixed;top:50%;left:50%;width:100vw;height:0;background-color:rgba(50,50,50,.9);transform:translate(-50%,-50%);overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:10;box-shadow:inset 0 8px 10px -8px rgba(0,0,0,.8),inset 0 -8px 10px -8px rgba(0,0,0,.8)}
.welcome-text{color:#fff;font-style:italic;font-size:5vw;font-weight:700;font-family:Georgia,'Times New Roman',serif;opacity:0;visibility:hidden;white-space:nowrap;text-shadow:2 3 5px rgba(0,0,0,.9)}
.scroll-down{position:absolute;right:5%;bottom:20%;text-align:center;color:#cdcdcd;font-size:.8rem;cursor:pointer;z-index:50}
.scroll-down .text{display:block;margin-bottom:5px;animation:textGlow 6s infinite;z-index:50}
@keyframes textGlow{
0%,100%,41.6%,58.3%,75%{color:#cdcdcd}
50%,66.6%{color:#eb7c03}
}
.scroll-down .fa{display:block;font-size:2rem;animation:iconBounce 6s ease-in-out infinite}
@keyframes iconBounce{
0%,100%,41.6%,58.3%,75%{transform:translateY(0)}
50%,66.6%{transform:translateY(10px)}
}
#section2-wrapper{position:relative}
#section2-pin{height:calc(100vh * 4)}
#section2{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s ease}
#webgl-container{display:flex;flex-direction:row;width:100vw;height:100vh}
#webgl-container canvas{position:absolute;width:100vw;height:100vh;z-index:0;display:block;border:none;box-shadow:none;background:0 0}
.plane-wrapper{flex:3;position:relative;height:100vh;width:60vw;z-index:1;overflow:visible;background:0 0;pointer-events:none}
.plane{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;z-index:2;opacity:1;transition:opacity 1.4s ease-out;border:none;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.plane img{display:none}
.carousel-text{flex:2;padding:4rem;position:relative;display:flex;justify-content:center;align-items:center;width:100%;text-align:left;z-index:3;pointer-events:none}
.text-slide{position:absolute;opacity:0;transform:translate(0,0);white-space:nowrap;text-align:left}
.text-slide h1{font-style:italic;font-size:clamp(1.5rem,2.5vw,2.625rem);font-weight:700;margin-bottom:.75rem;color:#333;text-shadow:0 0 6px rgba(255,255,255,.6),0 0 14px rgba(255,255,255,.3)}
.text-slide p{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;color:#555;text-shadow:0 0 4px rgba(240,240,240,.3),0 0 10px rgba(240,240,240,.2)}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:10;pointer-events:none}
#section3{position:relative;z-index:10;color:#cdcdcd;margin-top:100vh}
#section3 .mk-button{--text-stroke-color:rgba(255, 255, 255, 0.6)}
.slide-container{position:relative;width:100%;height:100vh;overflow:hidden}
.slide{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;min-height:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;font-size:4em;text-align:center;z-index:3;color:#fff}
.slide.active{opacity:1;pointer-events:auto;z-index:3}
.blur-text{position:absolute;top:40%;left:45%;transform:translate(-50%,-50%);font-size:6rem;color:rgba(255,255,255,.3);filter:blur(6px);z-index:2;pointer-events:none;white-space:nowrap}
.slide h2{font-size:clamp(2rem,4vw,4.5rem);font-weight:700;margin-bottom:.6em;color:#fff;z-index:10}
.slide p{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:1.5;color:#e0e0e0;max-width:800px}
.section3-image-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0}
.section3-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1;pointer-events:none}
.overlay-img{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:1;transform:translateY(0) scale(1);transform-origin:center center;opacity:0;pointer-events:none;transition:opacity .5s ease}
.overlay-img.active{opacity:1;z-index:0;pointer-events:auto}
.corner-image-wrapper{position:absolute;top:23%;right:15%;width:700px;height:300px;overflow:hidden;z-index:2;box-shadow:2px 3px 6px rgba(0,0,0,.6)}
.corner-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateY(0) scale(1);transform-origin:center center;z-index:2}
#horizontal{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden;position:relative;z-index:1}
#horizontal>section{min-width:100vw;height:100vh;flex-shrink:0;background-color:transparent!important;display:flex;align-items:flex-start;justify-content:center;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;perspective:1000px}
#parallax__cont{overflow:hidden}
#horizontal .parallax__item__num{font-size:2rem;font-weight:800;color:#555;line-height:2rem;transform:translateY(100%);transition:transform 1s ease-out}
.item{position:relative;flex:1 1 0;height:80vh;background-size:cover;background-position:center;cursor:pointer;overflow:hidden;transition:transform .3s ease;z-index:1}
.item:hover{z-index:10}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .6s ease;overflow:hidden;z-index:1}
.item:hover .overlay{opacity:1}
.overlay-link{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:2;text-decoration:none;color:inherit}
.overlay-text{position:absolute;left:10%;top:50%;transform:rotate(90deg) translateY(30%) translateX(-64%);transform-origin:left center;opacity:0;transition:opacity .3s ease .3s,transform .3s ease .3s;color:rgba(255,255,255,.8);mix-blend-mode:overlay;font-size:8rem;font-weight:700;white-space:nowrap}
.overlay-textsm{position:absolute;left:5%;top:45%;transform:rotate(90deg) translateY(30%) translateX(-64%);transform-origin:left center;opacity:0;transition:opacity .3s ease .3s,transform .3s ease .3s;color:#fff;font-size:6rem;font-weight:700;white-space:nowrap;z-index:10}
.item:hover .overlay-text{opacity:.8;transform:rotate(90deg) translateY(0) translateX(-64%)}
.item:hover .overlay-textsm{opacity:1;transform:rotate(90deg) translateY(0) translateX(-64%)}
#section7{min-height:100vh;position:relative}
.gallery{position:relative;width:100%;height:100vh;overflow:hidden}
.cards{position:absolute;width:14rem;height:18rem;top:45%;left:50%;transform:translate(-50%,-50%)}
.cards li{list-style:none;padding:0;margin:0;width:14rem;height:18rem;text-align:center;line-height:18rem;font-size:2rem;position:absolute;top:0;left:0;z-index:10}
.cards li img{max-width:90%;opacity:0}
.card{position:relative;width:100%;height:100%;z-index:10}
.card img{display:block;max-width:90%;margin:0 auto;opacity:1}
.card .reflection{position:absolute;top:calc(100% + 10px);left:5%;width:90%;transform:scaleY(-1);opacity:.15;z-index:1;pointer-events:none;mask-image:linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,0))}
a{color:#88ce02;text-decoration:none}
a:hover{text-decoration:underline}
.next,.prev{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:0;margin:0;color:#cdcdcd;cursor:pointer;z-index:1000}
.prev{left:20px}
.next{right:20px}
.next i,.prev i{pointer-events:none}
#section8{padding-top:1000px;position:relative;height:auto;margin:0;padding:0;font-family:Poppins,sans-serif}
.bk-container{width:100%;position:relative;height:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}
.bk-text{color:#000;background:0 0;display:block;text-align:center;width:100%;min-width:100%;position:relative;overflow:visible;font-size:4vw;letter-spacing:-.01em;line-height:1.2;margin:0;color:rgba(200,200,200,.2);background:linear-gradient(to right,#51575c,#51575c) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0;transition:background-size cubic-bezier(.1,.5,.5,1) .5s;border-bottom:1px solid #f5f5f5}
.bk-text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#37ce8e;color:#fff;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform-origin:center;transition:all cubic-bezier(.1,.5,.5,1) .6s;display:flex;justify-content:center;align-items:center;text-align:center}
.bk-text-overlay a{color:#fff!important;text-decoration:none}
.bk-text:active>.bk-text-overlay,.bk-text:focus>.bk-text-overlay,.bk-text:hover>.bk-text-overlay{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
a{text-decoration:none;color:inherit}
.scroll-buffer{height:4000px}
@media (hover:none) and (pointer:coarse){
.item:active .overlay{opacity:1}
.item:active .overlay-text{opacity:.8;transform:rotate(90deg) translateY(0) translateX(-64%)}
.item:active .overlay-textsm{opacity:1;transform:rotate(90deg) translateY(0) translateX(-64%)}
}
@media (max-width:768px){
.design-notice{left:1%;bottom:8%;font-size:.7rem}
.design-notice i{font-size:.7rem}
#logo-cube-canvas-section1{width:100px;height:100px}
#logo-cube-canvas-section8{width:100px;height:100px}
.split-wrapper{gap:-40}
.line-container{height:70px}
.line{font-size:clamp(2rem,6vw,6rem);margin:-1px 0;}
.welcome-text{font-size:clamp(1.2rem,5vw,3.5rem)}
.section-spacer{height:250vh}
#webgl-container{display:flex;flex-direction:column;width:100vw;height:100vh}
.carousel-text{flex:0 0 35%;display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem}
.text-slide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;white-space:normal;text-align:center}
.text-slide h1{font-style:italic;font-size:clamp(1.3rem,2.5vw,1.5rem);margin-bottom:.6rem;color:#333;text-shadow:none!important}
.text-slide p{font-size:clamp(.9rem,1.5vw,1rem);color:#555;text-shadow:none!important}
.plane-wrapper{flex:0 0 65%;width:100vw;z-index:1}
.plane{position:absolute;top:45%;left:50%;height:100%;width:100%;z-index:2;opacity:1;transition:opacity 1.4s ease-out}
#scroll-spacer{height:calc(12 * 100svh)}
.blur-text{font-size:2.8rem;top:24%;left:48%;transform:translate(-50%,-50%);filter:none!important}
.slide h2{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:.5em}
.slide p{font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.5}
.corner-image-wrapper{top:41%;right:10%;width:300px;height:128px;box-shadow:0 4px 10px rgba(0,0,0,.2);overflow:hidden}
.corner-img{position:absolute;top:0;left:auto!important;right:0;width:100%;height:auto;object-fit:cover;object-position:right top}
body{overflow-x:hidden}
#horizontal{display:flex;flex-direction:row;height:100vh;overflow:hidden}
#horizontal>section{display:flex;flex-direction:row;flex:0 0 auto;width:calc(100vw * 4);height:100%}
#section4{overflow:visible}
.item{flex:0 0 100vw;height:70%}
#section7,#section8{width:100%;height:100vh}
.bk-text{font-size:6vw}
}
@media screen and (orientation:landscape) and (max-height:450px){
.parallax__item__num-wrapper{left:5%;bottom:5%;height:2.5rem}
.parallax__item__num{font-size:1.3rem;font-weight:700;line-height:1.5rem}
.mk-button{left:5%;bottom:15%}
.design-notice{position:absolute;bottom:20px;right:20px;font-size:.9rem}
.design-notice i{font-size:.7rem}
#logo-cube-canvas-section1{top:50%;left:5%;width:100px;height:100px}
#logo-cube-canvas-section8{bottom:20%;right:5%;width:100px;height:100px}
.scroll-down{right:5%;bottom:25%}
.scroll-down .text{margin-bottom:5px}
.section-spacer{height:500vh}
.line{font-size:clamp(1.5rem,6vh,4rem);margin:-3px 0;}
.welcome-text{font-size:clamp(1rem,5vh,3rem)}
#section2-pin{height:calc(100vh * 5)}
.text-slide h1{font-size:clamp(1.1rem,3.5vh,1.3rem);margin-bottom:.5rem}
.text-slide p{font-size:clamp(.8rem,3vh,.8rem);white-space:normal}
.slide{top:65%;left:50%;transform:translate(-50%,-50%);width:80%;min-height:1em}
.slide h2{font-size:clamp(1.5rem,6vh,2.5rem);margin-bottom:.4em}
.slide p{font-size:clamp(.8rem,3.5vh,1rem);line-height:1.4}
.blur-text{top:35%;left:45%;transform:translate(-50%,-50%);font-size:3.5rem;filter:none!important}
.corner-image-wrapper{top:18%;right:15%;width:350px;height:150px}
.corner-img{width:100%;height:auto}
}
@media (max-width:480px){
#logo-cube-canvas-section1{width:80px;height:80px}
#logo-cube-canvas-section8{width:80px;height:80px}
.line{font-size:clamp(1.5rem,8vw,3.5rem);margin:0;}
.welcome-text{font-size:clamp(1rem,6vw,2.5rem)}
.blur-text{font-size:2rem;top:24%;left:48%;transform:translate(-50%,-50%);filter:none!important}
.text-slide h1{font-size:clamp(1.1rem,4vw,1.3rem);margin-bottom:.5rem;text-shadow:none!important}
.text-slide p{font-size:clamp(.8rem,3.5vw,.9rem);white-space:normal;text-shadow:none!important}
.slide h2{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.4em}
.slide p{font-size:clamp(.8rem,4vw,1rem);line-height:1.4}
}