@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Nata+Sans:wght@100..900&display=swap');

        :root {
            --color-primary: #dc2626;
            --color-secondary: #3730a3;
        }

        html,
        body {
            font-family: "Nata Sans", sans-serif;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        nav {
            font-family: "Bricolage Grotesque", sans-serif;
        }

        .gallery-columns {
            display: flex;
            gap: 1.25rem;
        }

        .gallery-column {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }

        @media (max-width: 1023px) {
            .gallery-columns {
                flex-wrap: wrap;
            }

            .gallery-column {
                flex: 1 1 calc(50% - 0.65rem);
            }
        }

        @media (max-width: 639px) {
            .gallery-column {
                flex: 1 1 100%;
            }
        }

        .gallery-card {
            display: flex;
            flex-direction: column;
            width: 100%;
            background: #fff;
            border-radius: 1.5rem;
            box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
            border: 1px solid rgba(15, 23, 42, 0.05);
            overflow: hidden;
        }

        .gallery-card img {
            width: 100%;
            display: block;
        }