:host .wrapper .headder{color:#fff;height:10vh;text-align:center;line-height:10vh;user-select:none;overflow:hidden;position:relative}:host .wrapper .headder ::slotted(*){font-family:Cofo!important;font-size:7vh!important}:host .wrapper .headder slot[name=h1],:host .wrapper .headder slot[name=h2]{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 2.5s cubic-bezier(.396,0,.329,.951);transition-duration:1s;display:block}:host .wrapper .headder slot[name=h2]{transform:rotateY(90deg)}:host .wrapper .headder:hover slot[name=h1]{transform:rotateY(90deg)}:host .wrapper .headder:hover slot[name=h2]{transform:rotateY(0)}:host .wrapper .content{color:#fff;height:90vh;max-height:0;width:100%;transition:max-height 2.5s cubic-bezier(.396,0,.329,.951)}:host .wrapper .extend{text-align:center;cursor:pointer}:host .wrapper.open .content{max-height:90vh}:host .wrapper.open .headder slot[name=h1]{transform:rotateY(90deg)}:host .wrapper.open .headder slot[name=h2]{transform:rotateY(0)}:host .wrapper.open .headder:hover slot[name=h1]{transform:rotateY(0)}:host .wrapper.open .headder:hover slot[name=h2]{transform:rotateY(90deg)}:host .wrapper{height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}:host .wrapper .headder{color:#fff;text-align:center;overflow:hidden;position:relative}:host .wrapper .headder:hover{cursor:pointer}:host .wrapper .content{color:#fff;height:100%;max-height:0;width:100%;transition:max-height 4s cubic-bezier(.396,0,.329,.951)}:host .wrapper.open{overflow-y:auto}:host .wrapper.open .content{max-height:max-content}@font-face{font-family:Cofo;src:url(/dist/assets/coforaffinethin.3c868c02.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Cofo Regular;src:url(/dist/assets/coforaffineregular.99967ae6.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:FKGrotesk;src:url(/dist/assets/FKGrotesk-Regular.91a186d2.woff) format("woff");font-style:normal;font-display:swap}*::-webkit-scrollbar{width:0px;height:0px}*::-webkit-scrollbar-track{display:none}*::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}*:hover::-webkit-scrollbar-thumb{background-color:#0a1f4b}*::-webkit-scrollbar-thumb:hover{background-color:#4b0a0a}*{font-family:FKGrotesk,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:2vh;letter-spacing:-.02em;ascent-override:90%;descent-override:20%;line-gap-override:0%;size-adjust:100%;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}*::selection{background:white;color:#000}a{color:#fff;text-decoration:none;transition:all .3s ease;text-shadow:0 0 5px rgba(255,255,255,0);animation:glow 1s infinite alternate ease-in-out}a:hover{animation-duration:.3s}@keyframes glow{0%{text-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.3)}50%{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(160,169,255,.6)}to{text-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.3)}}.logoIcon{display:inline-flex}.logoIcon svg{fill:#fff;height:1.5vh}.logoIcon.s svg{height:1.2vh}.info{color:silver;font-size:1.2vh;line-height:1.2vh;display:flex;justify-content:center;width:100%}.fallback{visibility:hidden;opacity:0;transform:blur(2px);transition:opacity .5s ease-in,visibility .3s ease-in,transform 1.5s ease-in}.fallback.unloaded{visibility:visible;opacity:1;transform:none}.cofo{font-family:Cofo;font-size:7vh}:host .grain{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/dist/assets/grain.da4e8a4a.jpg);background-size:100% 100%;background-position:0% 0%;mix-blend-mode:hard-light;opacity:.5}:host .stars{position:absolute;top:0;left:50vw;transition:transform 6s ease-out;transform:translate(-50vw)}:host .stars .star{position:absolute;z-index:10;user-select:none;pointer-events:none;opacity:0;transform:translateY(-31vh) translate(3.3vw) rotate(60deg);transition:transform 6s ease-out,opacity 6s ease-out}:host .stars .star.loaded{transform:none;opacity:1}:host .stars .star svg{fill:silver;animation:glowStar 8s infinite alternate ease-in-out}@keyframes glowStar{90%{opacity:1}90%{opacity:.5}to{opacity:1}}:host .stars .star:nth-child(2n) svg{animation-delay:-.4s;animation-duration:4.8s}:host .stars .star:nth-child(3n) svg{animation-delay:-.8s;animation-duration:5.2s}:host .stars .star:nth-child(4n) svg{animation-delay:-1.2s;animation-duration:5.6s}:host .stars .star:nth-child(5n) svg{animation-delay:-1.6s;animation-duration:6s}:host .stars .star:nth-child(6n) svg{animation-delay:-2s;animation-duration:6.4s}:host .stars .star:nth-child(7n) svg{animation-delay:-2.4s;animation-duration:6.8s}:host .stars .star:nth-child(8n) svg{animation-delay:-2.8s;animation-duration:7.2s}:host .stars .star:nth-child(9n) svg{animation-delay:-3.2s;animation-duration:7.6s}:host .stars .star:nth-child(10n) svg{animation-delay:-3.6s;animation-duration:8s}:host .wrapper{z-index:10;position:relative;color:#fff;height:100%;width:100%;overflow:hidden;mix-blend-mode:overlay;display:flex;flex-direction:column;gap:10vh;justify-content:center;align-items:center;box-sizing:border-box;background-image:radial-gradient(350vw 150vw at 50% 158%,#fcd37f 40%,#be291e 45%,#200c28 59%,#030f2c 69%,#0a1f4b 77.5%,#030f2c 85%,#000000 92.5%,#000000 100%);background-size:150% 200%;background-attachment:scroll;transition:background-position 6s ease-out}:host .wrapper:not(.loaded){background-position:50% 100%!important}:host .wrapper .title{text-align:center;width:max-content;max-width:80vw;font-family:Cofo;font-size:15vh;font-weight:100;letter-spacing:-.04em;transition:opacity 6s ease-out,transform 6s ease-out}:host .wrapper .logo{display:flex;transition:opacity 6s ease-out,transform 6s ease-out}:host .wrapper .logo svg{margin:-13vh 0;fill:#fff;height:33vh}:host .wrapper .contact{display:flex;flex-direction:row;gap:10vh;justify-content:center;overflow-x:auto;white-space:nowrap;width:100%;align-items:center}:host .wrapper .contact img{height:10vh;border-radius:4px}@media (max-aspect-ratio: 1/1){:host .star{display:none}:host .wrapper{padding:10vh 5vh 20vh;height:100%;gap:4vh;background-image:radial-gradient(200vh 200vh at 50% 76%,#e23b2e 20%,#200c28 59%,#030f2c 71%,#0a1f4b 87.5%,#000000 92.5%,#000000 100%)}:host .wrapper .title{display:none}:host .wrapper .contact{flex-direction:column;gap:4vh;text-align:left;align-items:flex-start}:host .wrapper .contact img{display:none}:host .wrapper .logo svg{height:29vh;margin:0;margin-bottom:-8vh}}