/* About page editorial polish */

.about-section { padding-block: var(--sp-8); }

.about-lede p {
    font-size: var(--fs-md);
    line-height: var(--lh-loose);
    color: color-mix(in oklch, var(--cream) 92%, transparent);
    margin-bottom: var(--sp-4);
}

.about-photo {
    border-radius: var(--radius-lg);
    object-fit: cover;
    box-shadow: var(--shadow-lg);
    transition: transform var(--dur-slow) var(--ease-out);
    width: 100%;
    height: auto;
}

.about-photo:hover {
    transform: translateY(-4px);
}

/* Values grid */
.value-card {
    background: color-mix(in oklch, var(--cream) 6%, transparent);
    border: 1px solid color-mix(in oklch, var(--stone) 25%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--sp-6);
    height: 100%;
    text-align: center;
    transition: transform var(--dur-base) var(--ease-out),
                border-color var(--dur-base) var(--ease-out),
                background-color var(--dur-base) var(--ease-out);
}

.value-card:hover {
    transform: translateY(-6px);
    border-color: var(--ember);
    background: color-mix(in oklch, var(--cream) 10%, transparent);
}

.value-card h4 {
    font-family: var(--font-display);
    font-size: var(--fs-xl);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ember);
    margin-bottom: var(--sp-3);
}

.value-card p {
    color: color-mix(in oklch, var(--cream) 88%, transparent);
    line-height: var(--lh-body);
    margin: 0;
}

/* Philosophy list — tidy definition-list rhythm */
.philosophy dt {
    font-family: var(--font-display);
    font-size: var(--fs-lg);
    color: var(--ember);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--sp-2);
}

.philosophy dd {
    color: color-mix(in oklch, var(--cream) 88%, transparent);
    line-height: var(--lh-body);
    margin: 0 0 var(--sp-5);
}