@font-face {
    font-family: "Gallery";
    src: url("../assets/fonts/gallery-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Neue Regrade";
    src: url("../assets/fonts/Neue-Regrade-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Neue Regrade";
    src: url("../assets/fonts/Neue-Regrade-Semibold.otf") format("opentype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Neue Regrade";
    src: url("../assets/fonts/Neue-Regrade-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --color-black: #000;
    --color-white: #fff;
    --color-raven-red: #f51919;

    --font-display: "Gallery", "Times New Roman", serif;
    --font-body: "Neue Regrade", Arial, sans-serif;

    --page-gutter: clamp(1.25rem, 4vw, 4.5rem);
    --header-padding-top: clamp(0.875rem, 1.8vw, 1.75rem);
    --header-logo-width: clamp(8.75rem, 13vw, 11rem);
    --hero-title-size: clamp(2.35rem, 5.55vw, 5rem);
    --email-size: clamp(0.75rem, 0.95vw, 0.9375rem);
    --email-padding-inline: clamp(1rem, 1.8vw, 1.5rem);
    --email-height: clamp(2rem, 3vw, 2.6rem);
    --hero-min-height: clamp(37.5rem, 48vw, 51.25rem);
    --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
}