@media (max-width: 768px) {
    body[data-page="about"] .hero-section {
        min-height: 60vh;
        padding: 64px 0 64px;
        margin-top: 16px;
    }

    body[data-page="about"] .hero-video {
        max-height: 60vh;
        object-position: center;
    }

    body[data-page="about"] .hero-title {
        font-size: clamp(2rem, 7.5vw, 3rem);
        margin-bottom: 1.25rem;
    }

    body[data-page="about"] .hero-description {
        font-size: 1rem;
        max-width: 32ch;
        line-height: 1.65;
        margin-top: 20px;
        margin-bottom: 0;
    }

    body[data-page="about"] .mission-section {
        padding: 64px 0 72px;
    }

    body[data-page="about"] .expertise-section {
        padding: 64px 0 80px;
    }

    body[data-page="about"] .process-section {
        padding: 72px 0;
    }

    body[data-page="about"] .mission-title,
    body[data-page="about"] .section-title {
        font-size: clamp(1.75rem, 6vw, 2.5rem);
        margin-bottom: 1.5rem;
    }

    body[data-page="about"] .mission-description {
        font-size: 1rem;
        max-width: 32ch;
        line-height: 1.65;
        margin-bottom: 2rem;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    body[data-page="about"] .mission-values {
        gap: 1.25rem;
        margin-top: 0;
    }

    body[data-page="about"] .value-item {
        padding: 1.25rem 1.5rem;
    }

    body[data-page="about"] .value-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 0.75rem;
    }

    body[data-page="about"] .value-item h3 {
        margin-bottom: 0.5rem;
        line-height: 1.3;
    }

    body[data-page="about"] .value-item p {
        line-height: 1.6;
        margin-top: 0;
    }

    body[data-page="about"] .expertise-grid {
        gap: 1.5rem;
    }

    body[data-page="about"] .expertise-card {
        padding: 1.5rem;
    }

    body[data-page="about"] .expertise-card .card-description {
        line-height: 1.6;
        margin-top: 0.75rem;
    }

    body[data-page="about"] .process-step {
        padding: 1.5rem;
    }

    body[data-page="about"] .card-header {
        gap: 0.75rem;
    }

    body[data-page="about"] .card-icon {
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }

    body[data-page="about"] .card-header h3 {
        font-size: 1.1rem;
    }

    body[data-page="about"] .card-description {
        font-size: 0.95rem;
    }

    body[data-page="about"] .tech-list li {
        font-size: 0.82rem;
    }

    body[data-page="about"] .step-number {
        width: 44px;
        height: 44px;
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }

    body[data-page="about"] .process-step h3 {
        font-size: 1.05rem;
    }

    body[data-page="about"] .process-step p {
        font-size: 0.95rem;
    }

    body[data-page="about"] .cta-section {
        padding: 64px 0 72px;
    }

    body[data-page="about"] .cta-section .container {
        max-width: 36rem;
    }

    body[data-page="about"] .cta-content {
        padding: 0 var(--spacing-sm);
    }

    body[data-page="about"] .cta-content h2 {
        font-size: clamp(1.6rem, 6vw, 2.2rem);
    }

    body[data-page="about"] .cta-content p {
        font-size: 0.95rem;
        margin-bottom: 2rem;
    }

    body[data-page="about"] .cta-buttons {
        gap: 0.75rem;
    }

    body[data-page="about"] .btn {
        max-width: 320px;
        min-height: 44px;
        font-size: 0.9rem;
    }
}