/* =============================================================================
   RangHoch — Showcase-Variante: Klassisch (Desktop Browser-Frame)
   Scoped auf .rh-showcase-card--klassisch
   ============================================================================= */

.rh-showcase-card--klassisch .rh-mock-site__header {
    background: #1e3a5f;
    font-family: 'Playfair Display', Georgia, serif;
}

.rh-showcase-card--klassisch .rh-mock-site__logo {
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
}

.rh-showcase-card--klassisch .rh-mock-site__nav {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.08em;
}

.rh-showcase-card--klassisch .rh-mock-site__hero {
    background: #faf9f7;
    border-bottom: 3px solid #f05e1c;
}

.rh-showcase-card--klassisch .rh-mock-site__hero h4 {
    font-family: 'Playfair Display', Georgia, serif;
    color: #1a1a2e;
    letter-spacing: -0.01em;
}

.rh-showcase-card--klassisch .rh-mock-btn {
    background: #1a1a2e;
    border-radius: 3px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 11px;
}