.about-intro {
    padding: 64px 0 30px 0;
}
.about-intro__eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 16px;
}
.about-intro__title {
    font-family: 'Georgia Regular';
    font-size: clamp(2.45rem, 4.9vw, 4.15rem);
    font-weight: 500;
    line-height: 1.03;
    letter-spacing: -0.02em;
    color: var(--secondary);
    margin: 0;
    max-width: 39rem;
}

.about-story {
    padding: 0 0 150px;
}
.about-story__collage {
    position: relative;
    max-width: 500px;
    min-height: 605px;
}
.about-story__image-main {
    width: min(430px, 92%);
    aspect-ratio: 4 / 5;
    overflow: hidden;
}
.about-story__image-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about-story__image-accent {
    position: absolute;
    right: -12px;
    bottom: -24px;
    width: min(195px, 45%);
    aspect-ratio: 1 / 1;
    border: 10px solid #f2f1ee;
    overflow: hidden;
}
.about-story__image-accent img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about-story__shape {
    position: absolute;
    pointer-events: none;
}
.about-story__shape--arc {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #e4e5e8;
    left: -58px;
    bottom: 32px;
    z-index: 0;
}
.about-story__shape--bar {
    width: 16px;
    height: 136px;
    background: #b8925a;
    left: -22px;
    top: 16px;
    z-index: 3;
}
.about-story__shape--square {
    width: 72px;
    height: 72px;
    background: #b8925a;
    right: -18px;
    top: 66px;
    z-index: 3;
}
.about-story__shape--dot {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #b8925a;
    left: -34px;
    bottom: -24px;
    z-index: 3;
}
.about-story__content {
    max-width: 32rem;
}
.about-story__content h2 {
    font-family: 'Georgia Regular';
    font-size: clamp(2.45rem, 4vw, 3rem);
    font-weight: 500;
    line-height: 1.04;
    color: var(--secondary);
    margin: 0 0 18px;
}
.about-story__content p {
    color: var(--text);
    font-size: 0.98rem;
    line-height: 1.85;
    margin-bottom: 16px;
}

.about-stats-band {
    background: var(--secondary);
    padding: 78px 0 84px;
}
.about-stats-band__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.about-stats-band__item {
    text-align: center;
}
.about-stats-band__num {
    display: block;
    font-family: 'Georgia Regular';
    color: #ba9358;
    font-size: clamp(3rem, 5.2vw, 4.35rem);
    line-height: 1;
    margin-bottom: 12px;
}
.about-stats-band__label {
    display: block;
    color: rgba(188, 164, 126, 0.8);
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
}

.about-workshop {
    padding: 64px 0;
}
.about-workshop__content {
    max-width: 29rem;
}
.about-workshop__eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 16px;
}
.about-workshop h2 {
    font-family: 'Georgia Regular';
    font-size: clamp(2.25rem, 3.8vw, 3rem);
    font-weight: 500;
    line-height: 1.08;
    color: var(--secondary);
    margin: 0 0 14px;
}
.about-workshop p {
    color: var(--text);
    font-size: 0.875rem;
    line-height: 1.74;
    max-width: 24rem;
    margin-bottom: 24px;
}
.about-workshop__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1a1816;
    color: #fff;
    border: 1px solid #1a1816;
    border-radius: 0;
    padding: 11px 22px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}
.about-workshop__btn:hover {
    color: #fff;
    background: #0f0e0d;
    border-color: #0f0e0d;
}
.about-workshop__image {
    width: 100%;
    aspect-ratio: 5 / 3;
}
.about-workshop__image.media-frame {
    transition: box-shadow 0.55s ease;
}

@media (max-width: 991px) {
  .about-workshop p{
    max-width: 100%;
  }
    .about-intro {
        padding: 48px 0 26px;
    } 
    .about-story {
        padding: 6px 0 64px;
    }
    .about-story__collage {
        min-height: 520px;
        margin: 0 auto;
    }
    .about-story__shape--arc {
        width: 124px;
        height: 124px;
        left: -30px;
        bottom: 34px;
    }
    .about-story__shape--bar {
        left: -10px;
        height: 116px;
    }
    .about-story__shape--square {
        width: 62px;
        height: 62px;
        right: -8px;
    }
    .about-story__shape--dot {
        width: 76px;
        height: 76px;
        left: -18px;
    }
    .about-stats-band {
        padding: 58px 0 62px;
    }
    .about-stats-band__grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .about-workshop {
        padding: 70px 0 74px;
    }
}

@media (max-width: 575px) {
    .about-intro__title {
        font-size: clamp(2.05rem, 11vw, 2.6rem);
    }
    .about-story__collage {
        min-height: 420px;
    }
    .about-story__image-accent {
        border-width: 6px;
    }
    .about-story__shape--arc,
    .about-story__shape--bar,
    .about-story__shape--square,
    .about-story__shape--dot {
        display: none;
    }
    .about-story__content h2 {
        font-size: clamp(2rem, 10vw, 2.4rem);
    }
    .about-workshop h2 {
        font-size: clamp(1.9rem, 10vw, 2.3rem);
    }
}
.row.g-5.g-xl-5.align-items-center {
    margin: 0
}