*{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:#fffb00;text-decoration:none;transition:all .3s ease}.social-logo:hover{color:#ffff4d;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,#fffb00,#cfcc00 50%,#9a9700);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fffb00;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:#fffb00;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:#fffb001a;border-left-color:#fffb00;color:#fffb00}.menu-item span{display:block}.menu-group,.menu-subitems{display:flex;flex-direction:column}.menu-subitems{border-left:1px solid #fffb0040;margin:0 0 0 1rem;max-height:0;opacity:0;overflow:hidden;padding-left:.75rem;transition:max-height .35s ease-in,opacity .35s ease-in,margin-top .35s ease-in}.menu-group.open .menu-subitems{margin-top:.25rem;max-height:400px;opacity:1}.menu-subitem{border-radius:6px;color:#9ca3af;font-size:.9rem;font-weight:500;padding:.4rem .75rem;text-decoration:none;transition:all .3s ease}.menu-subitem:hover{background:#fffb0014;color:#fffb00}.menu-subitem span{display:block}.menu-dropdown-toggle{align-items:center;background:none;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:.5rem;justify-content:space-between;text-align:left;width:100%}.menu-caret{flex-shrink:0;transition:transform .3s ease}.menu-group.open .menu-caret{transform:rotate(180deg)}.menu-group.open .menu-dropdown-toggle{background:#fffb001a;border-left-color:#fffb00;color:#fffb00}.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 #fffb0026;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:#fffb00;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:#fffb00;font-weight:500;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#cfcc00}.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:#fffb00;outline:none}.contact-form textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;align-self:flex-start;background:#fffb00;border:none;border-radius:999px;color:#0f0f0f;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:700;justify-content:center;letter-spacing:.3px;padding:.9rem 2.4rem;transition:transform .2s ease,box-shadow .3s ease,background .3s ease}.submit-btn:hover{background:#ffff4d;box-shadow:0 10px 25px #fffb0040;transform:translateY(-2px)}.submit-btn:active{box-shadow:0 4px 12px #fffb0033;transform:translateY(0)}.submit-btn:focus-visible{outline:2px solid #fffb00;outline-offset:3px}.form-success{color:#059669}.form-error,.form-success{font-weight:500;margin-top:1rem;text-align:center}.form-error{color:#dc2626}.blog{background:#0f0f0f;padding:80px 0;position:relative;z-index:10}.blog-intro{color:#d1d5db;font-size:1.1rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.blog-tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.blog-tab{background:#1a1a1a;border:1px solid #262626;border-radius:999px;color:#e5e7eb;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:.55rem 1.4rem;transition:all .3s ease}.blog-tab:hover{border-color:#fffb0080;color:#fffb00}.blog-tab.active{background:#fffb00;border-color:#fffb00;color:#0f0f0f;font-weight:600}.blog-panel{animation:blog-fade .3s ease}@keyframes blog-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.blog-empty{border:1px dashed #333;border-radius:12px;color:#9ca3af;font-size:1.05rem;margin:0 auto;max-width:720px;padding:3rem 1rem;text-align:center}.blog-page{background:#0f0f0f;min-height:100vh}.page-header{align-items:center;border-bottom:1px solid #1f1f1f;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 20px}.page-brand{color:#fffb00;font-size:1.4rem;font-weight:700;letter-spacing:2px;text-decoration:none}.page-nav{display:flex;flex-wrap:wrap;gap:1.5rem}.page-nav a{color:#e5e7eb;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s ease}.page-nav a:hover{color:#fffb00}.blog-page .blog{padding-top:3.5rem}.projects-page{background:#0f0f0f;min-height:100vh}.projects-page .projects{padding-top:3.5rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1000px}.project-card{background:#1a1a1a;border:1px solid #262626;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card:hover{border-color:#fffb0059;box-shadow:0 12px 30px #fffb001a;transform:translateY(-4px)}.project-thumb{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,#1f1f1f,#141414);display:flex;justify-content:center;overflow:hidden}.project-thumb img{height:100%;object-fit:cover;width:100%}.project-thumb-placeholder{color:#fffb0080;font-size:3rem;font-weight:700}.project-info{padding:1.25rem 1.5rem 1.5rem}.project-meta{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.6rem}.project-meta h3{color:#f9fafb;font-size:1.2rem;font-weight:600;line-height:1.3}.project-year{color:#fffb00;flex-shrink:0;font-size:.85rem;font-weight:600}.project-desc{color:#d1d5db;font-size:.95rem;line-height:1.6}.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,#fffb00 0,#fffb0026);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:#fffb0059;box-shadow:0 12px 30px #fffb001a;transform:translateY(-3px)}.devlog-entry:before{background:#fffb00;border:3px solid #0f0f0f;border-radius:50%;box-shadow:0 0 0 1px #fffb00;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:#fffb00;font-size:.85rem;font-weight:600;letter-spacing:.5px}.devlog-game{background:#fffb001f;border:1px solid #fffb004d;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:#fffb00;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:#fffb00;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.151df4f7.css.map*/