@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Alegreya&display=swap";:root{--logo-color: rgb(245, 197, 31);--elara-blue: rgb(0, 120, 255);--elara-blue-dark: rgb(1, 17, 35);--elara-blue-soft: rgba(0, 120, 255, .28);--studio-gold: var(--logo-color);--studio-gold-soft: rgba(245, 197, 31, .4);--studio-gold-wash: rgba(245, 197, 31, .08);--rendering-green: rgb(0, 255, 87);--rendering-green-soft: rgba(0, 255, 87, .47);--ink: #0a0a0a;--ink-card: #0e0e0e;--line: #1f1f1f;--ink-text: #fff;--ink-text-strong: rgba(255, 255, 255, .85);--ink-text-body: rgba(255, 255, 255, .72);--ink-text-muted: rgba(255, 255, 255, .5);--ink-text-faint: rgba(255, 255, 255, .4);--ink-text-ghost: rgba(255, 255, 255, .28);--ink-hairline: rgba(255, 255, 255, .08);--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--font-serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--font-body: "Alegreya", serif;--font-hand: "Gloria Hallelujah", cursive;--warm-ground: #b3841c;--warm-ground-deep: #8a5a17;--warm-card: #ece7e6;--warm-card-inner: #ffffff;--warm-line: rgba(148, 119, 114, .68);--warm-text: #1c1206;--warm-text-body: #3a2610;--warm-text-muted: rgba(42, 26, 8, .7);--warm-text-faint: rgba(42, 26, 8, .5);--warm-text-ghost: rgba(42, 26, 8, .3);--seam-blue: #2f81d6;--instrument-bg: rgba(0, 0, 0, .5);--instrument-bg-hover: rgba(0, 0, 0, .34);--instrument-shadow: drop-shadow(2px 4px 6px #000);--section-veil: rgba(0, 0, 0, .28);--ground-gold: radial-gradient(120% 90% at 50% 0%, var(--studio-gold) 0%, var(--warm-ground) 46%, var(--warm-ground-deep) 100%);--ground-sun: radial-gradient(120% 90% at 50% 0%, rgb(255 232 202) 0%, #b59856 46%, var(--warm-ground-deep) 100%);--primary-color: rgba(0, 0, 0, 1);--primary-color-90: rgba(0, 0, 0, .9);--secondary-color: var(--logo-color)}@property --beat-color{syntax: "<color>"; inherits: true; initial-value: rgb(0,255,87);}@keyframes studio-beat{0%{--beat-color: var(--rendering-green)}33%{--beat-color: var(--studio-gold)}66%{--beat-color: var(--elara-blue)}to{--beat-color: var(--rendering-green)}}:root{--background-color: cornsilk;--text-color: #000000}[data-theme=dark]{--background-color: rgb(0 9 33);--text-color: #ffffff}:root{font-family:Alegreya,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}body{font-family:Alegreya,sans-serif;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color 1s,color 1s;background:var(--primary-color)!important}h1{font-size:3.2em;line-height:1.1}svg.loading-letters{mix-blend-mode:color-dodge}.alegreya{font-family:Alegreya,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}svg{mix-blend-mode:darken}svg.loading-letters{position:absolute;bottom:50%;left:53%;height:100%;width:240%;transform:translate(-20.95%,45.65%);fill:transparent;stroke:#dcdcdc;stroke-width:18px}svg.loading-letters g.loading__letter.ani-direction-in.inner-logo polyline{opacity:0}svg.loading-letters g.loading__letter.ani-direction-in.inner-logo polyline.revealed{opacity:1}svg.loading-letters g.loading__letter.ani-direction-in polyline.loading{opacity:0}svg.loading-letters g.loading__letter.ani-direction-in polyline.loading.revealed{opacity:1}svg.loading-letters g.loading__letter.ani-direction-in circle.inner{opacity:0}svg.loading-letters g.loading__letter.ani-direction-in circle.inner.revealed{opacity:1}svg.loading-letters g.loading__letter.ani-direction-in polyline.inner{stroke:transparent}svg.loading-letters g.loading__letter.ani-direction-out.inner-logo polyline{opacity:1}svg.loading-letters g.loading__letter.ani-direction-out.inner-logo polyline.revealed{opacity:0}svg.loading-letters g.loading__letter.ani-direction-out polyline.loading{opacity:1}svg.loading-letters g.loading__letter.ani-direction-out polyline.loading.revealed{opacity:0}svg.loading-letters g.loading__letter.ani-direction-out circle.inner{opacity:1}svg.loading-letters g.loading__letter.ani-direction-out circle.inner.revealed{opacity:0}svg.loading-letters g.loading__letter.ani-direction-out polyline.inner{stroke:#dcdcdc}svg.loading-letters g.loading__letter polyline.loading{transition:stroke-width .3s ease,opacity .5s ease-out}svg.loading-letters g.inner-logo{position:absolute;margin:0}svg.loading-letters g.inner-logo polyline.active{stroke-width:8px;fill:transparent}svg.loading-letters g.loading__letter polyline.loading{fill:transparent;stroke-width:var(--stroke-loading, 62px);stroke:#524f43;opacity:.675;stroke-linejoin:round;stroke-linecap:round;stroke:#ebbd21}svg.loading-letters g.loading__letter polyline.loading.active{stroke-width:24px}svg.loading-letters g.loading__letter polyline.loading.revealed{stroke:#524f43}svg.loading-letters g.loading__letter polyline.loading.inner{stroke-width:var(--stroke-inner, 36px);stroke-linejoin:round;opacity:1}svg.loading-letters g.loading__letter polyline.loading.inner.active{stroke:#dcdcdc;opacity:0;stroke-width:12px}svg.loading-letters g.loading__letter polyline.loading.revealed.inner{stroke:#dcdcdc}svg.loading-letters g.loading__letter polyline.loading.inner-inner{stroke-width:var(--stroke-inner-inner, 4px);stroke:#f5f5f5cc}svg.loading-letters g.loading__letter circle.dot{stroke-width:4px;fill:#ebbd21}svg.loading-letters .active{stroke-width:18px;opacity:1}svg.loading-letters .inner{stroke:#f5f2ed47}svg.loading-letters circle{stroke-width:var(--stroke-circle, 5px)}svg.loading-letters circle.inner{stroke-width:var(--stroke-circle, 5px);opacity:1}svg.loading-letters circle.inner.active{stroke-width:10px}svg.loading-letters circle.inner.revealed{opacity:1;stroke-width:7px!important;stroke:#f0f0f05c}svg.loading-letters .dotcircle.inner{stroke-width:1px;stroke:transparent}.loading-letters{filter:none}.loading-letters g.inner-logo{stroke-width:1px}.wrapper-sidebar-item.active svg.inner-small-triagle{scale:1}.wrapper-sidebar-item.active svg.inner-small-triagle g polyline.bg_right,.wrapper-sidebar-item.active svg.inner-small-triagle g polyline.bg_left,.wrapper-sidebar-item.active svg.inner-small-triagle g polyline.bg_bottom{fill:#f6c937}svg.inner-small-triagle g polyline.bg_right,svg.inner-small-triagle g polyline.bg_left,svg.inner-small-triagle g polyline.bg_bottom{fill:transparent;fill:#f6c93717;stroke:#8b4513b3}svg.inner-small-triagle g polyline.triangle{fill:#f6c937}svg.logo.played .inner-triangle{fill:#25c923}.designed-arrow,.loading-letters,.logo{transition:fill 1.5s ease}.designed-arrow.shadow,.loading-letters.shadow,.logo.shadow{filter:drop-shadow(-18px -16px 0px rgba(245,197,31,.15))}.designed-arrow.rotate-90,.loading-letters.rotate-90,.logo.rotate-90{transform:rotate(90deg);transition:transform 2s ease}.designed-arrow.swap-triangle,.loading-letters.swap-triangle,.logo.swap-triangle{filter:drop-shadow(0px -20px 0px rgba(0,0,0,.3))!important}.designed-arrow g polyline,.loading-letters g polyline,.logo g polyline{transition:fill 1.5s ease;cursor:pointer;stroke-width:1px}.designed-arrow g polyline.bg,.loading-letters g polyline.bg,.logo g polyline.bg{fill:#cda159bf}.designed-arrow g polyline.bg_botton,.designed-arrow g polyline.bg_right,.designed-arrow g polyline.bg_left,.loading-letters g polyline.bg_botton,.loading-letters g polyline.bg_right,.loading-letters g polyline.bg_left,.logo g polyline.bg_botton,.logo g polyline.bg_right,.logo g polyline.bg_left{stroke:#8b4513b3;fill:#fdd22bbf}.designed-arrow g polyline.bg_triangle-left,.designed-arrow g polyline.bg_triangle-right,.designed-arrow g polyline.bg_triangle-bottom,.loading-letters g polyline.bg_triangle-left,.loading-letters g polyline.bg_triangle-right,.loading-letters g polyline.bg_triangle-bottom,.logo g polyline.bg_triangle-left,.logo g polyline.bg_triangle-right,.logo g polyline.bg_triangle-bottom{fill:transparent}.designed-arrow g polyline.sqr-triangle,.loading-letters g polyline.sqr-triangle,.logo g polyline.sqr-triangle{fill:#ce9a05eb;stroke:#8b4513b3}.designed-arrow g polyline.outer-triangle,.loading-letters g polyline.outer-triangle,.logo g polyline.outer-triangle{fill:#ecbc34;stroke:#8b4513b3}.designed-arrow g polyline.inner-triangle,.loading-letters g polyline.inner-triangle,.logo g polyline.inner-triangle{fill:#fdd22bc4;scale:.85;stroke:#8b4513b3}.designed-arrow g polyline.inner-triangle:hover,.loading-letters g polyline.inner-triangle:hover,.logo g polyline.inner-triangle:hover{fill:#fdd22b}.designed-arrow g polyline.inner-triangle.active,.loading-letters g polyline.inner-triangle.active,.logo g polyline.inner-triangle.active{fill:#5fc420}.designed-arrow g polyline.transparent,.loading-letters g polyline.transparent,.logo g polyline.transparent{fill:transparent}.designed-arrow.inner-sqr,.loading-letters.inner-sqr,.logo.inner-sqr{filter:none}.designed-arrow.inner-sqr g polyline.triangle,.loading-letters.inner-sqr g polyline.triangle,.logo.inner-sqr g polyline.triangle{fill:#f4c14f;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.3))}svg.loading-letters g.loading__letter circle.loading.inner{stroke-width:1px}.swap-down-svg-wrapper.swap-triangle{cursor:pointer}.swap-down-svg-wrapper.swap-triangle text{fill:#bb8635;opacity:0;animation:fadeInOutTop 3s linear infinite}.swap-down-svg-wrapper.swap-triangle g{opacity:0}.swap-down-svg-wrapper.swap-triangle g:nth-child(1){animation:fadeInOutBottom 3s linear infinite}.swap-down-svg-wrapper.swap-triangle g polyline{stroke:2px green;stroke:#deb887}.swap-down-svg-wrapper.swap-triangle g polyline.swap-triangle__outter{fill:#fcbc108a}.swap-down-svg-wrapper.swap-triangle g polyline.swap-triangle__inner{fill:#fdd22ba1}@keyframes fadeInOutTop{0%{opacity:.66}20%{opacity:.33}40%{opacity:0}60%{opacity:.33}80%{opacity:.66}to{opacity:1}}@keyframes fadeInOutBottom{0%{opacity:.66}20%{opacity:1}40%{opacity:.66}60%{opacity:.33}80%{opacity:0}to{opacity:.33}}.logo-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:600px;margin:auto;padding-top:5%}.logo-container .logo-image{width:auto;height:250px}.alphabet{display:flex;justify-content:center;height:100%}.alphabet svg.logo,.alphabet svg.logo__letters{position:absolute}.alphabet svg.logo__letters{position:absolute;rotate:-30deg}.alphabet .polyline-letter{fill:none;stroke:#191919;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.alphabet div.wrapper-word{width:100%;margin-top:auto}.alphabet div.wrapper-word svg{height:150px}.alphabet div.wrapper-word polyline.letter-outer,.alphabet div.wrapper-word polyline.letter-inner,.alphabet div.wrapper-word polyline.letter-inner-inner{fill:none;stroke-linecap:round;stroke-linejoin:round}.alphabet div.wrapper-word polyline.letter-outer{stroke:#626262;stroke-width:16}.alphabet div.wrapper-word polyline.letter-inner{stroke:#d6d6d6;stroke:#626262;stroke-width:10}.alphabet div.wrapper-word polyline.letter-inner-inner{stroke:#fffc;stroke:#626262;stroke-width:2;opacity:.6}.alphabet div.wrapper-word circle.letter-point{fill:#ffffff3d;stroke:#fff6;stroke-width:2}.alphabet div.wrapper-word .letter-rect{fill:transparent;opacity:.1}.alphabet input{position:absolute;right:0;bottom:0}.gradient-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate}.gradient-background .gradient-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--gb-position, 50% 50%),var(--gb-color),transparent var(--gb-reach, 70%));will-change:opacity}.gradient-background[data-animate=true] .gradient-background-layer{opacity:0;animation:gradient-background-fade var(--gb-period, 8s) ease-in-out infinite;animation-delay:var(--gb-delay, 0s)}.gradient-background[data-animate=false] .gradient-background-layer{opacity:1}.gradient-background[data-single=true][data-animate=true] .gradient-background-layer{opacity:1;animation:gradient-background-breathe var(--gb-period, 8s) ease-in-out infinite;animation-delay:0s}.gradient-background .gradient-background-content{position:relative;z-index:1;height:100%;width:100%}@keyframes gradient-background-fade{0%{opacity:1}33%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes gradient-background-breathe{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.gradient-background .gradient-background-layer{animation:none!important;opacity:1}}#fluidCanvas{position:fixed;top:0;left:0;width:100%;height:100vh;background:transparent;pointer-events:none}#fluidCanvas.qi-fluid-bg{position:absolute;top:0;left:0;border:0;right:0;background-color:#060a23}.logo--container{position:absolute;left:0;right:0;top:0;bottom:0}.logo--container canvas.logo_idea{display:block;width:1340px;height:1038px;scale:.65;top:10%;transform:translate(232px,581px) rotate3d(.9,-.2,.4,75deg)}.studio-door-hero-runway{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0}.studio-door-hero{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background:#0a0a0a;display:flex;align-items:center;justify-content:center}.studio-door-hero canvas#fluidCanvas.studio-door-fluid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;z-index:0}.studio-door-hero .studio-door-hero-logo-group{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .1s linear}.studio-door-hero .studio-door-hero-composition{position:relative;width:min(92vmin,1000px);aspect-ratio:1/1;overflow:hidden}.studio-door-hero .logo-3d-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.studio-door-hero .logo-3d-container canvas{width:100%!important;height:100%!important;top:0!important;scale:1!important;transform:none!important}.studio-door-hero .logo-container{mix-blend-mode:color-dodge;position:absolute;z-index:10;top:76%;left:50%;width:60%;margin:0;padding-top:0;transform:translate(-50%,-50%)}.studio-door-hero .logo-image{display:none}.studio-door-hero svg.loading-letters{position:static;transform:none;width:100%;height:auto;aspect-ratio:1060/850}.studio-door-hero .svg-text{position:absolute;z-index:10;bottom:12%;left:50%;width:min(90vw,480px);transform:translate(-50%);text-align:center;transition:opacity .5s ease}.studio-door-hero .svg-text text{fill:#fff8dc;stroke:transparent;font-family:Alegreya,serif;font-weight:900;font-style:normal}@property --seal-pulse{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes seal-pulse{0%,33%,66%,to{--seal-pulse: 1}16.5%,49.5%,83%{--seal-pulse: .5}}.seal{position:relative;display:grid}.seal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--seal-radius, inherit);padding:var(--seal-border, 1.5px);pointer-events:none;opacity:calc(var(--seal-intensity, 0) * var(--seal-pulse, 1));transition:opacity .25s ease;background:radial-gradient(circle var(--seal-reach, 130px) at var(--seal-x, 50%) var(--seal-y, 50%),var(--beat-color, #fff),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.seal-ring[data-pulse=true]{animation:seal-pulse 8s linear infinite}.seal-ring[data-active=false]{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.seal-ring{transition:none;animation:none}}@keyframes door-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.studio-door-page{position:relative;background:var(--ink);animation:studio-beat 8s linear infinite}@media (prefers-reduced-motion: reduce){.studio-door-page{animation:none}}.studio-door{position:relative;z-index:1;width:100%;min-height:calc(100vh + 700px);background:transparent;color:#fff;font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8vh 6vw 5vh;box-sizing:border-box}.studio-door .door-middle{max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;animation:door-fade-up 1.2s ease-out .9s both;transition:transform .1s linear;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:25px;padding:5%;position:relative;overflow:hidden}.studio-door .door-middle .gradient-background.door-elara-env{z-index:-1}.studio-door .door-elara-label{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--studio-gold);margin-bottom:22px}.studio-door .door-elara-label img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--studio-gold-soft)}.studio-door .door-elara-label span{background:#0a0a0aa8}.studio-door .door-elara-intro{font-family:var(--font-serif);font-size:1.1rem;line-height:1.7;font-style:italic;color:#ffffffeb}.studio-door .door-elara-intro p+p{margin-top:18px;font-size:.95rem;color:#ffffff8c}.studio-door .door-refrain{margin-top:8vh;font-family:var(--font-serif);font-style:italic;font-size:.88rem;color:#ffffff61;letter-spacing:.02em;animation:door-fade-up 1s ease-out 2.2s both}@media (max-width: 640px){.studio-door{padding:6vh 5vw 4vh}.studio-door .door-elara-intro{font-size:1rem}}