@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Inter Tight';
}

p, a, li, span { font-size: 15px; }

.ratio-1-1 {
    aspect-ratio: 1/1;
}

.header.bg-scrolled {
    background-color: #261700d5;
    border-bottom: 1px #261700;
}

.menu-mobile {
    transform: translateY(-100%);
    transition: 0.3s ease-in-out;
}
.menu-mobile.active {
    transform: translateY(-0%) !important;
}

@media only screen and (max-width: 1024px) {
    .menu-mobile {
        display: block;
    }
}
@media only screen and (min-width: 1025px) {
    .menu-mobile {
        display: none;
    }
}