@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lalezar,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#fff;background-color:#000}h1,h2,h3,h4,h5,h6{font-family:Lalezar,sans-serif}.app-container{display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:25vw 1fr;grid-template-rows:72px 1fr 40px;height:100vh;overflow:hidden;background-color:#000}.header-bar{grid-area:header;background-color:#0d0d0d;color:#fff;padding:0;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;height:72px;z-index:1000;border-bottom:1px solid #424242}.logo-container{display:flex;align-items:center;gap:24px;padding-left:24px}.logo{height:48px;width:auto;object-fit:contain}.header-bar h1{font-size:42px;margin:0;padding-top:6px}.mobile-nav-toggle{background:none;border:none;cursor:pointer;padding:15px;margin-right:24px;position:relative;z-index:1001}.sidebar{grid-area:sidebar;background-color:#0d0d0d;border-right:1px solid #424242;position:fixed;top:72px;bottom:40px;left:0;width:25vw;display:flex;flex-direction:column}.main-content{grid-area:main;padding:0;overflow-y:auto;background-color:#000}.footer-bar{grid-area:footer;background-color:#0d0d0d;color:#5c5c5f;text-align:center;padding:.5rem;position:fixed;bottom:0;left:0;right:0;height:40px;z-index:1000;border-top:1px solid #424242}@media (max-width: 768px){.app-container{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}.sidebar{display:none}}@font-face{font-family:Lalezar;src:url(/assets/Lalezar-Regular-C-JZn8vl.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.chat-container{background-color:#000;border-color:#424242;flex:1;display:flex;flex-direction:column;min-height:0;word-wrap:break-word;word-break:break-all;white-space:normal;font-family:Inter,sans-serif;font-size:14px}.chat-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:135px;padding-bottom:90px;margin-bottom:0}.avatar-container{display:flex;justify-content:center;align-items:center;width:100%}.chat-avatar{width:114px;height:114px;border-radius:50%;object-fit:cover}.chat-title{font-size:14px;width:160px;font-weight:500;color:#cecece;font-family:Inter,sans-serif;text-align:center;word-break:keep-all;white-space:normal}.chat-history{flex:1;overflow-y:auto;padding:0 24px 54px;background-color:#000;white-space:normal;word-wrap:break-word;word-break:break-all;display:flex;flex-direction:column;gap:24px}.chat-message{white-space:normal;word-wrap:break-word;word-break:break-all;font-family:Inter,sans-serif;display:flex;align-items:flex-start;gap:12px}.message-avatar{width:24px;height:24px;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-wrapper{flex:1;display:flex;flex-direction:row;gap:12px;align-items:flex-start}.message-content{white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.message-name{font-size:12px;color:#cecece;opacity:.7;padding-top:3px}.message-text{padding-top:3px;font-size:14px;color:#cecece}.user-message,.bot-message{color:#cecece;align-self:flex-start}.chat-input-form{display:flex;position:relative;padding:0 24px;height:54px}.chat-input{flex:1;padding:15px 48px 0 20px;border:1px solid #424242;border-radius:16px;background-color:#000;color:#fff;font-size:1rem;white-space:normal;word-wrap:break-word;word-break:break-all;resize:none;min-height:40px;max-height:120px;overflow-y:auto;font-family:Inter,sans-serif}.chat-input:focus{outline:none;border-color:#666}.chat-send-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform .2s ease;will-change:transform}.chat-send-btn:focus{outline:none}.chat-send-btn:active{background:none;outline:none;transform:translateY(-50%) scale(.9)!important}.chat-send-btn img{width:24px;height:24px;object-fit:contain;pointer-events:none}.chat-send-btn:hover{transform:translateY(-50%) scale(1.15)}.preset-buttons{display:flex;gap:12px;padding:0 24px;margin-top:12px;margin-bottom:24px}.preset-buttons button{flex:1;padding:8px 16px;height:42px;background-color:#0d0d0d;border:1px solid #424242;border-radius:16px;color:#9b9b9b;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:transform;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.preset-buttons button:first-child{flex:none;width:114px}.preset-buttons button:focus{outline:none}.preset-buttons button:active{transform:scale(.9);outline:none;background-color:#0d0d0d}.preset-buttons button:hover{background-color:#424242;border-color:#666}.message-image{margin-top:10px;max-width:100%;border-radius:8px;overflow:hidden}.message-image img{width:35%;height:auto;object-fit:contain;border-color:#424242;border-width:1px;border-style:solid;border-radius:12px}.streaming-cursor{animation:blink 1s infinite;color:#666}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.side-nav{padding:60px 72px 0;border-bottom:1px solid #424242;height:300px}.side-nav ul{list-style:none}.side-nav a{color:#fff;text-decoration:none;font-size:20px;line-height:1.5;transition:color .3s ease;display:block;padding-top:4px}.side-nav a .subtitle{opacity:.5}.side-nav a:hover{background-color:#e9ecef;color:#633efb;padding-left:18px}.side-nav a.active{color:#633efb;font-weight:700;padding-left:18px;background-color:#fff}.side-nav a.active .subtitle{opacity:1}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a090a40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav{display:flex;align-items:center;justify-content:center}.mobile-nav ul{list-style:none;padding:0;margin:0;text-align:center}.mobile-nav li{margin:30px 0}.mobile-nav a{color:#fff;text-decoration:none;font-size:24px;font-weight:400;transition:all .3s ease;display:block;padding:15px 30px;border-radius:8px}.mobile-nav a:hover{background-color:#ffffff1f;border:1px solid rgba(255,255,255,.5);transform:translateY(-2px)}.mobile-nav a:hover .subtitle{color:#ffffffe6}.mobile-nav a.active{color:#5325dc;background-color:#fff}.mobile-nav a.active .subtitle{color:#5325dc}.mobile-nav .subtitle{color:#ffffff80}.mobile-nav-toggle{background:none;border:none;cursor:pointer;padding:15px;position:relative;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{display:block;width:100%;height:2px;background-color:#fff;transition:all .3s ease-in-out;transform-origin:center}.hamburger span:nth-child(1){position:absolute;top:0}.hamburger span:nth-child(2){position:absolute;top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){position:absolute;bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 480px){.mobile-nav a{font-size:20px;padding:12px 25px}.mobile-nav li{margin:25px 0}}.home-container{width:100%;height:100%;padding:0;position:relative}.p5-bg-canvas{position:fixed;left:25vw;top:72px;width:75vw;height:calc(100vh - 112px);z-index:0}.p5-bg-mask{position:fixed;left:25vw;top:72px;width:75vw;height:calc(100vh - 112px);background-color:#00000080;z-index:1}.home-container h2{color:#fff;padding:25vh 15% 0;font-size:60px;line-height:1.3}.home-container .subtitle{opacity:.5}.mobile-message{width:100vw;height:100%}.mobile-message h2{font-size:8vw;line-height:1.4;padding-left:18%;padding-top:18vh}@media (max-width: 768px){.p5-bg-canvas,.p5-bg-mask{left:0;width:100vw}}.content-section{color:#fff;text-align:center;background-color:#000;position:relative;font-family:Lalezar,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:75vw;transform:none}.content-section iframe{width:100%;height:100%;border:none}.content-section h1{font-size:108px}.content-section h2{font-size:36px;opacity:.8}@media (max-width: 768px){.content-section{width:100vw;height:calc(100vh - 112px);padding:0}.content-section iframe{width:100%;height:100%}}.pico-container{width:100%;height:100%;padding:0;position:relative}.pico-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.pico-Headset{margin-top:16vh;width:60%;display:flex;justify-content:center}.pico-Headset img{width:100%;height:auto;object-fit:fill;display:block}.pico-title-image{width:100%;height:auto}.pico-title-image img{width:100%;height:auto;object-fit:fill;display:block}.pico-contents{margin-top:10vw;width:100%;display:flex;flex-direction:column}.pico-contents.overlap-title{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:10vw}.spatial-img{width:40%;display:block;margin:0 auto}.spatial-title{position:absolute;left:50%;bottom:0;transform:translate(-50%,55%);font-size:5vw;color:#fff;font-family:Lalezar,sans-serif;text-align:center;white-space:nowrap;text-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.15);margin-top:0;padding:0;z-index:2;pointer-events:none}.pico-contents h1{font-size:60px;margin:5vw 10vw 0}.pico-contents h2{font-size:36px;margin:0 10vw}.pico-contents-text{font-size:12px;font-family:Inter,sans-serif;margin:9px 10vw 0}.pico-contents-big-text{font-size:36px;text-align:center;line-height:max(4vw,48px);margin:8vw 10vw}.pico-contents.two-col{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:9vw}.pico-list-col{width:50%;padding-left:15%;flex:1;color:#fff;font-family:Lalezar,sans-serif}.pico-list-title{font-size:1.5vw;margin-bottom:12px}.pico-list-block{margin-bottom:48px}.pico-list-block ul{list-style:disc inside;margin-left:0;font-size:.9vw}.pico-list-block ul ul{list-style:circle inside;margin-left:16px}.pico-img-col{flex:1;display:flex;flex-direction:column;gap:72px;align-items:center;padding-right:15%}.pico-img-block{width:30vw}.avatar-video{height:75vh;display:block;margin:0 auto}.avatar-title{position:absolute;left:50%;bottom:0;transform:translate(-50%,-65%);font-size:min(10vh,12vw);color:#fff;font-family:Lalezar,sans-serif;text-align:center;white-space:nowrap;text-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.15);margin-top:0;padding:0;z-index:2;pointer-events:none}.full-body-ik-img{padding-top:4vw}.face_video{padding-top:5.5vw;width:73%;display:block;margin:0 auto -4vw}.content_video{padding-top:8vw;padding-bottom:calc(300px - 5vw);width:75%;display:block;margin:0 auto}.showreal-contents{width:100%;height:100%;position:relative;padding:0;margin:0}.kv{width:100%;display:block}.showreal-video{width:100%}.chapter-container{padding:4.444vw 10vw}.chapter-container h1{font-size:48px;color:#fff;font-family:Lalezar,sans-serif;margin-bottom:24px}.chapter-container h2{font-size:36px;color:#fff;font-family:Lalezar,sans-serif;margin-bottom:4px}.chapter-container h3{font-size:24px;color:#fff;font-family:Lalezar,sans-serif;margin-top:48px}.showreal-contents p{font-size:12px;color:#fff;font-family:Inter,sans-serif}.keywords-img1{width:78.47%;margin-left:12.15%;margin-top:72px}.keywords-img2{width:58.68%;margin-left:20.65%;margin-top:72px}.video-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:0;width:100%;margin-top:24px}.video-grid-left{grid-column:1;grid-row:1 / 3}.video-grid-right-top{grid-column:2;grid-row:1}.video-grid-right-bottom{grid-column:2;grid-row:2}.video-grid video{width:100%;height:100%;object-fit:cover}.video-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);column-gap:10%;row-gap:3%;width:86%;margin-left:7%;margin-top:120px}.video-grid-item{display:flex;flex-direction:column;align-items:center}.video-grid-item video{width:100%;object-fit:cover}.video-grid-item p{font-size:12px;color:#fff;font-family:Inter,sans-serif;margin-top:24px;text-align:center;margin-bottom:0}.deliverable-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:0%;width:80%;margin-top:120px;margin-left:20%}.deliverable-text-grid p{font-size:12px;color:#fff;font-family:Inter,sans-serif;margin-bottom:0}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40%;width:50%;margin-left:25%;margin-top:12vw;margin-bottom:4vw}.logo-grid img{width:100%}.logo-title{width:100%;margin-top:10vw;margin-bottom:10vw}.logo-title img{width:216px;display:block;margin-left:auto;margin-right:auto}.logo-title h1{text-align:center;margin-top:24px}.mood-board{width:66%;margin-left:17%;margin-top:3vw;display:block}.color-img{width:100%;margin-top:32px}.code-grid{display:grid;grid-template-columns:.5fr 1fr;gap:17%;width:100%;margin-top:32px}.code-grid video{width:100%;object-fit:cover}.code-grid img{width:100%;height:100%;object-fit:cover}.message-wall-container{display:flex;flex-direction:column;height:calc(100vh - 112px);width:75vw;overflow:hidden}.tldraw-container{flex:1;width:100%;min-height:0}.tldraw-iframe{display:block;width:100%;height:100%;border:none;background-color:#fff;filter:invert(1) hue-rotate(180deg)}@media (max-width: 768px){.message-wall-container{height:calc(100vh - 112px);width:100vw}.tldraw-iframe{height:100%}}@media (max-width: 480px){.message-wall-container{height:calc(100vh - 112px);width:100vw}.tldraw-iframe{height:100%}}