*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;color:#e5e7eb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0f0f0f 50%,#0a0a0a);display:flex;justify-content:center;min-height:100vh;padding:60px 20px 80px;position:relative;text-align:center}.hero-artwork-scroll{bottom:0;left:0;opacity:.15;overflow:hidden;position:fixed;right:0;top:0;z-index:1}.artwork-scroll-track{animation:scroll-artwork 30s linear infinite;display:flex;height:100%;width:200%}.artwork-scroll-item{height:100%;position:relative;width:25%}.artwork-scroll-item img{filter:grayscale(100%) brightness(.7);height:100%;object-fit:cover;object-position:center top;width:100%}@keyframes scroll-artwork{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hero-content{max-width:800px;position:relative;z-index:2}.hero-profile{margin-bottom:2rem}.profile-picture{border-radius:50%;box-shadow:0 8px 32px #0000004d;height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.profile-picture:hover{transform:scale(1.05)}.hero-social{gap:4rem;margin:2rem 0}.hero-social,.social-logo{display:flex;justify-content:center}.social-logo{align-items:center;color:#d4af37;text-decoration:none;transition:all .3s ease}.social-logo:hover{color:#f4d03f;transform:translateY(-2px)}.social-logo svg{height:20px;width:20px}.social-logo.twitter:hover{color:#1da1f2}.social-logo.pixiv:hover{color:#007aff}.hero h1{color:#f9fafb;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#b8860b 50%,#8b7355);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#d4af37;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.hero-description{color:#9ca3af;font-size:1.2rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-arrow{display:flex;justify-content:center;margin-bottom:2rem;margin-top:8rem}.scroll-arrow{align-items:center;animation:bounce 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#f9fafb;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.scroll-arrow:hover{animation:none;background:#fff3;transform:translateY(2px)}.scroll-arrow svg{height:20px;width:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}section{padding:80px 0}section h2{color:#f9fafb;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.gallery{background:#0f0f0f;padding:80px 0;position:relative;z-index:10}.gallery-layout{display:flex;gap:3rem;margin:0 auto;max-width:1400px;padding:0 20px}.gallery-menu{flex-shrink:0;padding-top:2rem;width:200px}.menu-logo h1{color:#d4af37;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin:0 0 3rem;text-align:center}.menu-items{display:flex;flex-direction:column;gap:1rem}.menu-item{border-left:3px solid #0000;border-radius:8px;color:#e5e7eb;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.menu-item:hover{background:#d4af371a;border-left-color:#d4af37;color:#d4af37}.menu-item span{display:block}.gallery-content{flex:1 1;min-width:0}.gallery-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr);justify-content:center;margin:0 auto;max-width:800px;padding:0}.gallery-container{overflow:hidden;width:100%}.artwork-card{aspect-ratio:1/1;background:#1a1a1a;border-radius:0;box-shadow:0 4px 6px #00000080;overflow:hidden;position:relative;transform:scale(1);transition:all .3s ease}.artwork-card.horizontal{aspect-ratio:1/1;grid-column:span 1}.artwork-card:active{transform:scale(.98);transition:transform .1s ease}.artwork-card:hover{box-shadow:0 20px 40px #d4af3726;transform:translateY(-5px)}.artwork-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:1}.artwork-card:hover .artwork-img{transform:scale(1.05)}.artwork-img.ciaccona,.artwork-img.dorothy,.artwork-img.roccia,.artwork-img.shorekeeper{object-position:center top}.artwork-img.phrolova{object-position:right center}.artwork-img{object-position:center center}.artwork-img.camellya,.artwork-img.corrin,.artwork-img.dusk,.artwork-img.texas,.artwork-img.youhu{object-position:center top}.artwork-content{background:linear-gradient(180deg,#0000 0,#0006 50%,#000000f2);bottom:0;left:0;opacity:0;padding:1rem 1.5rem .5rem;position:absolute;right:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;z-index:2}.artwork-card:hover .artwork-content{opacity:1;transform:translateY(0)}.artwork-content h3{color:#f9fafb;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px #000c}.artwork-content p{color:#e5e7eb;font-size:.9rem;line-height:1.6;margin-bottom:1rem;text-shadow:0 1px 3px #000c}.artwork-content p:first-of-type{color:#d4af37;font-size:.85rem;font-weight:500;margin-bottom:.75rem;text-shadow:0 1px 3px #000c}.contact{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);position:relative;z-index:10}.contact-intro{color:#d1d5db;font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item h3{color:#f9fafb;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.contact-item p{color:#d1d5db;margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-links a{color:#d4af37;font-weight:500;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#b8860b}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{background:#2d2d2d;border:1px solid #404040;border-radius:8px;color:#f9fafb;font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#d4af37;outline:none}.contact-form textarea{min-height:120px;resize:vertical}.form-success{color:#059669}.form-error,.form-success{font-weight:500;margin-top:1rem;text-align:center}.form-error{color:#dc2626}.devlog{background:#0f0f0f;padding:80px 0;position:relative;z-index:10}.devlog-intro{color:#d1d5db;font-size:1.1rem;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.devlog-timeline{margin:0 auto;max-width:720px;padding-left:2rem;position:relative}.devlog-timeline:before{background:linear-gradient(180deg,#d4af37 0,#d4af3726);bottom:.5rem;content:"";left:0;position:absolute;top:.5rem;width:2px}.devlog-entry{background:#1a1a1a;border:1px solid #262626;border-radius:12px;margin-bottom:2rem;padding:1.75rem 2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.devlog-entry:hover{border-color:#d4af3759;box-shadow:0 12px 30px #d4af371a;transform:translateY(-3px)}.devlog-entry:before{background:#d4af37;border:3px solid #0f0f0f;border-radius:50%;box-shadow:0 0 0 1px #d4af37;content:"";height:12px;left:-2.55rem;position:absolute;top:2rem;width:12px}.devlog-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.6rem}.devlog-date{color:#d4af37;font-size:.85rem;font-weight:600;letter-spacing:.5px}.devlog-game{background:#d4af371f;border:1px solid #d4af374d;border-radius:999px;color:#e5e7eb;font-size:.75rem;font-weight:500;padding:.2rem .7rem}.devlog-title{color:#f9fafb;font-size:1.35rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.devlog-image{border:1px solid #262626;border-radius:8px;display:block;height:auto;margin-bottom:1rem;width:100%}.devlog-body p{color:#d1d5db;font-size:1rem;line-height:1.7;margin-bottom:.85rem}.devlog-body p:last-child{margin-bottom:0}@media (max-width:480px){.devlog-timeline{padding-left:1.25rem}.devlog-entry{padding:1.25rem}.devlog-entry:before{left:-1.8rem}}.footer{background:#0f0f0f;border-top:1px solid #404040;color:#9ca3af;padding:2rem 0;position:relative;text-align:center;z-index:10}.footer p{font-size:.9rem}.artwork-modal{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:2000}.artwork-modal.open{opacity:1;visibility:visible}.modal-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative;transform:scale(.9);transition:transform .3s ease}.artwork-modal.open .modal-content{transform:scale(1)}.modal-image{border-radius:8px;box-shadow:0 10px 40px #000c;height:auto;max-height:80vh;max-width:100%;object-fit:contain;width:auto}.modal-close{align-items:center;background:#0000;border:none;color:#d4af37;cursor:pointer;display:flex;font-size:3rem;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:0;top:-40px;transition:transform .2s ease,color .2s ease;width:40px}.modal-close:hover{color:#fff;transform:rotate(90deg)}.modal-info{color:#e5e7eb;margin-top:1.5rem;text-align:center}.modal-info h3{color:#d4af37;font-size:1.5rem;margin-bottom:.5rem}.modal-info p{color:#9ca3af;font-size:1rem}.artwork-card{cursor:pointer}@media (max-width:1024px){.gallery-layout{gap:2rem}.gallery-menu{width:160px}.menu-logo h1{font-size:1.2rem}}@media (max-width:768px){.gallery-layout{flex-direction:column;gap:2rem;padding:0 20px}.gallery-menu{order:-1;padding-top:0;width:100%}.menu-items{flex-direction:row;gap:.5rem;justify-content:center}.menu-item{font-size:.9rem;padding:.5rem .75rem}.menu-logo h1{font-size:1.2rem;margin-bottom:1rem}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}section{padding:60px 0}section h2{font-size:2rem}.gallery-grid{gap:2rem;grid-template-columns:repeat(2,.375fr);justify-content:center;padding:0 15px}.artwork-card.horizontal{grid-column:span 2}.contact-content{gap:2rem;grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 15px}.hero{padding:80px 15px 60px}.hero h1{font-size:2rem}.artwork-content{padding:.75rem 1rem .25rem}}
/*# sourceMappingURL=main.dc3c426f.css.map*/