html{font-family:sans-serif;background-color:#0f0f0f;color:#e0e0e0}body{width:100%;max-width:100%;line-height:1.5;background-color:#0f0f0f;color:#e0e0e0;padding-left:3rem;padding-top:1.5rem}nav{font-size:1rem;display:flex;gap:1rem;position:relative;z-index:10}nav a{color:#fff;text-decoration:none;transition:color .2s ease}*{box-sizing:border-box}p{color:#fff;font-size:1.2rem;text-shadow:0 1px 5px rgba(0,0,0,.5);font-family:Noto Sans JP,sans-serif}h3{font-family:Momo Trust Display,sans-serif;font-size:1.2rem;color:#fff}.name-title{font-family:Momo Trust Display,sans-serif;font-size:1.5rem}.profile-section{display:flex;flex-direction:column;gap:0;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;width:50%}.profile-section p,.profile-text p{font-size:1.4rem;line-height:1.4;font-weight:300}.work-section{position:relative;z-index:10}.work-section>h3{position:sticky;top:1.5rem;z-index:100}.work-content{display:flex;gap:.5rem;align-items:flex-start;margin-top:2rem}.work-description{position:sticky;top:85px;width:35%;flex-shrink:0}.work-description p{font-size:1rem;line-height:1.6;margin-top:0;margin-bottom:0}.work-projects{width:60%;flex-shrink:0;padding-left:1.5rem}.work-projects p{font-size:.9rem;margin-top:1rem;margin-bottom:4rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease .2s,transform .6s ease .2s}.work-projects p.fade-in{opacity:1;transform:translateY(0)}.projects-grid{display:flex;justify-content:flex-start;width:100%;margin-top:0;margin-bottom:0;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.projects-grid.fade-in{opacity:1;transform:translateY(0)}.project-card{position:sticky;top:120px;display:block;background:#ffffff0d;border:1px solid;overflow:hidden;text-decoration:none;transition:all .3s ease;min-height:350px;width:100%;border-radius:5px}.project-card:hover{border-color:var(--hover-border-color);filter:brightness(1.2);transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.project-image{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;display:block;z-index:1}.project-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;height:100%;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}.project-card h3{font-size:1.5rem;font-family:Noto Sans JP,sans-serif;font-weight:500;color:#fff;margin:0;text-decoration:none}.project-card h4.project-role{font-size:.9rem;font-family:Noto Sans JP,sans-serif;font-weight:300;color:#b0b0b0;margin:0;text-decoration:none}.hero-section{position:relative;width:100%;min-height:100vh;overflow:visible}.hero-content{position:relative;z-index:5;max-width:700px;display:flex;flex-direction:column;gap:.5rem}.galaxy-container{position:absolute;top:-10vh;left:0;width:100vw;height:70%;overflow:visible;background-color:transparent;z-index:1;pointer-events:none}.galaxy-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to bottom,transparent 0%,rgba(15,15,15,.3),#0f0f0f 100%);pointer-events:none;z-index:2}footer{margin-top:6rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-icon{width:20px;height:20px;display:block;opacity:.7;transition:opacity .2s ease}.footer-links a:hover .footer-icon{opacity:1}.footer-text{font-size:.9rem;color:#ffffff80;margin:0}.about-container{padding:4rem 0;margin:0 auto}.about-content{display:flex;gap:4rem;align-items:flex-start}.about-image{flex-shrink:0;width:300px}.about-image img{width:100%;height:auto;border-radius:8px;display:block}.about-text{flex:1}.about-text h1{font-family:Momo Trust Display,sans-serif;font-size:2rem;color:#fff;margin-top:0;margin-bottom:1.5rem}.about-text p{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.6;color:#fff;margin-bottom:1rem}@media (max-width: 968px){.hero-section{height:100vh;display:flex;flex-direction:column}.hero-content{padding-bottom:2rem}.profile-section{width:90%}.profile-section p,.profile-text p{font-size:1.2rem;line-height:1.4;font-weight:300}.work-section{padding-left:1rem;margin-top:0}.work-section>h3{position:static}.work-content{flex-direction:column}.work-description{position:static;width:80%}.work-projects{width:100%;padding-left:0rem;padding-right:1rem;margin-bottom:4rem}.projects-grid{gap:1.5rem}.project-card{position:static;min-height:250px;width:100%;position:relative}.project-content{padding:1.25rem;position:absolute;top:0;left:0;width:100%;height:100%}.about-container{padding:2rem 1rem}.about-content{flex-direction:column;gap:2rem}.about-image{width:100%;max-width:250px;margin:0 auto}.about-text h1{font-size:1.5rem}.about-text p{font-size:1rem}}@media (max-width: 406px){.profile-section p,.profile-text p{font-size:1rem;line-height:1.4;font-weight:300}}