:root {
    --bb-paper: #f5f7f8;
    --bb-ink: #151a1d;
}

html {
    background: #1b1b1b;
}

.bb-homepage-top {
    background: var(--bb-paper) !important;
    color: var(--bb-ink);
    margin: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.bb-homepage-top .social {
    height: auto !important;
    min-height: 170px;
    box-sizing: border-box;
    overflow: hidden;
}

.bb-homepage-top .social .footer {
    box-sizing: border-box;
}

.bb-homepage-top > div:has(#gallerybody) {
    background: #1b1b1b;
}

.bb-homepage-top::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 99995;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    background: rgba(2, 6, 8, .78);
    transition: opacity .28s ease, visibility .28s ease;
}

.bb-homepage-top.menu-open::before {
    visibility: visible;
    opacity: 1;
}

.bb-homepage-top.menu-open,
.bb-homepage-top.menu-open .bodycontent[style*="height: 100vh"] {
    background-color: #05080a !important;
}

.bb-homepage-top.menu-open .bodycontent[style*="height: 100vh"] {
    opacity: 1 !important;
}

.bb-homepage-top.menu-open .bodycontent,
.bb-homepage-top.menu-open .bodygallery,
.bb-homepage-top.menu-open .social,
.bb-homepage-top.menu-open .footer,
.bb-homepage-top.menu-open .misc,
.bb-homepage-top.menu-open .welcome {
    opacity: 1 !important;
}

.bb-homepage-top .topbar {
    background: rgba(21, 25, 28, .92) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.bb-homepage-top .bodycontent[style*="height: 100vh"] {
    position: relative;
    background: #090d0f !important;
}

.bb-homepage-top .bodycontent[style*="height: 100vh"]::after {
    content: "";
    position: absolute;
    inset: 35px 0 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(4, 8, 10, .58), rgba(4, 8, 10, .08) 48%, rgba(4, 8, 10, .32)),
        linear-gradient(0deg, rgba(4, 8, 10, .52), transparent 48%);
}

.bb-homepage-top .bodycontent[style*="height: 100vh"] > img {
    filter: saturate(.9) contrast(1.04);
}

.bb-homepage-top .welcome h1 {
    font-size: clamp(26.4px, 2.96vw, 46.4px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
}

.bb-homepage-top .welcome h1 > span {
    display: inline-block;
    margin-top: 15px;
    font-size: clamp(17.6px, 1.28vw, 20.8px) !important;
    line-height: 1.3 !important;
    letter-spacing: -.015em;
}

.bb-homepage-top .hero-quote-button {
    min-width: 152px;
    padding: 15px 24px !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #65c995, #3f9b70) !important;
    box-shadow: 0 14px 34px rgba(36, 126, 83, .34) !important;
}

.bb-homepage-top .hero-quote-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(36, 126, 83, .38) !important;
}