/* Circe */
@font-face {
    font-family: 'Circe';
    src: url('fonts/Circe-Italic.woff2') format('woff2'),
        url('fonts/Circe-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Circe';
    src: url('fonts/Circe-Regular.woff2') format('woff2'),
        url('fonts/Circe-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Circe';
    src: url('fonts/Circe-BoldItalic.woff2') format('woff2'),
        url('fonts/Circe-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Circe';
    src: url('fonts/Circe-Bold.woff2') format('woff2'),
        url('fonts/Circe-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

/* Garamound */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Light.woff2') format('woff2'),
        url('fonts/CormorantGaramond-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-LightItalic.woff2') format('woff2'),
        url('fonts/CormorantGaramond-LightItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: block;
}

.hero .slogan {
    padding-top: 3rem;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 768px) {
    .hero .slogan {
        backdrop-filter: none;
        background-color: transparent;
    }
}

.logo {
}

@media (min-width: 768px) {
    .logo {
        transform: translateX(-50%);
        filter: drop-shadow(10px 10px 40px #00000088);
        position: absolute;
        top: 0;
        left: 0;
        max-height: 100%;
    }
}

section.hero {
    background-size: cover;
    background-position: 25% top;
    min-height: 80vh;
    background-image: url('images/2025_02_22-Doorstar_Denton-005_1920.webp');

    /* max-height: 100vh */
    /* margin-bottom: 3rem */
}

@media (min-width: 768px) {
    section.hero {
        /* padding-top: 6rem */
    }
}

.hero .doorstar {
    font-family: Circe;
    font-weight: 400;
    letter-spacing: 3px;
}

.side {
    /* background-image: url('images/127.png') */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto 100vh;
}

form h4,
form h5 {
    font-family: Circe;
    font-weight: 400;
}

.hero-backdrop {
}

@media (min-width: 768px) {
    .hero-backdrop {
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        background-color: rgba(255, 255, 255, 0.5);
    }
}

.form-floating label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
}

section.text {
    /* margin-top: 4rem */
}

section.form {
    /* margin-bottom: 3rem */
}

.contact a {
    margin-right: 1rem;
    text-decoration: none;
}