body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffcef;font-family:Times New Roman,Times,serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--light-green:#6dad85}h4{font-border:2px solid #aaeaff}h2,h4{color:#6dad85;font-weight:550!important}h2:hover{color:#aaeaff #498f63}h5{color:#6dad85;font-weight:550!important}h5:hover{color:#498f63}h6{color:#6dad85}.link,h6{font-weight:550!important}.link{color:#6eab84;text-decoration:none}.link:hover{color:#aaeaff #498f63}.MuiButton-root,.important-text{font-weight:550!important}.MuiButton-root{background-color:"transparent"!important;border:2px solid #6eab84!important;border-radius:0!important;color:#6dad85!important;display:flex;height:32px;text-transform:lowercase!important}.MuiButton-root:hover{background-color:#aaeaff!important;color:#fff!important}.MuiTypography-root{font-family:Helvetica Neue,Courier,Times,monospace!important}.scrolly2reel .MuiTypography-root{font-family:Helvetica Neue,Times,serif!important}.scrolly2reel h2,.scrolly2reel h4{color:#474e4a;font-weight:550!important}.scrolly2reel h2:hover{color:#474e4a}.scrolly2reel h3,.scrolly2reel h5{color:#474e4a;font-weight:550!important}.scrolly2reel h5:hover{color:#474e4a}.scrolly2reel .link,.scrolly2reel h6{color:#474e4a;font-weight:550!important}.scrolly2reel .link{text-decoration:none}.scrolly2reel .link:hover{color:#f1f1f1}.scrolly2reel .MuiButton-root{background-color:"transparent"!important;border:2px solid #474e4a!important;border-radius:0!important;color:#f9f9f9!important;display:flex;font-weight:550!important;height:32px}.scrolly2reel .MuiButton-root:hover{background-color:#474e4a!important}.didup .MuiTypography-root{font-family:Monaco!important}.didup h2,.didup h4{color:#9a4e4e;font-weight:550!important}.didup h2:hover,.didup h3{color:#9a4e4e}.didup h3{font-weight:700!important}.didup h5{font-weight:550!important}.didup h5,.didup h5:hover,.didup h6{color:#474e4a}.didup .link,.didup h6{font-weight:550!important}.didup .link{color:#9a4e4e;text-decoration:none}.didup .link:hover{color:#f1f1f1}.didup .MuiButton-root{background-color:initial!important;border:2px solid #9a4e4e!important;border-radius:0!important;color:#9a4e4e!important;display:flex;font-weight:550!important;height:32px}.didup .MuiButton-root:hover{background-color:#9a4e4e!important}.dynex .MuiTypography-root{font-family:Avenir!important}.dynex h2,.dynex h4{color:#9a4e4e;font-weight:550!important}.dynex h2:hover,.dynex h3{color:#9a4e4e}.dynex h3{font-weight:700!important}.dynex h5{color:#9a4e4e;font-weight:550!important}.dynex h5:hover,.dynex h6{color:#474e4a}.dynex .link,.dynex h6{font-weight:550!important}.dynex .link{color:#9a4e4e;text-decoration:none}.dynex .link:hover{color:#f1f1f1}.dynex .MuiButton-root{background-color:initial!important;border:2px solid #9a4e4e!important;border-radius:0!important;color:#9a4e4e!important;display:flex;font-weight:550!important;height:32px}.dynex .MuiButton-root:hover{background-color:#9a4e4e!important}.agentdynex .MuiTypography-root{font-family:Helvetica Neue!important}.agentdynex h2,.agentdynex h4{color:#9d5ba3;font-weight:550!important}.agentdynex h2:hover{color:#9d5ba3}.agentdynex h3{color:#9d5ba3;font-weight:700!important}.agentdynex h5{color:#9d5ba3;font-weight:550!important}.agentdynex h5:hover{color:#474e4a}.agentdynex h6{color:#474e4a;font-weight:550!important}.agentdynex .link{color:#9d5ba3;font-weight:550!important;text-decoration:none}.agentdynex .link:hover{color:#f1f1f1}.agentdynex .MuiButton-root{background-color:initial!important;border:2px solid #9d5ba3!important;border-radius:0!important;color:#9d5ba3!important;display:flex;font-weight:550!important;height:32px}.agentdynex .MuiButton-root:hover{background-color:#9d5ba3!important}:root{--ghibli-cream:#e8d5b7;--ghibli-brown:#8b4513;--ghibli-blue:#7fb3d3;--ghibli-blue-light:#9bc1bc;--ghibli-blue-lighter:#87ceeb;--ghibli-blue-lightest:#a8d8ea;--ghibli-orange:#ff8c42;--ghibli-orange-light:#ffb366;--ghibli-orange-lighter:coral;--ghibli-green-dark:#2f4f2f;--ghibli-navy:#1b2951;--ghibli-white:#fff;--ghibli-sage-green:#8fbc8f;--card-width:260px;--card-height:490px;--center-card-width:300px;--center-card-height:550px;--card-border-radius:0px;--card-padding:0.8rem;--carousel-top-margin:800px;--page-padding:2rem;--transition-smooth:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);--transition-fast:all 0.3s ease;--transition-quick:all 0.2s ease;--shadow-light:0 4px 20px #7fb3d326,0 2px 8px #9bc1bc1a;--shadow-medium:0 8px 35px #ff8c4240,0 4px 20px #7fb3d333;--shadow-heavy:0 8px 30px #7fb3d34d,0 4px 15px #9bc1bc33}.one-piece-container{background-image:url(/static/media/background-ghibli.2200771ef2282e90256b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;padding:2rem 0;padding:var(--page-padding) 0;position:relative}.ghibli-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-leaves{animation:float 8s ease-in-out infinite;background:linear-gradient(45deg,#7fb3d3,#9bc1bc);background:linear-gradient(45deg,var(--ghibli-blue),var(--ghibli-blue-light));border-radius:0 100% 0 100%;box-shadow:0 2px 4px #7fb3d34d;height:20px;opacity:.3;position:absolute;width:20px}.floating-leaves.leaf-2{animation-delay:-2s;animation-duration:10s;left:80%;top:20%;transform:rotate(45deg)}.floating-leaves.leaf-3{animation-delay:-4s;animation-duration:12s;left:10%;top:60%;transform:rotate(-30deg)}.sabaody-bubble{animation:bubbleFloat linear infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(circle at 30% 30%,#fffc 0,#c8e6ff66 40%,#96c8ff33 70%,#6496ff1a 100%);border:1px solid #ffffff4d;border-radius:50%;box-shadow:inset 0 0 20px #fff6,0 0 20px #c8e6ff4d,0 0 40px #96c8ff1a;pointer-events:none;position:absolute;will-change:transform,opacity}.bubble-1{animation-delay:0s;animation-duration:12s;bottom:-50px;height:25px;left:8%;width:25px}.bubble-2{animation-delay:-2s;animation-duration:15s;bottom:-50px;height:35px;left:18%;width:35px}.bubble-3{animation-delay:-4s;animation-duration:10s;bottom:-50px;height:20px;left:28%;width:20px}.bubble-4{animation-delay:-1s;animation-duration:18s;bottom:-50px;height:40px;left:38%;width:40px}.bubble-5{animation-delay:-6s;animation-duration:14s;bottom:-50px;height:30px;left:48%;width:30px}.bubble-6{animation-delay:-3s;animation-duration:11s;bottom:-50px;height:22px;left:58%;width:22px}.bubble-7{animation-delay:-8s;animation-duration:20s;bottom:-50px;height:45px;left:68%;width:45px}.bubble-8{animation-delay:-5s;animation-duration:13s;bottom:-50px;height:28px;left:78%;width:28px}.bubble-9{animation-delay:-7s;animation-duration:9s;bottom:-50px;height:18px;left:88%;width:18px}.bubble-10{animation-delay:-9s;animation-duration:16s;bottom:-50px;height:32px;left:15%;width:32px}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-100vh) translateX(20px) rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}.one-piece-content{align-items:flex-end;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.page-header{align-self:flex-start;animation:fadeInUp 1s ease-out;left:5%;margin-bottom:2rem;margin-top:2rem;max-width:500px;position:absolute;text-align:left;top:10%;width:40%;z-index:2}.ghibli-title{word-wrap:break-word;color:#8b4513;color:var(--ghibli-brown);font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:.5px;line-height:1.2;margin-bottom:1rem;position:relative;text-shadow:2px 2px 4px #8b45134d}.ghibli-title:after{background:linear-gradient(90deg,#d2691e,peru,#deb887,#0000);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:120px}.ghibli-subtitle{color:#fff;color:var(--ghibli-white);text-shadow:1px 1px 2px #0000004d}.ghibli-subtitle,.ghibli-subtitle-brown{font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:1.1rem;font-style:italic;font-weight:300;line-height:1.4;margin-top:.5rem;max-width:400px;opacity:.85}.ghibli-subtitle-brown{color:#8b4513;color:var(--ghibli-brown);text-shadow:2px 2px 4px #8b45134d}.carousel-container{margin:800px auto 3rem;margin-top:var(--carousel-top-margin);max-width:900px;transform:translateX(50px)}.carousel-container,.character-grid{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.character-grid{gap:0;max-width:800px;min-height:480px;overflow:visible;padding:1rem 0;perspective:1000px;transform-style:preserve-3d}.carousel-nav-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff8c42f2;border:2px solid #ff7f5099;border-radius:0;box-shadow:0 3px 12px #ff8c424d;color:#fff;color:var(--ghibli-white);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:35px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition-fast);width:35px;z-index:10}.carousel-nav-button:hover{background:coral;border-color:#ff8c42cc;box-shadow:0 4px 16px #ff8c4266;transform:translateY(-50%) scale(1.1)}.carousel-nav-left{left:140px}.carousel-nav-right{right:100px}.carousel-nav-button:active{transform:translateY(-50%) scale(.9)}.character-card{background-clip:padding-box;background:#e8d5b7;background:var(--ghibli-cream);border:2px solid #0000;border-radius:0;border-radius:var(--card-border-radius);box-shadow:0 4px 20px #7fb3d326,0 2px 8px #9bc1bc1a;box-shadow:var(--shadow-light);cursor:pointer;flex-shrink:0;height:490px;height:var(--card-height);overflow:hidden;padding:.8rem;padding:var(--card-padding);perspective:1000px;position:relative;transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:260px;width:var(--card-width)}.character-card.center-card .card-content{animation:fadeInContent .6s ease-out .4s both}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.character-card.center-card{background:#2f4f2f;background:var(--ghibli-green-dark);border-color:#ff8c4266;box-shadow:0 8px 35px #ff8c4240,0 4px 20px #7fb3d333;box-shadow:var(--shadow-medium);height:550px;height:var(--center-card-height);left:50%;margin-left:-150px;margin-left:calc(var(--center-card-width)/-2);opacity:1;position:absolute;transform:translateX(0) translateZ(0) scale(1.1);width:300px;width:var(--center-card-width);z-index:10}.character-card.left-card{margin-left:-270px}.character-card.left-card,.character-card.right-card{box-shadow:0 4px 20px #7fb3d31a,0 2px 8px #9bc1bc0d;filter:blur(.5px);left:50%;opacity:.7;position:absolute;transform:translateZ(-50px) scale(.9);z-index:5}.character-card.right-card{margin-left:20px}.character-card.preview-only{background:#8fbc8f;background:var(--ghibli-sage-green);cursor:default}.character-card.preview-only:hover{filter:blur(.5px);opacity:.7;transform:translateZ(-50px) scale(.9)}.character-card:before{background:linear-gradient(135deg,#7fb3d3,#9bc1bc,#87ceeb,#a8d8ea);background:linear-gradient(135deg,var(--ghibli-blue),var(--ghibli-blue-light),var(--ghibli-blue-lighter),var(--ghibli-blue-lightest));border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .3s ease}.character-card:not(.preview-only):hover:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#7fb3d333,#9bc1bc26 30%,#a8d8ea33 70%,#87ceeb26);opacity:.8}.character-card:not(.preview-only):hover{border-color:#7fb3d399;box-shadow:0 8px 30px #7fb3d34d,0 4px 15px #9bc1bc33;box-shadow:var(--shadow-heavy);transform:scale(1.08)}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:.9}}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.character-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:absolute;width:100%}.flip-card-back{background:#2f4f2f;background:var(--ghibli-green-dark);border:2px solid #ff8c4266;border-radius:0;border-radius:var(--card-border-radius);box-shadow:0 8px 35px #ff8c4240,0 4px 20px #7fb3d333;box-shadow:var(--shadow-medium);box-sizing:border-box;overflow:hidden;padding:.8rem;padding:var(--card-padding);transform:rotateY(180deg)}.character-image-container{margin-bottom:1rem;position:relative;text-align:center;width:100%}.character-image{border:3px solid #9bc1bc;border:3px solid var(--ghibli-blue-light);border-radius:0;box-shadow:0 3px 10px #9bc1bc4d;height:280px;object-fit:cover;position:relative;transition:all .3s ease;transition:var(--transition-fast);width:100%;z-index:2}.character-glow{background:radial-gradient(circle,#a8d8ea4d 0,#9bc1bc33 50%,#0000 70%);border-radius:10px;height:calc(100% + 10px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:calc(100% + 10px)}.card-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:0 .5rem;text-align:left;width:100%}.character-name{color:#fff;color:var(--ghibli-white);font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:.4rem;text-shadow:1px 1px 2px #00000080}.character-card.preview-only .character-name{color:#8b4513;color:var(--ghibli-brown);font-size:1.4rem;margin-bottom:0;text-align:center;text-shadow:1px 1px 2px #8b45134d}.project-title{color:#ff8c42;color:var(--ghibli-orange);font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.project-status{font-size:.9rem;font-style:italic;font-weight:500;margin-bottom:.5rem}.character-description,.project-status{color:#fff;color:var(--ghibli-white);font-family:Helvetica Neue,Arial,Inter,sans-serif}.character-description{font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;margin-top:.4rem;opacity:.85}.project-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.project-link{align-items:center;background:#0000;border:1px solid #ff8c4266;border-radius:0;color:#ff8c42;color:var(--ghibli-orange);cursor:pointer;display:inline-flex;font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:.8rem;font-weight:500;gap:.3rem;padding:.4rem .6rem;text-decoration:none;transition:all .2s ease;transition:var(--transition-quick)}.project-link:hover{background:#0000;border-color:#ff8c4299;box-shadow:0 2px 8px #ff8c4233;color:#ffb366;color:var(--ghibli-orange-light);transform:translateY(-1px)}.project-link:active{transform:translateY(0)}.link-icon{font-size:.9rem}.match-title{font-size:1rem;font-weight:500;margin-bottom:.8rem}.character-match,.match-title{color:#fff;color:var(--ghibli-white);font-family:Helvetica Neue,Arial,Inter,sans-serif}.character-match{font-size:.9rem;font-weight:300;line-height:1.6;opacity:.9;padding:0 .5rem;text-align:center}.character-image.small{border:3px solid #9bc1bc;border:3px solid var(--ghibli-blue-light);border-radius:0;box-shadow:0 3px 10px #9bc1bc4d;height:280px;margin-bottom:1rem;width:100%}.flip-card-back .character-image-container{margin-bottom:1rem}.flip-card-back .card-content{gap:.3rem;justify-content:flex-start;text-align:center}.flip-card-back .character-name{color:#ff8c42;color:var(--ghibli-orange);text-shadow:1px 1px 2px #00000080}.card-decoration{opacity:.3;position:absolute;right:10px;top:10px}.vine-decoration{background:linear-gradient(45deg,#7fb3d3,#9bc1bc);background:linear-gradient(45deg,var(--ghibli-blue),var(--ghibli-blue-light));border-radius:50% 0 50% 0;box-shadow:0 2px 4px #7fb3d333;height:25px;transform:rotate(45deg);width:25px}.back-navigation{align-self:flex-start;margin-bottom:1rem;width:100%}.back-link{color:#4a90a4;display:inline-block;font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:.9rem;font-weight:300;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#2c5f7a;text-decoration:none}.navigation-hint{align-self:flex-start;animation:fadeIn 2s ease-out 1s both;bottom:10%;left:5%;max-width:500px;position:absolute;text-align:left;width:40%;z-index:2}.hint-text{color:#fff;color:var(--ghibli-white);font-family:Helvetica Neue,Arial,Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;opacity:.7;text-shadow:1px 1px 2px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.one-piece-container{padding:1rem 0}.one-piece-content{padding:0 1rem}.character-grid{gap:1.5rem;grid-template-columns:1fr}.character-card{padding:1.2rem}.ghibli-title{font-size:2rem}.character-image{height:100px;width:100px}.character-glow{height:120px;width:120px}}@media (max-width:480px){.ghibli-title{font-size:1.8rem}.character-image{height:80px;width:80px}.character-glow{height:100px;width:100px}}
/*# sourceMappingURL=main.ba0ea342.css.map*/