.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-text{text-align:center;margin-bottom:var(--space-2xl)}.about-name{font-family:var(--font-noto-sans-jp),sans-serif;color:#2c3e50;text-align:center;max-width:fit-content;margin:0 auto .25rem;font-size:1.75rem;font-weight:600;line-height:1.6}@media (max-width:767px){.about-name{font-size:1.5rem}}.about-studio{font-family:var(--font-poppins),var(--font-noto-sans-jp),sans-serif;color:#999;letter-spacing:.1em;text-align:center;max-width:fit-content;margin:0 auto 1rem;font-size:.875rem;font-weight:400;line-height:1.6}@media (max-width:767px){.about-studio{font-size:.8125rem}}.about-role{font-family:var(--font-noto-sans-jp),sans-serif;color:#666;text-align:center;max-width:fit-content;margin:0 auto 1.5rem;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;max-width:60ch;color:var(--text-medium);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{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(2,1fr);align-items:start;max-width:800px;margin-left:auto;margin-right:auto;display:grid}@media (min-width:768px) and (max-width:1024px){.skill-grid{gap:var(--space-2xl)}}@media (max-width:767px){.skill-grid{gap:var(--space-md);grid-template-columns:1fr}}.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{gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.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:var(--space-md);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}}.skill-item{background:var(--bg-white);padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);text-align:center;transition:var(--transition);flex-direction:column;justify-content:flex-start;height:auto;min-height:280px;display:flex;position:relative;overflow:hidden}.skill-item:before{content:"";background:linear-gradient(90deg,var(--primary-blue),var(--light-blue));width:100%;height:4px;position:absolute;top:0;left:0}.skill-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.skill-item h3{color:var(--primary-blue);font-size:var(--fs-xl);justify-content:center;align-items:center;gap:var(--space-sm);white-space:nowrap;text-align:center;height:2.5rem;min-height:2.5rem;margin-top:0;margin-bottom:0;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:var(--text-medium);margin-top:var(--space-md);margin-bottom:0;font-weight:400;line-height:1.6}@media (max-width:767px){.about .skill-item h3 i{display:none}}