/*
 * ************************************************************
 * ************************************************************
 * ** Copyright (c) flavio.ferrara.it
 * ** All rights reserved.
 * **
 * ** Strict Proprietary Notice:
 * ** This website data, source code, and associated
 * ** assets are the exclusive property of flavio.ferrara.it.
 * ** Unauthorized copying, modification,
 * ** or distribution via any medium is strictly prohibited.
 * ************************************************************
 * ************************************************************
 */

/* ==========================
   SECTION / ABOUT
========================== */

.about-content{
    max-width:850px;
    margin:0 auto;
    color:var(--charcoal);
}

.about-content p{
    margin-bottom:20px;
    color:var(--slate);
    font-size:1.05rem;
}

.about-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 24px;
    margin:28px 0;
    font-size:0.95rem;
    color:var(--slate);
}

.about-meta span{ white-space:nowrap; }

/* The shared .btn-primary/.btn-secondary styles (buttons.css) are tuned
   for the dark hero background — white fill / white text on transparency
   — which is invisible or illegible on this section's light background.
   Solid fill + a border that reads on both light and dark surfaces. */
.about-content .btn-primary{
    background:var(--navy);
    color:var(--white);
    border:1px solid var(--navy);
}

.about-content .btn-primary:hover{
    background:var(--charcoal);
    border-color:var(--charcoal);
    transform:translateY(-2px);
}

.about-content .btn-secondary{
    background:var(--white);
    color:var(--navy);
    border:1px solid var(--navy);
}

.about-content .btn-secondary:hover{
    background:var(--off-white);
}