@media only screen and (min-width: 0rem) {.cs-tag {display: inline-flex;align-items: center;font-family: var(--headingFont);font-size: 0.85rem;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: var(--blue);background-color: var(--blueSoft);border-radius: var(--radiusPill);padding: 0.6rem 1.15rem;}.cs-heading {margin: 1.1rem 0 0;font-family: var(--headingFont);font-size: clamp(2rem, 5vw, 3rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.025em;color: var(--headerColor);max-width: 20ch;}.cs-heading em {font-style: normal;color: var(--blue);}#about-story {background-color: var(--white);padding: 4rem 0 4.5rem;}#about-story .cs-container {width: 92%;max-width: 48rem;margin: auto;display: flex;flex-direction: column;align-items: center;}#about-story .story-head {display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 2rem;}#about-story .story-head .cs-heading {margin-top: 0;}#about-story .story-copy {width: 100%;text-align: center;}#about-story .story-copy p {margin-top: 1.15rem;font-size: 1.02rem;line-height: 1.9;color: var(--bodyTextColor);}#about-story .story-copy p:first-child {margin-top: 0;}#about-story .story-lead {font-family: var(--headingFont);font-size: 1.2rem;font-weight: 600;line-height: 1.6;letter-spacing: -0.015em;color: var(--headerColor);}#about-story .story-actions {margin-top: 2.75rem;display: flex;flex-direction: column;align-items: center;gap: 1.25rem;}#about-story .story-phone {font-family: var(--headingFont);font-size: 1.15rem;font-weight: 600;letter-spacing: 0.01em;color: var(--headerColor);text-decoration: none;transition: color 0.25s ease;}#about-story .story-phone:hover {color: var(--blue);}}@media only screen and (min-width: 48rem) {#about-story {padding: 5rem 0 5.5rem;}#about-story .story-actions {flex-direction: row;gap: 2rem;}}@media only screen and (min-width: 0rem) {#about-band {background-color: var(--fog);padding: 4rem 0;}#about-band .cs-container {width: 92%;max-width: 68rem;margin: auto;display: grid;grid-template-columns: 1fr;gap: 1.75rem;}#about-band .band-pair {background-color: var(--white);border-radius: var(--radius);padding: 0.85rem 0.85rem 1.5rem;box-shadow: var(--shadowSmall);transition: transform 0.3s ease, box-shadow 0.3s ease;}#about-band .band-pair:hover {transform: translateY(-5px);box-shadow: var(--shadowLift);}#about-band .band-shots {display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;}#about-band .band-item {position: relative;margin: 0;line-height: 0;border-radius: var(--radiusSmall);overflow: hidden;background-color: var(--fogDark);}#about-band .band-item img {width: 100%;height: clamp(8rem, 32vw, 11rem);object-fit: cover;display: block;}#about-band .band-stamp {position: absolute;top: 0.6rem;left: 0.6rem;font-family: var(--headingFont);font-size: 0.72rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;line-height: 1;padding: 0.45rem 0.8rem;border-radius: var(--radiusPill);color: var(--white);}#about-band .band-stamp.is-before {background-color: var(--red);}#about-band .band-stamp.is-after {background-color: var(--blue);}#about-band .band-title {margin-top: 1.25rem;text-align: center;font-family: var(--headingFont);font-size: 1.25rem;font-weight: 700;line-height: 1.25;letter-spacing: -0.02em;color: var(--headerColor);}}@media only screen and (min-width: 48rem) {#about-band {padding: 5rem 0;}#about-band .cs-container {grid-template-columns: repeat(2, 1fr);gap: 2rem;}#about-band .band-shots {gap: 0.85rem;}#about-band .band-item img {height: clamp(9rem, 15vw, 12rem);}}@media only screen and (min-width: 0rem) {#about-steps {background-color: var(--white);padding: 4.5rem 0 5rem;}#about-steps .cs-container {width: 92%;max-width: 76rem;margin: auto;}#about-steps .steps-head {display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 3rem;}#about-steps .step-grid {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr;gap: 1.5rem;}#about-steps .step-card {position: relative;background-color: var(--white);border: 1px solid var(--line);border-radius: var(--radius);padding: 2.5rem 1.75rem;display: flex;flex-direction: column;align-items: center;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}#about-steps .step-card:hover {border-color: transparent;transform: translateY(-6px);box-shadow: var(--shadowLift);}#about-steps .step-num {position: absolute;top: -1.1rem;left: 50%;transform: translateX(-50%);width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--red);color: var(--white);font-family: var(--headingFont);font-size: 1.1rem;font-weight: 700;line-height: 1;box-shadow: 0 0.6rem 1.25rem rgba(193, 72, 79, 0.3);}#about-steps .step-art {width: 4.5rem;height: 4.5rem;display: block;margin: 0.75rem 0 1.25rem;}#about-steps .step-card h3 {font-family: var(--headingFont);font-size: 1.35rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: var(--headerColor);margin-bottom: 0.7rem;}#about-steps .step-card p {font-size: 1rem;line-height: 1.8;color: var(--bodyTextColor);max-width: 24rem;}}@media only screen and (min-width: 48rem) {#about-steps {padding: 5.5rem 0 6rem;}#about-steps .step-grid {grid-template-columns: repeat(3, 1fr);}} #about-steps {
        background-color: var(--white);
        padding: 4.5rem 0 5rem;
    }
    #about-steps .cs-container {
        width: 92%;
        max-width: 76rem;
        margin: auto;
    }
    #about-steps .steps-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 3rem;
    }
    #about-steps .step-grid {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    #about-steps .step-card {
        position: relative;
        background-color: var(--white);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        padding: 2.5rem 1.75rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }
    #about-steps .step-card:hover {
        border-color: transparent;
        transform: translateY(-6px);
        box-shadow: var(--shadowLift);
    }
    #about-steps .step-num {
        position: absolute;
        top: -1.1rem;
        left: 50%;
        transform: translateX(-50%);
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--red);
        color: var(--white);
        font-family: var(--headingFont);
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1;
        box-shadow: 0 0.6rem 1.25rem rgba(193, 72, 79, 0.3);
    }
    #about-steps .step-art {
        width: 4.5rem;
        height: 4.5rem;
        display: block;
        margin: 0.75rem 0 1.25rem;
    }
    #about-steps .step-card h3 {
        font-family: var(--headingFont);
        font-size: 1.35rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.02em;
        color: var(--headerColor);
        margin-bottom: 0.7rem;
    }
    #about-steps .step-card p {
        font-size: 1rem;
        line-height: 1.8;
        color: var(--bodyTextColor);
        max-width: 24rem;
    }
}

@media only screen and (min-width: 48rem) {
    #about-steps {
        padding: 5.5rem 0 6rem;
    }
    #about-steps .step-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}