/* ── Custom additions beyond Tailwind ── */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* ── Image lazy-load fade (progressive enhancement) ── */
@media (prefers-reduced-motion: no-preference) {
    img[loading="lazy"] {
        opacity: 0;
        transition: opacity 0.6s ease;
    }
    img[loading="lazy"].loaded {
        opacity: 1;
    }
}

/* ── Focus visible for accessibility ── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #d1401a;
    outline-offset: 2px;
}

/* ── Subtle pattern overlay for hero image area ── */
.hero-accent::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(254, 253, 251, 0.08) 0%, transparent 60%);
    pointer-events: none;
}

/* ── Print styles ── */
@media print {
    nav, .mobile-menu, .btn-primary, .btn-outline { display: none; }
    body { color: #000; background: #fff; }
    .hero-headline em { color: #af3117; }
}