/* FRONTEND-061: Public About Us page */
.dl-about-hero {
    background:
        radial-gradient(circle at 84% 18%, rgba(201, 162, 74, .18), transparent 28%),
        linear-gradient(135deg, #fffaf0 0%, #eef5f1 100%);
    padding: 5.5rem 0 5rem;
    border-bottom: 1px solid rgba(11, 31, 51, .08);
}

.dl-about-title {
    font-family: Georgia, "Times New Roman", serif;
    color: var(--dl-navy);
    font-size: clamp(3rem, 6vw, 6.8rem);
    line-height: .94;
    letter-spacing: 0;
    max-width: 920px;
}

.dl-about-lead {
    color: #3b4655;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    line-height: 1.65;
    max-width: 820px;
}

.dl-about-logo-card {
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(201, 162, 74, .35);
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(11, 31, 51, .12);
    padding: clamp(2rem, 4vw, 3rem);
    text-align: center;
}

.dl-about-logo-card img {
    display: block;
    width: min(240px, 58vw);
    height: auto;
    margin: 0 auto 1.2rem;
}

.dl-about-logo-card h2 {
    color: var(--dl-navy);
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    font-weight: 800;
    margin-bottom: .8rem;
}

.dl-about-logo-card p,
.dl-about-copy,
.dl-about-location p,
.dl-about-cta p {
    color: #4f5c6d;
}

.dl-tm {
    font-size: .45em;
    vertical-align: super;
    margin-left: .08em;
}

.dl-about-side,
.dl-about-cta {
    background: #fff;
    border: 1px solid rgba(11, 31, 51, .08);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(11, 31, 51, .08);
    padding: clamp(1.6rem, 3vw, 2.4rem);
}

.dl-about-side h2,
.dl-about-band h2,
.dl-about-section-title,
.dl-about-location h2,
.dl-about-cta h3 {
    color: var(--dl-navy);
    font-weight: 800;
    letter-spacing: 0;
}

.dl-about-copy {
    font-size: clamp(1.05rem, 1.6vw, 1.28rem);
    line-height: 1.85;
}

.dl-about-copy p:last-child {
    margin-bottom: 0;
}

.dl-about-band {
    background: linear-gradient(135deg, #0b1f33 0%, #123a38 100%);
    color: #fff;
}

.dl-about-band h2,
.dl-about-band .dl-about-copy,
.dl-about-band .dl-about-copy p {
    color: #fff;
}

.dl-about-band .dl-about-copy {
    color: rgba(255, 255, 255, .82);
}

.dl-about-location {
    background: linear-gradient(180deg, #fff 0%, var(--dl-ivory) 100%);
}

.dl-about-cta {
    background: linear-gradient(135deg, #fff 0%, #fff7e6 100%);
    border-color: rgba(201, 162, 74, .35);
}