:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;overflow:hidden;height:100%}.content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:40vh;color:#fff;text-align:center;transition:padding-top .6s ease}.content.push-up{padding-top:10vh}.light{font-weight:200;color:#fff;font-size:4.8rem}.bold{font-weight:700;color:#fff;font-size:4.8rem}.title-container h1{margin:0;padding:0;line-height:1}.divider-line{width:425px;height:1px;background-color:#fff;margin-top:.05rem}.menu-bar{display:flex;gap:2rem;margin-top:.5rem;justify-content:center}.wave-button{background:none;border:none;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;display:inline-flex;gap:.05rem;transition:color .3s ease;text-decoration:none}.wave-button:hover{color:#af626f}.wave-letter{display:inline-block;animation:waveMotion 15s ease-in-out infinite}@keyframes waveMotion{0%{transform:translateY(0)}25%{transform:translateY(-4px) rotate(-2deg)}50%{transform:translateY(0)}75%{transform:translateY(4px) rotate(2deg)}to{transform:translateY(0)}}.about-dropdown{max-width:700px;margin-top:1.5rem;padding:0;background-color:#000000bf;color:#fff;font-size:1rem;line-height:1.6;border-radius:10px;text-align:justify;overflow:hidden;max-height:0;opacity:0;transition:max-height .6s ease,opacity .6s ease,padding .4s ease}.about-dropdown.open{max-height:60vh;padding:1.5rem;opacity:1;overflow-y:auto}.about-dropdown ol{padding-left:1.2rem}.about-dropdown li{margin-bottom:.8rem}.about-dropdown::-webkit-scrollbar{width:8px}.about-dropdown::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.about-dropdown::-webkit-scrollbar-track{background-color:#0006}.contact-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0009;color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:600px;font-size:.9rem;z-index:1000;box-shadow:0 0 20px #00000080}.contact-form form{display:flex;flex-direction:column}.contact-form label{margin-bottom:.2rem}.contact-form input,.contact-form textarea{padding:.5rem;background-color:#222;color:#fff;border:1px solid #444;border-radius:4px;width:100%}.contact-form button{width:fit-content;padding:.5rem 1rem;background-color:#af626f;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:1rem}.form-buttons{display:flex;gap:1rem;margin-top:1rem}.privacy-btn{background-color:transparent;color:#fff;border:1px solid white;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.privacy-btn:hover{background-color:#af626f;border-color:#af626f}.contact-close{top:-6px;right:14px;font-size:1.5rem;background:none!important;border:none!important;color:#fff;cursor:pointer;position:absolute;padding:0;z-index:2}.contact-close:hover{color:#af626f}.privacy-close{top:6px;right:12px;font-size:1.5rem;background:none!important;border:none!important;color:#fff;cursor:pointer;position:absolute;padding:0;z-index:1001}.privacy-close:hover{color:#af626f}.privacy-modal{position:fixed;top:8vh;left:50%;transform:translate(-50%);width:90%;max-width:600px;background-color:#000000e6;color:#fff;padding:2rem;border-radius:10px;z-index:1000;overflow-y:auto;max-height:80vh}.privacy-modal h2{margin-top:0}.privacy-modal::-webkit-scrollbar{width:8px}.privacy-modal::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.privacy-modal::-webkit-scrollbar-track{background-color:#0006}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.video-background video{width:100%;height:100%;object-fit:cover}.actants-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:2rem;gap:1rem}.actants-title{background:transparent;border:none;color:#fff;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;letter-spacing:.04em;cursor:pointer;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.4);display:inline-flex;align-items:center;gap:.5rem;transition:color .25s ease}.actants-title:hover,.actants-title:focus-visible{color:#af626f;outline:none}.caret{transform:translateY(2px) rotate(0);transition:transform .25s ease}.caret.up{transform:translateY(2px) rotate(180deg)}.collapsible{width:min(900px,92vw);overflow:hidden;transition:max-height .6s ease,opacity .3s ease;opacity:0;will-change:max-height}.collapsible.open{opacity:1}.text-box{background-color:#0009;padding:2rem;border-radius:12px;text-align:justify}.text-box p{margin-bottom:1.2rem;line-height:1.6;color:#fff}.team-floating-layer{position:relative}.return-link-actant{margin-top:1rem;color:#fff;text-decoration:underline;font-weight:500;transition:color .3s ease}.return-link-actant:hover{color:#af626f}.team-member-container{position:fixed;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:700px;text-shadow:0 0 5px rgba(0,0,0,.7);z-index:1;font-size:.8rem;line-height:1.4;text-align:left;overflow:visible}.team-name{margin:0;padding:2px 0;display:block;line-height:.5;white-space:normal;text-align:left;overflow:visible}.team-description{margin:0;padding:2px 0;display:block;line-height:1.6;white-space:nowrap;text-align:left;overflow:visible;font-size:.75rem;font-weight:400}.wave-letter{display:inline-block;vertical-align:baseline;animation:floatWave 5s ease-in-out infinite;white-space:pre;will-change:transform}@keyframes floatWave{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.projects-page{position:relative;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden}.circle-map{position:relative;width:100%;height:100vh;max-width:100vw}.scale-wrapper{transform:scale(calc(min(100vw,1000px)*.001));transform-origin:top left;width:1000px;height:1000px;position:relative}.main-circle{position:absolute;top:180px;left:520px;width:120px;height:120px;border-radius:50%;border:2px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .3s ease,border-color .3s ease}.main-circle span{transition:color .3s ease}.main-circle:hover{transform:scale(1.03)}.main-circle:hover span{color:#af626f}.main-circle .logo{width:40px;height:50px;margin-bottom:.5rem}.project-circle{position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid white;display:flex;align-items:center;justify-content:center;font-size:.75rem;text-align:center}.jun-nal-ye{top:80px;left:100px}.posteden{top:100px;left:740px}.thats-all{top:500px;left:300px}.bestiarium{top:320px;left:160px}.line-posteden{position:absolute;top:210px;left:635px;width:116px;height:1px;background-color:#fff;transform:rotate(-20deg);transform-origin:left center;z-index:0}.line-jun-nal-ye{position:absolute;top:145px;left:200px;width:345px;height:1px;background-color:#fff;transform:rotate(20deg);transform-origin:left center;z-index:0}.line-bestiarium{position:absolute;top:517px;left:388px;width:283.5px;height:1px;background-color:#fff;transform:rotate(-49deg);transform-origin:left center;z-index:0}.line-thats{position:absolute;top:289px;left:541px;width:289px;height:1px;background-color:#fff;transform:rotate(165deg);transform-origin:left center;z-index:0}.info-panel{position:absolute;right:7rem;top:3rem;width:43%;height:100%;background-color:#0000;padding:1rem;border-radius:10px;max-height:85vh;overflow-y:auto;color:#fff}.info-panel h2{margin-top:0;margin-bottom:1rem}.info-panel img{max-width:100%;height:auto;margin-bottom:.1rem;border-radius:8px}.info-panel p{text-align:justify;margin-bottom:rem;line-height:1.5;max-width:90ch}.info-panel::-webkit-scrollbar{width:0px}.info-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.info-panel::-webkit-scrollbar-thumb{background:#353434cc;border-radius:4px}.info-panel::-webkit-scrollbar-thumb:hover{background:#af626f}.return-link{position:absolute;top:320px;left:670px;color:#fff;text-decoration:underline}.return-link:hover,.project-circle.active{color:#af626f}@keyframes floatWave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.more-link{color:#fff;font-weight:700;text-decoration:underline;transition:color .3s ease}.more-link:hover{color:#af626f}
