.about-container{position:relative;width:100%;min-height:80vh;background-color:#fff;color:#000;font-family:Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:8rem 2rem 2rem;box-sizing:border-box;overflow-x:hidden}.about-header{position:relative;width:100%;max-width:800px;margin-bottom:4rem;text-align:center}.about-header h1{font-size:3rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;opacity:0;animation:fadeSlideUp .5s forwards .1s}.about-header:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:50px;height:1px;background-color:#000;opacity:0;animation:scaleIn .7s forwards .3s}.about-section{width:100%;max-width:800px;margin:0 auto;opacity:0;animation:fadeIn .7s forwards .4s}.about-section h2{font-size:2rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;margin:4rem 0 2.5rem;text-align:center}.company-profile{background-color:#f5f5f5cc;padding:2.5rem;border-radius:2px;box-shadow:0 4px 15px #00000008;transition:transform .3s,box-shadow .3s}.company-profile:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000000d}.dl{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem 2rem;margin:0}.dl dt{font-weight:600;text-align:right;padding-right:1.5rem;border-right:1px solid rgba(0,0,0,.1)}.dl dd{margin:0;padding:0;color:#333;line-height:1.7}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:translate(-50%) scaleX(0);opacity:0}to{transform:translate(-50%) scaleX(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.about-container{padding:7rem 1.5rem 2rem}.about-header h1{font-size:2.5rem}.dl{grid-template-columns:1fr;gap:1rem}.dl dt{text-align:left;padding-right:0;border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.vision-box p,.mission-box p{font-size:.95rem;line-height:1.7}.vision-box h3,.mission-box h3{font-size:1.4rem;margin-bottom:1.2rem}}@media (max-width: 480px){.about-header h1{font-size:2rem}.about-section h2{font-size:1.5rem}.company-profile,.vision-box,.mission-box{padding:1.5rem}.vision-box h3,.mission-box h3{font-size:1.3rem}}.vision-mission{width:100%;margin:0 auto}.new-vision-mission{max-width:700px;margin:0 auto;padding:1.8rem 2rem;background-color:#f5f5f5cc;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.new-vision-mission:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background-color:#000;transition:height .3s ease}.new-vision-mission:hover:before{height:100%}.new-vision-mission:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.new-vision-mission p{line-height:1.8;margin:0 0 1em;color:#333}.new-vision-mission p:last-child{margin-bottom:0}.about-mission-title{font-size:1.5rem;font-weight:600;letter-spacing:.08em;margin:1rem auto 2rem;text-transform:uppercase;color:#222;opacity:.95;text-align:center;width:100%}.about-mission-block{display:flex;flex-direction:column;align-items:center;margin:1.5rem auto;width:100%;text-align:center}.about-mission-main{font-size:2.5rem;font-weight:700;letter-spacing:.05em;color:#111;margin-bottom:.6rem;line-height:1.1}.about-mission-sub{font-size:1.3rem;font-weight:400;color:#444;letter-spacing:.03em;line-height:1.3;margin-bottom:1.2rem}
