/* =============================================
   FACUNDO PDR — Global Styles
   ============================================= */

body {
    font-family: "Public Sans", sans-serif;
    background-color: #131313;
    color: #e5e2e1;
    overflow-x: hidden;
}

h1, h2, h3, .brand-text {
    font-family: "Space Grotesk", sans-serif;
}

/* Grain / Noise texture overlay */
.grain-texture {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Metal / dark gradient background */
.metal-texture {
    background: linear-gradient(135deg, #1c1b1b 0%, #0e0e0e 100%);
    position: relative;
}

.metal-texture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 30%, rgba(192, 57, 43, 0.05) 0%, transparent 50%);
}

/* Diagonal clip */
.mask-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* Glass nav */
.glass-nav {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Gallery before/after clip */
.before-after-clip {
    clip-path: inset(0 50% 0 0);
}