/* =============================================
    MINIMAL CUSTOM STYLES
    Tailwind handles 95% of layout, spacing, colors, and interactions.
    Only brand-specific fonts and tiny overrides remain.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');

/* Brand heading fonts (Adobe Typekit + fallback) */
.heading-font {
    font-family: 'Gelato Luxe', 'Dancing Script', cursive;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.script-font {
    font-family: 'Dancing Script', cursive;
    font-weight: 400;
}

/* Subtle enhancement for portfolio cards (Tailwind hover:scale is primary) */
.portfolio-card-hover {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-card-hover:hover {
    transform: scale(1.02);
}

/* Ensure body uses Lora as base (Tailwind font-serif is close) */
body {
    font-family: 'Lora', Georgia, serif;
}

/* Tiny polish for blog excerpt clamping (Tailwind line-clamp-4 handles most) */
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}