/* ============================================
   YEV - portfolio page styles (externalized v6.01)
   ============================================ */

.featured-quote {
            background: linear-gradient(135deg, var(--indigo) 0%, var(--indigo-deep) 100%);
            color: white;
            padding: 50px 40px;
            border-radius: 22px;
            margin-bottom: 50px;
            position: relative;
            overflow: hidden;
        }
        .featured-quote .featured-stars { color: var(--gold); font-size: 1.125rem; letter-spacing: 3px; margin-bottom: 16px; }
        .featured-quote .featured-label {
            display: inline-block;
            background: var(--gold);
            color: var(--indigo);
            padding: 5px 14px;
            border-radius: 20px;
            font-size: 0.6875rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 800;
            margin-bottom: 14px;
        }
        .featured-quote p {
            font-size: 1.1875rem;
            line-height: 1.6;
            margin-bottom: 14px;
            position: relative;
            z-index: 1;
        }
        .featured-quote .featured-author {
            margin-top: 22px;
            display: flex;
            align-items: center;
            gap: 14px;
        }
        .featured-quote .featured-author strong { font-size: 1.0625rem; color: var(--gold); display: block; }
        .featured-quote .featured-author span { font-size: 0.8125rem; opacity: 0.85; }

        .avatar-group {
            margin-bottom: 50px;
        }
        .avatar-group-title {
            font-size: clamp(0.6rem, 2.7vw, 0.8125rem);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: var(--yev-royal);
            font-weight: 700;
            margin-bottom: 8px;
            white-space: nowrap;
        }
        @media (min-width: 768px) {
            .avatar-group-title { letter-spacing: 3px; white-space: normal; }
        }
        .avatar-group h2 {
            font-size: 1.625rem;
            color: var(--indigo);
            font-weight: 800;
            margin-bottom: 20px;
            line-height: 1.25;
            text-align: center;
            text-wrap: wrap;
        }
        @media (min-width: 768px) {
            .avatar-group h2 { text-align: left; }
        }
        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
            gap: 20px;
        }
        .tcard {
            background: white;
            padding: 28px 24px;
            border-radius: 16px;
            border: 1px solid rgba(33,37,107,0.08);
            box-shadow: 0 4px 14px rgba(33,37,107,0.06);
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .tcard-stars { color: var(--gold-warm); font-size: 0.875rem; letter-spacing: 2px; }
        .tcard-quote { font-size: 0.9375rem; color: #333; line-height: 1.65; font-style: italic; flex-grow: 1; }
        .tcard-author { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
        .tcard-initials {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--indigo) 0%, var(--cyan) 100%);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 1rem;
            flex-shrink: 0;
            border: 2px solid var(--gold-warm);
        }
        .tcard-name strong { color: var(--indigo); font-size: 0.875rem; display: block; }
        .tcard-name span { color: #666; font-size: 0.75rem; }
        .tcard-date { font-size: 0.6875rem; color: #aaa; margin-top: 2px; display: block; }