.tilt-text {
    transform: skewY(-2deg);
}

.brutal-border {
    border: 4px solid currentColor;
}

.text-outline {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    color: transparent;
}

.judo-grip-cursor {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='2' y='14' width='28' height='6' fill='%231a1a1a' rx='1'/%3E%3Cpath d='M14 12h4v10h-4z' fill='%23f26c0d'/%3E%3Cpath d='M14 22l-2 6h3l1-6M18 22l2 6h-3l-1-6' fill='%231a1a1a'/%3E%3C/svg%3E") 16 16, auto;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    gap: 2rem;
}

.impact-card {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), z-index 0.4s;
}

.impact-card:hover {
    transform: scale(1.05) rotate(0deg) !important;
    z-index: 50;
}

/* Wyższy Z-index i powiększenie po dotknięciu (Mobile) */
.impact-card.mobile-expanded {
    transform: scale(1.1) rotate(0deg) !important;
    z-index: 60 !important;
}

.texture-overlay {
    background-image: url('../images/stitch-img-10.jpg');
    pointer-events: none;
}

.gi-texture {
    background-color: #1a1a1a;
    background-image:
        linear-gradient(45deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.02) 75%, rgba(255, 255, 255, 0.02)),
        linear-gradient(45deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.02) 75%, rgba(255, 255, 255, 0.02));
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
}

.technical-details {
    font-family: 'JetBrains Mono', monospace;
}

.glass-card {
    background: rgba(242, 108, 13, 0.05);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(242, 108, 13, 0.2);
}

.active-session {
    border-left: 4px solid #dc2626;
    background: linear-gradient(90deg, rgba(220, 38, 38, 0.1) 0%, transparent 100%);
}

/* WP Menu Styles inside custom menu */
#primary-menu li a {
    position: relative;
    display: inline-block;
    transition: color 0.3s;
}

#primary-menu li a:hover {
    color: #f26c0d;
}