@media only screen and (min-width: 0rem) {#about-page {padding: 4rem 1.25rem;background: var(--light);}#about-page .cs-container {width: 100%;max-width: 1300px;margin: 0 auto;display: flex;flex-direction: column;gap: 0;}#about-page .cs-intro {display: flex;flex-direction: column;gap: 2.5rem;padding-bottom: 4rem;border-bottom: 1px solid rgba(39, 39, 41, 0.1);}#about-page .cs-title {font-family: 'Georgia', serif;font-size: clamp(1.875rem, 4vw, 2.75rem);font-weight: 800;line-height: 1.15;letter-spacing: -0.02em;color: var(--dark);margin-bottom: 1.25rem;}#about-page .cs-text {font-size: 1.0625rem;line-height: 1.7;color: #4a4a4d;margin-bottom: 1.25rem;}#about-page .cs-text a {color: var(--dark);font-weight: 700;text-decoration: none;border-bottom: 2px solid var(--primary);transition: color 0.2s ease;}#about-page .cs-text a:hover {color: var(--primary);}#about-page .cs-service-list {list-style: none;padding: 0;margin: 0.5rem 0 0;display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem 1.5rem;}#about-page .cs-service-list li {font-size: 0.9375rem;font-weight: 600;color: var(--dark);display: flex;align-items: center;gap: 0.625rem;padding: 0.5rem 0;border-bottom: 1px solid rgba(39, 39, 41, 0.08);}#about-page .cs-service-list li::before {content: '';display: block;width: 7px;height: 7px;background: var(--primary);border-radius: 1px;flex-shrink: 0;transform: rotate(45deg);}#about-page .cs-intro-image {position: relative;max-width: 480px;margin: 0 auto;padding: 0 14px 14px 0;}#about-page .cs-intro-image picture {display: block;overflow: hidden;position: relative;}#about-page .cs-intro-image picture::before {content: '';position: absolute;inset: 0;border: 2px solid var(--secondary);transform: translate(14px, 14px);z-index: -1;opacity: 0.4;}#about-page .cs-intro-image img {width: 100%;height: auto;display: block;aspect-ratio: 4/5;object-fit: cover;}#about-page .cs-intro-badge {position: absolute;bottom: 1.5rem;left: -0.75rem;background: var(--dark);padding: 1rem 1.25rem;text-align: center;border-left: 4px solid var(--primary);box-shadow: 0 12px 32px rgba(0,0,0,0.2);}#about-page .cs-badge-num {display: block;font-family: 'Georgia', serif;font-size: 2rem;font-weight: 900;line-height: 1;margin-bottom: 0.25rem;color: var(--primary);}#about-page .cs-badge-label {display: block;font-size: 0.625rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.14em;color: var(--secondary);white-space: nowrap;}#about-page .cs-philosophy {padding: 4rem 0;border-bottom: 1px solid rgba(39, 39, 41, 0.1);}#about-page .cs-philosophy-inner {background: var(--dark);padding: 2.5rem 2rem;position: relative;overflow: hidden;}#about-page .cs-philosophy-inner::before {content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(147, 148, 152, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(147, 148, 152, 0.04) 1px, transparent 1px);background-size: 60px 60px;pointer-events: none;}#about-page .cs-philosophy-inner::after {content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: var(--primary);}#about-page .cs-philosophy-title {font-family: 'Georgia', serif;font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 800;line-height: 1.2;letter-spacing: -0.02em;color: var(--light);margin-bottom: 1.25rem;position: relative;z-index: 1;}#about-page .cs-philosophy-text {font-family: 'Georgia', serif;font-size: clamp(1rem, 1.8vw, 1.125rem);line-height: 1.75;color: var(--secondary);font-style: italic;position: relative;z-index: 1;margin: 0;}#about-page .cs-standards {padding-top: 4rem;display: flex;flex-direction: column;gap: 2rem;}#about-page .cs-standards-left {display: flex;flex-direction: column;align-items: center;gap: 1.25rem;}#about-page .cs-standards-left .cs-text {align-self: stretch;}#about-page .cs-standards-title {font-family: 'Georgia', serif;font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 800;line-height: 1.2;letter-spacing: -0.02em;color: var(--dark);margin: 0;align-self: stretch;}#about-page .cs-standards-image {display: block;width: 100%;overflow: hidden;position: relative;}#about-page .cs-standards-image::before {content: '';position: absolute;inset: 0;border: 2px solid var(--secondary);transform: translate(-8px, 8px);z-index: -1;opacity: 0.3;}#about-page .cs-standards-image img {width: 100%;height: auto;display: block;aspect-ratio: 4/5;object-fit: cover;}#about-page .cs-button-primary {display: inline-flex;align-items: center;gap: 0.625rem;background: var(--primary);color: var(--dark);font-size: 0.9375rem;font-weight: 800;letter-spacing: 0.05em;text-decoration: none;text-transform: uppercase;padding: 1.0625rem 1.875rem;border-radius: 2px;position: relative;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease;box-shadow: 0 4px 24px -8px rgba(255, 214, 10, 0.55);}#about-page .cs-button-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 32px -6px rgba(255, 214, 10, 0.7);}}@media only screen and (min-width: 48rem) {#about-page {padding: 5rem 2.5rem;}#about-page .cs-intro {flex-direction: row;align-items: center;gap: 4rem;}#about-page .cs-intro-text {flex: 1.1;}#about-page .cs-intro-image {flex: 0.9;margin: 0;max-width: 400px;}#about-page .cs-philosophy-inner {padding: 3rem 3.5rem;}#about-page .cs-standards {flex-direction: row;align-items: flex-start;gap: 4rem;}#about-page .cs-standards-left {flex: 1.1;align-items: flex-start;}#about-page .cs-standards-image {flex: 0.9;max-width: 460px;align-self: flex-start;order: 2;}#about-page .cs-standards-left {order: 1;}#about-page .cs-standards-left .cs-button-primary {align-self: flex-start;margin: 0.5rem 0 0;}}@media only screen and (min-width: 64rem) {#about-page {padding: 6rem 3rem;}#about-page .cs-intro {gap: 5rem;}#about-page .cs-standards {gap: 5rem;}}   }

    #about-page .cs-standards-image {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    #about-page .cs-standards-image::before {
        content: '';
        position: absolute;
        inset: 0;
        border: 2px solid var(--secondary);
        transform: translate(-8px, 8px);
        z-index: -1;
        opacity: 0.3;
    }

    #about-page .cs-standards-image img {
        width: 100%;
        height: auto;
        display: block;
        aspect-ratio: 4/5;
        object-fit: cover;
    }

    #about-page .cs-button-primary {
        display: inline-flex;
        align-items: center;
        gap: 0.625rem;
        background: var(--primary);
        color: var(--dark);
        font-size: 0.9375rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-transform: uppercase;
        padding: 1.0625rem 1.875rem;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        box-shadow: 0 4px 24px -8px rgba(255, 214, 10, 0.55);
    }

    #about-page .cs-button-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 32px -6px rgba(255, 214, 10, 0.7);
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {

    #about-page {
        padding: 5rem 2.5rem;
    }

    #about-page .cs-intro {
        flex-direction: row;
        align-items: center;
        gap: 4rem;
    }

    #about-page .cs-intro-text { flex: 1.1; }

    #about-page .cs-intro-image {
        flex: 0.9;
        margin: 0;
        max-width: 400px;
    }

    #about-page .cs-philosophy-inner {
        padding: 3rem 3.5rem;
    }

    #about-page .cs-standards {
        flex-direction: row;
        align-items: flex-start;
        gap: 4rem;
    }

    #about-page .cs-standards-left {
        flex: 1.1;
        align-items: flex-start;
    }

    #about-page .cs-standards-image {
        flex: 0.9;
        max-width: 460px;
        align-self: flex-start;
        order: 2;
    }

    #about-page .cs-standards-left {
        order: 1;
    }

    #about-page .cs-standards-left .cs-button-primary {
        align-self: flex-start;
        margin: 0.5rem 0 0;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {

    #about-page {
        padding: 6rem 3rem;
    }

    #about-page .cs-intro {
        gap: 5rem;
    }

    #about-page .cs-standards {
        gap: 5rem;
    }
}