#hero nav a {
    position: relative;
    padding-bottom: 2px;
}

#hero nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.5px;
    background: #B08455;
    border-radius: 999px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.18s ease;
}

#hero nav a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

#hero nav a[aria-current="page"]::after {
    background: #1A1612;
    transform: scaleX(1);
    transform-origin: left;
}

body {
    background-image: url("Picture/Sfondo_Hero_WEB.webp");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}

html {
    scrollbar-gutter: stable;
}

@font-face {
    font-family: "Iowan Old Style";
    src: url("Font/iowanoldstyle_bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "EB Garamond";
    src: url("Font/EBGaramond-VariableFont_wght.woff2") format("woff2");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Crimson Pro";
    src: url("Font/CrimsonPro-VariableFont_wght.woff2") format("woff2");
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cinzel";
    src: url("Font/Cinzel-VariableFont_wght.woff2") format("woff2");
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("Font/HelveticaNeue-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("Font/HelveticaNeue-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("Font/HelveticaNeue-Roman.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("Font/HelveticaNeue-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("Font/HelveticaNeue-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gloock";
    src: url("Font/Gloock-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@media (max-width: 599.98px) {
    #logo-simbolo {
        width: 110px !important;
    }

    #logo-testuale {
        width: 265px !important;
    }

    #hero h1 {
        font-size: 10px;
    }

    #hero nav {
        gap: 22px;
        margin-top: 15px;
        font-size: 10px;
    }
}