:root{--space: #04050f;--ink: #ece9df;--muted: rgba(228, 225, 214, .62);--faint: rgba(228, 225, 214, .18);--hair: rgba(228, 225, 214, .12);--blue: #1e34c4;--yellow: #f7cb3c;--navy: #141f66;--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter: clamp(16px, 4vw, 56px);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--space);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/textures/sky1.jpg) center / cover;filter:brightness(.4)}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:6px}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity 1.4s ease}body.ready .webgl,.no-webgl .webgl{opacity:1}.webgl canvas{display:block;outline:none}.labels{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}body.labels-in[data-mode=orbit] .labels{opacity:1;visibility:visible;transition:opacity .6s}.dest{width:0;height:0}.dest-btn{position:absolute;left:calc(var(--r, 10px) + 6px);top:0;transform:translateY(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 0;background:none;border:0;cursor:pointer;pointer-events:auto;white-space:nowrap;opacity:var(--depth, 1);transition:opacity .4s}.dest-line{width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--accent));transition:width .35s ease}.dest-text{display:flex;flex-direction:column;text-align:left}.dest-sector{font:500 10px/1 var(--mono);letter-spacing:.16em;color:var(--accent);margin-bottom:6px}.dest-name{font-size:17px;font-weight:650;letter-spacing:-.01em;line-height:1.1;text-shadow:0 1px 14px rgba(0,0,0,.9);transition:color .3s}.dest-btn:hover,.dest-btn.is-hover{opacity:1}.dest-btn:hover .dest-line,.dest-btn.is-hover .dest-line{width:46px}.dest-btn.is-hover .dest-name{color:#fff}.dest-btn.is-behind{opacity:.06;pointer-events:none}.labels-in .dest-text,.labels-in .dest-line{animation:light-up .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--n, 0) * .13s)}@keyframes light-up{0%{opacity:0;filter:blur(5px);transform:translate(-8px)}to{opacity:1;filter:none;transform:none}}.orbit-ring{position:fixed;z-index:2;translate:-50% -50%;pointer-events:none;opacity:0;transition:opacity .8s}body.labels-in[data-mode=orbit] .orbit-ring{opacity:1}.orbit-ring svg{width:100%;height:100%;overflow:visible;animation:spin 90s linear infinite}.orbit-ring text{font:500 4.6px var(--mono);letter-spacing:.42em;fill:#f7cb3c9e}@keyframes spin{to{transform:rotate(360deg)}}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 70% 50%,var(--veil, #fff) 0%,transparent 62%);mix-blend-mode:screen}.hud{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(20px,env(safe-area-inset-top)) var(--gutter) 0;pointer-events:none;transition:opacity .6s}.hud>*{pointer-events:auto}body[data-mode=loading] .hud{opacity:0;pointer-events:none}.hud-home{display:inline-flex;align-items:center;gap:10px;font:500 12px var(--mono);letter-spacing:.22em;text-decoration:none}.hud-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px var(--yellow)}.hud-return,.hud-menu{display:inline-flex;align-items:center;font-size:14px;font-weight:600;text-decoration:none;padding:10px 18px;border-radius:999px;border:1px solid var(--faint);background:#06081680;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:border-color .25s,color .25s}.hud-return{display:none;border-color:#f7cb3c8c}.hud-return:hover,.hud-menu:hover{border-color:var(--yellow);color:var(--yellow)}body[data-mode=landed] .hud-return{display:inline-flex}body[data-mode=landed] .hud-home,body[data-mode=flying] .hud-home{display:none}.navsheet{position:fixed;z-index:9;top:72px;right:var(--gutter);width:min(300px,calc(100vw - 32px));padding:18px 18px 8px;border:1px solid var(--faint);border-radius:18px;background:#060816e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navsheet[hidden]{display:none}.navsheet-title{font:500 11px var(--mono);letter-spacing:.2em;color:var(--muted);margin-bottom:6px}.navsheet ol{list-style:none}.navsheet a{display:flex;align-items:baseline;gap:14px;padding:13px 4px;font-size:17px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--hair)}.navsheet li:last-child a{border-bottom:0}.navsheet a span{font:500 11px var(--mono);letter-spacing:.1em;color:var(--yellow)}.navsheet a:hover{color:var(--yellow)}.hint{position:fixed;z-index:6;left:50%;bottom:max(28px,env(safe-area-inset-bottom));translate:-50% 0;font-size:13px;letter-spacing:.02em;color:var(--muted);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s}body.labels-in[data-mode=orbit] .hint:not(.is-gone){opacity:1;transition-delay:1.4s}.m-line{white-space:nowrap}.m-line:first-child{font-weight:700}.m-gap{margin-top:1.1em}.m-line .ch{display:inline-block}.m-line .ch-space{width:.28em}.js .manifesto .m-line{opacity:0}.panels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.site-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(380px,44%) 1fr;visibility:hidden;opacity:0;transition:opacity .4s,visibility 0s .4s}.panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .6s}.panel[data-dest=essence]{--accent: #ffe7a3}.panel[data-dest=web]{--accent: #9fb3ff}.panel[data-dest=dev]{--accent: var(--yellow)}.panel[data-dest=naver]{--accent: #6ff0a8}.panel[data-dest=video]{--accent: #ffab78}.panel[data-dest=office]{--accent: var(--ink)}.panel[data-dest=contact]{--accent: var(--yellow)}.panel-text{position:relative;overflow-y:auto;padding:128px var(--gutter) 72px;background:linear-gradient(90deg,#03040ced,#03040ccc 62%,#03040c00);scrollbar-width:thin}.panel-stage{position:relative}.eyebrow{font:500 12px var(--mono);letter-spacing:.22em;color:var(--accent, var(--yellow));margin-bottom:18px}.panel h2{font-size:clamp(40px,5vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.04;outline:none}.lede{margin-top:20px;max-width:24em;font-size:clamp(17px,1.45vw,21px);line-height:1.6}.lede strong{display:inline-block;margin-bottom:4px;font-size:1.15em;font-weight:700;color:#fff}.spec{list-style:none;margin-top:40px;border-top:1px solid var(--hair);max-width:34em}.spec li{display:grid;grid-template-columns:44px 1fr;padding:18px 0;border-bottom:1px solid var(--hair)}.spec-no{font:500 12px var(--mono);color:var(--accent);padding-top:4px}.spec h3{font-size:17px;font-weight:700;margin-bottom:5px}.spec p{font-size:15px;line-height:1.6;color:var(--muted)}.manifesto{margin-top:36px;font-size:clamp(21px,2.1vw,30px);line-height:1.75;letter-spacing:-.01em}.founder{margin-top:44px;max-width:30em}.founder-sign{display:flex;align-items:baseline;gap:12px}.founder-sign span{font-size:13px;color:var(--muted)}.founder-sign strong{font-size:24px;font-weight:700;letter-spacing:.02em}.founder .facts{margin-top:16px}.facts{margin-top:36px;max-width:30em;border-top:1px solid var(--hair)}.facts div{display:grid;grid-template-columns:110px 1fr;padding:16px 0;border-bottom:1px solid var(--hair)}.facts dt{font-size:13px;color:var(--muted);padding-top:2px}.facts dd{font-size:16px}.facts address{font-style:normal}.facts dd a{text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:4px;transition:color .25s,text-decoration-color .25s}.facts dd a:hover{color:var(--yellow);text-decoration-color:var(--yellow)}.bb-playing .bb{opacity:.32;transition:opacity .18s ease-in}.bb-playing .bb.on{opacity:1}.bb-ball{position:absolute;left:0;top:0;z-index:2;width:12px;height:12px;opacity:0;pointer-events:none;will-change:transform}.bb-y{width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--accent, var(--yellow)),0 0 14px 2px var(--accent, var(--yellow)),0 0 34px var(--accent, var(--yellow));will-change:transform}.ref-orbit{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y;cursor:grab}.ref-orbit:active{cursor:grabbing}.ref-card{position:absolute;left:0;top:0;width:clamp(150px,14vw,220px);aspect-ratio:4 / 3;padding:0;background:none;border:0;cursor:pointer;opacity:0;filter:brightness(calc(.35 + var(--depth, 1) * .65)) blur(calc((1 - var(--depth, 1)) * 1.4px));will-change:transform}.ref-card .ref-frame,.ref-card .ref-cap{opacity:var(--fade, 1)}.ref-frame{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:10px;border:1px dashed rgba(228,225,214,.4);background:#080a1a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .25s}.ref-frame img,.ref-frame video,.observe-frame img,.observe-frame video,.porthole-view img,.porthole-view video{display:block;width:100%;height:100%;object-fit:cover}.ref-card:hover .ref-frame{border-color:var(--yellow)}.ref-card.is-filled .ref-frame{border:1px solid rgba(228,225,214,.28)}.ref-card.is-video .ref-frame:after{content:"";position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:50%;background:#04050fb8;box-shadow:0 0 0 1px #f7cb3cb3}.ref-card.is-video .ref-frame:before{content:"";position:absolute;z-index:1;right:16px;bottom:15px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--yellow)}.ref-card.is-filled .ref-cap{font:600 12px var(--sans);letter-spacing:0;color:var(--ink)}.observe-frame:has(img,video){border-color:transparent;background:transparent}.observe-frame img,.observe-frame video{object-fit:contain}.ref-cap{position:absolute;left:2px;top:calc(100% + 8px);font:500 10px var(--mono);letter-spacing:.16em;color:var(--muted);white-space:nowrap}.slot-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.slot-cross{position:absolute;left:50%;top:50%;width:18px;height:18px;translate:-50% -50%}.slot-cross:before,.slot-cross:after{content:"";position:absolute;background:#e4e1d673}.slot-cross:before{left:50%;top:0;bottom:0;width:1px}.slot-cross:after{top:50%;left:0;right:0;height:1px}.observe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:var(--gutter);background:#02030ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.observe[hidden]{display:none}.observe-frame{position:relative;width:min(82vw,1100px);max-height:70vh;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;border:1px dashed rgba(228,225,214,.35);background:#0a0c1e99}.observe-frame .slot-cross{width:28px;height:28px}.observe:before{content:"";position:absolute;left:50%;top:50%;width:calc(min(82vw,1100px) + 28px);aspect-ratio:16 / 10;max-height:calc(70vh + 28px);translate:-50% -50%;pointer-events:none;--c: var(--yellow);background:linear-gradient(var(--c),var(--c)) top left / 22px 1.5px,linear-gradient(var(--c),var(--c)) top left / 1.5px 22px,linear-gradient(var(--c),var(--c)) top right / 22px 1.5px,linear-gradient(var(--c),var(--c)) top right / 1.5px 22px,linear-gradient(var(--c),var(--c)) bottom left / 22px 1.5px,linear-gradient(var(--c),var(--c)) bottom left / 1.5px 22px,linear-gradient(var(--c),var(--c)) bottom right / 22px 1.5px,linear-gradient(var(--c),var(--c)) bottom right / 1.5px 22px;background-repeat:no-repeat}.observe-meta{position:absolute;left:var(--gutter);bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px 20px;font:500 12px var(--mono);letter-spacing:.12em;color:var(--muted)}.observe-index{color:var(--yellow)}.observe-title{color:var(--ink);font:600 14px var(--sans);letter-spacing:0}.observe-cap{font:400 13px var(--sans);letter-spacing:0}.observe-link{font:600 13px var(--sans);letter-spacing:0;color:var(--yellow);text-decoration:none;border-bottom:1px solid rgba(247,203,60,.4)}.observe-link:hover{border-bottom-color:var(--yellow)}.observe-link[hidden]{display:none}.observe-btn,.observe-close{position:absolute;padding:10px 16px;font:500 12px var(--mono);letter-spacing:.14em;color:var(--ink);background:#06081699;border:1px solid var(--faint);border-radius:999px;cursor:pointer}.observe-btn:hover,.observe-close:hover{border-color:var(--yellow);color:var(--yellow)}.observe-prev{left:var(--gutter);top:50%;translate:0 -50%}.observe-next{right:var(--gutter);top:50%;translate:0 -50%}.observe-close{right:var(--gutter);top:max(20px,env(safe-area-inset-top))}.portholes{position:absolute;top:6%;right:4%;bottom:6%;left:4%;--pw: clamp(200px, 22vw, 330px)}.porthole{position:absolute;width:calc(var(--pw) * var(--s));aspect-ratio:1;translate:-50% -50%;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.porthole-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 210deg,#d6d1c3,#6f6b63,#ece8dc,#57544e,#b9b4a7,#d6d1c3);box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #ffffff40;transition:box-shadow .3s}.porthole-rim i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#3b3833;box-shadow:inset 0 1px #ffffff8c;transform:rotate(calc(var(--k) * 30deg)) translateY(calc(var(--pw) * var(--s) * -.455))}.porthole-glass{position:absolute;top:9%;right:9%;bottom:9%;left:9%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 38%,#141c52,#05061a 75%);box-shadow:inset 0 0 0 2px #000000b3,inset 0 10px 34px #000c}.porthole-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#fff3,#fff0 42%);pointer-events:none}.porthole-view{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;display:block;transition:transform .25s ease-out}.porthole .slot-empty{top:22%;right:22%;bottom:22%;left:22%;border:1px dashed rgba(228,225,214,.28);border-radius:50%}.porthole-label{position:absolute;left:50%;bottom:16%;translate:-50% 0;font:500 10px var(--mono);letter-spacing:.18em;color:#e4e1d68c;white-space:nowrap}.porthole.is-filled .porthole-label{display:none}.porthole:hover .porthole-rim{box-shadow:0 0 0 1px var(--yellow),0 0 44px #f7cb3c4d,0 18px 50px #0000008c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel.panel--contact{display:flex;align-items:center;justify-content:center;padding:72px 16px 24px}.lw{position:relative;display:block;flex:none;width:var(--lw-w, calc(1000px * var(--lw-scale, 1)));height:calc(562px * var(--lw-scale, 1));overflow:hidden;border-radius:calc(40px * var(--lw-scale, 1));text-decoration:none;box-shadow:0 0 0 1px #ffffff14,0 40px 140px #000000b3}.lw-content{position:absolute;left:var(--lw-x, 0px);top:0;width:1000px;height:562px;overflow:hidden;background:#000;transform-origin:0 0;transform:scale(var(--lw-scale, 1));animation:lw-brightness 200s linear infinite alternate}.lw-full{width:1000px;height:562px;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:lw-zoom 200s linear infinite alternate}.lw-bg{position:absolute;width:1000px}.lw-boy{position:absolute;width:1000px;z-index:2;animation:lw-blur 200s linear infinite alternate}.lw-box{display:flex;align-items:center;justify-content:center}.lw-cube{position:relative;width:870px;height:190px;transform-style:preserve-3d;perspective:480px;perspective-origin:51% 70%}.lw-face{position:absolute;width:870px;height:190px;display:flex;align-items:center;overflow:hidden;opacity:.5}.lw-top,.lw-bottom{width:870px;height:870px}.lw-front{transform:translateZ(435px);display:none}.lw-back{transform:translateZ(-435px) rotateY(180deg) scaleX(-1)}.lw-left{transform:translate(-435px) rotateY(-90deg) scaleX(-1)}.lw-right{transform:translate(435px) rotateY(90deg) scaleX(-1)}.lw-top{transform:translateY(-435px) rotateX(90deg) scaleY(-1)}.lw-bottom{transform:translateY(-245px) rotateX(-90deg) scaleY(-1)}.lw-face p{flex:none;white-space:nowrap;font-family:"Bebas Neue",var(--sans);font-weight:400;font-size:109px;line-height:1.2;padding-top:20px;color:#fff;animation:lw-flow var(--lw-dur, 40s) linear infinite}.lw-face p span{color:var(--yellow)}.lw-sep{display:inline-block;width:.9em}.lw-left p{margin-left:480px}.lw-back p{margin-left:-390px}.lw-right p{margin-left:-1260px}.lw-hue{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;mix-blend-mode:overlay;background:radial-gradient(ellipse at center,#1e3fb0 0,#7db9e8);animation:lw-hue 8s infinite}.lw-reflect{position:absolute;margin-top:380px;filter:blur(10px)}.lw-reflect .lw-cube{perspective-origin:51% -30%}.lw-reflect .lw-back{transform:translateZ(-435px) rotateY(180deg) scaleX(-1) scaleY(-1)}.lw-reflect .lw-left{transform:translate(-435px) rotateY(-90deg) scaleX(-1) scaleY(-1)}.lw-reflect .lw-right{transform:translate(435px) rotateY(90deg) scaleX(-1) scaleY(-1)}.lw-reflect .lw-face p{transform:scaleY(.7)}.panel:not(.is-open) .lw *,.panel:not(.is-open) .lw-content{animation-play-state:paused}@keyframes lw-flow{to{translate:calc(-1 * var(--lw-shift, 8000px)) 0}}@keyframes lw-hue{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(100deg)}}@keyframes lw-zoom{0%{transform:scale(1)}to{transform:scale(2.5)}}@keyframes lw-blur{0%{filter:blur(0)}to{filter:blur(3px)}}@keyframes lw-brightness{0%{filter:brightness(1) contrast(1)}to{filter:brightness(.8) contrast(1.3)}}@media (max-width: 760px){.dest-name{font-size:15px}.dest-line{width:16px}.hud-home{font-size:11px;letter-spacing:.16em}.hud-return,.hud-menu{font-size:13px;padding:9px 14px}.navsheet{top:auto;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto}.hint{font-size:12px}.veil{background:radial-gradient(circle at 50% 25%,var(--veil, #fff) 0%,transparent 60%)}.panel{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-stage{order:-1;flex:0 0 52vh}.panel-text{overflow:visible;padding:12px 20px 56px;background:linear-gradient(180deg,#03040c00 0,#03040ceb 72px,#03040cf2)}.panel h2{font-size:40px}.ref-card{width:clamp(104px,30vw,150px)}.portholes{top:70px;right:0;bottom:0;left:0;--pw: 46vw}.observe-frame{width:100%}.observe:before{width:calc(100% - 4px)}.observe-prev,.observe-next{top:auto;bottom:76px;translate:none}.observe-meta{bottom:28px}}@media (prefers-reduced-motion: reduce){.orbit-ring svg{animation:none}.lw *,.lw-content{animation:none!important}.labels-in .dest-text,.labels-in .dest-line{animation:none}}.no-js body,.no-webgl body{overflow:auto}.no-js .labels,.no-js .orbit-ring,.no-js .hint,.no-js .hud-menu,.no-js .panel-stage,.no-webgl .labels,.no-webgl .orbit-ring,.no-webgl .hint,.no-webgl .hud-menu,.no-webgl .panel-stage,.no-webgl .veil,.no-js .veil{display:none}.no-js .panels,.no-webgl .panels{position:relative;pointer-events:auto}.no-js .panel,.no-webgl .panel{position:relative;display:block;visibility:visible;opacity:1;pointer-events:auto}.no-js .panel-text,.no-webgl .panel-text{overflow:visible;padding:72px var(--gutter);background:none}.no-js .site-title,.no-webgl .site-title{position:static;width:auto;height:auto;clip-path:none;white-space:normal;padding:140px var(--gutter) 24px;font-size:clamp(36px,6vw,72px);font-weight:800;letter-spacing:-.04em}.no-js .site-title span,.no-webgl .site-title span{display:block;margin-top:12px;font-size:16px;font-weight:500;letter-spacing:0;color:var(--muted)}.no-webgl .manifesto .m-line{opacity:1}