.about-hero {
    width: min(var(--dt-container), calc(100% - 2 * var(--dt-pad)));
    margin: 0 auto;
    padding: 96rem 0 80rem;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360rem, 0.7fr);
    gap: 56rem;
    align-items: center;
}
.about-hero h1 { margin: 12rem 0 22rem; }
.about-hero p:not(.section-kicker) { max-width: 780rem; color: var(--dt-muted); font-size: 22rem; }
.about-hero > *,
.about-grid > * { min-width: 0; }
.about-hero img {
    width: 100%;
    max-width: 100%;
    height: 620rem;
    object-fit: cover;
    border-radius: var(--dt-radius);
    box-shadow: var(--dt-shadow);
}
.about-grid {
    width: min(var(--dt-container), calc(100% - 2 * var(--dt-pad)));
    margin: 0 auto 70rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24rem;
}
.about-grid article {
    padding: 30rem;
    border: 1rem solid var(--dt-line);
    border-radius: var(--dt-radius);
    background: var(--dt-white);
}
.about-grid h2 { margin-bottom: 14rem; font-size: 28rem; }
.about-grid p { color: var(--dt-muted); }
@media (max-width: 900px) {
    .about-hero,
    .about-grid { grid-template-columns: 1fr; }
    .about-hero,
    .about-grid {
        width: auto;
        margin-left: var(--dt-pad);
        margin-right: var(--dt-pad);
    }
    .about-hero img { height: 420rem; }
}
.about-agency { background: var(--dt-white); }
.about-agency__inner { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; gap: 90rem; }
.about-agency figure { margin: 0; }
.about-agency figure img { width: 100%; height: 650rem; object-fit: cover; border-radius: var(--dt-radius); }
.about-agency__content { min-width: 0; }
.about-agency__content h2 { margin: 12rem 0 28rem; }
.about-agency__content .wysiwyg-content { color: var(--dt-muted); font-size: 20rem; }
.about-cta { background: var(--dt-accent); color: var(--dt-white); }
.about-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 80rem; }
.about-cta__inner > div { max-width: 1080rem; }
.about-cta p { margin-bottom: 12rem; color: #bfe7dc; font-weight: 800; text-transform: uppercase; }
.about-cta h2 { font-size: 48rem; }
.about-cta .button { flex: 0 0 auto; border-color: var(--dt-accent-2); background: var(--dt-accent-2); color: var(--dt-ink); }
@media (max-width: 1024px) {
    .about-agency__inner { gap: 52rem; }
    .about-agency figure img { height: 520rem; }
}
@media (max-width: 600px) {
    .about-agency__inner { grid-template-columns: 1fr; gap: 38rem; }
    .about-agency figure img { height: 360rem; }
    .about-agency__content .wysiwyg-content { font-size: 17rem; }
    .about-cta__inner { display: grid; gap: 32rem; }
    .about-cta h2 { font-size: 34rem; }
    .about-cta .button { width: 100%; }
}