@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.desc-wrap{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;color:color-mix(in srgb,var(--black) 100%,transparent);padding-top:6rem;padding-bottom:6rem;text-align:center}.desc-wrap h1{font-size:14vw;font-weight:500;text-align:center;line-height:1;opacity:1;display:flex;flex-direction:row;gap:0;will-change:opacity;overflow:clip;mix-blend-mode:difference;color:var(--white)}.service-wrap{position:absolute;inset:0;color:var(--white);overflow:clip;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;z-index:80}.service-bg{position:absolute;inset:0;opacity:0}.service-wrap h3{font-size:var(--fs-7xl);line-height:1;cursor:pointer;pointer-events:auto;z-index:999;transition:all .5s ease-out}.service-wrap:has(h3:nth-child(1):hover) .sm-cube{transform:rotateY(90deg)}.service-wrap:has(h3:nth-child(1):hover) h3:not(:hover){opacity:.4;filter:blur(8px)}.service-wrap:has(h3:nth-child(2):hover) .sm-cube{transform:rotateY(180deg)}.service-wrap:has(h3:nth-child(2):hover) h3:not(:hover){opacity:.4;filter:blur(8px)}.service-wrap:has(h3:nth-child(3):hover) .sm-cube{transform:rotateY(270deg)}.service-wrap:has(h3:nth-child(3):hover) h3:not(:hover){opacity:.4;filter:blur(8px)}.service-wrap:has(h3:nth-child(4):hover) .sm-cube{transform:rotateX(90deg)}.service-wrap:has(h3:nth-child(4):hover) h3:not(:hover){opacity:.4;filter:blur(8px)}.service-wrap:has(h3:nth-child(5):hover) .sm-cube{transform:rotateX(-90deg)}.service-wrap:has(h3:nth-child(5):hover) h3:not(:hover){opacity:.4;filter:blur(8px)}.service-img{transform-style:preserve-3d;perspective:10000px;width:var(--square);height:var(--square);scale:0}.sm-cube{width:var(--square);height:var(--square);transform-style:preserve-3d;margin-top:3rem;transition:all .5s ease-out}.sm-cube>div{position:absolute;width:var(--square);height:var(--square);transform-style:preserve-3d;backface-visibility:visible}.sm-cube .slide-f{transform:translateZ(3rem)}.sm-cube .slide-k{transform:translateZ(-3rem) rotateY(180deg)}.sm-cube .slide-t{transform:translateY(-3rem) rotateX(90deg)}.sm-cube .slide-b{transform:translateY(3rem) rotateX(-90deg)}.sm-cube .slide-r{transform:translate(3rem) rotateY(90deg)}.sm-cube .slide-l{transform:translate(-3rem) rotateY(-90deg)}.cross{font-size:var(--fs-lg);font-weight:300}.sticky-header{position:absolute;top:0;left:0;width:250vw;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform;opacity:0}.aurora-container{position:relative;display:flex;flex-direction:column;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;background:transparent}.aurora-wrapper{position:absolute;inset:0;overflow:hidden}.aurora-effect{--aurora-gradient: repeating-linear-gradient( 100deg, rgba(59, 130, 246, .4) 10%, rgba(165, 180, 252, .3) 15%, rgba(147, 197, 253, .35) 20%, rgba(221, 214, 254, .25) 25%, rgba(96, 165, 250, .4) 30% );--dark-gradient: repeating-linear-gradient( 100deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .9) 7%, transparent 10%, transparent 12%, rgba(0, 0, 0, .9) 16% );position:absolute;inset:-10px;background-image:var(--dark-gradient),var(--aurora-gradient);background-size:300% 200%,200% 100%;background-position:50% 50%,50% 50%;filter:blur(15px);opacity:.6;will-change:transform;pointer-events:none;animation:aurora-move 120s linear infinite}.aurora-effect:after{content:"";position:absolute;inset:0;background-image:var(--dark-gradient),var(--aurora-gradient);background-size:200% 100%,200% 100%;background-attachment:fixed;mix-blend-mode:screen;animation:aurora-move 90s linear infinite reverse}.aurora-masked{mask-image:radial-gradient(ellipse at 50% 100%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 100%,black 20%,transparent 80%)}@keyframes aurora-move{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.aurora-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.aurora-particle{position:absolute;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(200,220,255,.8) 30%,rgba(150,180,255,.4) 50%,transparent 70%);border-radius:50%;box-shadow:0 0 6px #fffc,0 0 12px #c8dcff80,0 0 20px #96b4ff4d}.aurora-particle:nth-child(odd){animation:particleDrift1 35s ease-in-out infinite,particleTwinkle 4s ease-in-out infinite}.aurora-particle:nth-child(2n){animation:particleDrift2 40s ease-in-out infinite,particleTwinkle 5s ease-in-out infinite}.aurora-particle:nth-child(3n){animation:particleDrift3 45s ease-in-out infinite,particleTwinkle 6s ease-in-out infinite}.aurora-particle:nth-child(5n){animation:particleDrift4 50s ease-in-out infinite,particleTwinkle 3.5s ease-in-out infinite}@keyframes particleTwinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes particleDrift1{0%,to{transform:translate(0)}25%{transform:translate(30px,-50px)}50%{transform:translate(-20px,-30px)}75%{transform:translate(40px,20px)}}@keyframes particleDrift2{0%,to{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(50px,-20px)}75%{transform:translate(-30px,-40px)}}@keyframes particleDrift3{0%,to{transform:translate(0)}33%{transform:translate(60px,-30px)}66%{transform:translate(-40px,40px)}}@keyframes particleDrift4{0%,to{transform:translate(0)}20%{transform:translate(-50px,-60px)}40%{transform:translate(30px,40px)}60%{transform:translate(-60px,20px)}80%{transform:translate(40px,-30px)}}.text-hover-container{--mouse-x: 50%;--mouse-y: 50%;--transition-duration: .8s;position:relative;display:inline-block;cursor:default}.text-hover-base{position:relative;z-index:1;background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(245,248,255,.95) 10%,rgba(220,230,250,.8) 25%,rgba(180,200,240,.55) 45%,rgba(140,170,220,.3) 65%,rgba(100,140,200,.12) 80%,rgba(80,120,180,.04) 90%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:filter var(--transition-duration) cubic-bezier(.25,.1,.25,1);filter:drop-shadow(0 0 80px rgba(100,150,255,.15)) drop-shadow(0 0 40px rgba(150,180,255,.1))}.text-hover-glow{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 15%,rgba(230,240,255,.85) 30%,rgba(200,220,255,.6) 50%,rgba(150,180,240,.35) 70%,rgba(100,140,200,.15) 85%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity calc(var(--transition-duration) * 1.5) cubic-bezier(.25,.1,.25,1),filter calc(var(--transition-duration) * 1.5) cubic-bezier(.25,.1,.25,1);filter:drop-shadow(0 0 120px rgba(100,150,255,.3)) drop-shadow(0 0 60px rgba(150,180,255,.25)) drop-shadow(0 0 30px rgba(200,220,255,.2))}.text-hover-glow.active{opacity:1;filter:drop-shadow(0 0 150px rgba(100,150,255,.5)) drop-shadow(0 0 80px rgba(150,180,255,.4)) drop-shadow(0 0 40px rgba(200,220,255,.35)) drop-shadow(0 0 20px rgba(220,230,255,.3))}.text-hover-spotlight{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 30% 40% at var(--mouse-x) var(--mouse-y),rgba(255,255,255,1) 0%,rgba(240,248,255,.9) 20%,rgba(200,220,255,.6) 40%,transparent 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity calc(var(--transition-duration) * 2) cubic-bezier(.25,.1,.25,1);pointer-events:none}.text-hover-spotlight.active{opacity:1}.text-hover-container:hover .text-hover-base{filter:drop-shadow(0 0 100px rgba(100,150,255,.25)) drop-shadow(0 0 60px rgba(150,180,255,.2)) drop-shadow(0 0 30px rgba(200,220,255,.15))}.onyx-footer{position:relative;width:100vw;min-height:100vh;background-color:var(--black);color:var(--white);z-index:150;overflow:hidden}.footer-aurora-bg{position:absolute!important;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.onyx-footer:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.08;pointer-events:none;z-index:100;mix-blend-mode:overlay;animation:grainShift 8s steps(10) infinite}@keyframes grainShift{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,2%)}30%{transform:translate(-1%,2%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-2%,1%)}60%{transform:translate(2%,-2%)}70%{transform:translateY(2%)}80%{transform:translate(-1%,-1%)}90%{transform:translate(1%,1%)}}.footer-upper{position:relative;z-index:10;padding:6rem 3rem;display:flex;flex-direction:column;gap:4rem;overflow:visible}.footer-container{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;width:100%;padding:0 clamp(0rem,5vw,0rem)}.footer-cta{display:flex;flex-direction:column;gap:2.5rem}.footer-cta-title{font-family:PP Neue Montreal,-apple-system,sans-serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:500;line-height:1.2;color:var(--white);margin:0;display:flex;align-items:flex-start;gap:.5rem}.footer-title-dot{width:8px;height:8px;background-color:var(--white);border-radius:50%;margin-top:.5em;flex-shrink:0;opacity:.6}.footer-cta-button-wrapper{display:flex;align-items:center;gap:.75rem}.footer-cta-text{font-family:Luxurious Script,cursive!important;font-size:clamp(4rem,6vw,6.5rem)!important;font-weight:400!important;color:var(--white)!important;text-decoration:none!important;letter-spacing:.02em!important;transition:opacity .3s ease!important;white-space:nowrap!important}.footer-cta-text:hover{opacity:.7}.footer-cta-icon{width:2rem;height:2rem;background-color:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.footer-cta-icon svg{width:12px;height:12px}.footer-info-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.footer-sub-column{display:flex;flex-direction:column;gap:3rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-column-title{font-family:PP Neue Montreal,-apple-system,sans-serif;font-size:.85rem;font-weight:500;color:var(--white);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.footer-column-text{font-family:PP Neue Montreal,-apple-system,sans-serif;font-size:.9rem;color:var(--white);text-decoration:none;transition:opacity .3s ease;margin-bottom:.25rem;display:block}.footer-column-text:hover{opacity:.7}.footer-links{display:flex;flex-direction:column;gap:.4rem}.footer-link{display:flex;align-items:center;gap:.5rem;font-family:PP Neue Montreal,-apple-system,sans-serif;font-size:1.1rem;color:var(--white);text-decoration:none;transition:opacity .3s ease;line-height:1.4}.footer-link:hover{opacity:.7}.footer-link-dot{width:6px;height:6px;background-color:var(--white);border-radius:50%;flex-shrink:0;opacity:.6}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.15);width:100%;padding-left:clamp(2rem,5vw,8rem);padding-right:clamp(2rem,5vw,8rem)}.footer-bottom-left,.footer-bottom-right{display:flex;align-items:center;gap:.5rem;font-family:PP Neue Montreal,-apple-system,sans-serif;font-size:.85rem;color:var(--white)}.footer-signature{font-family:PP Neue Montreal,-apple-system,sans-serif;font-weight:600;font-size:1rem;color:var(--white);margin-left:.5rem}.footer-lower{position:absolute;bottom:0;left:0;right:0;height:50vh;z-index:1;overflow:visible;width:100%}.footer-onyx-text-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:10%;z-index:2}.footer-onyx-text{font-family:PP Neue Montreal,-apple-system,sans-serif;font-size:clamp(75rem,50vw,60rem);font-weight:700;letter-spacing:-.02em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:auto;color:var(--white);text-align:center}@media(max-width:1024px){.footer-container{grid-template-columns:1fr;gap:4rem}.footer-info-columns{grid-template-columns:1fr;gap:3rem}.footer-sub-column{gap:2.5rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}.footer-onyx-text{font-size:clamp(15rem,45vw,50rem)}}@media(max-width:768px){.footer-upper{padding:4rem 2rem 3rem}.footer-info-columns{grid-template-columns:1fr;gap:2.5rem}.footer-sub-column{gap:2rem}.footer-onyx-text{font-size:clamp(20rem,50vw,60rem)}}.about-immersive{position:fixed;inset:0;z-index:10000;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow-y:auto}.about-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.about-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1;pointer-events:none}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;max-width:1400px;width:100%;padding:4rem 6rem;color:var(--white);cursor:default;min-height:100vh;align-items:center;justify-items:center;position:relative;z-index:2}.about-left{display:flex;align-items:center;justify-content:flex-start;padding-right:2rem;height:100%}.about-title{font-size:clamp(2.5rem,7vw,6rem);font-weight:600;letter-spacing:-.01em;line-height:1.15;overflow:hidden;font-family:PP Neue Montreal,sans-serif;max-width:90%}.about-char{display:inline-block}.about-right{display:flex;flex-direction:column;gap:.5rem;justify-content:center;height:100%}.about-tabs{display:flex;gap:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem}.about-tab{background:transparent;border:none;color:#ffffff80;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease;font-family:PP Neue Montreal,sans-serif}.about-tab:hover{color:#fffc}.about-tab.active{color:var(--white)}.about-tab.active:after{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:2px;background:var(--white)}.about-tab-content-wrapper{position:relative;min-height:500px;display:flex;align-items:center}.about-tab-content{display:block;width:100%}.about-tagline{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;margin-bottom:2rem;line-height:1.3;font-family:PP Neue Montreal,sans-serif}.about-description{font-size:clamp(1rem,2vw,1.5rem);font-weight:300;line-height:1.6;opacity:.8;margin-bottom:3rem;max-width:700px;font-family:PP Neue Montreal,sans-serif}.about-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.about-image-wrapper{display:flex;flex-direction:column;overflow:visible}.about-image-container{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;cursor:pointer;border-radius:4px;transform:scale(1.15);transform-origin:top center}.about-image-info{margin-top:1.5rem;text-align:center;position:relative;z-index:1;padding-top:.5rem}.about-image-name{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.3rem;font-family:PP Neue Montreal,sans-serif;opacity:1;display:block}.about-image-role{font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--white);opacity:.6;font-family:PP Neue Montreal,sans-serif}.about-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .6s ease}.about-image-filtered{opacity:1;filter:grayscale(100%) brightness(.3);transition:opacity .6s ease}.about-image-original{opacity:0;filter:none;transition:opacity .6s ease}.about-awards{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2rem}.about-awards span{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-family:PP Neue Montreal,sans-serif}.about-services-list{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.about-service-item{padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.about-service-item:last-child{border-bottom:none}.about-service-item h3{font-size:1.3rem;font-weight:500;margin-bottom:.5rem;font-family:PP Neue Montreal,sans-serif}.about-service-item p{font-size:clamp(1rem,2vw,1.5rem);font-weight:300;opacity:.8;line-height:1.6;font-family:PP Neue Montreal,sans-serif}.about-close-btn{position:fixed;top:2rem;right:2rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;z-index:101}.about-close-btn:hover{background:#ffffff1a;border-color:#fff6}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:4rem;padding:4rem 3rem}.about-left{justify-content:center;text-align:center}.about-images-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-content{padding:6rem 2rem 3rem}.about-images-grid{grid-template-columns:1fr}.about-tabs{gap:1rem}.about-tab{font-size:.8rem}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-arrow{position:fixed;top:2rem;left:var(--site--margin, 2rem);z-index:101;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--white, #fff);border-radius:50%;color:var(--white, #fff);cursor:pointer;transition:all .3s ease-out;mix-blend-mode:difference}.back-arrow:hover{background-color:var(--white, #fff);color:var(--black, #000);transform:scale(1.1)}.back-arrow svg{width:20px;height:20px}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-wider:.05em;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-7{height:calc(var(--spacing)*7)}.h-full{height:100%}.h-screen{height:100vh}.w-7{width:calc(var(--spacing)*7)}.w-full{width:100%}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white{border-color:var(--color-white)}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.pl-\[20\%\]{padding-left:20%}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:border-white:hover{border-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}}@font-face{font-family:Fragment Mono;font-weight:400;font-display:swap;src:url(/fonts/FragmentMono-Regular.woff2)format("woff2")}@font-face{font-family:PP Eiko;font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/PPEiko-RegularItalic.woff2)format("woff2"),url(/fonts/PPEiko-RegularItalic.woff)format("woff")}@font-face{font-family:PP Neue Montreal;font-weight:300;font-display:swap;src:url(/fonts/PPNeueMontreal-Light.woff2)format("woff2"),url(/fonts/PPNeueMontreal-Light.woff)format("woff")}@font-face{font-family:PP Neue Montreal;font-weight:400;font-display:swap;src:url(/fonts/PPNeueMontreal-Regular.woff2)format("woff2"),url(/fonts/PPNeueMontreal-Regular.woff)format("woff")}@font-face{font-family:PP Neue Montreal;font-weight:500;font-display:swap;src:url(/fonts/PPNeueMontreal-Medium.woff2)format("woff2"),url(/fonts/PPNeueMontreal-Medium.woff)format("woff")}:root{--screen-size--max:1440;--screen-size--min:320;--site--margin:clamp(1rem,.417rem + 1.48vw,2rem);--fs-xs:clamp(1rem,.933rem + .1852vw,1.2rem);--fs-sm:clamp(1.2rem,1.133rem + .1852vw,1.4rem);--fs-base:clamp(1.4rem,1.333rem + .1852vw,1.6rem);--fs-lg:clamp(1.5rem,1.4rem + .2778vw,1.8rem);--fs-2xl:clamp(1.8rem,1.6rem + .5556vw,2.4rem);--fs-3xl:clamp(2rem,1.6rem + 1.1111vw,3.2rem);--fs-4xl:clamp(2.4rem,1.867rem + 1.4815vw,4rem);--fs-5xl:clamp(2.8rem,2.133rem + 1.8519vw,4.8rem);--fs-6xl:clamp(3.2rem,2.467rem + 2.037vw,5.4rem);--fs-7xl:clamp(4rem,3.333rem + 1.8519vw,6rem);--fs-8xl:clamp(4.8rem,8.133rem + 4.037vw,16rem);--text-stroke-width:0;--border-radius:0;--border-width:0;--txt-white:#fcfcfc;--white:#f0f0f0;--black:#080808;--footer-color:#2a2a2d;--cube-size:clamp(30rem,3.333rem + 80vw,60rem);--cube-slide-size:calc(var(--cube-size)/2);--square:6rem;--square-side:calc(var(--square)/2);--outro-img-size:clamp(10rem,1.333rem + 50vw,28rem)}@keyframes aurora{0%{background-position:50%,50%}to{background-position:350%,350%}}.animate-aurora{animation:60s linear infinite aurora}*,:before,:after{box-sizing:border-box;-webkit-text-stroke-width:var(--text-stroke-width);border-radius:var(--border-radius);border-width:var(--border-width);border-style:solid;margin:0;padding:0}::-webkit-scrollbar{display:none}html,body{width:100%;height:fit-content;font-size:10px;overflow-x:clip;-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:none!important}body{text-transform:uppercase;background-color:var(--black);font-family:PP Neue Montreal,sans-serif;font-weight:400;overflow:clip}.font-mono{letter-spacing:-4%;font-family:Fragment Mono,monospace;font-weight:400}p{font-size:var(--fs-xs);letter-spacing:-4%;font-family:Fragment Mono,monospace;font-weight:300}a{pointer-events:auto;cursor:pointer;color:inherit;text-decoration:none}button{all:unset;cursor:pointer}img,video{object-fit:cover;width:100%;height:100%}section{width:100vw;height:100vh}h1{font-size:var(--fs-8xl);line-height:1}h4{font-size:var(--fs-5xl);line-height:1}h5{font-size:var(--fs-3xl);line-height:1}.w-vw{width:100vw}.w-vh{height:100vh}.sz-f{width:100vw;height:100vh}.fc-b{color:var(--black)}.fc-w{color:var(--white)}.pp-d{padding-left:var(--site--margin);padding-right:var(--site--margin)}.ff-italic{font-family:PP Eiko,serif;font-style:italic}.bg-w{background-color:var(--white)}.bg-b{background-color:var(--black)}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}.lines-wrap{overflow:clip}.split-lines{transform-style:preserve-3d;transform:translateZ(50%)}[data-hoverstagger=link]{overflow:clip}[data-hoverstagger=link]>div{flex-direction:row;display:flex;position:relative}[data-hoverstagger=text]:nth-child(2){transform-origin:bottom;position:absolute;bottom:0}.marquee-wrap{width:100vw;overflow:clip}[data-marquee]{white-space:nowrap;flex-direction:row;width:fit-content;display:flex;overflow:clip}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.preloader{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:4rem}.loader-bg{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:var(--black)}.loader_number:before{content:"[ "}.loader_number:after{content:"% ]"}.header{position:fixed;top:0;left:0;width:100vw;height:60vh;z-index:100;color:var(--white);padding:1.6rem var(--site--margin);display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .3s ease-out;pointer-events:none;visibility:hidden}.header-bg{background-color:var(--black);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40}.header-txt{width:100%;display:flex;flex-direction:row;justify-content:space-between;pointer-events:none}.header-info-wrap{width:100%;overflow:clip;pointer-events:auto}.info-title-wrap{overflow:clip}.title-wrap{display:flex;flex-direction:row;transform-origin:left top;overflow:visible;position:relative}.title-wrap svg{width:100%;height:auto}.header-info{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:start;pointer-events:auto}.info-txt{max-width:50vw;text-align:right;font-weight:300;overflow:visible;font-size:var(--fs-base);color:var(--white);mix-blend-mode:difference;pointer-events:auto}.info-txt:nth-child(2){text-align:center}.info-txt:nth-child(1){text-align:left;pointer-events:auto}a.info-txt{min-height:var(--fs-xs);height:auto}.info-title{font-size:var(--fs-5xl);color:var(--white);mix-blend-mode:difference}.info-title:after{content:" Folio";font-family:PP Eiko,sans-serif;font-style:italic}.menu-wrap{position:fixed;top:16px;right:var(--site--margin);overflow:clip;display:flex;flex-direction:row;gap:80px;pointer-events:auto;mix-blend-mode:difference;z-index:101}.text-link{font-size:var(--fs-sm);transform:translateY(-100%);transition:transform .2s ease-out;pointer-events:auto;color:var(--white);mix-blend-mode:difference}.text-link div{min-height:var(--fs-sm);height:auto;overflow:visible}.text-link.show{transform:translateY(0)}.small-header{position:absolute;top:130vh;left:0;width:100vw;height:20vh;pointer-events:none}.small-logo-ocl{position:fixed;top:1.6rem;left:var(--site--margin);font-family:PP Neue Montreal,sans-serif;font-weight:500;font-size:30px;letter-spacing:-.02em;color:var(--white);mix-blend-mode:difference;z-index:101;opacity:0;scale:0;transform-origin:left center}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.sticky,.sticky2,.sticky3{position:relative;z-index:10}.sticky2{z-index:40;pointer-events:none;overflow:clip}.showreel-bg{position:absolute;inset:0;width:100%;height:100%;background-color:var(--white);z-index:1;transform:translateY(100%);will-change:transform}.square{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:2;width:24px;height:24px;background-color:color-mix(in srgb,var(--white) 0%,transparent)}.cube-title{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;opacity:0;z-index:3}.cube-title .marquee-wrap{height:14vw}.cube-title-inner{width:100%;height:14vw;overflow:clip}.cube-title-inner .title-item{width:100%;font-size:14vw;text-align:center;opacity:.1;font-family:PP Eiko,sans-serif;font-style:italic;line-height:1}.cube-title-inner p:nth-child(1){opacity:0}.cubes{position:absolute;top:0;left:0;width:100vw;height:100vh;transform-style:preserve-3d;perspective:10000px;pointer-events:none;z-index:5}.cube{position:absolute;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;visibility:hidden;opacity:0}.cube>div{position:absolute;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;backface-visibility:hidden}.cube .front{transform:translateZ(var(--cube-slide-size))}.cube .back{transform:translateZ(calc(-1 * var(--cube-slide-size))) rotateY(180deg)}.cube .right{transform:translate(var(--cube-slide-size)) rotateY(90deg)}.cube .left{transform:translate(calc(-1 * var(--cube-slide-size))) rotateY(-90deg)}.cube .top{transform:translateY(calc(-1 * var(--cube-slide-size))) rotateX(90deg)}.cube .bottom{transform:translateY(var(--cube-slide-size)) rotateX(-90deg)}.cube-1{top:150%;left:50%;transform:translate3d(-50%,-50%,-30000px) rotateX(-90deg) rotateY(-90deg) rotate(-180deg)}.kv-bottom{position:fixed;bottom:0;left:0;display:inline-flex;flex-direction:row;justify-content:center;align-items:flex-end;padding:2rem 32px;z-index:50;pointer-events:none;text-align:center;mix-blend-mode:difference}.kv-bottom p{opacity:.8}.bottom-first{position:relative;z-index:10;transition:color .3s ease-out;color:var(--white)}.bottom-second{position:absolute;opacity:0}.about-bg{position:absolute;height:300vh;top:200vh;left:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;z-index:5}.intro-wrap{position:absolute;top:130vh;left:0;width:100vw;padding-left:15vw;padding-right:15vw;display:flex;flex-direction:column;justify-content:center;font-weight:100;mix-blend-mode:soft-light;align-items:center;z-index:30;pointer-events:none}.intro-wrap h4{text-align:center;opacity:.6;overflow:clip}.intro-wrap .lines-wrap{overflow:clip}.intro-wrap .split-lines{display:block}.home-character-wrapper{position:fixed;height:100vh;width:100vw;inset:0;z-index:20;pointer-events:none}.home-clone-element{position:absolute;pointer-events:none;animation:scaleDown 1s forwards;visibility:hidden;opacity:0;color:color-mix(in srgb,var(--white) 80%,transparent);display:none}@keyframes scaleDown{to{transform:scale(.5)}}.rotate{animation:rotate360 2s linear infinite}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grayscale{filter:grayscale(1)}.card{position:absolute;top:10%;left:100%;width:325px;height:500px;background-color:color-mix(in srgb,var(--black) 100%,transparent);border-radius:1em;padding:.5em;will-change:transform;z-index:2;perspective:100px;transform-style:preserve-3d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);cursor:pointer;pointer-events:auto;transition:background-color .3s ease-out}.card:hover{background-color:color-mix(in srgb,var(--black) 100%,transparent)}.card .card-img{width:100%;height:240px;border-radius:.5em;overflow:hidden;transform-style:preserve-3d}.card-content{width:100%;height:24rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--txt-white);padding:.5em}.card-content h2{font-size:var(--fs-4xl);font-weight:400;line-height:1;padding-top:1rem}.card-content p{padding-top:1.6rem;font-size:var(--fs-xs);opacity:.4;-webkit-hyphens:manual;hyphens:manual}.card-description{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.6rem;border-top:1px solid color-mix(in srgb,var(--white) 20%,transparent);padding-right:1rem}.card-svg{position:relative;width:2rem;height:2rem;aspect-ratio:1/1;background-color:color-mix(in srgb,var(--white) 20%,transparent);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;overflow:clip;transition:all .2s ease-out;flex-shrink:0;margin-top:1rem}.card-svg svg{width:14px;height:14px;transform:translateY(.5px);transition:all .3s ease-out}.card-svg svg:nth-child(2){position:absolute;transform:translate(-100%) translateY(100%)}.card:hover .card-svg{background-color:var(--white)}.card:hover .card-svg svg{color:var(--black)}.card:hover .card-svg svg:nth-child(2){transform:translate(0) translateY(0)}.card:hover .card-svg svg:nth-child(1){transform:translate(100%) translateY(-100%)}.card-arrow{height:1.4rem;width:1.4rem}@media(max-width:478px){.card{height:460px}.card-content{height:20rem}}.project-modal{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;background:color-mix(in srgb,var(--white) 80%,transparent);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:0;overflow:hidden}.project-modal[style*="opacity: 1"]{pointer-events:auto}.project-modal-content{background:var(--black);width:100%;height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;color:var(--white);clip-path:polygon(30% 30%,70% 30%,70% 70%,30% 70%);will-change:clip-path;border-radius:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overscroll-behavior-x:contain;pointer-events:auto;scroll-behavior:auto}.project-modal-content[data-lenis-prevent]{overscroll-behavior:auto}.project-modal-content::-webkit-scrollbar{width:8px}.project-modal-content::-webkit-scrollbar-track{background:transparent}.project-modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.project-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.project-container{width:100%;height:100%}.project-modal-body{display:flex;flex-direction:column;width:100%;min-height:100vh;padding-bottom:8rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:clamp(3rem,6vw,6rem) clamp(5rem,9vw,9rem);width:100%;max-width:1800px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(4rem,6vw,8rem)}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-cell{display:flex;flex-direction:column;position:relative}.project-modal-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;padding:clamp(2rem,4vw,4rem) 0}.project-modal-info{max-width:80%;position:absolute;bottom:0;left:0;padding:clamp(1.6rem,1.867rem + 1.4815vw,4rem);z-index:2;pointer-events:none}.project-modal-info *{pointer-events:auto}.project-modal-title{margin-top:32px;font-size:clamp(5rem,25vw,8rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.bento-description{grid-column:1;grid-row:1}.bento-roles{grid-column:2;grid-row:1}.bento-info{grid-column:3;grid-row:1}.bento-technologies{grid-column:1 / 4;grid-row:2}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-description{grid-column:1 / 3;grid-row:1}.bento-info{grid-column:1 / 3;grid-row:2}.bento-roles{grid-column:1 / 3;grid-row:3}.bento-technologies{grid-column:1 / 3;grid-row:4}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}.bento-hero,.bento-title,.bento-description,.bento-roles,.bento-info,.bento-technologies{grid-column:1;grid-row:auto}}.project-modal-desc{margin:12px 0 2rem;font-size:var(--fs-xs);opacity:.6}.project-modal-media{width:100vw;overflow-x:auto;overflow-y:visible;pointer-events:auto}.project-modal-media .swiper{touch-action:pan-x pinch-zoom;pointer-events:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.project-modal-media .swiper-wrapper{width:fit-content;display:flex;flex-direction:row;margin-right:4rem;gap:1rem;touch-action:pan-x pinch-zoom;pointer-events:auto}.project-modal-media .swiper-slide{touch-action:pan-x pinch-zoom}.project-modal-media .swiper-slide{height:60vh;aspect-ratio:4/3;width:auto;overflow:clip}.project-cover{margin-left:4rem}.project-modal-img,.project-modal-video{width:100%;height:100%;object-fit:contain!important}.arrow-wrap{color:var(--white);position:absolute;bottom:0;right:0;z-index:2;display:flex;flex-direction:row;gap:2rem;padding:4rem}.modal-hint{position:absolute;top:2rem;left:50%;transform:translate(-50%)}.project-modal-arrow{font-size:var(--fs-sm);line-height:1;font-family:Fragment Mono,monospace;font-weight:400;letter-spacing:-4%;transition:all .3s ease-out;cursor:pointer;background:none;border:none;color:var(--white)}.project-modal-arrow:hover{scale:1.1}.project-modal-arrow:disabled{opacity:.3;cursor:not-allowed}.project-modal-close{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);pointer-events:auto;z-index:10000}.section-title{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;margin-bottom:clamp(1.5rem,3vw,2rem);font-family:PP Neue Montreal,sans-serif;letter-spacing:-.02em;text-transform:uppercase;opacity:.9}.bento-roles .section-title{letter-spacing:.1em}.section-content{font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.8;opacity:.85;font-weight:300}.bento-description .section-content{max-width:100%}.client-name{font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:500;opacity:1;text-transform:uppercase;letter-spacing:.05em}.bento-title .project-modal-title{font-size:clamp(2rem,4vw,3.5rem);margin:0;margin-bottom:1rem}.bento-title .project-modal-live-btn{margin-top:auto;padding-top:1rem}.things-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;flex:1}.thing-item{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;opacity:.85;font-weight:300;padding-left:1.5rem;position:relative}.bento-roles .thing-item{font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.9;font-weight:400}.thing-item:before{content:"→";position:absolute;left:0;color:#fff9;font-weight:400}.bento-technologies{display:flex;flex-direction:column;gap:2rem}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem}.tech-item{aspect-ratio:1;border:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;--bracket-color: rgba(255, 255, 255, .3);--bracket-size: 12px;--bracket-offset: 8px;background-image:linear-gradient(to right,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to bottom,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to left,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to bottom,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to right,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to top,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to left,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),linear-gradient(to top,var(--bracket-color) 0,var(--bracket-color) var(--bracket-size),transparent var(--bracket-size)),#2D3134;background-size:var(--bracket-size) 2px,2px var(--bracket-size),var(--bracket-size) 2px,2px var(--bracket-size),var(--bracket-size) 2px,2px var(--bracket-size),var(--bracket-size) 2px,2px var(--bracket-size),100% 100%;background-position:var(--bracket-offset) var(--bracket-offset),var(--bracket-offset) var(--bracket-offset),calc(100% - var(--bracket-offset)) var(--bracket-offset),calc(100% - var(--bracket-offset) - 2px) var(--bracket-offset),var(--bracket-offset) calc(100% - var(--bracket-offset)),var(--bracket-offset) calc(100% - var(--bracket-offset) - 2px),calc(100% - var(--bracket-offset)) calc(100% - var(--bracket-offset)),calc(100% - var(--bracket-offset) - 2px) calc(100% - var(--bracket-offset)),0 0;background-repeat:no-repeat}.tech-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--tech-color-1, #ffffff),var(--tech-color-2, #ffffff));opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:0}.tech-item:hover:before{opacity:.15}.tech-item:hover{--bracket-size-hover: 20px;--bracket-offset-hover: 6px;background-image:linear-gradient(to right,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to bottom,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to left,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to bottom,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to right,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to top,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to left,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),linear-gradient(to top,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) var(--bracket-size-hover),transparent var(--bracket-size-hover)),#3A3F43;background-size:var(--bracket-size-hover) 2px,2px var(--bracket-size-hover),var(--bracket-size-hover) 2px,2px var(--bracket-size-hover),var(--bracket-size-hover) 2px,2px var(--bracket-size-hover),var(--bracket-size-hover) 2px,2px var(--bracket-size-hover),100% 100%;background-position:var(--bracket-offset-hover) var(--bracket-offset-hover),var(--bracket-offset-hover) var(--bracket-offset-hover),calc(100% - var(--bracket-offset-hover)) var(--bracket-offset-hover),calc(100% - var(--bracket-offset-hover) - 2px) var(--bracket-offset-hover),var(--bracket-offset-hover) calc(100% - var(--bracket-offset-hover)),var(--bracket-offset-hover) calc(100% - var(--bracket-offset-hover) - 2px),calc(100% - var(--bracket-offset-hover)) calc(100% - var(--bracket-offset-hover)),calc(100% - var(--bracket-offset-hover) - 2px) calc(100% - var(--bracket-offset-hover)),0 0;background-repeat:no-repeat;transform:translateY(-4px);box-shadow:0 8px 24px #0006}.tech-logo-wrapper{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:filter .4s cubic-bezier(.4,0,.2,1)}.tech-logo{width:100%;height:100%;object-fit:contain;filter:grayscale(100%) brightness(.8);transition:filter .4s cubic-bezier(.4,0,.2,1)}.tech-item[data-tech=threejs] .tech-logo,.tech-item[data-tech="three.js"] .tech-logo{filter:brightness(0) invert(1)}.tech-item:hover .tech-logo{filter:grayscale(0%) brightness(1)}.tech-item[data-tech=threejs]:hover .tech-logo,.tech-item[data-tech="three.js"]:hover .tech-logo{filter:brightness(0) invert(1)}.tech-name{font-size:clamp(.75rem,1.2vw,.9rem);font-weight:500;text-align:center;position:relative;z-index:1;opacity:.7;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.tech-item:hover .tech-name{opacity:1}.tech-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fffc;position:relative;z-index:1}.tech-item:hover .tech-fallback{color:var(--tech-color-1, #ffffff)}.project-modal-live-btn{color:var(--white);font-family:Fragment Mono,monospace;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease-out;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.25rem;margin-top:1rem;position:relative;overflow:hidden}.project-modal-live-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.project-modal-live-btn:hover{border-color:#fff9;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 20px #ffffff1a}.project-modal-live-btn:hover:before{left:100%}.project-modal-live-btn:after{content:"→";font-size:1.2em;transition:transform .3s ease}.project-modal-live-btn:hover:after{transform:translate(4px)}#egg-modal{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:color-mix(in srgb,var(--black) 20%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;align-items:center;justify-content:center}.modal-inner{background-color:color-mix(in srgb,var(--black) 20%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--white);border-radius:1rem;min-width:36rem;position:relative;overflow:clip}.modal-contain{background:var(--black);padding:4rem;text-align:center}.modal-header{padding:.4rem .8rem;width:100%;display:inline-flex;flex-direction:row;align-items:center}.modal-header span{font-size:var(--fs-xs);opacity:.8;text-align:center;width:100%}#egg-modal-close{background:none;border:none;font-size:1.5em;cursor:pointer;color:#e24040;transition:all .3s ease-out}#egg-modal-close:hover{color:#b82828}#egg-modal-content{font-size:var(--fs-base)}#egg-modal-btn{margin-top:2rem;padding:.5em 2.4rem;border-radius:30px;font-size:var(--fs-sm);background:color-mix(in srgb,var(--white) 20%,transparent);color:var(--white);border:none;cursor:pointer;transition:all .3s ease-out}#egg-modal-btn:hover{background:color-mix(in srgb,var(--white) 100%,transparent);color:var(--black)}@media(max-width:768px){.project-modal{padding:1rem}.project-modal-close{top:5rem}.project-modal-media .swiper-slide{height:30vh}.arrow-wrap{flex-direction:column}.project-modal-info{max-width:100%}}@media(min-width:1024px){.project-modal-info{max-width:60%}}footer{position:relative;width:100vw;height:100vh;background-color:var(--black);color:var(--white);z-index:50}.outro-wrap{position:relative;padding-top:8rem;display:flex;flex-direction:column;gap:12vh;justify-content:space-between;align-items:center;z-index:40}.outro-txt{max-width:50%;opacity:.6;mix-blend-mode:soft-light;text-align:center;line-height:1.1}.back-to-top{display:flex;flex-direction:column;gap:1.6rem;color:var(--white);font-size:var(--fs-xs);text-align:center;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-out}.back-to-top:hover .egg-trigger{background-color:var(--white);color:var(--black)}.egg-trigger{width:6rem;height:6rem;border-radius:4px;background-color:var(--black);display:flex;align-items:center;justify-content:center;z-index:999;scale:1;transition:all .3s ease-out;color:var(--white)}.folder{display:flex;flex-direction:column;position:absolute;width:5rem;aspect-ratio:1/1;z-index:1000;cursor:grab;scale:1;transition:scale .3s ease-out;color:var(--white);align-items:center;justify-content:center;gap:8px}.folder p{opacity:0;background-color:var(--black);transition:all .3s ease-out;padding:2px;border-radius:2px;font-size:1rem!important;white-space:nowrap}.folder:hover{scale:.9}.folder svg{color:color-mix(in srgb,var(--white) 50%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .3s ease-out,scale .3s ease-out;transform-origin:center bottom;scale:1}.dragging svg{color:color-mix(in srgb,var(--white) 70%,transparent);scale:1.2}.dragging p{opacity:1}.playlist{top:10%;right:2%}.cv{top:15%;right:10%}.footer-info svg{width:100%;height:auto;margin-bottom:2rem;mix-blend-mode:soft-light;color:var(--white);opacity:.4}.outro-wrap .marquee-wrap{height:16vw;font-size:16vw;margin-bottom:4rem;mix-blend-mode:soft-light;opacity:.4}.footer-info-txt{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding-top:2rem;padding-bottom:2rem;z-index:100}.footer-color{background-image:linear-gradient(0deg,color-mix(in srgb,var(--footer-color) 100%,transparent),color-mix(in srgb,var(--footer-color) 0%,transparent));width:100vw;z-index:0;display:flex;align-items:flex-end;flex-direction:column}.close-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;line-height:1;color:var(--black);background-color:var(--white);border-radius:2rem;transform-origin:left;cursor:pointer;z-index:10;transition:all .3s ease-out;scale:1}.close-btn:hover{scale:1.2}.close-btn p{transition:rotate .3s ease-out;font-size:2rem}.close-btn:hover p{rotate:120deg}@media(max-width:768px){.m-hide{display:none}.text-link{font-size:var(--fs-lg)}.text-link div{height:var(--fs-lg)}.footer-info-txt{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.outro-txt{max-width:80%}.folder{display:none}}@media(min-width:1024px){.about_contain{width:30%}}