.fade-in{opacity:1!important;transform:translateY(0)!important}.about{background:linear-gradient(135deg,#f8f9fa 0%,#fff 30%,#f0f7ff 100%);min-height:100vh;padding-top:5rem;padding-bottom:6rem;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background:radial-gradient(#5ab2ff14 0%,#a0deff0d 50%,#0000 100%);width:40%;height:200%;position:absolute;top:-50%;right:-20%;transform:rotate(-15deg)}.about:after{content:"";pointer-events:none;background:radial-gradient(#a0deff14 0%,#5ab2ff0d 50%,#0000 100%);width:40%;height:200%;position:absolute;bottom:-50%;left:-20%;transform:rotate(15deg)}@media (min-width:768px) and (max-width:1024px){.about{min-height:auto;padding-bottom:2rem}}.about-content{z-index:2;max-width:48rem;margin:0 auto;padding:0 1rem;position:relative}.about-text{text-align:center;margin-bottom:3rem}.about-intro{-webkit-backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border:1px solid #5ab2ff1a;border-radius:16px;max-width:100%;margin-bottom:3rem;padding:3rem 2.5rem;transition:all .3s;box-shadow:0 4px 20px #5ab2ff14}.about-intro:hover{transform:translateY(-2px);box-shadow:0 6px 25px #5ab2ff1f}@media (max-width:767px){.about-intro{margin-bottom:2rem;padding:2.5rem 1.5rem}}.about-name{color:#2c3e50;text-align:center;max-width:fit-content;margin:0 auto .25rem;font-family:Noto Sans JP,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.6}@media (max-width:767px){.about-name{font-size:1.5rem}}.about-studio{color:#999;letter-spacing:.1em;text-align:center;max-width:fit-content;margin:0 auto 1rem;font-family:Poppins,Noto Sans JP,sans-serif;font-size:.875rem;font-weight:400;line-height:1.6}@media (max-width:767px){.about-studio{font-size:.8125rem}}.about-role{color:#666;text-align:center;max-width:fit-content;margin:0 auto 1.5rem;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}.about-text>p,.about-intro>p:not(.about-name):not(.about-studio):not(.about-role):not(.intro-text),.intro-text{text-align:center;color:#666;max-width:60ch;margin:.7rem auto;font-size:1rem;font-weight:500;line-height:1.625}@media (max-width:767px){.about-text>p,.about-intro>p:not(.about-name):not(.about-studio):not(.about-role):not(.intro-text),.intro-text{max-width:32ch;line-height:1.625}}@media (max-width:393px){.about-text>p,.about-intro>p:not(.about-name):not(.about-studio):not(.about-role):not(.intro-text),.intro-text{max-width:30ch;line-height:1.625}}.skill-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem;max-width:800px;margin-top:3rem;margin-left:auto;margin-right:auto;display:grid}@media (min-width:768px) and (max-width:1024px){.skill-grid{gap:3rem}}@media (max-width:767px){.skill-grid{grid-template-columns:1fr;gap:1rem}}.about.engineer .skill-grid{grid-template-columns:repeat(3,1fr);max-width:1000px}.about.engineer .skill-grid .skill-item:nth-child(4){grid-area:span 1/span 1}@media (min-width:1024px){.about.engineer .skill-grid .skill-item:nth-child(4){grid-row:span 2}}.about.engineer .skill-grid .skill-item.featured.achievement{grid-area:span 2/span 2}@media (min-width:768px) and (max-width:1023px){.about.engineer .skill-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about.engineer .skill-grid .skill-item:nth-child(4){grid-area:span 1/span 1}.about.engineer .skill-grid .skill-item.featured.achievement{grid-area:span 1/span 2}}@media (max-width:767px){.about.engineer .skill-grid{gap:1rem;grid-template-columns:1fr!important}.about.engineer .skill-grid .skill-item:nth-child(4),.about.engineer .skill-grid .skill-item.featured{grid-area:span 1/span 1!important}}.cta-section{width:100%;max-width:100%;margin:2rem auto}@media (min-width:768px) and (max-width:1024px){.cta-section{margin-bottom:1rem}}.cta-buttons{flex-direction:column;justify-content:center;align-items:stretch;gap:1rem;width:100%;max-width:500px;margin:0 auto;display:flex}.cta-buttons .cta-button{border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-buttons .cta-button.primary{color:#fff;background:linear-gradient(135deg,#5ab2ff 0%,#a0deff 100%);box-shadow:0 4px 15px #5ab2ff4d}.cta-buttons .cta-button.primary:hover{background:linear-gradient(135deg,#4aa1ee 0%,#8fccee 100%);transform:translateY(-2px);box-shadow:0 6px 20px #5ab2ff66}.cta-buttons .cta-button.primary:focus{outline-offset:2px;outline:2px solid #5ab2ff}.cta-buttons .cta-button.secondary{color:#5ab2ff;background:#fff;border:2px solid #5ab2ff;box-shadow:0 4px 15px #5ab2ff26}.cta-buttons .cta-button.secondary:hover{color:#fff;background:#5ab2ff;transform:translateY(-2px);box-shadow:0 6px 20px #5ab2ff40}.cta-buttons .cta-button.secondary:focus{outline-offset:2px;outline:2px solid #5ab2ff}@media (min-width:768px){.cta-buttons{flex-direction:row;gap:1rem;max-width:100%}.cta-buttons .cta-button{flex:1;width:auto;min-width:180px}}.about-links{text-align:center;border-top:1px solid #5ab2ff26;flex-direction:column;align-items:center;gap:.75rem;margin-top:3rem;padding-top:2rem;display:flex}.about-links p{color:#999;margin-bottom:0;font-size:.875rem}.about-links .engineer-link{color:#666;white-space:normal;word-break:keep-all;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:.5rem;min-height:auto;padding:.5rem 1rem;font-size:.9375rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex}.about-links .engineer-link:after{content:"→";margin-left:.25rem;transition:transform .3s}.about-links .engineer-link:hover{color:#5ab2ff;border-bottom-color:#5ab2ff}.about-links .engineer-link:hover:after{transform:translate(4px)}.about-links .engineer-link:focus{outline-offset:2px;border-radius:4px;outline:2px solid #5ab2ff4d}@media (min-width:768px){.about-links .engineer-link{width:auto;max-width:none}}@media (min-width:768px) and (max-width:1024px){.about-links{margin-top:2rem;padding-top:1.5rem}}.skill-item{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:flex-start;height:auto;min-height:280px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #5ab2ff26}.skill-item:before{content:"";background:linear-gradient(90deg,#5ab2ff,#a0deff);width:100%;height:4px;position:absolute;top:0;left:0}.skill-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #5ab2ff40}.skill-item h3{color:#5ab2ff;white-space:nowrap;text-align:center;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;min-height:2.5rem;margin-top:0;margin-bottom:0;font-size:1.25rem;line-height:2.5rem;display:flex}.skill-item h3 i{color:inherit;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:1.1rem;display:flex}.skill-item p{color:#666;margin-top:1rem;margin-bottom:0;font-weight:400;line-height:1.6}@media (max-width:767px){.about .skill-item h3 i{display:none}}