/* ================================================================
   About Page – Specific Styles
   ================================================================ */

/* ?? Hero ??????????????????????????????????????????????????????? */
.about-hero-title {
    font-size: clamp(2.8rem, 7vw, 5.5rem);
    color: var(--dt-primary-container);
}

/* ?? Stats Inset Card ??????????????????????????????????????????? */
.about-stat-inset {
    bottom: -2rem;
    left: -2rem;
    background: #fff;
    padding: 2rem;
    max-width: 18rem;
}

.about-stat-number {
    font-size: 2.5rem;
    font-style: italic;
}

/* ?? Bento Cards ???????????????????????????????????????????????? */
.about-unit-count  { font-size: 3.5rem; }
.about-structure-h { font-size: 2.8rem; }
.about-approval-h  { font-size: 1.75rem; }

.about-dark-spec-label {
    font-size: 0.65rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.55);
}

.about-verify-badge {
    background: rgba(117, 90, 40, 0.1);
    font-size: 0.6rem;
    font-weight: 700;
    width: fit-content;
}

.about-approval-icon {
    font-variation-settings: 'FILL' 1;
    font-size: 1.3rem;
}

/* ?? Location Section ??????????????????????????????????????????? */
.about-underline-accent {
    text-decoration: underline;
    text-decoration-color: rgba(117, 90, 40, 0.35);
    text-underline-offset: 0.5rem;
}

/* ?? RERA Number ????????????????????????????????????????????????? */
.about-rera-number {
    font-family: 'Manrope', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    word-break: break-all;
}

/* ?? Lifestyle Highlights ???????????????????????????????????????? */
.about-highlight-card {
    padding: 2.5rem 1.75rem;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(27, 28, 26, 0.06);
    height: 100%;
    transition: transform 0.35s ease;
}

.about-highlight-card:hover {
    transform: translateY(-6px);
}

.about-highlight-icon {
    font-size: 3rem;
    font-variation-settings: 'FILL' 0, 'wght' 200;
}

/* ?? Developer Quote Section ???????????????????????????????????? */
.about-quote-wrap  { max-width: 55rem; }
.about-quote-text  { font-size: 1.25rem; opacity: 0.75; }
.about-divider-fade { opacity: 0.45; }