@media only screen and (min-width: 0rem) {#ccg-about-intro {background: var(--white);padding: 4.5rem 1.5rem;font-family: var(--font-body);}#ccg-about-intro .ccg-about-copy {max-width: 52rem;margin: 0 auto;text-align: center;}#ccg-about-intro .ccg-about-text {max-width: 44rem;margin: 1.5rem auto 0;font-size: var(--bodyFontSize);line-height: 1.85;font-weight: 400;color: var(--bodyTextColor);}#ccg-about-intro .ccg-about-shot {position: relative;margin: 2.75rem auto;width: 100%;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius);}#ccg-about-intro .ccg-about-shot img {width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;object-position: center;transition: transform 0.7s ease;}#ccg-about-intro .ccg-about-shot:hover img {transform: scale(1.05);}}@media only screen and (min-width: 0rem) {#ccg-about-intro.ccg-404 {min-height: 56svh;display: flex;align-items: center;padding: 5rem 1.5rem;background: var(--mist);}#ccg-about-intro.ccg-404 .ccg-about-inner {width: 100%;}#ccg-about-intro.ccg-404 .ccg-404-copy {max-width: 42rem;margin: 0 auto;text-align: center;}#ccg-about-intro.ccg-404 .ccg-404-title {margin: 0;font-family: var(--font-display);font-size: clamp(2.25rem, 6.6vw, 3.5rem);font-weight: 600;line-height: 1.1;letter-spacing: -0.025em;color: var(--headerColor);}#ccg-about-intro.ccg-404 .ccg-404-lead {margin: 1.5rem auto 0;max-width: 36rem;font-size: var(--bodyFontSize);line-height: 1.85;font-weight: 400;color: var(--bodyTextColor);}#ccg-about-intro.ccg-404 .ccg-404-actions {margin-top: 0.5rem;display: flex;flex-direction: column;align-items: center;}}@media only screen and (min-width: 48rem) {#ccg-about-intro {padding: 5.5rem 2.5rem;}#ccg-about-intro.ccg-404 {padding: 6.5rem 2.5rem;}#ccg-about-intro .ccg-about-shot {margin: 3.25rem auto;}}@media only screen and (min-width: 64rem) {#ccg-about-intro {padding: 7.5rem 3rem;}#ccg-about-intro.ccg-404 {padding: 8.5rem 3rem;}#ccg-about-intro .ccg-about-shot {margin: 4rem auto;}#ccg-about-intro .ccg-about-shot:nth-of-type(2) {max-width: 42rem;}};
        max-width: 36rem;
        font-size: var(--bodyFontSize);
        line-height: 1.85;
        font-weight: 400;
        color: var(--bodyTextColor);
    }
    #ccg-about-intro.ccg-404 .ccg-404-actions {
        margin-top: 0.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/*-- -------------------------- -->
<---       Tablet - 768px       -->
<--- -------------------------- -*/
@media only screen and (min-width: 48rem) {
    #ccg-about-intro { padding: 5.5rem 2.5rem; }
    #ccg-about-intro.ccg-404 { padding: 6.5rem 2.5rem; }

    #ccg-about-intro .ccg-about-shot { margin: 3.25rem auto; }
}

/*-- -------------------------- -->
<---      Desktop - 1024px      -->
<--- -------------------------- -*/
@media only screen and (min-width: 64rem) {
    #ccg-about-intro { padding: 7.5rem 3rem; }
    #ccg-about-intro.ccg-404 { padding: 8.5rem 3rem; }

    #ccg-about-intro .ccg-about-shot { margin: 4rem auto; }
    #ccg-about-intro .ccg-about-shot:nth-of-type(2) { max-width: 42rem; }
}