@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.carousel-scene{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;perspective:2000px;perspective-origin:50% -30%;overflow:visible;will-change:transform,opacity;z-index:10;top:-13vh;transform:scale(.75);transform-style:preserve-3d}.carousel-container{position:relative;width:425px;height:500px;transform-style:preserve-3d;will-change:transform}.carousel-cell{position:absolute;width:100%;height:100%;left:0;top:0;transform-style:preserve-3d;backface-visibility:visible}.carousel-cell .card{position:relative!important;top:0!important;left:0!important;width:100%!important;height:100%!important;transform:none!important;margin:0!important}@media(max-width:1600px){.carousel-scene{transform:scale(.65)}}@media(max-width:1280px){.carousel-scene{transform:scale(.55)}}@media(max-width:1024px){.carousel-scene{transform:scale(.5)}}@media(max-width:768px){.carousel-scene{transform:scale(.35);top:-15vh}}.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}.secret-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:all}.secret-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.secret-modal-window{position:relative;background:transparent;border-radius:16px;max-width:420px;width:90%;box-shadow:0 25px 50px #00000080;z-index:10001;overflow:hidden}.secret-window-header{background:#27272780;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.secret-window-controls{display:flex;gap:8px;flex-shrink:0}.secret-control-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;padding:0}.secret-control-btn.close{background-color:#ff5f57}.secret-control-btn.close:hover{background-color:#ff4136}.secret-control-btn.minimize{background-color:#ffbd2e;cursor:default}.secret-control-btn.maximize{background-color:#28ca42;cursor:default}.secret-window-title{position:absolute;left:50%;transform:translate(-50%);font-size:13px;font-weight:400;color:#fff;letter-spacing:1px;font-family:Fragment Mono,monospace;text-transform:uppercase;white-space:nowrap}.secret-window-content{background:#000;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;min-height:160px;justify-content:center}.secret-main-text{font-size:2.2rem;font-weight:200;color:#fff;margin:0;text-align:center;font-family:Fragment Mono,monospace;line-height:1.4;text-transform:uppercase}.secret-visit-btn{padding:.5rem 2rem;font-weight:400;color:#fff;background-color:#3d3d3d;border:none;font-size:1.7rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Fragment Mono,monospace;letter-spacing:2px;box-shadow:0 4px 12px #0006;text-transform:uppercase;display:inline-block;text-align:center}.secret-visit-btn:hover{background-color:#fff;color:#000;box-shadow:0 6px 16px #00000080}.secret-visit-btn:active{transform:translateY(0);box-shadow:0 4px 12px #0006}@media(max-width:768px){.secret-modal-window{max-width:90%}.secret-window-content{padding:3.5rem 2rem}.secret-main-text{font-size:1.25rem;letter-spacing:1px}.secret-window-title{font-size:11px;letter-spacing:.5px}.secret-visit-btn{padding:1rem 3rem;font-size:.9rem;letter-spacing:1.5px}}.about-immersive{position:fixed;inset:0;z-index:100;background:#000000f2;display:flex;align-items:center;justify-content:center;cursor:pointer}.about-content{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--white);cursor:default;max-width:900px;padding:2rem}.about-title{font-size:clamp(3rem,10vw,8rem);font-weight:600;letter-spacing:-.02em;line-height:1;margin-bottom:3rem;overflow:hidden}.about-char{display:inline-block}.about-desc{font-size:clamp(1rem,2vw,1.5rem);font-weight:300;line-height:1.6;opacity:.8;margin-bottom:4rem;max-width:700px}.about-links{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center}.about-link{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--white);text-decoration:none;opacity:.6;transition:opacity .3s ease;position:relative;cursor:pointer}.about-link:hover{opacity:1}.about-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--white);transition:width .3s ease}.about-link:hover:after{width:100%}.about-close-btn{position:absolute;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}.about-close-btn:hover{background:#ffffff1a;border-color:#fff6}: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)}}@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)}*,*:before,*:after{margin:0;padding:0;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}*::-webkit-scrollbar{display:none}html,body{font-size:10px;width:100%;overflow-x:clip;height:fit-content;-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:none!important}body{overflow:clip;font-family:PP Neue Montreal,sans-serif;font-weight:400;text-transform:uppercase;background-color:var(--black)}.font-mono{font-family:Fragment Mono,monospace;font-weight:400;letter-spacing:-4%}p{font-size:var(--fs-xs);font-weight:300;font-family:Fragment Mono,monospace;letter-spacing:-4%}a{pointer-events:auto;cursor:pointer;text-decoration:none;color:inherit}button{all:unset;cursor:pointer}img{width:100%;height:100%;object-fit:cover}video{width:100%;height:100%;object-fit:cover}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{display:flex;flex-direction:row;position:relative}[data-hoverstagger=text]:nth-child(2){position:absolute;bottom:0;transform-origin:bottom}.marquee-wrap{width:100vw;overflow:clip}[data-marquee]{width:fit-content;display:flex;flex-direction:row;overflow:clip;white-space:nowrap}.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}.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}.info-txt{max-width:50vw;text-align:right;font-weight:300;overflow:clip;font-size:var(--fs-base);color:var(--white);mix-blend-mode:difference}.info-txt:nth-child(2){text-align:center}.info-txt:nth-child(1){text-align:left}a.info-txt{height:var(--fs-xs)}.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{height:var(--fs-sm)}.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}}footer{position:relative;width:100vw;height:100vh}.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(--black);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%}}.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:clamp(1rem,1.867rem + 1.4815vw,2rem)}.project-modal[style*="opacity: 1"]{pointer-events:auto}.project-modal-content{background:var(--black);width:100%;height:100%;overflow-y:auto;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:1rem}.project-container{width:100%;height:100%}.project-modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:8rem;overflow-y:hidden}.project-modal-info{max-width:65%;position:absolute;bottom:0;left:0;padding:clamp(1.6rem,1.867rem + 1.4815vw,4rem);z-index:2}.project-modal-title{margin-top:32px;font-size:var(--fs-2xl)}.project-modal-desc{margin:12px 0 2rem;font-size:var(--fs-xs);opacity:.6}.project-modal-media{width:100vw}.project-modal-media .swiper-wrapper{width:fit-content;display:flex;flex-direction:row;margin-right:4rem;gap:1rem}.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:absolute;bottom:2rem;left:50%;transform:translate(-50%);pointer-events:auto}.project-modal-live-btn{color:var(--white);font-family:Fragment Mono,monospace;font-size:var(--fs-sm);font-weight:400;letter-spacing:-4%;transition:all .3s ease-out}#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:40%}}