.header[data-astro-cid-3ef6ksr2]{background-color:#f8f8f8;padding:1rem 2rem;border-bottom:2px solid #3F7357}.header-content[data-astro-cid-3ef6ksr2]{max-width:900px;margin:0 auto}.header-title[data-astro-cid-3ef6ksr2]{display:flex;align-items:flex-end;gap:.3rem}.header-logo[data-astro-cid-3ef6ksr2]{width:40px;height:40px;object-fit:cover;border-radius:6px;cursor:pointer}.header-name-group[data-astro-cid-3ef6ksr2]{display:flex;align-items:flex-end;gap:.3rem}.header[data-astro-cid-3ef6ksr2] h1[data-astro-cid-3ef6ksr2]{font-size:2rem;margin:0;color:#333;line-height:1}.header-name-en[data-astro-cid-3ef6ksr2]{font-size:.8rem;color:#666;font-weight:700;line-height:1}@media (max-width: 768px){.header[data-astro-cid-3ef6ksr2]{padding:1rem}.header-title[data-astro-cid-3ef6ksr2]{flex-direction:column;align-items:center;gap:.5rem}.header-name-group[data-astro-cid-3ef6ksr2]{flex-direction:column;align-items:center;gap:.3rem}}.footer[data-astro-cid-sz7xmlte]{margin-top:4rem;padding:2rem 0;border-top:1px solid #e0e0e0}.footer-content[data-astro-cid-sz7xmlte]{max-width:900px;margin:0 auto;text-align:center}.social-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap;padding:0 1rem}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{transform:scale(1.2);opacity:.8}.copyright[data-astro-cid-sz7xmlte]{font-size:.9rem;color:#666}@media (max-width: 768px){.social-links[data-astro-cid-sz7xmlte]{gap:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#333;background-color:#f8f8f8;margin:0;padding:0}main{padding:2rem;max-width:900px;margin:0 auto}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#444}.skills{display:flex;gap:2rem;margin-top:2rem;justify-content:center}.skill-category{flex:1;max-width:200px;padding:1.5rem;background-color:#fff;border:2px solid #3F7357;border-radius:8px;text-align:center}.skill-category h3{font-size:1rem;margin-bottom:.5rem;color:#3f7357;font-weight:700}.skill-category p{font-size:.9rem;color:#666;margin:0;line-height:1.4}@media (max-width: 768px){.skills{flex-direction:column;gap:1rem}.skill-category{max-width:none}}.project-grid,.presentation-grid,.writing-grid{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.project-card{border:1px solid #e0e0e0;border-radius:8px;padding:0;background-color:#f5f5f5;cursor:pointer;transition:all .3s ease;overflow:hidden}.project-card:hover{box-shadow:0 4px 12px #3f735726}.project-card h3{font-size:1.3rem;margin:1.5rem 1.5rem 1rem;color:#3f7357;font-weight:700}.project-video{width:100%;height:400px;object-fit:contain;border-radius:0;transition:transform .3s ease}.project-card:hover .project-video{transform:scale(1.05)}.presentation,.writing{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background-color:#fafafa}.writing{display:flex;gap:1.5rem;align-items:flex-start}.writing-image{width:120px;height:auto;border-radius:4px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.writing-content{flex:1}.presentation h3,.writing h3{font-size:1.3rem;margin-bottom:.5rem;color:#333}.presentation p,.writing p{color:#666;margin-bottom:1rem}.presentation iframe{width:100%;border-radius:6px;margin-bottom:1rem;aspect-ratio:16/9;height:auto}.writing a{display:inline-block;padding:.5rem 1rem;background-color:#fff;color:#3f7357;text-decoration:none;border:2px solid #3F7357;border-radius:4px;transition:all .3s;font-family:Courier New,monospace;font-weight:700}.writing a:hover{background-color:#3f7357;color:#fff;text-decoration:none}.contact-methods{display:flex;gap:2rem;margin-top:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.contact-method{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background-color:#fafafa;text-align:center}.contact-method h3{font-size:1.2rem;margin-bottom:.5rem;color:#333}.contact-method p{color:#666;margin-bottom:1rem;font-size:.9rem}.contact-button{display:inline-block;padding:.75rem 1.5rem;background-color:#3f7357;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s}.contact-button:hover{background-color:#2d5440;text-decoration:none}h1{font-size:2.5rem;margin-bottom:.5rem}h2{font-size:2.2rem;margin-top:3rem;margin-bottom:1rem;color:#3f7357}section{margin-bottom:4rem;position:relative}section:not(:last-child):after{content:"";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);width:200px;height:2px;background-color:#3f7357}@media (max-width: 768px){.hero-title{flex-direction:column;gap:1rem}.name-group{flex-direction:column;align-items:center;gap:.5rem}.name-en{margin-bottom:0}.logo-video{width:48px;height:48px}.hero h1{font-size:2.5rem}.presentation iframe{width:100%;height:200px}.contact-links{justify-content:center}.contact-methods{flex-direction:column}.writing{flex-direction:column;align-items:center}.writing-image{width:80px}}