.container {
     max-width: var(--max);
     margin: 0 auto;
     padding: 0 24px;
 }

 /* ── ABOUT SECTION ── */
 .about-section {
     padding: 80px 0 72px;
 }

 .about-inner {
     max-width: 762px;
     margin: 0 auto;
     text-align: center;
     padding: 0 24px;
 }

 .about-inner h1 {
     font-family: 'Instrument Sans', sans-serif;
     font-size: clamp(1.5rem, 2.5vw, 2rem);
     font-weight: 700;
     color: var(--color-900);
     line-height: 1.2;
     margin-bottom: 28px;
 }

 .about-body {
     text-align: left;
 }

 .about-body p {
     color: var(--color-500);
     font-weight: 400;
     margin-bottom: 16px;
 }

 .about-body p:last-child {
     margin-bottom: 0;
 }

 /* ── MVV SECTION ── */
 .mvv-section {
     padding: 48px 0;
     background: var(--bg);
 }

 .mvv-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
 }

 .mvv-card {
     background: var(--bg-white);
     border-radius: 24px;
     padding: 24px;
     box-shadow: 0px 2px 4px 0px #1B1C1D0A;
     transition: box-shadow 0.2s, transform 0.2s;
 }

 .mvv-icon {
     width: 60px;
     height: 60px;
     background: transparent;
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     margin-bottom: 24px;
 }

 .mvv-icon svg {
     width: 40px;
     height: 40px;
     color: var(--primary);
 }

 .mvv-card h3 {
     font-family: inherit;
     font-weight: 600;
     font-style: normal;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: 0%;
     color: var(--color-500);
     margin-bottom: 12px;
 }

 .mvv-card p {
     font-weight: 400;
     color: var(--color-500);
 }

 /* ── FACTORY IMAGE ── */
 .factory-section {
     padding: 48px 0;
 }

 .factory-img {
     width: 100%;
     max-width: var(--max);
     margin: 0 auto;
     display: block;
     border-radius: var(--radius-sm);
     object-fit: cover;
     height: 440px;
     background: var(--color-200);
     overflow: hidden;
     position: relative;
 }

 .factory-img-wrap {
     max-width: var(--max);
     margin: 0 auto;
     padding: 0 24px;
 }

 .factory-img-wrap img {
     width: 100%;
     height: auto;
     border-radius: 24px;
 }

 /* ── RESPONSIVE ── */
 @media (max-width: 1024px) {
     .about-inner {
         gap: 40px;
     }
 }

 @media (max-width: 768px) {
     .about-section {
         padding: 56px 0;
     }

     .mvv-grid {
         grid-template-columns: 1fr;
         gap: 16px;
     }

     .factory-section {
         padding: 0 0 56px;
     }

     .factory-placeholder {
         height: 280px;
     }
 }

 @media (max-width: 480px) {
     .container {
         padding: 0 16px;
     }

     .factory-img-wrap {
         padding: 0 16px;
     }

     .about-inner {
         padding: 0 16px;
     }

     .mvv-card {
         padding: 28px 22px;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .mvv-card {
         transition: none;
     }
 }