:root {
    --dbl-lp-bg-start: #f6e7e1;
    --dbl-lp-bg-mid: #f5f5f2;
    --dbl-lp-bg-end: #e9f2f9;
    --dbl-lp-text: #30343b;
    --dbl-lp-highlight: rgba(188, 192, 196, 0.75);
}

html,
body.dbl-landing-page-template {
    min-height: 100%;
    margin: 0;
}

body.dbl-landing-page-template {
    background: linear-gradient(90deg, var(--dbl-lp-bg-start) 0%, var(--dbl-lp-bg-mid) 52%, var(--dbl-lp-bg-end) 100%);
}

body.page-template-dbl-landing-page-template-php,
body.page-template-dbl-landing-page-template-php.dbl-landing-page-template {
    margin: 0 !important;
    min-height: 100dvh;
    overflow: hidden;
}

body.page-template-dbl-landing-page-template-php header,
body.page-template-dbl-landing-page-template-php footer,
body.page-template-dbl-landing-page-template-php [role="banner"],
body.page-template-dbl-landing-page-template-php [role="contentinfo"],
body.page-template-dbl-landing-page-template-php #masthead,
body.page-template-dbl-landing-page-template-php #colophon,
body.page-template-dbl-landing-page-template-php .site-header,
body.page-template-dbl-landing-page-template-php .site-footer,
body.page-template-dbl-landing-page-template-php .et-l--header,
body.page-template-dbl-landing-page-template-php .et-l--footer {
    display: none !important;
}

body.page-template-dbl-landing-page-template-php #wp-skip-link {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.page-template-dbl-landing-page-template-php #wp-skip-link:focus,
body.page-template-dbl-landing-page-template-php #wp-skip-link:focus-visible {
    position: fixed !important;
    top: 12px;
    left: 12px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.65rem 0.9rem;
    clip: auto;
    overflow: visible;
    white-space: normal;
    z-index: 999999;
    background: #111111;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
}

.dbl-landing {
    height: 100dvh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: clamp(1.5rem, 4vw, 3rem);
    box-sizing: border-box;
    overflow: hidden;
}

body.admin-bar.page-template-dbl-landing-page-template-php .dbl-landing {
    height: calc(100dvh - 32px);
    min-height: calc(100svh - 32px);
}

.dbl-landing__inner {
    text-align: center;
    width: min(980px, 100%);
}

.dbl-landing__logo-wrap {
    margin: 0 0 clamp(1rem, 3vw, 2rem);
}

.dbl-landing__logo {
    max-width: min(400px, 75vw);
    width: 100%;
    height: auto;
    display: inline-block;
}

.dbl-landing__headline {
    margin: 0;
    color: var(--dbl-lp-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.3rem, 9vw, 5.2rem);
    line-height: 0.98;
    font-weight: 500;
    display: inline-flex;
    flex-direction: column;
    gap: 0.22em;
    align-items: center;
}

.dbl-landing__headline span,
.dbl-landing__subtext span {
    display: inline-block;
    padding: 0.04em 0.08em;
}

.dbl-landing__subtext {
    margin: clamp(1.5rem, 4vw, 2.75rem) 0 0;
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.4rem);
    color: var(--dbl-lp-text);
    font-weight: 600;
}

@media (max-width: 768px) {
    .dbl-landing__headline {
        font-size: clamp(2.1rem, 12vw, 3.5rem);
    }

    .dbl-landing__subtext {
        font-size: clamp(1.35rem, 7vw, 2rem);
    }
}

@media (max-width: 782px) {
    body.admin-bar.page-template-dbl-landing-page-template-php .dbl-landing {
        height: calc(100dvh - 46px);
        min-height: calc(100svh - 46px);
    }
}
