/* ============================================================
   EMERGENCY FIXES: Bypassing JS Errors & Eliminating Lag
   ============================================================ */

/* 1. Fix blank screens caused by JS syntax error breaking IntersectionObserver */
.reveal, .reveal-left, .reveal-right {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    animation: none !important;
}

/* 2. Eliminate 'end lag' (hover/scroll lag) via GPU Acceleration (Graphify/Hardware Acceleration) */
.custom-cursor {
    will-change: left, top, width, height, background-color, box-shadow;
    transform: translate(-50%, -50%) translateZ(0) !important;
    backface-visibility: hidden;
    pointer-events: none !important;
}
.custom-cursor.hover {
    transform: translate(-50%, -50%) translateZ(0) !important;
}
.hub-card {
    will-change: transform, box-shadow;
    transform: translateZ(0) !important;
    backface-visibility: hidden;
}
canvas#hero-particles {
    pointer-events: none !important;
    will-change: transform;
    transform: translateZ(0) !important;
}

/* 3. Executive UI Font & Layout Scaling (Professional, Sleek, Compact) */
html {
    font-size: 15px !important;
}

.hero-title, .section-title, .page-title, h1 {
    font-size: 2.2rem !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
}

h2 {
    font-size: 1.35rem !important;
    letter-spacing: -0.01em !important;
}

h3, h4 {
    font-size: 1.05rem !important;
}

.hero-subtitle, .section-subtitle, p {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}

.btn, .btn-primary, .btn-secondary, .btn-hero {
    padding: 9px 20px !important;
    font-size: 0.85rem !important;
    border-radius: 8px !important;
}

.hub-card, .shop-card, .merch-card, .feature-card {
    padding: 20px 24px !important;
    border-radius: 14px !important;
}

.hero-section {
    padding: 80px 0 60px 0 !important;
}

section {
    padding: 60px 0 !important;
}