@charset "UTF-8";

@font-face {
    font-family: Satoshi;
    src: url(/assets/fonts/satoshi/satoshi-variable.woff2) format("woff2");
    font-weight: 300 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(/assets/fonts/satoshi/satoshi-variableitalic.woff2) format("woff2");
    font-weight: 300 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Forma DJR Display";
    src: url(/assets/fonts/forma-djr-display/formadjrdisplay-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Forma DJR Display";
    src: url(/assets/fonts/forma-djr-display/formadjrdisplay-medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Forma DJR Display";
    src: url(/assets/fonts/forma-djr-display/formadjrdisplay-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html {
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    font-family: Satoshi, sans-serif;
    font-size: 2.5445292621vw;
    line-height: 1.15;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    html {
        font-size: .5208333333vw
    }
}

@media (min-width:1920px) {
    html {
        font-size: 10px
    }
}

body {
    margin: 0;
    color: #000;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    font-size: 1.4rem
}

.modal body,
.no-scroll body {
    overflow: hidden !important
}

* {
    box-sizing: border-box
}

:after,
:before {
    box-sizing: border-box
}

::-moz-selection {
    color: #fff;
    background: red
}

::selection {
    color: #fff;
    background: red
}

main.-fill {
    background: #f8f7f6
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
    -webkit-tap-highlight-color: initial
}

a:hover {
    color: inherit;
    text-decoration: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-tap-highlight-color: initial
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: normal
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

figure {
    margin: 0
}

address,
blockquote,
em,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    letter-spacing: inherit
}

@media print {

    address,
    blockquote,
    em,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        page-break-after: avoid;
        orphans: 3;
        widows: 3
    }
}

.grecaptcha-badge {
    visibility: hidden
}

[hidden] {
    display: none
}

.sr-only:not(.focus):not(:active) {
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.bb-achievement-container,
.bb-advantage-container,
.bb-call-container,
.bb-cap-container,
.bb-commitment-container,
.bb-container,
.bb-description-container,
.bb-feedback-container,
.bb-footer-container,
.bb-hallfame-container,
.bb-hero-container,
.bb-intro-container,
.bb-logopreview-container,
.bb-outro-container,
.bb-overview-container,
.bb-partner-container,
.bb-preview-container,
.bb-quoteview-container,
.bb-related-container,
.bb-remark-container,
.bb-solving-container,
.bb-statview-container,
.bb-textreel-container,
.bb-tophead-container {
    padding: 0 1.6rem
}

@media (min-width:768px) {

    .bb-achievement-container,
    .bb-advantage-container,
    .bb-call-container,
    .bb-cap-container,
    .bb-commitment-container,
    .bb-container,
    .bb-description-container,
    .bb-feedback-container,
    .bb-footer-container,
    .bb-hallfame-container,
    .bb-hero-container,
    .bb-intro-container,
    .bb-logopreview-container,
    .bb-outro-container,
    .bb-overview-container,
    .bb-partner-container,
    .bb-preview-container,
    .bb-quoteview-container,
    .bb-related-container,
    .bb-remark-container,
    .bb-solving-container,
    .bb-statview-container,
    .bb-textreel-container,
    .bb-tophead-container {
        padding: 0 2.4rem
    }
}

@media (min-width:768px) {
    .-lsm {
        display: none
    }
}

@media (min-width:1024px) {
    .-lmd {
        display: none
    }
}

@media (min-width:1200px) {
    .-llg {
        display: none
    }
}

@media (min-width:1600px) {
    .-lxl {
        display: none
    }
}

@media (max-width:767px) {
    .-gxs {
        display: none
    }
}

@media (max-width:1023px) {
    .-gsm {
        display: none
    }
}

@media (max-width:1199px) {
    .-gmd {
        display: none
    }
}

@media (max-width:1399px) {
    .-glg {
        display: none
    }
}

@media (max-width:1919px) {
    .-gxl {
        display: none
    }
}

@media (max-width:767px) {
    .-m-brdr-top {
        border-top: 1px solid #d9d8ce
    }
}

@media (max-width:767px) {
    .-m-brdr-bottom {
        border-bottom: 1px solid #d9d8ce
    }
}

@media (min-width:768px) {
    .-d-brdr-top {
        border-top: 1px solid #d9d8ce
    }
}

@media (min-width:768px) {
    .-d-brdr-bottom {
        border-bottom: 1px solid #d9d8ce
    }
}

@keyframes bb-fx-blink {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes bb-fx-rotating-360 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.bb-svgsprite {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor
}

.bb-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 9999;
    overflow: hidden
}

@supports (height:100dvh) {
    .bb-loader {
        height: 100dvh
    }
}

.bb-loader-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.bb-loader-curtains {
    position: relative;
    display: grid;
    grid-template-columns: 1.6rem auto auto 1.6rem;
    height: 100%;
    z-index: 5
}

@media (min-width:768px) {
    .bb-loader-curtains {
        grid-auto-flow: column;
        grid-template-columns: auto
    }
}

.bb-loader-curtain {
    height: 100%;
    transform: scaleX(1.02);
    background: #111
}

.bb-navbar-curtains {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 95;
    grid-template-columns: 1.6rem auto auto 1.6rem;
    height: 100%;
    pointer-events: none
}

@media (min-width:768px) {
    .bb-navbar-curtains {
        grid-auto-flow: column;
        grid-template-columns: auto
    }
}

.admin-bar .bb-navbar-curtains {
    top: var(--wp-admin--admin-bar--height)
}

.bb-navbar-curtain {
    height: 100%;
    transform: scaleX(1.02);
    background: #f8f7f6
}

.bb-navbar-announcement {
    display: none
}

@media (min-width:768px) {
    .bb-navbar-announcement {
        display: block;
        position: absolute;
        top: 3.8rem;
        left: 50%;
        z-index: 98;
        transform: translateX(-50%);
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 100%;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        transition: color .4s
    }
}

.bb-navbar.-inverse:not(.-open, .-modal) .bb-navbar-announcement {
    color: #fff
}

.admin-bar .bb-navbar-announcement {
    top: calc(var(--wp-admin--admin-bar--height) + 3.8rem)
}

.bb-navbar-logo {
    position: fixed;
    top: 1.3rem;
    left: 1.6rem;
    display: block;
    height: 3.6rem;
    z-index: 97;
    color: red;
    white-space: nowrap;
    text-decoration: none;
    transition: color .2s, opacity .2s, transform .2s
}

@media (min-width:768px) {
    .bb-navbar-logo {
        top: 2.2rem;
        left: 2.4rem;
        height: 5.3rem
    }
}

.admin-bar .bb-navbar-logo {
    margin-top: var(--wp-admin--admin-bar--height)
}

.bb-navbar-logo:hover {
    color: red
}

.bb-navbar-logo.-title {
    color: currentColor
}

.bb-navbar.-secondary:not(.-open, .-modal) .bb-navbar-logo {
    color: #000
}

.bb-navbar.-inverse:not(.-open, .-modal) .bb-navbar-logo {
    color: #fff
}

.bb-navbar.-hidden:not(.-open) .bb-navbar-logo {
    opacity: 0;
    transform: translateY(-100%)
}

.bb-navbar-logo-figure {
    display: inline-block;
    width: 3.6rem;
    height: 100%;
    vertical-align: top;
    background: var(--logo-color, red);
    background-size: cover;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 53"><path fill="%23000" d="M51 24c0-3-2-6-6-7v-1c4-1 5-3 5-7 0-5-4-8-11-8H26L1 24h14c6 0 11 2 11 8 0 4-2 6-5 7 4 2 6 4 6 8l-1 5 22-21c2-1 3-4 3-7Z"/></svg>');
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 53"><path fill="%23000" d="M51 24c0-3-2-6-6-7v-1c4-1 5-3 5-7 0-5-4-8-11-8H26L1 24h14c6 0 11 2 11 8 0 4-2 6-5 7 4 2 6 4 6 8l-1 5 22-21c2-1 3-4 3-7Z"/></svg>');
    transition: background-color .2s
}

.bb-navbar.-secondary:not(.-open, .-modal) .bb-navbar-logo-figure {
    background: var(--logo-color, #000)
}

.bb-navbar.-inverse:not(.-open, .-modal) .bb-navbar-logo-figure {
    background: var(--logo-color, red)
}

.bb-navbar.-open .bb-navbar-logo-figure {
    transition-delay: 0s
}

@media (min-width:768px) {
    .bb-navbar-logo-figure {
        width: 5.3rem
    }
}

@media (pointer:fine) {
    .bb-navbar-logo:hover .bb-navbar-logo-figure {
        background-image: var(--logo-texture, url(/assets/logo/textures.png)) !important
    }
}

.bb-navbar-logo-label {
    position: relative;
    display: inline-block;
    width: 7.6rem;
    height: 100%;
    margin: 0 0 0 .4rem;
    vertical-align: top
}

@media (min-width:768px) {
    .bb-navbar-logo-label {
        width: 11.3rem
    }
}

.bb-navbar-logo-label svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition: -webkit-clip-path .8s cubic-bezier(.16, 1, .3, 1);
    transition: clip-path .8s cubic-bezier(.16, 1, .3, 1);
    transition: clip-path .8s cubic-bezier(.16, 1, .3, 1), -webkit-clip-path .8s cubic-bezier(.16, 1, .3, 1)
}

.bb-navbar-logo-label svg:last-child {
    transition-delay: 70ms
}

@media (min-width:768px) {
    .bb-navbar.-home:not(.-fixed, .-open, .-modal) .bb-navbar-logo-label svg {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
}

@media (max-width:767px) {
    .bb-navbar.-fixed:not(.-visible) .bb-navbar-logo-label svg {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
}

.bb-navbar-logo.-title .bb-navbar-logo-label svg #logo-text-and {
    opacity: 0
}

.bb-navbar-logo.-title .bb-navbar-logo-label svg #logo-text-bred {
    opacity: 0
}

.bb-navbar-logo-title {
    position: absolute;
    top: 1.81rem;
    left: 4rem;
    bottom: 0;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-navbar-logo-title {
        top: 2.6rem;
        left: 5.8rem;
        font-size: 3.3rem
    }
}

.bb-navbar-logo-title:before {
    content: "&"
}

.bb-navbar-actions {
    position: fixed;
    top: 1.3rem;
    right: 1.6rem;
    z-index: 97;
    display: grid;
    grid-auto-flow: column;
    justify-content: end;
    gap: .9rem;
    transition: opacity .2s, transform .2s
}

@media (min-width:768px) {
    .bb-navbar-actions {
        top: 2.9rem;
        right: 2.4rem
    }
}

.admin-bar .bb-navbar-actions {
    margin-top: var(--wp-admin--admin-bar--height)
}

.bb-navbar.-hidden:not(.-open) .bb-navbar-actions {
    opacity: 0;
    transform: translateY(-100%)
}

.bb-navbar-action.-contact {
    display: none
}

@media (min-width:768px) {
    .bb-navbar-action.-contact {
        display: block
    }
}

.bb-navbar.-secondary:not(.-open, .-modal) .bb-navbar-action.-contact .bb-btn_cta-box {
    background: #000
}

.bb-navbar.-fill .bb-navbar-action.-toggle button:before {
    background: #fff
}

.bb-navbar-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 96;
    height: 100%
}

.admin-bar .bb-navbar-menu {
    top: var(--wp-admin--admin-bar--height)
}

.bb-navbar-menu-content {
    position: relative;
    margin: 6.3rem 1.2rem 0 1.1rem;
    height: calc(100% - 6.3rem)
}

@media (min-width:768px) {
    .bb-navbar-menu-content {
        margin: 10.1rem 2.4rem 2.5rem;
        height: calc(100% - 10.1rem - 2.5rem)
    }
}

.bb-navbar-menu-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #fff;
    border-radius: .8rem
}

.bb-navbar-menu-container {
    position: relative;
    height: 100%;
    overflow: auto;
    scroll-behavior: smooth
}

.bb-navbar-mgrid {
    display: grid;
    overflow: hidden
}

@media (max-width:767px) {
    .bb-navbar-mgrid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto auto 13.8rem 6rem
    }
}

@media (min-width:768px) {
    .bb-navbar-mgrid {
        grid-template-columns: 60.8rem 81.4rem auto;
        grid-template-rows: auto auto 13.9rem 8.5rem;
        height: 100%
    }
}

@media (max-width:767px) {
    .bb-navbar-mgrid-col.-nav {
        padding: 3.8rem 3.5rem;
        grid-column: span 2;
        grid-row: span 2;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-navbar-mgrid-col.-nav {
        grid-row: span 2;
        padding: 0 15.8rem;
        display: flex;
        align-items: center;
        border-right: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-navbar-mgrid-col.-links {
        padding: 2.3rem 1rem 2.8rem 3.8rem;
        grid-row: span 2;
        border-right: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-navbar-mgrid-col.-links {
        grid-column: 3;
        grid-row: 1/3;
        padding: 0 0 7rem 15.8rem;
        display: flex;
        align-items: center;
        border-left: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-navbar-mgrid-col.-socials {
        padding: 2.7rem 4rem 3.1rem;
        display: flex;
        align-items: center;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-navbar-mgrid-col.-socials {
        grid-column: 3;
        grid-row: 2/4;
        align-self: end;
        padding: 0 0 5.4rem 15.8rem;
        border-left: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-navbar-mgrid-col.-book {
        padding: 1.2rem 1.1rem
    }
}

@media (min-width:768px) {
    .bb-navbar-mgrid-col.-book {
        grid-column: 1;
        grid-row: 3/5;
        padding: 1.4rem 1.7rem;
        border-top: 1px #d9d8ce solid;
        border-right: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-navbar-mgrid-col.-email {
        grid-column: span 2;
        text-align: center;
        border-top: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-navbar-mgrid-col.-email {
        grid-column: 3;
        grid-row: 4;
        border-top: 1px #d9d8ce solid;
        border-left: 1px #d9d8ce solid
    }
}

.bb-navbar-dot {
    display: none
}

@media (min-width:768px) {
    .bb-navbar-dot {
        display: block;
        position: absolute;
        width: 1.1rem;
        height: 1.1rem;
        margin: 4.5rem 0 0 -4rem;
        opacity: 0;
        border-radius: .3rem;
        background: red
    }
}

.bb-navbar-navs {
    margin: -.7rem 0
}

@media (min-width:768px) {
    .bb-navbar-navs {
        margin: -2.2rem 0
    }
}

.bb-navbar-nav {
    display: block;
    padding: .7rem 0;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-navbar-nav {
        padding: 2.2rem 0
    }
}

.bb-navbar-nav-title {
    display: block;
    cursor: pointer;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%;
    text-decoration: none;
    transition: opacity .5s
}

@media (max-width:767px) {
    .bb-navbar-nav-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 17rem;
        gap: 2rem;
        -webkit-tap-highlight-color: transparent
    }

    .bb-navbar-nav.-dropdown .bb-navbar-nav-title:after {
        content: "";
        display: block;
        width: .4285714286em;
        height: .2857142857em;
        margin: .3em 0 0;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path fill="none" stroke="%23ff0000" stroke-linecap="round" stroke-width="1.5" d="m1 1 5 5 5-5"/></svg>');
        background-size: cover;
        transition: transform .35s
    }

    .bb-navbar-nav.-open .bb-navbar-nav-title:after {
        transform: scaleY(-1)
    }
}

@media (min-width:768px) {
    .bb-navbar-nav-title {
        font-size: 5rem
    }
}

.bb-navbar-navs.-has-open .bb-navbar-nav-title {
    opacity: .2
}

.bb-navbar-nav.-open .bb-navbar-nav-title {
    opacity: 1
}

@media (max-width:767px) {
    .bb-navbar-nav-arr {
        display: grid;
        justify-content: center;
        align-items: center;
        height: 100%
    }

    .bb-navbar-nav-arr:before {
        content: "";
        display: block;
        width: .4285714286em;
        height: .2857142857em;
        margin: .2em 0 0;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path fill="none" stroke="%23ff0000" stroke-linecap="round" stroke-width="1.5" d="m1 1 5 5 5-5"/></svg>');
        background-size: cover;
        transition: transform .35s
    }

    .bb-navbar-nav.-open .bb-navbar-nav-arr:before {
        transform: scaleY(-1)
    }
}

.bb-navbar-nav-items {
    display: none;
    transition: opacity .4s, display .4s
}

@media (max-width:767px) {
    .bb-navbar-nav-items {
        padding: 2.5rem 0 1.8rem;
        margin: -1.1rem 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1.5rem
    }

    .bb-navbar-nav.-open .bb-navbar-nav-items {
        display: grid;
        opacity: 1
    }
}

@media (min-width:768px) {
    .bb-navbar-nav-items {
        display: grid;
        position: absolute;
        left: 60.8rem;
        bottom: 0;
        width: 81.4rem;
        grid-template-columns: repeat(4, 1fr);
        opacity: 0;
        pointer-events: none
    }

    .bb-navbar-nav.-open .bb-navbar-nav-items {
        opacity: 1;
        pointer-events: auto;
        z-index: 1
    }
}

.bb-navbar-nav-item {
    position: relative;
    display: block;
    padding: 1.1rem 0;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-navbar-nav-item {
        align-content: center;
        height: 12.8rem;
        margin-right: -1px;
        border-top: 1px #d9d8ce solid;
        border-right: 1px #d9d8ce solid
    }
}

.bb-navbar-nav-item-preview {
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    overflow: hidden;
    transform: scale(.92) rotate(.0001deg);
    will-change: transform;
    opacity: 0;
    border-radius: .8rem;
    transition: transform .8s cubic-bezier(.16, 1, .3, 1), opacity .4s
}

@media (pointer:fine) and (min-width:768px) {
    .bb-navbar-nav-item:hover .bb-navbar-nav-item-preview {
        opacity: 1;
        transform: scale(1)
    }
}

.bb-navbar-nav-item-preview iframe,
.bb-navbar-nav-item-preview img,
.bb-navbar-nav-item-preview video {
    display: none;
    height: 100%;
    width: 100%;
    transition: display .4s allow-discrete
}

@media (pointer:fine) {

    .bb-navbar-nav-item:hover .bb-navbar-nav-item-preview iframe,
    .bb-navbar-nav-item:hover .bb-navbar-nav-item-preview img,
    .bb-navbar-nav-item:hover .bb-navbar-nav-item-preview video {
        display: block
    }
}

.bb-navbar-nav-item-preview img,
.bb-navbar-nav-item-preview video {
    object-fit: cover
}

.bb-navbar-nav-item-title {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 105%;
    transition: color .2s
}

@media (min-width:768px) {
    .bb-navbar-nav-item-title {
        font-size: 1.8rem;
        line-height: 100%;
        text-align: center
    }
}

@media (min-width:768px) {
    a.bb-navbar-nav-item:hover .bb-navbar-nav-item-title {
        color: #fff
    }
}

@media (max-width:767px) {
    .bb-navbar-nav-item.-dummy {
        display: none
    }
}

@media (max-width:767px) {
    .bb-navbar-nav-item.-pointer {
        display: none
    }
}

@media (min-width:768px) {
    .bb-navbar-nav-item.-pointer {
        grid-column: 1/5;
        background: #f8f7f6
    }
}

@media (max-width:767px) {
    .bb-navbar-nav-item.-more {
        display: none
    }
}

@media (min-width:768px) {
    .bb-navbar-nav-item.-more {
        height: 22.4rem;
        grid-column: 1/5;
        text-align: right;
        padding-right: 3.9rem
    }
}

.bb-navbar-nav-pointer {
    position: absolute;
    left: 2.7rem;
    bottom: 1.5rem;
    z-index: 10
}

.bb-navbar-nav-pointer-text {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-navbar-nav-pointer-text {
        font-size: 1.5rem
    }
}

.bb-navbar-nav-pointer-arrow {
    position: absolute;
    top: 1.5rem;
    left: calc(100% + 1.8rem);
    width: 2.5rem;
    height: 2.6rem;
    transform: rotate(177.73deg);
    background-size: contain;
    background-repeat: no-repeat
}

.bb-navbar-links {
    margin: -1rem 0;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-navbar-links {
        margin: -1.4976rem 0;
        min-height: 38rem
    }
}

.bb-navbar-link {
    display: block;
    padding: 1rem 0;
    font-size: 2rem;
    line-height: 125%;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-navbar-link {
        padding: 1.4976rem 0;
        font-size: 3rem
    }
}

.bb-navbar-link-title {
    position: relative;
    display: block;
    overflow: hidden
}

.bb-navbar-link-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-navbar-link-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-navbar-link:hover .bb-navbar-link-title span {
        transform: translateY(-105%)
    }

    .bb-navbar-link:hover .bb-navbar-link-title span:after {
        transform: rotateX(0)
    }
}

.bb-navbar-socials {
    margin: -1rem 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden
}

.bb-navbar-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 0;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 130%;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-navbar-social {
        font-size: 1.8rem
    }
}

.bb-navbar-social:after {
    content: "";
    display: block;
    width: 1em;
    height: .4444444444em;
    margin: 0 0 0 1.3rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 8"><path fill="%23000" d="M1 3.5a.5.5 0 0 0 0 1v-1Zm16.4.9c.1-.2.1-.6 0-.8L14.2.5a.5.5 0 1 0-.7.7L16.3 4l-2.8 2.8a.5.5 0 1 0 .7.7l3.2-3.1ZM1 4.5h16v-1H1v1Z"/></svg>');
    background-size: contain;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.bb-navbar-social:hover:after {
    transform: translateX(-40%)
}

.bb-navbar-social-title {
    position: relative;
    display: block;
    overflow: hidden
}

.bb-navbar-social-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-navbar-social-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-navbar-social:hover .bb-navbar-social-title span {
        transform: translateY(-105%)
    }

    .bb-navbar-social:hover .bb-navbar-social-title span:after {
        transform: rotateX(0)
    }
}

.bb-navbar-book {
    height: 100%
}

.bb-btn_back,
.bb-btn_book,
.bb-btn_close,
.bb-btn_cta,
.bb-btn_dummy,
.bb-btn_full,
.bb-btn_intouch,
.bb-btn_menu,
.bb-fadecarousel-control,
.bb-flowcarousel-control,
.bb-hallfame-control,
.bb-work-filter-subs-nav {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: inherit;
    text-transform: inherit;
    text-indent: inherit;
    text-decoration: none
}

.bb-btn_back:focus,
.bb-btn_back:hover,
.bb-btn_book:focus,
.bb-btn_book:hover,
.bb-btn_close:focus,
.bb-btn_close:hover,
.bb-btn_cta:focus,
.bb-btn_cta:hover,
.bb-btn_dummy:focus,
.bb-btn_dummy:hover,
.bb-btn_full:focus,
.bb-btn_full:hover,
.bb-btn_intouch:focus,
.bb-btn_intouch:hover,
.bb-btn_menu:focus,
.bb-btn_menu:hover,
.bb-fadecarousel-control:focus,
.bb-fadecarousel-control:hover,
.bb-flowcarousel-control:focus,
.bb-flowcarousel-control:hover,
.bb-hallfame-control:focus,
.bb-hallfame-control:hover,
.bb-work-filter-subs-nav:focus,
.bb-work-filter-subs-nav:hover {
    text-decoration: none
}

.bb-btn_back:disabled,
.bb-btn_book:disabled,
.bb-btn_close:disabled,
.bb-btn_cta:disabled,
.bb-btn_dummy:disabled,
.bb-btn_full:disabled,
.bb-btn_intouch:disabled,
.bb-btn_menu:disabled,
.bb-fadecarousel-control:disabled,
.bb-flowcarousel-control:disabled,
.bb-hallfame-control:disabled,
.bb-work-filter-subs-nav:disabled {
    pointer-events: none;
    opacity: .5
}

.bb-btn_cta {
    display: inline-flex;
    height: 3.4rem
}

@media (min-width:768px) {
    .bb-btn_cta {
        height: 4.4rem
    }
}

.bb-btn_cta.-sm {
    height: 3.6rem
}

@media (min-width:768px) {
    .bb-btn_cta.-sm {
        height: 3.9rem
    }
}

.bb-btn_cta.-lg {
    height: 5.8rem
}

@media (min-width:768px) {
    .bb-btn_cta.-lg {
        height: 6.1rem
    }
}

.bb-btn_cta.-full {
    width: 100%
}

@media (pointer:fine) {
    .bb-btn_cta.-gooey:hover {
        filter: url(#gooey-filter)
    }
}

@media (pointer:fine) {
    .bb-btn_cta.-gooey.-centered {
        transform: translateX(1.7rem);
        transition: transform .6s cubic-bezier(.16, 1, .3, 1)
    }
}

@media (pointer:fine) and (min-width:768px) {
    .bb-btn_cta.-gooey.-centered {
        transform: translateX(2.2rem)
    }
}

@media (pointer:fine) {
    .bb-btn_cta.-gooey.-centered:hover {
        transform: translateX(0)
    }
}

@media (min-width:768px) and (pointer:fine) {
    .bb-btn_cta.-gooey.-centered-gsm {
        transform: translateX(1.7rem);
        transition: transform .6s cubic-bezier(.16, 1, .3, 1)
    }
}

@media (min-width:768px) and (pointer:fine) and (min-width:768px) {
    .bb-btn_cta.-gooey.-centered-gsm {
        transform: translateX(2.2rem)
    }
}

@media (min-width:768px) and (pointer:fine) {
    .bb-btn_cta.-gooey.-centered-gsm:hover {
        transform: translateX(0)
    }
}

.bb-btn_cta-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 1.8rem;
    z-index: 1;
    will-change: transform;
    color: #fff;
    border-radius: 10rem;
    background: #000;
    transition: transform .4s, background-color .6s
}

@media (min-width:768px) {
    .bb-btn_cta-box {
        padding: 0 2.7rem
    }
}

@media (pointer:fine) {
    .bb-btn_cta:hover .bb-btn_cta-box {
        transform: scaleX(1.015) scaleY(1.005);
        transition: transform .6s cubic-bezier(.34, 5.56, .64, 1)
    }
}

.bb-btn_cta.-primary .bb-btn_cta-box {
    color: #fff;
    background: red
}

.bb-btn_cta.-inverse .bb-btn_cta-box {
    color: #000;
    background: #fff
}

.bb-btn_cta.-square .bb-btn_cta-box {
    border-radius: .8rem
}

.bb-btn_cta.-lg .bb-btn_cta-box {
    width: 100%
}

.bb-btn_cta-title {
    display: block;
    overflow: hidden;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-btn_cta-title {
        font-size: 1.8rem
    }
}

.bb-btn_cta.-sm .bb-btn_cta-title {
    font-size: 1.5rem
}

@media (min-width:768px) {
    .bb-btn_cta.-sm .bb-btn_cta-title {
        font-size: 1.6rem
    }
}

.bb-btn_cta.-lg .bb-btn_cta-title {
    font-size: 1.4rem
}

@media (min-width:768px) {
    .bb-btn_cta.-lg .bb-btn_cta-title {
        font-size: 1.8rem
    }
}

.bb-btn_cta-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-btn_cta-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-btn_cta:hover .bb-btn_cta-title span {
        transform: translateY(-105%)
    }

    .bb-btn_cta:hover .bb-btn_cta-title span:after {
        transform: rotateX(0)
    }
}

.bb-btn_cta-arr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    will-change: transform;
    flex-shrink: 0;
    color: #fff;
    background: red;
    border-radius: 50%
}

@media (min-width:768px) {
    .bb-btn_cta-arr {
        width: 4.4rem;
        height: 4.4rem
    }
}

@media (pointer:fine) {
    .bb-btn_cta.-gooey .bb-btn_cta-arr {
        transform: translateX(-100%) scale(.7);
        transition: transform .6s cubic-bezier(.34, 1.4, .64, 1)
    }
}

.bb-btn_cta:hover .bb-btn_cta-arr {
    transform: translateX(0)
}

.bb-btn_cta:disabled {
    pointer-events: none;
    opacity: .7
}

.bb-btn_menu {
    display: inline-flex;
    align-items: center;
    height: 3.6rem;
    padding: 0 1.7rem;
    gap: .5rem;
    color: #000;
    border-radius: 9999px;
    transition: background .3s
}

@media (min-width:768px) {
    .bb-btn_menu {
        height: 3.9rem
    }
}

.bb-btn_menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f6;
    border-radius: 9999px;
    transition: transform .4s, background-color .6s
}

@media (pointer:fine) {
    .bb-btn_menu:hover:before {
        transform: scaleX(1.02) scaleY(1.01);
        transition: transform .5s cubic-bezier(.34, 5.56, .64, 1)
    }
}

.bb-btn_menu.-active:before,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-btn_menu:before,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-btn_menu.bb-work-filter-toggle:before,
.bb-work-filter.-active .bb-btn_menu.bb-work-filter-toggle:before {
    background: #fff
}

.bb-btn_menu-icon {
    position: relative;
    width: 1.4rem;
    height: 1.4rem
}

.bb-btn_menu-icon svg {
    vertical-align: top
}

.bb-btn_menu-icon svg path {
    transform-box: fill-box;
    transform-origin: center center;
    transition: transform .4s
}

.bb-btn_menu.-active .bb-btn_menu-icon svg path:nth-child(1),
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-btn_menu .bb-btn_menu-icon svg path:nth-child(1),
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-icon svg path:nth-child(1),
.bb-work-filter.-active .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-icon svg path:nth-child(1) {
    animation: bb-btn_menu-bar-top .6s;
    transition: none;
    transform: translateY(5px) rotate(45deg) scaleX(1.3)
}

.bb-btn_menu.-active .bb-btn_menu-icon svg path:nth-child(2),
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-btn_menu .bb-btn_menu-icon svg path:nth-child(2),
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-icon svg path:nth-child(2),
.bb-work-filter.-active .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-icon svg path:nth-child(2) {
    transform: scaleX(0);
    transition-delay: .3s
}

.bb-btn_menu.-active .bb-btn_menu-icon svg path:nth-child(3),
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-btn_menu .bb-btn_menu-icon svg path:nth-child(3),
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-icon svg path:nth-child(3),
.bb-work-filter.-active .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-icon svg path:nth-child(3) {
    animation: bb-btn_menu-bar-bottom .6s;
    transition: none;
    transform: translateY(-5px) rotate(-45deg) scaleX(1.3)
}

@keyframes bb-btn_menu-bar-top {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(5px) rotate(45deg) scaleX(1.3)
    }
}

@keyframes bb-btn_menu-bar-bottom {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }

    100% {
        transform: translateY(-5px) rotate(-45deg) scaleX(1.3)
    }
}

.bb-btn_menu-title {
    position: relative;
    overflow: hidden;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-btn_menu-title {
        font-size: 1.6rem
    }
}

.bb-btn_menu-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-btn_menu-title span:after {
    content: attr(data-text-close);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-btn_menu.-active .bb-btn_menu-title span,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-btn_menu .bb-btn_menu-title span,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-title span,
.bb-work-filter.-active .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-title span {
    transform: translateY(-105%)
}

.bb-btn_menu.-active .bb-btn_menu-title span:after,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-btn_menu .bb-btn_menu-title span:after,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-title span:after,
.bb-work-filter.-active .bb-btn_menu.bb-work-filter-toggle .bb-btn_menu-title span:after {
    transform: rotateX(0)
}

.bb-btn_book {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff;
    background: red;
    border-radius: .8rem;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    transition: transform .8s cubic-bezier(.16, 1, .3, 1)
}

@media (min-width:768px) {
    .bb-btn_book {
        font-size: 1.8rem
    }
}

.bb-btn_book:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-top: 100%;
    transform: translateY(-50%) scale(0);
    opacity: 0;
    background: rgba(0, 0, 0, .04);
    border-radius: 50%;
    transition: transform 0s .4s, opacity .4s
}

.bb-btn_book:hover {
    color: #fff
}

@media (pointer:fine) {
    .bb-btn_book:hover {
        transform: scale(.985) !important
    }

    .bb-btn_book:hover:before {
        opacity: 1;
        transform: translateY(-50%) scaleX(1.1);
        transition: transform 1.6s cubic-bezier(.16, 1, .3, 1), opacity 0s
    }
}

.bb-btn_book-title {
    position: relative;
    margin: 0 auto;
    max-width: 17.8rem
}

@media (min-width:768px) {
    .bb-btn_book-title {
        max-width: 23rem
    }
}

.bb-btn_intouch {
    height: 1em;
    width: 1em;
    font-size: 12.7rem
}

@media (pointer:fine) {
    .bb-btn_intouch:hover:before {
        content: "";
        display: block;
        position: absolute;
        top: -10%;
        left: -10%;
        right: -10%;
        bottom: -10%
    }
}

.bb-btn_intouch-path {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
    overflow-clip-margin: .5rem
}

.bb-btn_intouch-path svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: bb-fx-rotating-360 15s infinite linear
}

.bb-btn_intouch-path path {
    fill: transparent;
    stroke: transparent
}

.bb-btn_intouch-path text {
    fill: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: -.09em;
    text-transform: uppercase
}

.bb-btn_intouch-box {
    position: absolute;
    top: 15%;
    left: 15%;
    right: 15%;
    bottom: 15%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bb-btn_intouch-box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: red;
    border-radius: 50%;
    transition: transform .7s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-btn:hover .bb-btn_intouch-box:before {
        transform: scale(.9)
    }
}

.bb-btn:active .bb-btn_intouch-box:before {
    transform: scale(.8)
}

.bb-btn_intouch-arr {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: .2em;
    line-height: 0
}

.bb-btn_full {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    white-space: nowrap
}

@media (min-width:768px) {
    .bb-btn_full {
        font-size: 1.8rem
    }
}

.bb-btn_full-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: bottom center;
    will-change: transform;
    transition: transform .4s cubic-bezier(.475, .425, 0, .995)
}

.bb-btn_full-fill.-primary {
    background: red
}

.bb-btn_full:hover .bb-btn_full-fill {
    transform: scaleY(1)
}

.bb-btn_full-title {
    position: relative;
    transition: color .25s
}

.bb-btn_full:hover .bb-btn_full-title {
    color: #fff
}

.bb-btn_close {
    font-size: 2rem;
    line-height: 0
}

.bb-btn_close:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%
}

.bb-btn_back {
    display: inline-flex;
    align-items: center;
    gap: .66rem
}

@media (min-width:768px) {
    .bb-btn_back {
        gap: 1.46rem
    }
}

.bb-btn_back-icon {
    color: red;
    font-size: 1.3rem;
    line-height: 0;
    transition: transform .4s
}

@media (min-width:768px) {
    .bb-btn_back-icon {
        font-size: 1.5rem
    }
}

.bb-btn_back-icon svg {
    vertical-align: top
}

@media (pointer:fine) {
    .bb-btn_back:hover .bb-btn_back-icon {
        transform: translateX(-25%)
    }
}

.bb-btn_back-title {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-btn_back-title {
        font-size: 1.5rem
    }
}

.bb-input_underline {
    position: relative;
    display: block
}

.bb-input_underline input,
.bb-input_underline select,
.bb-input_underline textarea {
    position: relative;
    margin: 0;
    padding: 1rem 0;
    width: 100%;
    z-index: 2;
    color: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1;
    vertical-align: top
}

@media (min-width:768px) {

    .bb-input_underline input,
    .bb-input_underline select,
    .bb-input_underline textarea {
        font-size: 1.8rem
    }
}

.bb-input_underline input:-webkit-autofill,
.bb-input_underline input:-webkit-autofill:focus,
.bb-input_underline input:-webkit-autofill:hover,
.bb-input_underline select:-webkit-autofill,
.bb-input_underline select:-webkit-autofill:focus,
.bb-input_underline select:-webkit-autofill:hover,
.bb-input_underline textarea:-webkit-autofill,
.bb-input_underline textarea:-webkit-autofill:focus,
.bb-input_underline textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    mix-blend-mode: exclusion;
    -webkit-transition: background-color 0s 9999999s;
    transition: background-color 0s 9999999s
}

.bb-input_underline input::-webkit-search-cancel-button,
.bb-input_underline input::-webkit-search-decoration,
.bb-input_underline input::-webkit-search-results-button,
.bb-input_underline input::-webkit-search-results-decoration,
.bb-input_underline select::-webkit-search-cancel-button,
.bb-input_underline select::-webkit-search-decoration,
.bb-input_underline select::-webkit-search-results-button,
.bb-input_underline select::-webkit-search-results-decoration,
.bb-input_underline textarea::-webkit-search-cancel-button,
.bb-input_underline textarea::-webkit-search-decoration,
.bb-input_underline textarea::-webkit-search-results-button,
.bb-input_underline textarea::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.bb-input_underline input::-moz-placeholder,
.bb-input_underline select::-moz-placeholder,
.bb-input_underline textarea::-moz-placeholder {
    opacity: 0;
    color: transparent
}

.bb-input_underline input::-ms-input-placeholder,
.bb-input_underline select::-ms-input-placeholder,
.bb-input_underline textarea::-ms-input-placeholder {
    opacity: 0;
    color: transparent
}

.bb-input_underline input::placeholder,
.bb-input_underline select::placeholder,
.bb-input_underline textarea::placeholder {
    opacity: 0;
    color: transparent
}

.bb-input_underline input:invalid,
.bb-input_underline select:invalid,
.bb-input_underline textarea:invalid {
    box-shadow: none
}

.bb-input_underline input:disabled,
.bb-input_underline select:disabled,
.bb-input_underline textarea:disabled {
    opacity: .4;
    pointer-events: none
}

.bb-input_underline textarea {
    resize: none
}

.bb-input_underline-label {
    position: absolute;
    top: 1rem;
    display: flex;
    align-items: center;
    height: 2.5rem;
    opacity: .7;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1;
    vertical-align: top;
    text-transform: uppercase;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
    transform-origin: top left
}

@media (min-width:768px) {
    .bb-input_underline-label {
        font-size: 1.8rem
    }
}

input:not(:-moz-placeholder)~.bb-input_underline-label,
textarea:not(:-moz-placeholder)~.bb-input_underline-label {
    transform: scale(.5555) translateY(-100%) translateZ(0)
}

.bb-input_underline.-filled .bb-input_underline-label,
.bb-input_underline.-focus .bb-input_underline-label,
input:focus~.bb-input_underline-label,
input:not(:placeholder-shown)~.bb-input_underline-label,
select:focus~.bb-input_underline-label,
select:valid~.bb-input_underline-label,
textarea:focus~.bb-input_underline-label,
textarea:not(:placeholder-shown)~.bb-input_underline-label {
    transform: scale(.5555) translateY(-100%) translateZ(0)
}

.bb-input_underline-line {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    border-top: 1px solid
}

.bb-input_underline-line:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    transform: scaleX(0);
    border-bottom: 2px solid;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
    transform-origin: center left
}

input:focus~.bb-input_underline-line:after,
select:focus~.bb-input_underline-line:after,
textarea:focus~.bb-input_underline-line:after {
    transform: scaleX(1)
}

.bb-input_underline.-focus .bb-input_underline-line:after {
    transform: scaleX(1)
}

input:invalid:not(:-moz-placeholder)~.bb-input_underline-line:after,
textarea:invalid:not(:-moz-placeholder)~.bb-input_underline-line:after {
    transform: scaleX(1);
    border-color: red
}

input:invalid:not(:placeholder-shown)~.bb-input_underline-line:after,
textarea:invalid:not(:placeholder-shown)~.bb-input_underline-line:after {
    transform: scaleX(1);
    border-color: red
}

.bb-input_underline.-error .bb-input_underline-line:after {
    transform: scaleX(1);
    border-color: red
}

.bb-input_underline.-tomselect select.tomselected,
.bb-input_underline.-tomselect select.ts-hidden-accessible {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px
}

.bb-input_underline.-tomselect .ts-wrapper {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%
}

.bb-input_underline.-tomselect .ts-wrapper.dropdown-active {
    z-index: 5
}

.bb-input_underline.-tomselect .ts-control {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.3rem 0;
    padding-bottom: 1rem;
    min-height: 4.4rem;
    color: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: auto;
    outline: 0 !important
}

@media (min-width:768px) {
    .bb-input_underline.-tomselect .ts-control {
        font-size: 1.8rem
    }
}

.bb-input_underline.-tomselect .ts-control:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 19.28'%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4' d='m1.5 1.4 14.63 15 14.37-15'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.8rem;
    height: .9rem;
    position: absolute;
    right: 0;
    top: 50%;
    transition: transform .4s;
    transform: translateY(-50%)
}

.bb-input_underline.-tomselect .ts-control[aria-expanded=true]:after {
    transform: translateY(-50%) scaleY(-1) scaleX(-1)
}

.bb-input_underline.-tomselect .ts-control input {
    display: none
}

.bb-input_underline.-tomselect .ts-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 1rem;
    z-index: 10;
    border: 0;
    background: #444 !important;
    color: #000;
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: .5rem
}

.bb-input_underline.-tomselect .ts-wrapper:not(.dropdown-active) .ts-dropdown {
    display: none
}

.bb-input_underline.-tomselect .ts-dropdown .ts-dropdown-content {
    max-height: 26rem;
    overflow: auto;
    padding: .8rem .5rem
}

.bb-input_underline.-tomselect .ts-dropdown .option {
    padding: .6rem;
    border-radius: .4rem;
    transition: all .15s 50ms;
    cursor: pointer;
    margin-bottom: .5rem
}

.bb-input_underline.-tomselect .ts-dropdown .option:last-child {
    margin-bottom: 0
}

.bb-input_underline.-tomselect .ts-dropdown .option.active {
    background: #d9d8ce !important;
    color: #000;
    transition: all .15s 0s
}

.bb-input_underline-message {
    margin: .5rem 0 0;
    color: red;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 200%
}

.bb-input_underline-message:empty {
    display: none
}

.bb-input_box {
    position: relative;
    display: block
}

.bb-input_box input,
.bb-input_box select,
.bb-input_box textarea {
    position: relative;
    margin: 0;
    padding: 2rem;
    width: 100%;
    z-index: 2;
    color: inherit;
    background: 0 0;
    border: 1px solid;
    border-radius: .8rem;
    outline: 0;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1;
    vertical-align: top
}

@media (min-width:768px) {

    .bb-input_box input,
    .bb-input_box select,
    .bb-input_box textarea {
        font-size: 1.8rem
    }
}

.bb-input_box input:-webkit-autofill,
.bb-input_box input:-webkit-autofill:focus,
.bb-input_box input:-webkit-autofill:hover,
.bb-input_box select:-webkit-autofill,
.bb-input_box select:-webkit-autofill:focus,
.bb-input_box select:-webkit-autofill:hover,
.bb-input_box textarea:-webkit-autofill,
.bb-input_box textarea:-webkit-autofill:focus,
.bb-input_box textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #000;
    -webkit-transition: background-color 5000000s;
    transition: background-color 5000000s
}

.bb-input_box input::-webkit-search-cancel-button,
.bb-input_box input::-webkit-search-decoration,
.bb-input_box input::-webkit-search-results-button,
.bb-input_box input::-webkit-search-results-decoration,
.bb-input_box select::-webkit-search-cancel-button,
.bb-input_box select::-webkit-search-decoration,
.bb-input_box select::-webkit-search-results-button,
.bb-input_box select::-webkit-search-results-decoration,
.bb-input_box textarea::-webkit-search-cancel-button,
.bb-input_box textarea::-webkit-search-decoration,
.bb-input_box textarea::-webkit-search-results-button,
.bb-input_box textarea::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.bb-input_box input::-moz-placeholder,
.bb-input_box select::-moz-placeholder,
.bb-input_box textarea::-moz-placeholder {
    opacity: .7;
    color: inherit;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.bb-input_box input::-ms-input-placeholder,
.bb-input_box select::-ms-input-placeholder,
.bb-input_box textarea::-ms-input-placeholder {
    opacity: .7;
    color: inherit;
    -ms-transition: opacity .2s;
    transition: opacity .2s
}

.bb-input_box input::placeholder,
.bb-input_box select::placeholder,
.bb-input_box textarea::placeholder {
    opacity: .7;
    color: inherit;
    transition: opacity .2s
}

.bb-input_box input:invalid,
.bb-input_box select:invalid,
.bb-input_box textarea:invalid {
    box-shadow: none
}

.bb-input_box input:disabled,
.bb-input_box select:disabled,
.bb-input_box textarea:disabled {
    opacity: .4;
    pointer-events: none
}

.bb-input_box textarea {
    resize: none;
    height: 21.5rem;
    font-size: 1.6rem
}

@media (min-width:768px) {
    .bb-input_box textarea {
        font-size: 1.8rem
    }
}

.bb-input_box-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border: 2px solid;
    border-radius: .8rem;
    transition: opacity .3s
}

textarea:focus~.bb-input_box-line {
    opacity: 1
}

.bb-input_file {
    position: relative;
    display: block;
    cursor: pointer
}

.bb-input_file input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    cursor: pointer
}

.bb-input_file-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 11.6rem;
    border: 1px solid;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-input_file-box {
        height: 21.5rem
    }
}

.bb-input_file.-dragover .bb-input_file-box {
    border-style: dashed
}

.bb-input_file-label {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-input_file-label {
        font-size: 1.8rem
    }
}

.bb-input_file.-dragover .bb-input_file-label {
    opacity: .5
}

.bb-input_file-label i {
    font-size: 1.8rem;
    font-style: normal
}

.bb-input_file-items {
    padding: 0 1rem
}

.bb-input_file-item {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.4rem;
    font-weight: 400;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.bb-input_search {
    position: relative;
    display: block
}

.bb-input_search input {
    position: relative;
    margin: 0;
    padding: 1.1rem 2.5rem 1.1rem 0;
    width: 100%;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    outline: 0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 133%
}

.bb-input_search input:-webkit-autofill,
.bb-input_search input:-webkit-autofill:focus,
.bb-input_search input:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 5000000s;
    transition: background-color 5000000s
}

.bb-input_search input::-webkit-search-cancel-button,
.bb-input_search input::-webkit-search-decoration,
.bb-input_search input::-webkit-search-results-button,
.bb-input_search input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.bb-input_search input::-moz-placeholder {
    color: inherit;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.bb-input_search input::-ms-input-placeholder {
    color: inherit;
    -ms-transition: opacity .2s;
    transition: opacity .2s
}

.bb-input_search input::placeholder {
    color: inherit;
    transition: opacity .2s
}

.bb-input_search input:focus::-moz-placeholder {
    opacity: .5
}

.bb-input_search input:focus::-ms-input-placeholder {
    opacity: .5
}

.bb-input_search input:focus::placeholder {
    opacity: .5
}

.bb-input_search input:invalid {
    box-shadow: none
}

.bb-input_search input:disabled {
    opacity: .4;
    pointer-events: none
}

.bb-input_search-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 0 0 2rem;
    color: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
    font-size: 2rem;
    line-height: 1
}

@media (min-width:768px) {
    .bb-input_search-submit {
        padding: 0 0 0 2.2rem
    }
}

.bb-input_subscribe {
    position: relative;
    display: block
}

.bb-input_subscribe input,
.bb-input_subscribe select,
.bb-input_subscribe textarea {
    position: relative;
    margin: 0;
    padding: 0 4.5rem 0 1.4rem;
    width: 100%;
    height: 4.5rem;
    color: #fff;
    background: 0 0;
    border: 2px #fff solid;
    border-radius: 1rem;
    outline: 0;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 100%
}

@media (min-width:768px) {

    .bb-input_subscribe input,
    .bb-input_subscribe select,
    .bb-input_subscribe textarea {
        padding: 0 5rem 0 2.5rem;
        height: 5.5rem;
        border-radius: 1.5rem
    }
}

.bb-input_subscribe input:-webkit-autofill,
.bb-input_subscribe input:-webkit-autofill:focus,
.bb-input_subscribe input:-webkit-autofill:hover,
.bb-input_subscribe select:-webkit-autofill,
.bb-input_subscribe select:-webkit-autofill:focus,
.bb-input_subscribe select:-webkit-autofill:hover,
.bb-input_subscribe textarea:-webkit-autofill,
.bb-input_subscribe textarea:-webkit-autofill:focus,
.bb-input_subscribe textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 5000000s;
    transition: background-color 5000000s
}

.bb-input_subscribe input::-webkit-search-cancel-button,
.bb-input_subscribe input::-webkit-search-decoration,
.bb-input_subscribe input::-webkit-search-results-button,
.bb-input_subscribe input::-webkit-search-results-decoration,
.bb-input_subscribe select::-webkit-search-cancel-button,
.bb-input_subscribe select::-webkit-search-decoration,
.bb-input_subscribe select::-webkit-search-results-button,
.bb-input_subscribe select::-webkit-search-results-decoration,
.bb-input_subscribe textarea::-webkit-search-cancel-button,
.bb-input_subscribe textarea::-webkit-search-decoration,
.bb-input_subscribe textarea::-webkit-search-results-button,
.bb-input_subscribe textarea::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.bb-input_subscribe input::-moz-placeholder,
.bb-input_subscribe select::-moz-placeholder,
.bb-input_subscribe textarea::-moz-placeholder {
    color: inherit;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    text-transform: uppercase
}

.bb-input_subscribe input::-ms-input-placeholder,
.bb-input_subscribe select::-ms-input-placeholder,
.bb-input_subscribe textarea::-ms-input-placeholder {
    color: inherit;
    -ms-transition: opacity .2s;
    transition: opacity .2s;
    text-transform: uppercase
}

.bb-input_subscribe input::placeholder,
.bb-input_subscribe select::placeholder,
.bb-input_subscribe textarea::placeholder {
    color: inherit;
    transition: opacity .2s;
    text-transform: uppercase
}

.bb-input_subscribe input:focus::-moz-placeholder,
.bb-input_subscribe select:focus::-moz-placeholder,
.bb-input_subscribe textarea:focus::-moz-placeholder {
    opacity: .5
}

.bb-input_subscribe input:focus::-ms-input-placeholder,
.bb-input_subscribe select:focus::-ms-input-placeholder,
.bb-input_subscribe textarea:focus::-ms-input-placeholder {
    opacity: .5
}

.bb-input_subscribe input:focus::placeholder,
.bb-input_subscribe select:focus::placeholder,
.bb-input_subscribe textarea:focus::placeholder {
    opacity: .5
}

.bb-input_subscribe input:invalid,
.bb-input_subscribe select:invalid,
.bb-input_subscribe textarea:invalid {
    box-shadow: none
}

.bb-input_subscribe input:disabled,
.bb-input_subscribe select:disabled,
.bb-input_subscribe textarea:disabled {
    opacity: .4;
    pointer-events: none
}

.bb-input_subscribe-addon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: 0 2rem;
    opacity: 1;
    font-size: 1.4rem;
    line-height: 1;
    transition: opacity .4s
}

@media (min-width:768px) {
    .bb-input_subscribe-addon {
        padding: 0 2.2rem;
        font-size: 1.6rem
    }
}

.bb-input_subscribe-addon[hidden] {
    opacity: 0
}

.bb-input_subscribe-addon button {
    transition: opacity .2s
}

.bb-feedback.-inverse .bb-input_underline.-tomselect .ts-dropdown {
    background: #000;
    color: #fff;
    border-color: #333
}

.bb-feedback.-inverse .bb-input_underline.-tomselect .ts-dropdown .option.active {
    background: #333
}

.bb-modal_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

@media (min-width:768px) {
    .bb-modal_box {
        padding: 3rem 0
    }
}

.bb-modal_box.-show {
    display: grid
}

.bb-modal_box.-visible {
    pointer-events: auto
}

.bb-modal_box-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .8);
    transition: opacity .4s
}

.bb-modal_box.-visible .bb-modal_box-backdrop {
    opacity: 1
}

.bb-modal_box-close {
    opacity: 0;
    transition: opacity .2s
}

@media (max-width:767px) {
    .bb-modal_box-close {
        position: absolute;
        top: 2rem;
        right: 2rem
    }
}

@media (min-width:768px) {
    .bb-modal_box-close {
        position: absolute;
        top: 3rem;
        right: 3rem
    }
}

.bb-modal_box.-visible .bb-modal_box-close {
    opacity: 1
}

.bb-modal_box-dialog {
    padding: 7.9rem 0 6.5rem;
    transform: scale(.95);
    opacity: 0;
    background: #fff;
    transition: opacity .4s, transform .4s
}

@media (min-width:768px) {
    .bb-modal_box-dialog {
        width: 101.5rem;
        transform: scale(.9);
        border-radius: .8rem
    }
}

.bb-modal_box-dialog::-webkit-scrollbar {
    display: none
}

.bb-modal_box.-visible .bb-modal_box-dialog {
    opacity: 1;
    transform: translateX(0)
}

.bb-modal_box-container {
    padding: 0 2rem
}

@media (min-width:768px) {
    .bb-modal_box-container {
        padding: 0 7.4rem
    }
}

.bb-modal_box-header {
    margin: 0 0 2rem;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-modal_box-header {
        margin: 0 0 3.5rem;
        font-size: 4rem
    }
}

.bb-modal_box-text {
    font-size: 1.6rem;
    line-height: 150%;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-modal_box-text {
        max-width: 71.1rem;
        margin: 0 auto;
        font-size: 2rem
    }
}

.bb-modal_box-form {
    margin: 3rem 0 0
}

@media (min-width:768px) {
    .bb-modal_box-form {
        margin: 8.3rem 0 0
    }
}

.bb-modal_box-iframe {
    margin: 3rem 0 0
}

@media (min-width:768px) {
    .bb-modal_box-iframe {
        margin: 4rem 0 0
    }
}

.bb-modal_box-iframe iframe {
    width: 100%;
    height: 1010px;
    border: 0
}

@media (min-width:768px) {
    .bb-modal_box-iframe iframe {
        height: 700px
    }
}

.bb-modal_full {
    display: none;
    pointer-events: none
}

.bb-modal_full.-show {
    display: block
}

.bb-modal_full.-visible {
    pointer-events: auto
}

.bb-modal_full-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 89;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: #fff;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.bb-modal_full.-visible .bb-modal_full-backdrop {
    transform: scaleY(1);
    transform-origin: top center
}

.bb-modal_full-dialog {
    position: fixed;
    top: 6.2rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    overflow: auto;
    scroll-behavior: smooth;
    opacity: 0;
    border-top: 1px #d9d8ce solid;
    transition: opacity .4s
}

@media (min-width:768px) {
    .bb-modal_full-dialog {
        top: 9.4rem
    }
}

.bb-modal_full.-visible .bb-modal_full-dialog {
    opacity: 1;
    transition: opacity 1s .1s
}

.bb-modal_full-lines {
    position: fixed;
    top: 6.2rem;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width:768px) {
    .bb-modal_full-lines {
        top: 9.4rem
    }
}

.bb-modal_full-line {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px #d9d8ce solid
}

.bb-modal_full-line:first-child {
    left: 1.6rem
}

@media (min-width:768px) {
    .bb-modal_full-line:first-child {
        left: 18.2rem
    }
}

.bb-modal_full-line:last-child {
    right: 1.6rem
}

@media (min-width:768px) {
    .bb-modal_full-line:last-child {
        right: 18.2rem
    }
}

.bb-modal_full-top {
    padding: 12rem 0 4.1rem
}

@media (min-width:768px) {
    .bb-modal_full-top {
        padding: 14.6rem 0 1.4rem
    }
}

.bb-modal_full-bottom {
    padding: 1.9rem 0 2.4rem
}

@media (min-width:768px) {
    .bb-modal_full-bottom {
        padding: 2rem 0 10rem
    }
}

.bb-modal_full-divider {
    border-top: 1px #d9d8ce solid
}

.bb-modal_full-container {
    padding: 0 3.8rem
}

@media (min-width:768px) {
    .bb-modal_full-container {
        padding: 0 20.8rem
    }
}

.bb-modal_full-caption {
    margin: 0 0 3.6rem;
    font-size: 2rem;
    line-height: 125%;
    text-align: center
}

@media (min-width:768px) {
    .bb-modal_full-caption {
        margin: 0 0 5.6rem;
        font-size: 3rem
    }
}

.bb-modal_full-header {
    max-width: 80%;
    margin: 0 auto;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-modal_full-header {
        max-width: 60%;
        font-size: 4rem
    }
}

.bb-modal_full-back {
    margin: 9.4rem 0 0;
    text-align: center
}

@media (min-width:768px) {
    .bb-modal_full-back {
        margin: 13.8rem 0 0;
        text-align: left
    }
}

.bb-modal_full-cards {
    display: grid;
    gap: 2.2rem
}

@media (min-width:768px) {
    .bb-modal_full-cards {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 50%);
        gap: 2.4rem;
        height: 60.2rem
    }
}

.bb-modal_full-card {
    height: 14rem;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-modal_full-card {
        height: auto
    }
}

.bb-modal_full-card.-inverse {
    color: #fff;
    background: #000
}

@media (min-width:768px) {
    .bb-modal_full-card:nth-child(1) {
        grid-row: span 2
    }
}

@media (max-width:767px) {
    .bb-modal_full-card:nth-child(3) {
        height: auto
    }
}

.bb-modal_full-card-preview {
    height: 100%
}

.bb-modal_full-card-preview iframe,
.bb-modal_full-card-preview img,
.bb-modal_full-card-preview video {
    width: 100%;
    height: 100%
}

.bb-modal_full-card-preview img,
.bb-modal_full-card-preview video {
    object-fit: cover
}

.bb-modal_full-card-preview iframe {
    border: 0
}

.bb-modal_full-card-quote {
    display: flex;
    flex-direction: column;
    padding: 2.7rem 2.5rem 3.4rem 3.6rem;
    height: 100%
}

@media (min-width:768px) {
    .bb-modal_full-card-quote {
        padding: 4.4rem 4.5rem;
        justify-content: space-between
    }
}

.bb-modal_full-card-text {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-modal_full-card-text {
        font-size: 4rem
    }
}

.bb-modal_full-card-caption {
    margin: 4.1rem 0 0;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-modal_full-card-caption {
        font-size: 1.8rem
    }
}

.bb-flowcarousel {
    direction: rtl;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.bb-flowcarousel-items {
    display: flex;
    height: 40.3rem;
    justify-content: center
}

@media (min-width:768px) {
    .bb-flowcarousel-items {
        justify-content: start;
        height: 62.4rem
    }
}

.bb-flowcarousel-item {
    position: absolute;
    width: 24rem;
    height: 40.3rem;
    flex-shrink: 0;
    direction: ltr;
    border-radius: 8px;
    transform: scale(.8);
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    transition: transform 1.2s cubic-bezier(.16, 1, .3, 1), opacity .6s, -webkit-clip-path 1.2s cubic-bezier(.16, 1, .3, 1);
    transition: transform 1.2s cubic-bezier(.16, 1, .3, 1), opacity .6s, clip-path 1.2s cubic-bezier(.16, 1, .3, 1);
    transition: transform 1.2s cubic-bezier(.16, 1, .3, 1), opacity .6s, clip-path 1.2s cubic-bezier(.16, 1, .3, 1), -webkit-clip-path 1.2s cubic-bezier(.16, 1, .3, 1)
}

@media (min-width:768px) {
    .bb-flowcarousel-item {
        width: 35.2rem;
        height: 62.4rem
    }
}

.bb-flowcarousel-item-preview {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.bb-flowcarousel-item-preview iframe,
.bb-flowcarousel-item-preview img,
.bb-flowcarousel-item-preview video {
    width: 100%;
    height: 100%
}

.bb-flowcarousel-item-preview img,
.bb-flowcarousel-item-preview video {
    object-fit: cover
}

.bb-flowcarousel-item-preview iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 177.77cqh;
    border: 0
}

.bb-flowcarousel-item-reel {
    position: absolute;
    top: 20rem;
    left: 0;
    display: flex;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s
}

@media (min-width:768px) {
    .bb-flowcarousel-item-reel {
        top: 30rem
    }
}

.bb-flowcarousel-item.-active .bb-flowcarousel-item-reel,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-flowcarousel-item .bb-flowcarousel-item-reel,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-flowcarousel-item.bb-work-filter-toggle .bb-flowcarousel-item-reel,
.bb-work-filter.-active .bb-flowcarousel-item.bb-work-filter-toggle .bb-flowcarousel-item-reel {
    opacity: 1
}

.bb-flowcarousel-item.-play .bb-flowcarousel-item-reel {
    opacity: 0
}

.bb-flowcarousel-item-text {
    flex-shrink: 0;
    padding: 0 1rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 100%;
    text-wrap: balance;
    color: #fff;
    transform: translateX(0);
    animation: bb-flowcarousel-item-text 5s linear infinite
}

@media (min-width:768px) {
    .bb-flowcarousel-item-text {
        font-size: 2rem
    }
}

@keyframes bb-flowcarousel-item-text {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.bb-flowcarousel-item-play {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
    width: 6.4rem;
    height: 3.8rem;
    margin: 0 auto;
    opacity: 0;
    color: #000;
    border-radius: 10rem;
    background: rgba(255, 255, 255, .9);
    transition: opacity .5s
}

@media (min-width:768px) {
    .bb-flowcarousel-item-play {
        width: 7.9rem;
        height: 4.9rem
    }
}

.bb-flowcarousel-item.-active .bb-flowcarousel-item-play,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-flowcarousel-item .bb-flowcarousel-item-play,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-flowcarousel-item.bb-work-filter-toggle .bb-flowcarousel-item-play,
.bb-work-filter.-active .bb-flowcarousel-item.bb-work-filter-toggle .bb-flowcarousel-item-play {
    opacity: 1
}

.bb-flowcarousel-item.-play .bb-flowcarousel-item-play {
    opacity: 0
}

.bb-flowcarousel-item-play svg {
    width: 1.4rem;
    height: 1.5rem
}

@media (min-width:768px) {
    .bb-flowcarousel-item-play svg {
        width: 1.8rem;
        height: 2rem
    }
}

.bb-flowcarousel-item.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-flowcarousel-item,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-flowcarousel-item.bb-work-filter-toggle,
.bb-work-filter.-active .bb-flowcarousel-item.bb-work-filter-toggle {
    opacity: 1;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transform: translateX(0)
}

.bb-flowcarousel-item.-next {
    opacity: .4;
    -webkit-clip-path: inset(0 7rem 0 7rem round 8px);
    clip-path: inset(0 7rem 0 7rem round 8px);
    transform: translateX(-77%)
}

@media (min-width:768px) {
    .bb-flowcarousel-item.-next {
        -webkit-clip-path: inset(0 10.1rem 0 10.1rem round 8px);
        clip-path: inset(0 10.1rem 0 10.1rem round 8px)
    }
}

.bb-flowcarousel-item.-next+.bb-flowcarousel-item {
    opacity: .4;
    -webkit-clip-path: inset(0 7rem 0 7rem round 8px);
    clip-path: inset(0 7rem 0 7rem round 8px);
    transform: translateX(-126%)
}

@media (min-width:768px) {
    .bb-flowcarousel-item.-next+.bb-flowcarousel-item {
        -webkit-clip-path: inset(0 10.1rem 0 10.1rem round 8px);
        clip-path: inset(0 10.1rem 0 10.1rem round 8px)
    }
}

.bb-flowcarousel-item.-next+.bb-flowcarousel-item~.bb-flowcarousel-item {
    opacity: .4;
    -webkit-clip-path: inset(0 7rem 0 7rem round 8px);
    clip-path: inset(0 7rem 0 7rem round 8px);
    transform: translateX(-180%)
}

@media (min-width:768px) {
    .bb-flowcarousel-item.-next+.bb-flowcarousel-item~.bb-flowcarousel-item {
        -webkit-clip-path: inset(0 10.1rem 0 10.1rem round 8px);
        clip-path: inset(0 10.1rem 0 10.1rem round 8px)
    }
}

.bb-flowcarousel-control {
    position: relative;
    color: red;
    font-size: 1.4rem;
    line-height: 1;
    transition: opacity .4s
}

.bb-flowcarousel-control:before {
    content: "";
    display: block;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%
}

.bb-flowcarousel-control:disabled {
    opacity: .5;
    pointer-events: none
}

.bb-flowcarousel-ngrid {
    position: absolute;
    bottom: 4.6rem;
    left: 0;
    right: 0;
    display: flex;
    gap: 0 5.8rem;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    z-index: 2
}

@media (min-width:768px) {
    .bb-flowcarousel-ngrid {
        position: static;
        width: 35.2rem;
        margin: 3.7rem 0 0 auto
    }
}

.bb-flowcarousel-navs {
    display: flex
}

.bb-flowcarousel-nav {
    position: relative;
    padding: 0 .6rem;
    flex-shrink: 0;
    opacity: .3;
    cursor: pointer;
    transition: opacity .4s
}

.bb-flowcarousel-nav.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-flowcarousel-nav,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-flowcarousel-nav.bb-work-filter-toggle,
.bb-work-filter.-active .bb-flowcarousel-nav.bb-work-filter-toggle {
    opacity: 1
}

.bb-flowcarousel-nav:before {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background: red;
    border-radius: 50%
}

.bb-fadecarousel {
    position: relative
}

.bb-fadecarousel-control {
    font-size: 1.4rem;
    color: red;
    transition: opacity .4s
}

.bb-fadecarousel-control:disabled {
    opacity: .5;
    pointer-events: none
}

.bb-fadecarousel-items {
    position: relative;
    display: flex;
    width: 100%
}

.bb-fadecarousel-item {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.bb-fadecarousel-grid {
    display: grid;
    gap: 2.5rem 0
}

@media (min-width:768px) {
    .bb-fadecarousel-grid {
        grid-template-columns: 2fr 1fr 1fr;
        gap: 3.1rem 2.6rem;
        width: 100%
    }
}

@media (min-width:768px) {
    .bb-fadecarousel-grid-col:nth-child(5) {
        grid-column: 2/4
    }
}

.bb-fadecarousel-grid-col.-middle {
    display: flex;
    align-items: center
}

.bb-fadecarousel-media {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-fadecarousel-media {
        height: 51.2rem
    }
}

@media (min-width:2200px) {
    .bb-fadecarousel-media {
        height: 64rem
    }
}

@media (max-width:767px) {
    .bb-fadecarousel-media.-small {
        height: 20rem
    }
}

@media (max-width:767px) {
    .bb-fadecarousel-media.-medium {
        height: 42.2rem
    }
}

@media (min-width:768px) {
    .bb-fadecarousel-media.-medium {
        width: 83%
    }
}

@media (max-width:767px) {
    .bb-fadecarousel-media.-large {
        height: 42.2rem
    }
}

.bb-fadecarousel-media iframe,
.bb-fadecarousel-media img,
.bb-fadecarousel-media video {
    width: 100%;
    height: 100%
}

.bb-fadecarousel-media img,
.bb-fadecarousel-media video {
    object-fit: cover;
    object-position: center
}

.bb-fadecarousel-media iframe {
    border: 0
}

.bb-fadecarousel-info {
    position: relative
}

@media (max-width:767px) {
    .bb-fadecarousel-info {
        margin: 2.7rem 0 0
    }
}

@media (min-width:768px) {
    .bb-fadecarousel-info {
        padding: 7.6rem 0 10rem
    }
}

.bb-fadecarousel-tags {
    display: inline-flex;
    gap: 0 1rem
}

.bb-fadecarousel-tag {
    display: inline-flex;
    gap: 0 .9rem;
    align-items: center;
    padding: .9rem 1.6rem;
    border: 1px solid #000;
    border-radius: 10rem;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-fadecarousel-tag {
        padding: 1rem 1.7rem;
        gap: 0 1rem;
        font-size: 1.8rem
    }
}

.bb-fadecarousel-title {
    margin: 3rem 0 0;
    font-weight: 400;
    font-size: 2rem;
    font-style: normal;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-fadecarousel-title {
        width: 37.1rem;
        font-size: 3rem;
        line-height: 117%
    }
}

.bb-fadecarousel-text {
    margin: 2.5rem 0 0;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-fadecarousel-text {
        width: 70.6rem;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%
    }
}

.bb-fadecarousel-controls {
    position: relative;
    display: flex;
    gap: 0 5.8rem;
    align-items: center;
    justify-content: center;
    margin: 6.2rem auto 0;
    z-index: 1
}

@media (min-width:768px) {
    .bb-fadecarousel-controls {
        position: absolute;
        display: inline-flex;
        left: 50%;
        bottom: 2rem;
        margin: auto
    }
}

.bb-fadecarousel-navs {
    display: flex
}

.bb-fadecarousel-nav {
    padding: 0 .6rem;
    flex-shrink: 0;
    opacity: .3;
    cursor: pointer;
    transition: opacity .4s
}

.bb-fadecarousel-nav.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-fadecarousel-nav,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-fadecarousel-nav.bb-work-filter-toggle,
.bb-work-filter.-active .bb-fadecarousel-nav.bb-work-filter-toggle {
    opacity: 1
}

.bb-fadecarousel-nav:before {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background: red;
    border-radius: 50%
}

.bb-logoreel {
    overflow: hidden
}

.bb-logoreel-items {
    display: flex
}

.bb-logoreel-item {
    flex-shrink: 0;
    padding: 0 2rem
}

@media (min-width:768px) {
    .bb-logoreel-item {
        padding: 0 4.3rem
    }
}

.bb-logoreel-item img {
    width: auto;
    height: 2.9rem;
    object-fit: contain
}

@media (min-width:768px) {
    .bb-logoreel-item img {
        height: 5.7rem
    }
}

.bb-picturereller-items {
    display: flex;
    flex-wrap: nowrap;
    gap: .85rem
}

@media (min-width:768px) {
    .bb-picturereller-items {
        gap: 1.4rem
    }
}

.bb-picturereller-item {
    position: relative;
    flex: 0 0 59.5rem;
    width: 59.5rem
}

@media (min-width:768px) {
    .bb-picturereller-item {
        flex: 0 0 206.2rem;
        width: 206.2rem
    }
}

.bb-picturereller-imgs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: .9fr repeat(2, .05fr) .9fr .57fr 1.5fr;
    gap: .81rem;
    width: 100%;
    height: 42rem
}

@media (min-width:768px) {
    .bb-picturereller-imgs {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: .9fr .4fr .2fr 1.5fr;
        gap: 1.4rem;
        height: 37rem
    }
}

@media (min-width:2200px) {
    .bb-picturereller-imgs {
        height: 42rem
    }
}

.bb-picturereller-img {
    position: relative;
    overflow: hidden;
    border-radius: .8rem
}

.bb-picturereller-img:nth-child(1) {
    grid-area: 1/1/5/2
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(1) {
        grid-area: 1/1/5/2
    }
}

.bb-picturereller-img:nth-child(2) {
    grid-area: 1/2/4/3
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(2) {
        grid-area: 1/2/4/3
    }
}

.bb-picturereller-img:nth-child(3) {
    grid-area: 1/3/2/4
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(3) {
        grid-area: 1/3/3/4
    }
}

.bb-picturereller-img:nth-child(4) {
    grid-area: 4/2/5/3
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(4) {
        grid-area: 1/4/2/5
    }
}

.bb-picturereller-img:nth-child(5) {
    grid-area: 2/3/5/4
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(5) {
        grid-area: 4/2/5/3
    }
}

.bb-picturereller-img:nth-child(6) {
    grid-area: 5/1/6/2
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(6) {
        grid-area: 3/3/5/4
    }
}

.bb-picturereller-img:nth-child(7) {
    grid-area: 6/1/7/2
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(7) {
        grid-area: 2/4/5/5
    }
}

.bb-picturereller-img:nth-child(8) {
    grid-area: 5/2/7/3
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(8) {
        grid-area: 1/5/5/6
    }
}

.bb-picturereller-img:nth-child(9) {
    grid-area: 5/3/7/4
}

@media (min-width:768px) {
    .bb-picturereller-img:nth-child(9) {
        grid-area: 1/6/5/7
    }
}

.bb-picturereller-img iframe,
.bb-picturereller-img img,
.bb-picturereller-img video {
    width: 100%;
    height: 100%
}

.bb-picturereller-img img,
.bb-picturereller-img video {
    object-fit: cover;
    object-position: center
}

.bb-picturereller-img iframe {
    border: 0
}

.bb-quote {
    padding: 2.6rem 2.3rem 2.6rem 3rem;
    outline: 1px solid #fff;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-quote {
        padding: 2.6rem 3.3rem 1.9rem 3rem;
        border-radius: 1rem
    }
}

.bb-quote-text {
    margin: 0 0 3.9rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.3rem;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-quote-text {
        margin: 0 0 1.7rem;
        font-size: 3.3rem
    }
}

@media (min-width:1600px) {
    .bb-quote-text {
        font-size: 3.6rem
    }
}

.bb-quote-caption {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-quote-caption {
        font-size: 2rem
    }
}

.bb-quote-reaction {
    margin: 2.8em 0 0
}

@media (min-width:768px) {
    .bb-quote-reaction {
        margin: 1.7rem 0 0
    }
}

.bb-card {
    display: block;
    height: 100%;
    text-decoration: none
}

.bb-card mark {
    color: #fff;
    background: red
}

.bb-card-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 1.2rem;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-card-details {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-card-thumbnail {
    position: relative;
    display: block;
    padding-bottom: 91.9667590028%;
    overflow: hidden;
    border-radius: .8rem;
    opacity: 1;
    transition: opacity ease-out .4s
}

@media (min-width:768px) {
    .bb-card-thumbnail {
        padding-bottom: 73.7777777778%
    }
}

.bb-card.-sm .bb-card-thumbnail {
    padding-bottom: 52.1326%
}

.bb-card.-md .bb-card-thumbnail {
    padding-bottom: 68.7%
}

@media (min-width:768px) {
    .bb-card.-lg .bb-card-thumbnail {
        padding-bottom: 36.0869565217%
    }
}

.bb-card-thumbnail.-lg {
    padding-bottom: 60.1265822785%
}

@media (min-width:768px) {
    .bb-card-thumbnail.-lg {
        padding-bottom: 113.3501259446%
    }
}

.bb-card-thumbnail iframe,
.bb-card-thumbnail img,
.bb-card-thumbnail video {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform ease-out .4s
}

.bb-card-thumbnail img,
.bb-card-thumbnail video {
    object-position: center;
    object-fit: cover
}

.bb-card-thumbnail iframe {
    border: 0
}

@media (pointer:fine) {
    .bb-card-thumbnail:hover {
        opacity: .85
    }

    .bb-card-thumbnail:hover iframe,
    .bb-card-thumbnail:hover img,
    .bb-card-thumbnail:hover video {
        transform: scale(1.025)
    }
}

.bb-card-info {
    margin: 2.4rem 0 0
}

@media (min-width:768px) {
    .bb-card.-lg .bb-card-info {
        display: flex;
        gap: 0 1.6rem
    }
}

@media (min-width:768px) {
    .bb-card-info.-inline {
        display: flex;
        align-items: center;
        gap: 1.6rem
    }
}

.bb-card-name {
    display: inline-flex;
    align-items: center;
    height: 3.4rem;
    gap: .9rem;
    padding: 0 1.7rem;
    border: 1px solid;
    border-radius: 99999px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-card-name {
        font-size: 1.8rem
    }
}

.bb-card-name i {
    font-style: normal
}

.bb-card-arr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.4rem;
    width: 3.4rem;
    vertical-align: top;
    border: 1px solid;
    border-radius: 50%
}

.bb-card-arr:after {
    content: "";
    width: 1.3rem;
    height: 1.1rem;
    background: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 11"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M0 5.4h11.26"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="m7.2 9.8 4.06-4.4L7.2 1"/></svg>');
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 11"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M0 5.4h11.26"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="m7.2 9.8 4.06-4.4L7.2 1"/></svg>')
}

.bb-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.6rem
}

@media (min-width:768px) {
    .bb-card.-lg .bb-card-tags {
        max-width: 50%;
        flex-shrink: 0
    }
}

.bb-card-tag {
    position: relative;
    display: flex;
    gap: 0 .9rem;
    padding: .8rem 1.7rem;
    align-items: center;
    flex-wrap: nowrap;
    cursor: default;
    overflow: hidden;
    border-radius: 10rem;
    background: #000;
    color: #fff;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width:768px) {
    .bb-card-tag {
        font-size: 1.8rem
    }
}

.bb-card-tag span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.bb-card-tag i {
    font-style: normal
}

.bb-card-tag.-outline {
    color: currentColor;
    border: 1px solid;
    background: 0 0
}

.bb-card-title {
    display: block;
    margin: 1.6rem 0 0;
    font-size: 2rem;
    line-height: 125%;
    text-decoration: none;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-card-title {
        font-size: 3rem;
        line-height: 117%
    }
}

.bb-card-text {
    position: relative;
    display: block;
    margin: 1.6rem 0 0;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-card-text {
        opacity: 1;
        font-size: 1.8rem;
        transition: opacity ease-out .4s
    }
}

@media (min-width:768px) and (pointer:fine) {
    .bb-card-text:hover {
        opacity: .7
    }
}

@media (min-width:768px) {
    .bb-card.-lg .bb-card-text {
        margin: 0
    }

    .bb-card-info.-inline .bb-card-text {
        margin: 0
    }
}

.bb-card-text.-lg {
    font-weight: 700;
    text-transform: uppercase
}

.bb-card-wide {
    position: relative;
    padding: 3rem;
    width: 100%;
    min-height: 22.6rem;
    height: 100%;
    border-radius: 1rem;
    background: #000;
    color: #fff
}

@media (max-width:767px) {
    .bb-card-wide {
        display: flex;
        flex-direction: column
    }
}

.bb-card-caption {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .069rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-card-caption {
        font-size: 3.6rem;
        letter-spacing: .108rem
    }
}

.bb-card-caption q:after,
.bb-card-caption q:before {
    color: red
}

.bb-card-note {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase
}

@media (max-width:767px) {
    .bb-card-note {
        margin: auto 0 0;
        padding: 2rem 0 0
    }
}

@media (min-width:768px) {
    .bb-card-note {
        margin: 2.1rem 0 0
    }
}

@media (min-width:768px) {
    .bb-contact-grid {
        display: flex;
        gap: 4.4rem
    }
}

.bb-contact-grid-col {
    flex: 1
}

@media (min-width:768px) {
    .bb-contact-grid-col.-lg {
        flex: 3
    }
}

.bb-contact-group {
    margin-bottom: 4.3rem
}

@media (min-width:768px) {
    .bb-contact-group {
        margin-bottom: 3.3rem
    }
}

.bb-contact-submit {
    margin: 5.9rem 0 0
}

@media (min-width:768px) {
    .bb-contact-submit {
        margin: 1.5rem 0 0
    }
}

.bb-contact-message {
    margin: 3rem 0 0;
    font-size: 1.8rem;
    line-height: 150%
}

@media (min-width:768px) {
    .bb-contact-message {
        margin: 7rem 0 0;
        font-size: 2rem
    }
}

.bb-reaction {
    display: inline-grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: .6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bb-reaction-item {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: start;
    gap: .6rem;
    padding: .5rem .6rem;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    background: #fff;
    border: 1px #fff solid;
    border-radius: 9999px;
    will-change: transform;
    transition: transform .2s, border-color .5s, color .5s
}

@media (min-width:768px) {
    .bb-reaction-item {
        padding: .4rem .8rem
    }
}

@media (pointer:fine) {
    .bb-reaction-item:hover {
        transform: scale(1.03)
    }
}

.bb-reaction-item:active {
    transform: scale(1.05);
    transition-timing-function: cubic-bezier(.34, 8, .64, 1)
}

.bb-reaction-item.-outline {
    color: inherit;
    background: 0 0;
    border-color: inherit
}

.bb-navbar.-open .bb-navbar-action.-toggle button.bb-reaction-item,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-reaction-item.bb-work-filter-toggle,
.bb-reaction-item.-active,
.bb-work-filter.-active .bb-reaction-item.bb-work-filter-toggle {
    border-color: red
}

.bb-reaction-item-icon {
    font-size: 1.7rem;
    font-style: normal;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-reaction-item-icon {
        font-size: 1.8rem
    }
}

.bb-reaction-item-value {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums
}

.bb-award {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 2rem
}

@media (min-width:768px) {
    .bb-award {
        gap: 3rem
    }
}

.bb-award-item {
    position: relative;
    width: 9rem;
    height: 9rem
}

@media (min-width:768px) {
    .bb-award-item {
        width: 12rem;
        height: 12rem
    }
}

.bb-award-item-path svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: bb-fx-rotating-360 15s infinite linear
}

.bb-award-item-path path {
    fill: transparent;
    stroke: transparent
}

.bb-award-item-path text {
    fill: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: -.09em;
    text-transform: uppercase;
    text-align: justify
}

.bb-award-item-figure {
    position: absolute;
    top: 25%;
    left: 25%;
    right: 25%;
    bottom: 25%
}

.bb-award-item-figure iframe,
.bb-award-item-figure img,
.bb-award-item-figure video {
    width: 100%;
    height: 100%
}

.bb-award-item-figure img,
.bb-award-item-figure video {
    object-fit: contain
}

.bb-award-item-figure iframe {
    border: 0
}

.bb-hero {
    position: relative;
    padding-top: 6.2rem
}

@media (min-width:768px) {
    .bb-hero {
        padding-top: 9.4rem
    }
}

.bb-hero.-inverse {
    color: #fff;
    background: #000
}

.bb-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.bb-hero-bg iframe,
.bb-hero-bg img,
.bb-hero-bg video {
    width: 100%;
    height: 100%
}

.bb-hero-bg img,
.bb-hero-bg video {
    object-fit: cover
}

.bb-hero-bg iframe {
    border: 0
}

.bb-hero-main {
    position: relative
}

.bb-hero-mask {
    background: #fff;
    mix-blend-mode: lighten
}

.bb-hero-logo {
    margin: 0 0 2.273rem;
    color: #000
}

@media (max-width:767px) {
    .bb-hero-logo {
        display: none
    }
}

.bb-hero-rect {
    height: 45.3rem;
    background: #000;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-hero-rect {
        height: 79.3rem;
        border-radius: 1rem
    }
}

aside#moove_gdpr_cookie_info_bar {
    border: 0 !important;
    border-radius: .7rem;
    width: 520px !important;
    background-color: #fbfaf9 !important
}

aside#moove_gdpr_cookie_info_bar p,
aside#moove_gdpr_cookie_info_bar p a {
    font-size: 16px !important;
    line-height: 160% !important;
    color: #000 !important
}

aside#moove_gdpr_cookie_info_bar p a strong,
aside#moove_gdpr_cookie_info_bar p strong {
    font-weight: 500 !important
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container {
    padding: 20px 24px !important;
    padding-top: 20px !important
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-cookie-notice {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 95%;
    padding-left: 0 !important;
    max-width: 100%
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-cookie-notice a {
    color: red !important;
    text-decoration: none !important
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-info-bar-content {
    display: flex !important;
    flex-direction: column;
    gap: 25px !important;
    padding: 0 !important
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-button-holder {
    gap: 10px;
    padding-left: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center;
    width: 100%
}

@media (min-width:768px) {
    aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-button-holder {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 18px
    }
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-button-holder button.mgbutton {
    margin: 0 !important;
    width: 100%
}

@media (min-width:768px) {
    aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container div.moove-gdpr-button-holder button.mgbutton {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }
}

aside#moove_gdpr_cookie_info_bar div.moove-gdpr-info-bar-container button.moove-gdpr-infobar-close-btn {
    top: 3px !important;
    right: 3px !important;
    position: absolute;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important
}

button.mgbutton {
    font-weight: 700 !important;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 10px 24px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    min-width: unset !important
}

button.mgbutton.moove-gdpr-infobar-allow-all {
    background-color: red;
    color: #fff
}

button.mgbutton.moove-gdpr-infobar-reject-btn {
    background-color: #d9d8ce !important;
    color: #000 !important;
    opacity: 1
}

button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button,
button.mgbutton.moove-gdpr-modal-save-settings {
    background-color: transparent !important;
    color: #000 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    border-bottom: 2px solid #000 !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

@media (max-width:768px) {

    button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button,
    button.mgbutton.moove-gdpr-modal-save-settings {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        padding-top: 5px !important
    }
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-right-content {
    background-color: #fbfaf9 !important
}

#moove_gdpr_cookie_modal .tab-title {
    font-weight: 500 !important;
    margin-bottom: 3px !important;
    font-size: 18px !important;
    line-height: 160% !important;
    color: #000 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important
}

#moove_gdpr_cookie_modal .main-modal-content p,
#moove_gdpr_cookie_modal .main-modal-content p a {
    font-size: 18px !important;
    line-height: 160% !important;
    color: #000 !important
}

#moove_gdpr_cookie_modal .main-modal-content p a strong,
#moove_gdpr_cookie_modal .main-modal-content p strong {
    font-weight: 500 !important
}

#moove_gdpr_cookie_modal .moove-gdpr-tab-main {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    border-top: 1px solid #d9d8ce !important
}

#moove_gdpr_cookie_modal .moove-gdpr-tab-main-content {
    padding-bottom: 0 !important
}

@media (min-width:768px) {
    #moove_gdpr_cookie_modal .moove-gdpr-tab-main-content {
        padding-right: 30% !important
    }
}

#moove_gdpr_cookie_modal #privacy_overview.moove-gdpr-tab-main {
    border-top: 0 !important
}

@media (min-width:768px) {
    #moove_gdpr_cookie_modal #privacy_overview.moove-gdpr-tab-main .moove-gdpr-tab-main-content {
        padding-right: 20% !important
    }
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-title {
    height: auto !important;
    border-bottom: 1px solid #d9d8ce !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-title .tab-title {
    font-size: 24px !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-title .moove-gdpr-company-logo-holder {
    height: calc(100% - 20px) !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-title .moove-gdpr-company-logo-holder img {
    height: 100% !important;
    width: auto !important
}

#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-label {
    font-size: 16px !important;
    line-height: 160% !important;
    color: #000 !important;
    font-weight: 700 !important;
    top: 50% !important;
    transform: translateY(-50%)
}

#moove_gdpr_cookie_modal .cookie-switch .cookie-slider,
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:before,
#moove_gdpr_cookie_modal .cookie-switch .slider:before,
#moove_gdpr_cookie_modal .switch .cookie-slider:before,
#moove_gdpr_cookie_modal .switch .slider,
#moove_gdpr_cookie_modal .switch .slider:before {
    box-shadow: none !important
}

#moove_gdpr_cookie_modal .moove-gdpr-status-bar {
    padding-top: 0 !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content {
    background-color: #eee !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content:before {
    display: none !important
}

#moove_gdpr_cookie_modal div.moove-gdpr-button-holder {
    gap: 18px;
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: center
}

.bb-tophead {
    position: relative;
    padding: 12.7rem 0 2.1rem;
    margin-top: 6.2rem;
    color: #fff
}

@media (min-width:768px) {
    .bb-tophead {
        padding: 18.1rem 0 23.1rem;
        margin-top: 9.4rem
    }
}

@media (max-width:767px) {
    .bb-tophead-container {
        padding: 0 6.4rem
    }
}

.bb-tophead-fill {
    position: absolute;
    inset: 0;
    left: 1.2rem;
    right: 1.2rem;
    background: #000;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-tophead-fill {
        left: 2.7rem;
        right: 2.7rem
    }
}

.bb-tophead-line {
    position: absolute;
    z-index: 1;
    background: #333
}

.bb-tophead-line:nth-child(1) {
    top: 0;
    bottom: 0;
    left: 2.4rem;
    width: 1px
}

@media (min-width:768px) {
    .bb-tophead-line:nth-child(1) {
        left: 43.1rem
    }
}

.bb-tophead-line:nth-child(2) {
    top: 0;
    bottom: 0;
    right: 2.4rem;
    width: 1px
}

@media (min-width:768px) {
    .bb-tophead-line:nth-child(2) {
        right: 43.3rem
    }
}

.bb-tophead-line:nth-child(3) {
    display: none
}

@media (min-width:768px) {
    .bb-tophead-line:nth-child(3) {
        display: block;
        width: 40.4rem;
        height: 1px;
        top: 44.3rem;
        left: 2.7rem
    }
}

.bb-tophead-line:nth-child(4) {
    bottom: 33rem;
    left: 1.2rem;
    right: 1.2rem;
    height: 1px
}

@media (min-width:768px) {
    .bb-tophead-line:nth-child(4) {
        bottom: 46rem;
        left: auto;
        right: 2.7rem;
        width: 40.4rem
    }
}

@media (min-width:1600px) {
    .bb-tophead-line:nth-child(4) {
        bottom: 48rem
    }
}

.bb-tophead-main {
    position: relative;
    max-width: 25rem
}

@media (min-width:768px) {
    .bb-tophead-main {
        margin: 0 auto;
        max-width: 62rem
    }
}

.bb-tophead-pointer {
    position: absolute;
    top: -1.4rem;
    right: -2.5rem;
    display: inline-flex;
    flex-direction: column;
    transform: translateY(-85%)
}

@media (min-width:768px) {
    .bb-tophead-pointer {
        right: auto;
        left: -7rem;
        align-items: center;
        transform: translateY(-100%)
    }
}

.bb-tophead-pointer-text {
    margin: 0 0 1.2rem;
    max-width: 16rem;
    font-size: 1.3rem;
    line-height: 105%;
    font-weight: 700;
    text-align: right;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-tophead-pointer-text {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-tophead-pointer-arrow {
    width: 2.8rem;
    height: 2.7rem;
    transform: scale(-1, 1) translateX(-.4rem)
}

@media (min-width:768px) {
    .bb-tophead-pointer-arrow {
        width: 4.3rem;
        height: 4.2rem;
        transform: translateX(-1rem)
    }
}

.bb-tophead-pointer-arrow img {
    width: 100%;
    height: 100%
}

.bb-tophead-header {
    margin: 0 0 2.5rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    line-height: 96%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-tophead-header {
        margin: 0 0 2.9rem;
        font-size: 10rem;
        line-height: 89%
    }
}

.bb-tophead-header strong.-primary {
    color: red
}

.bb-tophead-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-tophead-text {
        max-width: 55rem;
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-tophead-action {
    margin: 4.7rem 0 0
}

@media (min-width:768px) {
    .bb-tophead-action {
        margin: 3.8rem 0 0
    }
}

.bb-tophead-quote {
    position: relative;
    padding: 0 3.8rem;
    margin: 9.3rem auto 0
}

@media (min-width:768px) {
    .bb-tophead-quote {
        position: absolute;
        right: 5.9rem;
        bottom: 3.5rem;
        width: 34.4rem;
        padding: 0;
        margin: 0
    }
}

.bb-intro {
    display: grid;
    align-items: center;
    height: 100vh
}

@supports (height:100svh) {
    .bb-intro {
        height: 100svh
    }
}

.bb-intro.-inverse {
    color: #fff;
    background: #000
}

.bb-intro-header {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 6.9rem;
    line-height: 89%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-intro-header {
        font-size: 15rem
    }
}

.bb-intro-header-decoration {
    position: relative
}

.bb-intro-header-decoration-figure {
    position: absolute;
    top: 20%;
    left: 0;
    right: -10%;
    z-index: 1
}

.bb-intro-header-decoration-figure img {
    width: 100%
}

.bb-intro-header span.-muted {
    color: #333
}

.bb-greeting {
    position: relative;
    padding-top: 6.2rem
}

@media (min-width:768px) {
    .bb-greeting {
        padding-top: 9.4rem
    }
}

.bb-greeting.-secondary {
    background: #d9d8ce
}

.bb-greeting-top {
    position: relative;
    padding: 0 0 1.6rem
}

@media (min-width:768px) {
    .bb-greeting-top {
        padding: 1.3rem 0 2.6rem
    }
}

.bb-greeting-top .bb-greeting-container {
    padding: 0 1.6rem
}

@media (min-width:768px) {
    .bb-greeting-top .bb-greeting-container {
        padding: 0 2.4rem
    }
}

.bb-greeting-top .bb-greeting-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10rem 1.5rem;
    width: 100%;
    min-height: 45.5rem
}

@media (min-width:768px) {
    .bb-greeting-top .bb-greeting-main {
        padding: 16.9rem 25.3rem;
        min-height: 84.7rem
    }
}

.bb-greeting-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1.5rem
}

.bb-greeting-preview iframe,
.bb-greeting-preview img,
.bb-greeting-preview video {
    width: 100%;
    height: 100%
}

.bb-greeting-preview img,
.bb-greeting-preview video {
    object-fit: cover;
    object-position: center
}

.bb-greeting-preview iframe {
    border: 0
}

.bb-greeting-header {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 89%;
    letter-spacing: .168rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-greeting-header {
        font-size: 15rem;
        letter-spacing: .45rem
    }
}

@media (min-width:1920px) {
    .bb-greeting-header {
        max-width: 136.6rem;
        margin: auto
    }
}

.bb-greeting-bottom {
    position: relative;
    padding: 7.8rem 0;
    border-top: 1px solid #fff
}

@media (min-width:768px) {
    .bb-greeting-bottom {
        padding: 12.8rem 0 16.7rem
    }
}

.bb-greeting-bottom .bb-greeting-container {
    padding: 0 5.7rem
}

@media (min-width:768px) {
    .bb-greeting-bottom .bb-greeting-container {
        padding: 0 34rem
    }
}

@media (min-width:1920px) {
    .bb-greeting-bottom .bb-greeting-main {
        max-width: 123.7rem;
        margin: auto
    }
}

.bb-greeting-line:nth-child(1) {
    position: absolute;
    content: "";
    top: 0;
    left: 1.6rem;
    width: 1px;
    height: 100%;
    background: #fff
}

@media (min-width:768px) {
    .bb-greeting-line:nth-child(1) {
        left: 2.4rem
    }
}

.bb-greeting-line:nth-child(2) {
    position: absolute;
    content: "";
    top: 0;
    right: 1.6rem;
    width: 1px;
    height: 100%;
    background: #fff
}

@media (min-width:768px) {
    .bb-greeting-line:nth-child(2) {
        right: 15.9rem
    }
}

.bb-greeting-text {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-greeting-text {
        font-size: 5rem
    }
}

.bb-greeting-text p {
    margin: 3rem 0 0
}

@media (min-width:768px) {
    .bb-greeting-text p {
        margin: 6rem 0 0
    }
}

.bb-greeting-text p:first-child {
    margin: 0
}

.bb-cap {
    position: relative;
    padding: 8.3rem 0 0
}

@media (min-width:768px) {
    .bb-cap {
        padding: 14.4rem 0 0
    }
}

.bb-cap-hgrid {
    display: grid;
    justify-content: space-between;
    align-items: end;
    margin: 0 0 1.3rem
}

@media (min-width:768px) {
    .bb-cap-hgrid {
        grid-template-columns: 1fr 55.1rem;
        margin: 0 0 2.1rem
    }
}

@media (min-width:768px) {
    .bb-cap-hgrid-col.-right {
        text-align: right
    }
}

.bb-cap-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 12.5rem;
    gap: 1rem;
    padding: 1.4rem 1.2rem;
    width: 100%;
    height: 42rem;
    border-top: 1px solid #d9d8ce;
    border-bottom: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-cap-grid {
        grid-template-columns: 1.65fr 1fr;
        grid-template-rows: repeat(2, 48%);
        gap: 2.4rem;
        padding: 4.7rem 2.4rem 2.6rem;
        height: 82rem
    }
}

@media (min-width:1200px) {
    .bb-cap-grid {
        height: calc(100vh - 28rem)
    }
}

.bb-cap-grid-col {
    position: relative
}

@media (max-width:767px) {
    .bb-cap-grid-col:nth-child(1) {
        grid-column: 1/-1
    }
}

@media (min-width:768px) {
    .bb-cap-grid-col {
        grid-row: span 2
    }

    .bb-cap-grid-col:nth-child(2),
    .bb-cap-grid-col:nth-child(3) {
        grid-row: span 1
    }
}

.bb-cap-header {
    margin: 0 0 1.3rem;
    font-weight: 500;
    font-size: 5.5rem;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-cap-header {
        margin: 0;
        font-size: 13rem;
        line-height: 89%
    }
}

.bb-cap-caption {
    margin: 0 0 .9rem;
    font-size: 1.5rem;
    line-height: 133%;
    font-weight: 500;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-cap-caption {
        margin: 0 0 .8rem;
        font-size: 2rem;
        line-height: 100%
    }
}

.bb-cap-caption strong.-primary {
    color: red
}

.bb-cap-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-cap-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-cap-preview {
    position: relative;
    height: 100%;
    border-radius: .8rem;
    overflow: hidden
}

.bb-cap-preview iframe,
.bb-cap-preview img,
.bb-cap-preview video {
    width: 100%;
    height: 100%
}

.bb-cap-preview img,
.bb-cap-preview video {
    object-fit: cover;
    object-position: center
}

.bb-cap-preview iframe {
    border: 0
}

.bb-blog {
    position: relative;
    padding: 14.6rem 0 5.3rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-blog {
        padding: 23.3rem 0 6.6rem
    }
}

.bb-blog-header {
    padding: 0 2.7rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 89%;
    letter-spacing: .144rem;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-blog-header {
        width: 107.5rem;
        margin: auto;
        font-size: 15rem;
        letter-spacing: .45rem
    }
}

.bb-blog-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #000;
    transform-origin: center top;
    transform: scaleY(0);
    transition: transform ease-out .2s
}

.bb-blog.-toggle-filter .bb-blog-fill {
    transform: scaleY(1)
}

@media (min-width:768px) {
    .bb-blog-fill {
        display: none
    }
}

.bb-blog-finder {
    position: relative;
    margin: 8.4rem 0 0;
    border-top: 1px solid #d9d8ce;
    border-bottom: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-blog-finder {
        margin: 14rem 0 0
    }

    .bb-blog-finder:before {
        position: absolute;
        top: 0;
        right: calc(26% + .1rem);
        content: "";
        width: .1rem;
        height: 100%;
        background: #d9d8ce
    }
}

.bb-blog-grid {
    display: grid
}

@media (max-width:767px) {
    .bb-blog-grid {
        grid-template-columns: 9.9rem 1fr;
        gap: 0 4.8rem;
        align-items: center
    }
}

@media (min-width:768px) {
    .bb-blog-grid {
        position: relative;
        grid-template-columns: 1fr 26%;
        align-items: center
    }
}

@media (max-width:767px) {
    .bb-blog-grid-col.-left {
        position: relative;
        padding: 0 0 0 2.3rem
    }
}

@media (min-width:768px) {
    .bb-blog-grid-col.-left {
        display: none
    }
}

@media (max-width:767px) {
    .bb-blog-grid-col.-center {
        padding: 0 2.3rem 0 0
    }
}

@media (min-width:768px) {
    .bb-blog-grid-col.-center {
        order: 2
    }
}

@media (max-width:767px) {
    .bb-blog-grid-col.-right {
        position: relative;
        grid-column: span 2;
        z-index: 7
    }
}

@media (min-width:768px) {
    .bb-blog-grid-col.-right {
        order: 1
    }
}

.bb-blog-toggle {
    position: relative;
    display: flex;
    gap: 0 1rem;
    align-items: center;
    width: 7.6rem;
    height: 6.2rem;
    padding: 0;
    z-index: 6;
    background: 0 0;
    border: none;
    color: #000;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: uppercase;
    transition: color ease-out .2s
}

.bb-blog-toggle svg {
    position: relative;
    top: -.05rem
}

.bb-blog-toggle span {
    font-size: 1.3rem
}

@media (min-width:768px) {
    .bb-blog-toggle {
        display: none
    }
}

.bb-blog.-toggle-filter .bb-blog-toggle {
    color: #fff
}

.bb-blog-close {
    position: absolute;
    top: calc(50% - 1.3rem);
    left: calc(100vw - 4.9rem);
    width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    z-index: 6;
    border: none;
    background: 0 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-out .2s, visibility ease-out .2s
}

.bb-blog.-toggle-filter .bb-blog-close {
    opacity: 1;
    visibility: visible
}

.bb-blog-close span {
    position: absolute;
    top: calc(50% - .1rem);
    left: 0;
    width: 2.6rem;
    height: .2rem;
    background: red
}

.bb-blog-close span:nth-child(1) {
    transform: rotateZ(-45deg)
}

.bb-blog-close span:nth-child(2) {
    transform: rotateZ(45deg)
}

@media (min-width:768px) {
    .bb-blog-close {
        display: none
    }
}

@media (max-width:767px) {
    .bb-blog-filter {
        position: relative;
        display: none;
        grid-column: span 2;
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden
    }

    .bb-blog.-toggle-filter .bb-blog-filter {
        display: block;
        animation: filter-fade .6s ease .1s forwards
    }

    @keyframes filter-fade {
        0% {
            opacity: 0;
            visibility: hidden
        }

        100% {
            opacity: 1;
            visibility: visible
        }
    }
}

@media (min-width:768px) {
    .bb-blog-filter {
        display: flex;
        padding: 4rem 2.8rem 3.8rem
    }
}

.bb-blog-filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem
}

@media (max-width:767px) {
    .bb-blog-filter-tags {
        padding: 1.6rem 3.2rem 3.2rem
    }
}

.bb-blog-filter-tag {
    position: relative;
    display: inline-flex;
    gap: 0 .9rem;
    padding: .8rem 1.7rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10rem;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none
}

.bb-blog-filter-tag i {
    font-style: normal
}

.bb-blog-filter-tag:focus,
.bb-blog-filter-tag:hover {
    color: #fff
}

@media (min-width:768px) {
    .bb-blog-filter-tag {
        color: #000;
        border: 1px solid #000;
        font-size: 1.8rem
    }

    .bb-blog-filter-tag:focus,
    .bb-blog-filter-tag:hover {
        color: #000
    }
}

.bb-blog-filter-tag.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-blog-filter-tag,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-blog-filter-tag.bb-work-filter-toggle,
.bb-work-filter.-active .bb-blog-filter-tag.bb-work-filter-toggle {
    border: 1px solid red;
    background-color: red
}

@media (min-width:768px) {

    .bb-blog-filter-tag.-active,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-blog-filter-tag,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-blog-filter-tag.bb-work-filter-toggle,
    .bb-work-filter.-active .bb-blog-filter-tag.bb-work-filter-toggle {
        color: #fff;
        border: 1px solid #000;
        background-color: #000
    }

    .bb-blog-filter-tag.-active:focus,
    .bb-blog-filter-tag.-active:hover,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-blog-filter-tag:focus,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-blog-filter-tag:hover,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-blog-filter-tag.bb-work-filter-toggle:focus,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-blog-filter-tag.bb-work-filter-toggle:hover,
    .bb-work-filter.-active .bb-blog-filter-tag.bb-work-filter-toggle:focus,
    .bb-work-filter.-active .bb-blog-filter-tag.bb-work-filter-toggle:hover {
        color: #fff
    }
}

.bb-blog-filter-footer {
    position: relative;
    width: 100%;
    height: 7.7rem
}

@media (min-width:768px) {
    .bb-blog-filter-footer {
        display: none
    }
}

.bb-blog-filter-clear {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 1rem;
    width: 100%;
    height: 7.6rem;
    padding: 0 3.2rem;
    color: #fff;
    background: 0 0;
    border: none;
    border-top: 1px solid #d9d8ce;
    text-decoration: none
}

.bb-blog-filter-clear:hover {
    color: #fff
}

.bb-blog-filter-clear-icon {
    position: relative;
    width: 1.8rem;
    height: 1.8rem
}

.bb-blog-filter-clear-icon span {
    position: absolute;
    top: calc(50% - .1rem);
    left: 0;
    width: 1.8rem;
    height: .2rem;
    background: #fff
}

.bb-blog-filter-clear-icon span:nth-child(1) {
    transform: rotateZ(-45deg)
}

.bb-blog-filter-clear-icon span:nth-child(2) {
    transform: rotateZ(45deg)
}

.bb-blog-filter-clear-text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-wrap: balance
}

.bb-blog-search {
    position: relative;
    padding: 1.9rem 0 1.6rem
}

@media (min-width:768px) {
    .bb-blog-search {
        padding: 4.5rem 8.2rem 4rem 6.1rem
    }
}

.bb-blog-items {
    display: grid;
    width: 100%
}

@media (min-width:768px) {
    .bb-blog-items {
        position: relative;
        grid-template-columns: repeat(4, 1fr)
    }
}

.bb-blog-item {
    position: relative
}

@media (max-width:767px) {
    .bb-blog-item {
        padding: 3.5rem 1.6rem 3.2rem;
        border-bottom: 1px solid #d9d8ce
    }

    .bb-blog-item:last-child {
        border: none
    }
}

@media (min-width:768px) {
    .bb-blog-item {
        padding: 2.2rem 1.2rem;
        height: 100%;
        border-right: 1px solid #d9d8ce;
        border-bottom: 1px solid #d9d8ce
    }

    .bb-blog-item:nth-child(1),
    .bb-blog-item:nth-child(4n-5) {
        padding-left: 2.4rem
    }

    .bb-blog-item:nth-child(2),
    .bb-blog-item:nth-child(4n+2) {
        padding-right: 2.4rem
    }

    .bb-blog-item:nth-child(1),
    .bb-blog-item:nth-child(2) {
        grid-column: span 2
    }

    .bb-blog-item:nth-child(2),
    .bb-blog-item:nth-child(4n+2) {
        border-right: none
    }
}

.bb-blog-pagination {
    position: relative;
    display: flex;
    gap: 0 3.3rem;
    align-items: center;
    justify-content: center;
    margin: 5.6rem 0 0
}

@media (min-width:768px) {
    .bb-blog-pagination {
        margin: 6.7rem 0 0
    }
}

.bb-blog-pagination-prev {
    margin: 0 1.9rem 0 0
}

.bb-blog-pagination-page {
    position: relative;
    cursor: pointer;
    opacity: .5;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-decoration: none;
    transition: opacity ease-out .4s
}

@media (min-width:768px) {
    .bb-blog-pagination-page {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-blog-pagination-page.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-blog-pagination-page,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-blog-pagination-page.bb-work-filter-toggle,
.bb-work-filter.-active .bb-blog-pagination-page.bb-work-filter-toggle {
    opacity: 1;
    pointer-events: none
}

.bb-blog-pagination-page:hover {
    opacity: .75
}

.bb-blog-pagination-next {
    margin: 0 0 0 1.9rem
}

.bb-blog-pagination-next,
.bb-blog-pagination-prev {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 1.4rem;
    height: 1.4rem;
    justify-content: center;
    color: red;
    opacity: 1;
    transition: opacity .4s, color .4s
}

.bb-blog-pagination-next:hover,
.bb-blog-pagination-prev:hover {
    color: red;
    opacity: .75
}

.bb-blog-pagination-next.-disabled,
.bb-blog-pagination-prev.-disabled {
    opacity: .5;
    pointer-events: none
}

.bb-textpaper {
    position: relative;
    overflow: hidden;
    padding: 10rem 0 7rem;
    margin-top: 6.2rem;
    border-top: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-textpaper {
        padding: 16rem 0;
        margin-top: 9.4rem
    }
}

.bb-textpaper:after,
.bb-textpaper:before {
    position: absolute;
    content: "";
    top: 0;
    width: 1px;
    height: 100%;
    background: #d9d8ce
}

.bb-textpaper:before {
    left: 1.6rem
}

@media (min-width:768px) {
    .bb-textpaper:before {
        left: calc(50% - 79rem)
    }
}

.bb-textpaper:after {
    right: 1.6rem
}

@media (min-width:768px) {
    .bb-textpaper:after {
        right: calc(50% - 79rem)
    }
}

.bb-textpaper-container {
    padding: 0 6.5rem
}

@media (min-width:768px) {
    .bb-textpaper-container {
        padding: 0 43.2rem
    }
}

@media (min-width:1920px) {
    .bb-textpaper-container {
        width: 192rem;
        margin: auto
    }
}

.bb-textpaper-header {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 96%;
    letter-spacing: .12rem;
    text-align: center
}

@media (min-width:768px) {
    .bb-textpaper-header {
        font-size: 10rem;
        line-height: 89%;
        letter-spacing: .3rem
    }
}

.bb-textpaper-text {
    margin: 7rem 0 0;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-textpaper-text {
        margin: 9rem 0 0;
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-textpaper-text>:not(:first-child) {
    margin: 1.5rem 0 0
}

@media (min-width:768px) {
    .bb-textpaper-text>:not(:first-child) {
        margin: 2.5rem 0 0
    }
}

.bb-textpaper-text h1,
.bb-textpaper-text h2,
.bb-textpaper-text h3,
.bb-textpaper-text h4,
.bb-textpaper-text h5 {
    margin: 0 0 4rem;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

@supports (text-wrap:balance) {

    .bb-textpaper-text h1,
    .bb-textpaper-text h2,
    .bb-textpaper-text h3,
    .bb-textpaper-text h4,
    .bb-textpaper-text h5 {
        text-wrap: balance
    }
}

@supports (-webkit-line-break:after-white-space) {

    .bb-textpaper-text h1,
    .bb-textpaper-text h2,
    .bb-textpaper-text h3,
    .bb-textpaper-text h4,
    .bb-textpaper-text h5 {
        -webkit-line-break: after-white-space
    }
}

@supports (-moz-text-wrap:balance) {

    .bb-textpaper-text h1,
    .bb-textpaper-text h2,
    .bb-textpaper-text h3,
    .bb-textpaper-text h4,
    .bb-textpaper-text h5 {
        -moz-text-wrap: balance
    }
}

@media (min-width:768px) {

    .bb-textpaper-text h1,
    .bb-textpaper-text h2,
    .bb-textpaper-text h3,
    .bb-textpaper-text h4,
    .bb-textpaper-text h5 {
        font-size: 5rem
    }
}

.bb-textpaper-text blockquote,
.bb-textpaper-text q {
    display: block
}

.bb-textpaper-text ol,
.bb-textpaper-text ul {
    padding: 0 0 0 3.2rem
}

.bb-textpaper-text ol li:not(:first-child),
.bb-textpaper-text ul li:not(:first-child) {
    margin: .7rem 0 0
}

.bb-textpaper-text a {
    color: red;
    font-weight: 500;
    text-decoration: none
}

.bb-splash {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 6.2rem);
    overflow: hidden;
    color: #fff;
    background: #000
}

@supports (height:100svh) {
    .bb-splash {
        height: calc(100svh - 6.2rem)
    }
}

@media (min-width:768px) {
    .bb-splash {
        height: calc(100vh - 9.4rem)
    }

    .bb-splash:before {
        position: absolute;
        content: "";
        top: 9.4rem;
        right: 0;
        left: 0;
        height: 100%;
        border-top: 1px #333 solid
    }

    .bb-splash:after {
        position: absolute;
        content: "";
        top: 9.4rem;
        left: calc(50% - 79rem);
        right: calc(50% - 79rem);
        height: 100%;
        border-left: 1px #333 solid;
        border-right: 1px #333 solid
    }
}

.bb-splash-particles {
    position: absolute;
    top: 0;
    left: calc(50% - 24.2rem);
    width: 48.4rem;
    height: 37.8rem
}

@media (min-width:768px) {
    .bb-splash-particles {
        top: calc(50% - 52.8rem);
        left: calc(50% - 75.3rem);
        width: 150.6rem;
        height: 117.6rem
    }
}

.bb-splash-particle {
    position: absolute;
    width: 2.5rem;
    height: 1.2rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113 53"><g fill="white"><path d="M33.31 51.77h-9.87a.36.36 0 0 1-.36-.36l.2-11.15-.2-11.15c0-.2.16-.36.36-.36h9.7c4.65 0 8.1 1.7 8.1 5.69 0 2.76-1.44 4.34-3.94 5.06 3.06.73 4.55 2.77 4.55 5.3 0 5-4.19 6.97-8.54 6.97ZM28 38.02h5.22c1.92 0 3.09-.98 3.09-2.86 0-2.04-1.4-2.93-3.09-2.93h-5.06l-.16 5.8Zm.16 10.26h5.06c2.05 0 3.64-.79 3.64-3.48 0-2.44-1.65-3.3-3.64-3.3H28l.16 6.78Z"/><path d="m53.95 46.64-2.24-3.42h-3.25l.13 8.19c0 .2-.16.36-.35.36h-4.36a.36.36 0 0 1-.35-.36l.16-11.15-.16-11.15c0-.2.16-.36.35-.36h9.16c5.68 0 8.96 2.43 8.96 7.23 0 3.39-1.85 5.73-5.06 6.71l5.62 8.78c.1.14 0 .3-.17.3h-5.03a.72.72 0 0 1-.55-.3l-2.86-4.83Zm-.71-14.24h-4.71l-.1 7.17h4.94c2.07 0 3.86-.99 3.86-3.49s-1.46-3.68-4-3.68Z"/><path d="M86.78 51.77a.36.36 0 0 1-.36-.36l.2-11.15-.2-11.15c0-.2.16-.36.36-.36h7.95c6.53 0 12.05 3.55 12.05 11.67 0 8.13-5.59 11.35-11.98 11.35h-8.02Zm4.7-3.72h3.58c3.67 0 6.62-2.2 6.62-7.66s-2.92-7.93-6.75-7.93h-3.45c0 .04-.16 3.88-.16 7.7 0 3.82.16 7.86.16 7.9Z"/><path d="M84.21 43.91c.22 0 .4.23.4.45-.66 4.38-4.36 7.95-10.45 7.95-7.32 0-11.24-4.96-11.24-11.97 0-7.01 4.19-12.1 11.06-12.1 6.88 0 11.03 4.78 11.16 12.6 0 .22-.22.44-.44.44H68.25c.22 4.91 2.16 7.23 6 7.23 2.78 0 4.54-1.34 5.2-4.15a.53.53 0 0 1 .53-.45h4.23ZM74.03 32c-3.18 0-5.03 1.97-5.6 5.67H79.4c-.18-2.99-1.9-5.67-5.38-5.67Z"/><path d="M109 34.18c-1.48 0-2.45-1.05-2.45-2.6 0-1.54.96-2.6 2.45-2.6 1.5 0 2.42 1 2.42 2.6s-.94 2.6-2.42 2.6Zm0-.48c1.21 0 1.92-.8 1.92-2.11 0-1.32-.7-2.13-1.92-2.13-1.23 0-1.94.81-1.94 2.13 0 1.31.71 2.1 1.94 2.1Zm.2-1.26-.38-.52h-.37v.97c0 .07-.07.15-.14.15h-.34c-.08 0-.15-.08-.15-.15v-2.64c0-.07.07-.15.15-.15h.99c.76 0 1.22.3 1.22.9 0 .44-.25.72-.68.84l.7 1.08c.03.04-.02.12-.08.12h-.45a.28.28 0 0 1-.23-.14l-.25-.46Zm-.22-1.86h-.53v.86h.53c.33 0 .57-.12.57-.42s-.21-.44-.56-.44Z"/></g><path fill="red" d="M16.67 51.76a.7.7 0 0 1-.58-.3l-1.04-1.28c-1.79 1.25-4 2-6.53 2-4.38 0-8.3-2.26-8.3-6.67 0-3.62 2.59-5.63 5.38-7.14-1.3-1.68-2.34-3.42-2.34-5.23 0-2.83 2.54-5.03 6.76-5.03 3.5 0 6.3 1.77 6.36 5.03 0 2.76-2.27 4.31-4.77 5.7.78.88 1.66 1.96 2.7 3.25l1.1 1.35c.32-.96.55-2.01.68-3.13.03-.2.2-.36.39-.36h3.8c.2 0 .32.16.32.36a16.13 16.13 0 0 1-2.4 6.61l3.67 4.54c.1.13.03.3-.13.3h-5.07Zm-7.76-2.93a5.9 5.9 0 0 0 3.93-1.48l-4.16-5.26c-.29-.36-.58-.73-.9-1.09-1.6 1.09-2.76 2.37-2.76 4.25 0 2.53 1.62 3.58 3.9 3.58ZM7.84 33.24c0 .82.49 1.61 1.69 3.1 1.65-.9 2.82-1.82 2.82-3.17 0-1.34-.87-2.2-2.33-2.2-1.3 0-2.18.76-2.18 2.27Z"/><g fill="white"><path d="M11.15 24.2H1.28a.36.36 0 0 1-.36-.36l.2-11.14-.2-11.15c0-.2.16-.37.36-.37h9.7c4.65 0 8.09 1.71 8.09 5.7 0 2.76-1.43 4.33-3.93 5.06 3.05.72 4.55 2.76 4.55 5.3 0 5-4.2 6.97-8.54 6.97ZM5.82 10.47h5.23c1.91 0 3.08-.99 3.08-2.86 0-2.04-1.4-2.93-3.08-2.93H5.98l-.16 5.79Zm.16 10.26h5.07c2.04 0 3.64-.79 3.64-3.49 0-2.43-1.66-3.29-3.64-3.29H5.82l.16 6.78Z"/><path d="M31.92 24.7c-6.95 0-11.46-4.9-11.46-11.94C20.46 5.72 24.94.7 31.92.7s11.5 4.64 11.5 12.07c0 7.04-4.55 11.94-11.5 11.94Zm.04-3.85c4.09 0 6.36-3.06 6.36-8.09 0-5.03-2.24-8.22-6.4-8.22-4.15 0-6.36 3.09-6.36 8.22 0 5.13 2.3 8.1 6.4 8.1Z"/><path d="M45.42 24.2c-.22 0-.43-.21-.43-.43l.17-10.86-.17-10.65c0-.22.21-.44.43-.44h4.33c.22 0 .43.22.43.44l-.17 3.52c1.63-2.74 4.55-4.13 7.72-4.13.35 0 .73.04 1.08.08.21.05.42.26.42.53v3.21c0 .22-.2.4-.42.4-.3-.05-.65-.05-1-.05-4.15 0-7.42 2.43-7.67 7.48l.08 10.47c0 .22-.21.44-.43.44h-4.37Z"/><path d="M61.25 24.2c-.21 0-.43-.21-.43-.43l.13-10.08-.09-11.44c0-.21.22-.43.43-.43h4.17c.21 0 .42.22.42.43l-.08 2.83A8.59 8.59 0 0 1 73 1.3c4.64 0 7.56 3.13 7.56 8.78v4.6l.13 9.1c0 .2-.21.43-.43.43h-4.42c-.21 0-.43-.22-.43-.44l.13-9.08V10.2c0-3.17-1.67-4.83-4.03-4.83-2.62 0-5.02 2.22-5.45 6.87v2.44l.08 9.08c0 .22-.21.44-.43.44h-4.46Z"/></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media (min-width:768px) {
    .bb-splash-particle {
        width: 6.6rem;
        height: 3rem
    }
}

.bb-splash-particle:nth-child(1) {
    top: 0;
    left: 0
}

.bb-splash-particle:nth-child(2) {
    top: 18%;
    left: 5%
}

.bb-splash-particle:nth-child(3) {
    top: 28.31%;
    left: 0
}

.bb-splash-particle:nth-child(4) {
    top: 25%;
    left: 5%
}

.bb-splash-particle:nth-child(5) {
    top: 35.98%;
    left: 0
}

.bb-splash-particle:nth-child(6) {
    top: 39%;
    left: 5%
}

.bb-splash-particle:nth-child(7) {
    top: 42.86%;
    left: 0
}

.bb-splash-particle:nth-child(8) {
    top: 46%;
    left: 5%
}

.bb-splash-particle:nth-child(9) {
    top: 97%;
    left: 5%
}

.bb-splash-particle:nth-child(10) {
    top: 3%;
    left: 16%
}

.bb-splash-particle:nth-child(11) {
    top: 6.6%;
    left: 21.3%
}

.bb-splash-particle:nth-child(12) {
    top: 61.4%;
    left: 16.6%
}

.bb-splash-particle:nth-child(13) {
    top: 64.8%;
    left: 21.3%
}

.bb-splash-particle:nth-child(14) {
    top: 72.8%;
    left: 21.3%
}

.bb-splash-particle:nth-child(15) {
    top: 76.32%;
    left: 16.53%
}

.bb-splash-particle:nth-child(16) {
    top: 79.1%;
    left: 21.3%
}

.bb-splash-particle:nth-child(17) {
    top: 82.7%;
    left: 16.53%
}

.bb-splash-particle:nth-child(18) {
    top: 86.2%;
    left: 21.3%
}

.bb-splash-particle:nth-child(19) {
    top: 0;
    left: 49.5%
}

.bb-splash-particle:nth-child(20) {
    top: 3.4%;
    left: 44.46%
}

.bb-splash-particle:nth-child(21) {
    top: 6.6%;
    left: 49.5%
}

.bb-splash-particle:nth-child(22) {
    top: 10.26%;
    left: 44.46%
}

.bb-splash-particle:nth-child(23) {
    top: 77.25%;
    left: 49.38%
}

.bb-splash-particle:nth-child(24) {
    top: 80.6%;
    left: 44.4%
}

.bb-splash-particle:nth-child(25) {
    top: 84.21%;
    left: 49.38%
}

.bb-splash-particle:nth-child(26) {
    top: 87.5%;
    left: 44.4%
}

.bb-splash-particle:nth-child(27) {
    top: 91.8%;
    left: 49.38%
}

.bb-splash-particle:nth-child(28) {
    top: 0;
    left: 78.1%
}

.bb-splash-particle:nth-child(29) {
    top: 60.6%;
    left: 78.1%
}

.bb-splash-particle:nth-child(30) {
    top: 63.76%;
    left: 83.06%
}

.bb-splash-particle:nth-child(31) {
    top: 67.2%;
    left: 78.1%
}

.bb-splash-particle:nth-child(32) {
    top: 70.63%;
    left: 83.06%
}

.bb-splash-particle:nth-child(33) {
    top: 97%;
    left: 78.1%
}

.bb-splash-particle:nth-child(34) {
    top: 5.29%;
    left: 95.5%
}

.bb-splash-particle:nth-child(35) {
    top: 8.74%;
    left: 89.9%
}

.bb-splash-particle:nth-child(36) {
    top: 15.61%;
    left: 89.9%
}

.bb-splash-particle:nth-child(37) {
    top: 19.79%;
    left: 95.5%
}

.bb-splash-particle:nth-child(38) {
    top: 23.3%;
    left: 89.9%
}

.bb-splash-particle:nth-child(39) {
    top: 26.7%;
    left: 95.5%
}

.bb-splash-particle:nth-child(40) {
    top: 30.2%;
    left: 89.9%
}

.bb-splash-particle:nth-child(41) {
    top: 47.1%;
    left: 89.9%
}

.bb-splash-particle:nth-child(42) {
    top: 80.6%;
    left: 95.5%
}

.bb-splash-particle:nth-child(43) {
    top: 95.5%;
    left: 95.5%
}

.bb-splash-container {
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .bb-splash-container {
        max-width: 192rem;
        padding: 0 21.6rem
    }
}

.bb-splash-header {
    font-size: 4.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 89%;
    letter-spacing: .144rem;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-splash-header {
        font-size: 15rem;
        letter-spacing: .45rem
    }
}

.bb-prologue {
    position: relative;
    padding: 8.4rem 0 2.2rem
}

@media (min-width:768px) {
    .bb-prologue {
        padding: 11.6rem 0 2.2rem
    }
}

.bb-prologue-container {
    padding: 0 1.6rem
}

@media (min-width:768px) {
    .bb-prologue-container {
        padding: 0 2.5rem
    }
}

.bb-prologue-tophead {
    padding: 4rem 2rem 8.3rem;
    text-align: center
}

@media (min-width:768px) {
    .bb-prologue-tophead {
        max-width: 187rem;
        margin: auto;
        padding: 7.4rem 23.3rem 9.6rem
    }
}

.bb-prologue-date {
    margin: 0 0 6.5rem;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%
}

@media (min-width:768px) {
    .bb-prologue-date {
        margin: 0 0 5.7rem;
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-prologue-header {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 96%;
    letter-spacing: .12rem
}

@media (min-width:768px) {
    .bb-prologue-header {
        font-size: 10rem;
        line-height: 89%;
        letter-spacing: .3rem
    }
}

.bb-prologue-author {
    margin: 6.5rem 0 0;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%
}

@media (min-width:768px) {
    .bb-prologue-author {
        margin: 6.2rem 0 0;
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-prologue-author strong.-primary {
    color: red;
    font-weight: 700
}

.bb-prologue-preview {
    position: relative;
    width: 100%;
    padding-bottom: 163.9889196676%;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-prologue-preview {
        padding-bottom: 35.7056694813%
    }
}

.bb-prologue-preview iframe,
.bb-prologue-preview img,
.bb-prologue-preview video {
    position: absolute;
    width: 100%;
    height: 100%
}

.bb-prologue-preview img,
.bb-prologue-preview video {
    object-fit: cover
}

.bb-prologue-preview iframe {
    border: 0
}

.bb-feedback {
    position: relative;
    overflow: hidden;
    padding-top: 6.2rem
}

@media (min-width:768px) {
    .bb-feedback {
        padding-top: 9.4rem
    }
}

.bb-feedback:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6.2rem;
    z-index: 5;
    background: #fff;
    border-bottom: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-feedback:before {
        height: 9.4rem
    }
}

.bb-feedback.-inverse {
    color: #fff;
    background: #000
}

.bb-feedback.-inverse:before {
    background: #000;
    border-bottom: 1px #333 solid
}

.bb-feedback-line {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px #d9d8ce solid
}

.bb-feedback.-inverse .bb-feedback-line {
    border-color: #333
}

.bb-feedback-line:first-child {
    left: 1.6rem
}

@media (min-width:768px) {
    .bb-feedback-line:first-child {
        left: 18.2rem
    }
}

.bb-feedback-line:last-child {
    right: 1.6rem
}

@media (min-width:768px) {
    .bb-feedback-line:last-child {
        right: 18.2rem
    }
}

.bb-feedback-container {
    position: relative;
    margin: 0 1.6rem;
    padding: 0 1.8rem
}

@media (min-width:768px) {
    .bb-feedback-container {
        margin: 0 18.2rem;
        padding: 0 31.9rem
    }
}

.bb-feedback-container.-lg {
    padding: 0;
    margin: 0
}

@media (min-width:768px) {
    .bb-feedback-container.-lg {
        margin: 0 18.2rem;
        padding: 0 1px
    }
}

.bb-feedback-header {
    display: grid;
    align-items: center;
    min-height: 41.8rem;
    padding: 2rem 0;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 96%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-feedback-header {
        min-height: 48.5rem;
        font-size: 10rem;
        line-height: 89%
    }
}

.bb-feedback-pointer {
    position: absolute;
    top: 4.3rem;
    right: 3.5rem
}

@media (min-width:768px) {
    .bb-feedback-pointer {
        top: 5rem;
        right: 20rem
    }
}

.bb-feedback-pointer-text {
    width: 13rem;
    margin: 0 auto;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-feedback-pointer-text {
        width: auto;
        font-size: 1.5rem
    }
}

.bb-feedback-pointer-arrow {
    position: absolute;
    top: calc(100% + 1.8rem);
    right: 1rem;
    width: 3.8rem;
    height: 2.5rem;
    transform: rotate(81.14deg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .bb-feedback-pointer-arrow {
        top: calc(100% + 1rem);
        right: 100%;
        transform: rotate(105.86deg)
    }
}

.bb-feedback.-inverse .bb-feedback-pointer-arrow {
    filter: invert(1)
}

.bb-feedback-divider {
    border-bottom: 1px #d9d8ce solid
}

.bb-feedback.-inverse .bb-feedback-divider {
    border-color: #333
}

.bb-feedback-form {
    margin: 2.7rem 0 5.9rem
}

@media (min-width:768px) {
    .bb-feedback-form {
        margin: 6.3rem 0 12.4rem
    }
}

.bb-feedback-iframe iframe {
    width: 100%;
    height: 1010px;
    border: 0
}

@media (min-width:768px) {
    .bb-feedback-iframe iframe {
        height: 700px
    }
}

.bb-feedback-grid {
    display: grid
}

@media (max-width:767px) {
    .bb-feedback-grid {
        margin: 0 -1.8rem
    }
}

@media (min-width:768px) {
    .bb-feedback-grid {
        grid-auto-flow: column;
        margin: 0 -20rem
    }
}

@media (max-width:767px) {
    .bb-feedback-grid-col {
        height: 8.1rem;
        border-bottom: 1px #d9d8ce solid
    }

    .bb-feedback-grid-col:last-child {
        border-bottom: 0
    }

    .bb-feedback.-inverse .bb-feedback-grid-col {
        border-color: #333
    }
}

@media (min-width:768px) {
    .bb-feedback-grid-col {
        border-right: 1px #d9d8ce solid
    }

    .bb-feedback-grid-col:last-child {
        border-right: 0
    }

    .bb-feedback.-inverse .bb-feedback-grid-col {
        border-color: #333
    }
}

@media (max-width:767px) {
    .bb-feedback-grid-col.-spacing {
        padding: 1.1rem 1.8rem
    }
}

@media (min-width:768px) {
    .bb-feedback-grid-col.-spacing {
        padding: 2.3rem 1.9rem
    }
}

.bb-feedback-notice {
    margin: 0 0 7.1rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-align: center
}

@media (min-width:768px) {
    .bb-feedback-notice {
        margin: 0 0 6.3rem;
        font-size: 1.5rem;
        line-height: 133%
    }

    .bb-feedback-form+.bb-feedback-notice {
        margin-top: -6.3rem
    }
}

.bb-feedback.-inverse .bb-feedback-notice {
    color: #d9d8ce
}

.bb-feedback-notice a {
    text-decoration: none;
    transition: color .2s
}

.bb-feedback-notice a:hover {
    color: red
}

.bb-feedback.-inverse .bb-feedback-notice a {
    color: #fff
}

.bb-feedback.-inverse .bb-feedback-notice a:hover {
    color: red
}

.bb-talk {
    position: relative;
    color: #000;
    background: #fff;
    border-top: 1px solid #d9d8ce
}

.bb-talk.-inverse {
    color: #fff;
    background: #000;
    border-color: #4f4f4f
}

.bb-talk.-footer {
    margin-bottom: 13.26rem
}

@media (min-width:768px) {
    .bb-talk.-footer {
        margin-bottom: 22.1rem
    }
}

.bb-talk-grid {
    position: relative;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    overflow: hidden
}

@media (max-width:767px) {
    .bb-talk-grid {
        width: calc(100% - 3.2rem);
        margin: auto
    }

    .bb-talk-grid:before {
        position: absolute;
        content: "";
        top: 0;
        left: -1px;
        width: calc(100% + 2px);
        height: 100%;
        pointer-events: none;
        z-index: 1;
        border-right: 1px solid;
        border-left: 1px solid;
        border-color: #d9d8ce
    }

    .bb-talk.-inverse .bb-talk-grid:before {
        border-color: #4f4f4f
    }
}

@media (min-width:768px) {
    .bb-talk-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr)
    }
}

.bb-talk-grid.-home {
    grid-template-columns: repeat(3, 1fr)
}

@media (min-width:768px) {
    .bb-talk-grid.-home {
        grid-template-columns: 25% calc(25% - 1px) calc(12.5% - 1px) calc(12.5% - 1px) calc(12.5% - 1px) 12.5%
    }
}

.bb-talk-grid.-about {
    grid-template-columns: repeat(2, calc(50% - .5px))
}

@media (min-width:768px) {
    .bb-talk-grid.-about {
        grid-template-columns: repeat(4, 1fr)
    }
}

.bb-talk-grid-col {
    position: relative
}

.bb-talk-grid-col:before {
    position: absolute;
    content: "";
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: #d9d8ce
}

.bb-talk.-inverse .bb-talk-grid-col:before {
    background: #4f4f4f
}

.bb-talk-grid-col:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.bb-talk.-inverse .bb-talk-grid-col:after {
    background: #000
}

.bb-talk-grid-col:not(.-pattern) {
    padding: 3.2rem 3.2rem 2.7rem
}

@media (min-width:768px) {
    .bb-talk-grid-col:not(.-pattern) {
        padding: 7.2rem 4.6rem 6.6rem
    }
}

.bb-talk-grid-col.-pattern {
    position: relative
}

@media (min-width:768px) {
    .bb-talk-grid-col.-pattern {
        grid-row: 1/-1;
        border: none
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-header {
        grid-column: 1/-1;
        padding: 6rem 3.5rem
    }
}

@media (min-width:768px) {
    .bb-talk-grid-col.-header {
        grid-row: span 2
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-m-double {
        grid-column: span 2
    }
}

@media (min-width:768px) {
    .bb-talk-grid-col.-d-double {
        grid-column: span 2
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-m-full {
        grid-column: 1/-1
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-m-order-2 {
        grid-column: 1/3;
        grid-row: 2/3
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-m-order-6 {
        grid-column: 1/3;
        grid-row: 4/5
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-m-order-7 {
        grid-column: 3/3;
        grid-row: 4/5
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-m-spacer {
        grid-column: span 3;
        order: 999;
        height: 15.5rem
    }
}

@media (min-width:768px) {
    .bb-talk-grid-col.-m-spacer {
        display: none
    }
}

@media (max-width:767px) {
    .bb-talk-grid-col.-ending {
        grid-column: span 3;
        order: 100
    }
}

@media (min-width:768px) {
    .bb-talk-grid-col.-ending {
        grid-column: span 2;
        grid-row: span 2
    }
}

.bb-talk-grid-place {
    position: relative;
    display: flex;
    height: 100%;
    z-index: 1
}

@media (max-width:767px) {
    .bb-talk-grid-place:before {
        position: absolute;
        content: "";
        left: -5.1rem;
        bottom: calc(-2.7rem - 1px);
        width: calc(100vw + .5rem);
        border-bottom: 1px solid #d9d8ce
    }

    .bb-talk.-inverse .bb-talk-grid-place:before {
        border-bottom: 1px solid #4f4f4f
    }

    .bb-talk-grid-place .bb-talk-grid-col:not(.-header) {
        justify-content: center
    }

    .bb-talk-grid-col.-header .bb-talk-grid-place:before {
        bottom: calc(-6rem - 1px)
    }
}

@media (min-width:768px) {
    .bb-talk-grid-place {
        justify-content: center
    }
}

.bb-talk-header {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 89%;
    letter-spacing: .144rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-talk-header {
        font-size: 10rem;
        line-height: 89%;
        letter-spacing: .3rem
    }
}

.bb-talk-counter {
    display: inline-flex;
    font-family: Satoshi, sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-talk-counter {
        font-family: "Forma DJR Display", sans-serif;
        font-size: 12rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%
    }
}

.bb-talk-title {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 107%;
    text-transform: uppercase
}

@media (max-width:767px) {
    .bb-talk-title {
        margin: .7rem 0 0
    }
}

@media (min-width:768px) {
    .bb-talk-title {
        font-size: 2rem;
        line-height: 106%
    }
}

.bb-talk-caption {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.9rem 0;
    width: 100%;
    height: 100%;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-align: center
}

@media (min-width:768px) {
    .bb-talk-caption {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-talk-quote-text {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .069rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-talk-quote-text {
        font-size: 3.6rem;
        letter-spacing: .108rem;
        text-wrap: balance
    }
}

.bb-talk-quote-note {
    margin: 2.7rem 0 0;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 106%
}

@media (min-width:768px) {
    .bb-talk-quote-note {
        font-size: 2rem
    }
}

.bb-talk-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2
}

.bb-talk-pattern-item {
    width: 18.7rem;
    height: 8.7rem;
    overflow: hidden
}

.bb-talk-pattern-item svg {
    width: 100%;
    height: 100%;
    will-change: transform
}

.bb-talk-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13.26rem;
    height: 13.26rem
}

@media (min-width:768px) {
    .bb-talk-footer {
        height: 22.1rem;
        bottom: -22.1rem
    }

    .bb-talk-footer:before {
        position: absolute;
        content: "";
        top: 0;
        left: 50%;
        width: 1px;
        height: 24rem;
        background: #4f4f4f
    }

    .bb-talk-footer:after {
        position: absolute;
        content: "";
        top: 0;
        left: 75%;
        width: 1px;
        height: 24rem;
        background: #4f4f4f
    }

    .bb-talk.-inverse .bb-talk-footer:after,
    .bb-talk.-inverse .bb-talk-footer:before {
        background: #d9d8ce
    }
}

.bb-talk-drips {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.bb-talk-drip {
    position: absolute;
    z-index: 4;
    width: 15.9rem;
    height: 11.05rem;
    transform-origin: top center
}

@media (min-width:768px) {
    .bb-talk-drip {
        width: 31.8rem;
        height: 22.1rem
    }
}

.bb-talk-drip.-v1 {
    left: 10%
}

@media (min-width:768px) {
    .bb-talk-drip.-v1 {
        left: 8%;
        transform: scale(.6)
    }
}

.bb-talk-drip.-v2 {
    display: none
}

@media (min-width:768px) {
    .bb-talk-drip.-v2 {
        display: block;
        left: 57%;
        transform: scaleX(-1)
    }
}

.bb-talk-pointer {
    position: absolute;
    bottom: 2rem;
    right: 5.3rem;
    z-index: 10;
    color: #fff
}

.bb-talk.-inverse .bb-talk-pointer {
    color: #000
}

@media (min-width:768px) {
    .bb-talk-pointer {
        top: 10.5rem;
        left: calc(25% - 2.5rem);
        right: auto;
        bottom: auto
    }
}

.bb-talk-pointer-text {
    width: 14.3rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-talk-pointer-text {
        width: 16.4rem;
        font-size: 1.5rem
    }
}

.bb-talk-pointer-arrow {
    position: absolute;
    top: -2rem;
    right: calc(100% + 1.1rem);
    width: 2.8rem;
    height: 3rem;
    background-size: contain;
    background-repeat: no-repeat
}

.bb-talk:not(.-inverse) .bb-talk-pointer-arrow {
    filter: brightness(0) invert(1)
}

@media (min-width:768px) {
    .bb-talk-pointer-arrow {
        top: -3.2rem;
        width: 3.5rem;
        height: 3.8rem
    }
}

.bb-recognition {
    position: relative;
    background-color: #fff;
    color: #000
}

.bb-recognition.-inverse {
    background-color: #000;
    color: #fff
}

.bb-recognition.-bt:before {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
    background: #d9d8ce
}

.bb-recognition.-bt.-inverse:before {
    background: #4f4f4f
}

.bb-recognition-pointer {
    position: absolute;
    display: inline-flex;
    top: -4.2rem;
    left: 19rem;
    z-index: 2;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 133%
}

@media (max-width:767px) {
    .bb-recognition-pointer {
        display: none
    }
}

.bb-recognition-pointer-arrow {
    position: absolute;
    top: 3rem;
    right: -1rem;
    width: 2.8rem;
    height: 3.1rem;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateX(180deg) rotateZ(48deg)
}

.bb-recognition.-inverse .bb-recognition-pointer-arrow {
    filter: brightness(0) invert(1)
}

.bb-recognition-rellers {
    position: relative;
    padding: 8rem 0;
    width: 100%;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-recognition-rellers {
        padding: 2.2rem 0;
        border-bottom: 1px solid;
        border-color: #d9d8ce
    }

    .bb-recognition.-inverse .bb-recognition-rellers {
        border-color: #4f4f4f
    }
}

.bb-recognition-reller {
    display: flex
}

@media (max-width:767px) {
    .bb-recognition-reller:not(:first-child) {
        margin: .8rem 0 0
    }
}

@media (min-width:768px) {
    .bb-recognition-reller.-reversed {
        display: none
    }
}

.bb-recognition-reller-items {
    flex-shrink: 0
}

.bb-recognition-reller-item {
    display: inline-flex;
    padding: 0 1.4rem 0 0;
    align-items: center;
    font-size: 5.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 89%;
    letter-spacing: .165rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-recognition-reller-item {
        padding: 0 3.9rem 0 0;
        font-size: 15rem;
        letter-spacing: .45rem
    }
}

.bb-recognition-reller-item i {
    position: relative;
    padding: 0 1.3rem 0 0;
    font-size: 3rem;
    font-style: normal
}

@media (min-width:768px) {
    .bb-recognition-reller-item i {
        padding: 0 3.7rem 0 0;
        font-size: 6.5rem
    }
}

@media (min-width:768px) {
    .bb-recognition-items {
        padding: 8.3rem 0 0
    }
}

.bb-recognition-item {
    display: grid;
    gap: .6rem 0;
    padding: 2rem 1.6rem;
    border-top: 1px solid;
    border-color: #d9d8ce
}

.bb-recognition.-inverse .bb-recognition-item {
    border-color: #4f4f4f
}

@media (min-width:768px) {
    .bb-recognition-item {
        display: grid;
        gap: 0 25rem;
        grid-template-columns: 7rem repeat(2, 1fr);
        align-items: center;
        width: 100%;
        padding: 2.2rem 18.2rem 2.1rem
    }
}

.bb-recognition-item:last-child {
    border-bottom: 1px solid
}

.bb-recognition-year {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

@media (max-width:767px) {
    .bb-recognition-year {
        text-align: right
    }
}

@media (min-width:768px) {
    .bb-recognition-year {
        font-size: 2rem
    }
}

.bb-recognition-title {
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-recognition-title {
        font-size: 5rem
    }
}

.bb-recognition-text {
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-wrap: balance
}

@media (max-width:767px) {
    .bb-recognition-text {
        text-align: right
    }
}

.bb-crew {
    position: relative;
    overflow: hidden;
    padding: 16.8rem 0 21.9rem;
    background: #fff;
    color: #000
}

@media (min-width:768px) {
    .bb-crew {
        padding: 13.1rem 0
    }
}

.bb-crew.-inverse {
    background: #000;
    color: #fff
}

.bb-crew-items {
    display: flex
}

.bb-crew-item {
    position: relative;
    display: grid;
    gap: 1.1rem 0;
    flex-shrink: 0;
    padding: 0 1.7rem 0 0
}

@media (min-width:768px) {
    .bb-crew-item {
        padding: 0 1.4rem 0 0
    }
}

.bb-crew-name {
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%
}

@media (min-width:768px) {
    .bb-crew-name {
        font-size: 1.9rem;
        line-height: 100%;
        text-transform: uppercase
    }
}

.bb-crew-img {
    position: relative;
    width: 16rem;
    padding-bottom: 145%;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-crew-img {
        width: 40.5rem;
        padding-bottom: 144.385026738%
    }
}

.bb-crew-img iframe,
.bb-crew-img img,
.bb-crew-img video {
    position: absolute;
    width: 100%;
    height: 100%
}

.bb-crew-img img,
.bb-crew-img video {
    object-fit: cover;
    object-position: center
}

.bb-crew-img iframe {
    border: 0
}

.bb-crew-caption {
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: uppercase;
    text-align: right
}

@media (min-width:768px) {
    .bb-crew-caption {
        font-size: 1.9rem;
        line-height: 100%
    }
}

.bb-mission {
    position: relative;
    padding: 23.5rem 0 14.9rem;
    background-color: #f8f7f6
}

@media (min-width:768px) {
    .bb-mission {
        padding: 25.4rem 0
    }
}

.bb-mission:before {
    position: absolute;
    content: "";
    top: 0;
    left: calc(50% - .5px);
    width: 1px;
    height: 19.8rem;
    background: #d9d8ce
}

@media (min-width:768px) {
    .bb-mission:before {
        height: 20.6rem
    }
}

.bb-mission:after {
    position: absolute;
    content: "";
    left: calc(50% - .5px);
    bottom: 0;
    width: 1px;
    height: 9.8rem;
    background: #d9d8ce
}

@media (min-width:768px) {
    .bb-mission:after {
        height: 23rem
    }
}

.bb-mission-pointer {
    display: none;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%
}

@media (min-width:768px) {
    .bb-mission-pointer {
        position: absolute;
        top: -3.5rem;
        left: calc(50% + 38.1rem);
        display: block
    }
}

.bb-mission-pointer-arrow {
    position: relative;
    display: block;
    bottom: 0;
    left: -3.5rem;
    width: 3rem;
    height: 5.4rem;
    background-size: contain;
    background-repeat: no-repeat
}

.bb-mission-container {
    position: relative;
    display: flex;
    gap: 4.7rem 0;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.6rem
}

@media (min-width:768px) {
    .bb-mission-container {
        gap: 6.7rem 0;
        padding: 0 41.8rem
    }
}

.bb-mission-header {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem 1.7rem 1rem;
    margin: auto;
    color: #fff;
    border-radius: 10rem;
    border: 1px solid #000;
    background: #000;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .06rem;
    text-align: center;
    text-transform: uppercase
}

.bb-mission-header h2 {
    display: inline-flex;
    gap: 0 .9rem
}

.bb-mission-header h2 i {
    font-style: normal
}

.bb-mission-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20rem 0
}

.bb-mission-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bb-mission-item:not(:last-child):after {
    position: absolute;
    left: calc(50% - .5px);
    bottom: -15rem;
    content: "";
    width: 1px;
    height: 10rem;
    background: #d9d8ce
}

@media (min-width:768px) {
    .bb-mission-item:not(:last-child):after {
        bottom: -18.5rem;
        height: 16.5rem
    }
}

.bb-mission-divdiver {
    position: relative;
    display: block;
    width: 1px;
    height: 9.8rem;
    margin: 3.8rem auto 4.3rem;
    background: #d9d8ce
}

@media (min-width:768px) {
    .bb-mission-divdiver {
        height: 14.7rem;
        margin: 1.7rem auto 2.4rem
    }
}

.bb-mission-text {
    max-width: 108.5rem;
    margin: auto;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 89%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-mission-text {
        font-size: 10rem;
        letter-spacing: .3rem
    }
}

.bb-mission-text strong.-primary {
    color: red;
    font-weight: 700
}

.bb-mission-media {
    position: relative;
    width: 100%;
    height: 19rem;
    overflow: hidden;
    margin: auto;
    border-radius: 1.5rem
}

@media (min-width:768px) {
    .bb-mission-media {
        width: 35.3rem;
        height: 15rem
    }
}

.bb-mission-media iframe,
.bb-mission-media img,
.bb-mission-media video {
    width: 100%;
    height: 100%
}

.bb-mission-media img,
.bb-mission-media video {
    object-fit: cover;
    object-position: center
}

.bb-mission-media iframe {
    border: 0
}

@media (min-width:768px) {
    .bb-experience {
        border-bottom: 1px solid #d9d8ce
    }
}

.bb-experience.-bdb-n {
    border-bottom: none
}

.bb-experience-container {
    padding: 0 2.4rem
}

@media (min-width:768px) {
    .bb-experience-container {
        padding: 0
    }
}

.bb-experience-main {
    padding: 10.3rem 0 0;
    border-left: 1px solid #d9d8ce;
    border-right: 1px solid #d9d8ce;
    border-bottom: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-experience-main {
        padding: 0;
        border-left: none;
        border-right: none;
        border-bottom: none
    }
}

.bb-experience.-bdb-n .bb-experience-main {
    border-bottom: none
}

.bb-experience-grid {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width:768px) {
    .bb-experience-grid {
        flex-direction: row
    }
}

.bb-experience-grid-col.-left {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 7.7rem 0
}

@media (min-width:768px) {
    .bb-experience-grid-col.-left {
        width: 65.7rem;
        padding: 0;
        align-items: center
    }
}

@media (min-width:768px) {
    .bb-experience-grid-col.-right {
        padding: 0 0 0 31.5rem;
        border-left: 1px solid #d9d8ce
    }
}

.bb-experience-carousel {
    position: relative;
    width: 13.7rem;
    perspective: 1200px;
    overflow: visible
}

@media (min-width:768px) {
    .bb-experience-carousel {
        width: 25.92rem
    }
}

.bb-experience-cards {
    display: flex;
    transform-style: preserve-3d
}

.bb-experience-card {
    position: relative;
    overflow: hidden;
    width: 13.7rem;
    height: 17.3rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: .8rem;
    flex-shrink: 0;
    transform-style: preserve-3d;
    -webkit-user-drag: none;
    will-change: transform
}

@media (min-width:768px) {
    .bb-experience-card {
        width: 25.92rem;
        height: 32.76rem
    }
}

.bb-experience-card iframe,
.bb-experience-card img,
.bb-experience-card video {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none
}

.bb-experience-card img,
.bb-experience-card video {
    object-fit: cover;
    object-position: center
}

.bb-experience-card iframe {
    border: 0
}

.bb-experience-info {
    padding: 0 4.6rem 12rem;
    border-bottom: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-experience-info {
        max-width: 66.4rem;
        padding: 15.6rem 0;
        border-bottom: none
    }
}

.bb-experience-header {
    margin: 0 0 2.7rem;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-experience-header {
        margin: 0 0 4.4rem;
        font-size: 6rem
    }
}

.bb-experience-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-experience-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-experience-action {
    margin: 3.7rem 0 0
}

@media (min-width:768px) {
    .bb-experience-action {
        margin: 4.4rem 0 0
    }
}

.bb-experience-slider {
    padding: 7.7rem 0;
    text-align: center
}

@media (min-width:768px) {
    .bb-experience-slider {
        height: 100%;
        padding: 20.2rem 0 0
    }
}

.bb-branding-container {
    padding: 0 2.4rem
}

@media (min-width:768px) {
    .bb-branding-container {
        padding: 0
    }
}

.bb-branding-main {
    padding: 5.4rem 0 12.3rem;
    border-left: 1px solid #d9d8ce;
    border-right: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-branding-main {
        padding: 0;
        border-left: none;
        border-right: none
    }
}

@media (min-width:768px) {
    .bb-branding-grid {
        display: grid;
        grid-template-columns: 1fr 49.8rem
    }
}

.bb-branding-grid-col.-left {
    padding: 0 4.5rem
}

@media (min-width:768px) {
    .bb-branding-grid-col.-left {
        padding: 12.6rem 17.7rem 0 34rem;
        border-right: 1px solid #d9d8ce
    }
}

.bb-branding-grid-col.-right {
    padding: 1.3rem
}

@media (min-width:768px) {
    .bb-branding-grid-col.-right {
        padding: 2.2rem 2.4rem 2.2rem 2.2rem;
        margin-top: auto
    }
}

.bb-branding-header {
    margin: 0 0 6.4rem;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-branding-header {
        margin: 0 0 10.8rem;
        max-width: 82rem;
        font-size: 5rem
    }
}

.bb-branding-items {
    padding: 0 0 6.4rem
}

@media (min-width:768px) {
    .bb-branding-items {
        padding: 0 0 36.5rem
    }
}

.bb-branding-item {
    margin: 0 0 10rem
}

.bb-branding-item:last-child {
    margin: 0
}

@media (min-width:768px) {
    .bb-branding-item {
        margin: 0 0 11rem;
        display: grid;
        grid-template-columns: 21.6rem 1fr;
        gap: 10rem
    }
}

.bb-branding-item-preview {
    width: 14.9rem;
    height: 8.8rem;
    margin: 0 0 3.3rem;
    border-radius: .8rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-branding-item-preview {
        width: 21.6rem;
        height: 12.7rem
    }
}

.bb-branding-item-preview iframe,
.bb-branding-item-preview img,
.bb-branding-item-preview video {
    width: 100%;
    height: 100%
}

.bb-branding-item-preview img,
.bb-branding-item-preview video {
    object-fit: cover
}

.bb-branding-item-preview iframe {
    border: 0
}

.bb-branding-item-title {
    margin: 0 0 1.5rem;
    font-size: 2rem;
    line-height: 125%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-branding-item-title {
        margin: 0 0 2rem;
        font-size: 3rem;
        line-height: 116%
    }
}

.bb-branding-item-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-branding-item-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-branding-quote {
    position: relative;
    padding: 3.9rem 3.5rem;
    background: #000;
    border-radius: 1rem;
    color: #fff
}

.bb-branding-quote:after,
.bb-branding-quote:before {
    content: "";
    position: absolute;
    right: -3.7rem;
    left: -3.7rem;
    height: 1px;
    background: #d9d8ce
}

@media (min-width:768px) {

    .bb-branding-quote:after,
    .bb-branding-quote:before {
        right: -2.4rem;
        left: -2.4rem
    }
}

.bb-branding-quote:before {
    top: -1.3rem
}

@media (min-width:768px) {
    .bb-branding-quote:before {
        top: -2.4rem
    }
}

.bb-branding-quote:after {
    bottom: -1.3rem
}

@media (min-width:768px) {
    .bb-branding-quote:after {
        display: none
    }
}

@media (min-width:768px) {
    .bb-branding-quote {
        padding: 5.2rem 11.6rem 8.4rem 4rem
    }
}

.bb-branding-quote-title {
    margin: 0 0 2.7rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 3rem;
    letter-spacing: .9px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-branding-quote-title {
        margin: 0 0 2.4rem;
        font-size: 4rem;
        letter-spacing: 1.2px
    }
}

.bb-branding-quote-title strong.-primary {
    color: red
}

.bb-branding-quote-text {
    font-size: 1.5rem;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-branding-quote-text {
        font-size: 1.8rem
    }
}

.bb-result {
    color: #000
}

.bb-result.-md {
    padding: 1.6rem 0 2.5rem
}

@media (min-width:768px) {
    .bb-result.-md {
        padding: 3.9rem 0 0
    }
}

.bb-result.-inverse {
    color: #fff
}

@media (min-width:768px) {
    .bb-result-container {
        padding: 0 2.4rem
    }
}

@media (max-width:767px) {
    .bb-result-container.-md {
        padding: 0 1.6rem
    }
}

.bb-result-header {
    margin: 0 0 4rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    letter-spacing: 1.2px;
    line-height: 96%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-result-header {
        max-width: 95rem;
        margin: 0 0 11.7rem;
        padding: 0;
        font-size: 10rem;
        letter-spacing: 3px;
        line-height: 89%
    }
}

@media (max-width:767px) {
    .bb-result-main.-v1 .bb-result-header {
        padding: 0 5.5rem 0 2.7rem
    }
}

.bb-result-main {
    position: relative;
    padding: 4.8rem 3.9rem;
    background: #f8f7f6;
    overflow: hidden
}

.bb-result.-inverse .bb-result-main {
    background: #000
}

@media (max-width:767px) {
    .bb-result-main.-v1 {
        padding: 5.5rem 2.3em 5.8rem 2.3rem;
        border-radius: .8rem
    }
}

@media (min-width:768px) {
    .bb-result-main {
        /* padding: 9.2rem 30.2rem 7rem; */
        border-radius: .8rem
    }
}

.bb-result-items {
    position: relative
}

.bb-result-items:before {
    content: "";
    position: absolute;
    right: -3.9rem;
    top: 0;
    left: -3.9rem;
    height: 1px;
    background: #d9d8ce
}

.bb-result.-inverse .bb-result-items:before {
    background: #333
}

@media (min-width:768px) {
    .bb-result-items:before {
        right: -30.2rem;
        left: -30.2rem
    }
}

@media (min-width:768px) {
    .bb-result-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 2.5rem 0 0
    }
}

.bb-result-item {
    position: relative;
    display: block;
    padding: 3rem 0;
    text-decoration: none
}

.bb-result-item:after,
.bb-result-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    background: #d9d8ce
}

.bb-result.-inverse .bb-result-item:after,
.bb-result.-inverse .bb-result-item:before {
    background: #333
}

@media (min-width:768px) {

    .bb-result-item:after,
    .bb-result-item:before {
        top: -2.5rem;
        bottom: -18.7rem;
        width: 1px
    }
}

.bb-result-item:before {
    display: none
}

@media (min-width:768px) {
    .bb-result-item:before {
        right: auto;
        left: 0
    }
}

.bb-result-item:after {
    right: -3.9rem;
    left: -3.9rem;
    height: 1px
}

@media (min-width:768px) {
    .bb-result-item:after {
        left: auto;
        right: 0;
        height: auto
    }
}

@media (min-width:768px) {
    .bb-result-item:first-child:before {
        display: block
    }
}

.bb-result-item:last-child:after {
    display: none
}

@media (min-width:768px) {
    .bb-result-item:last-child:after {
        display: block
    }
}

@media (min-width:768px) {
    .bb-result-item {
        padding: 0 1.3rem
    }
}

.bb-result-item-category {
    margin: 0 0 1.4rem;
    padding: .8rem 1.7rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.4rem;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10rem;
    border: 1px solid currentColor
}

@media (min-width:768px) {
    .bb-result-item-category {
        margin: 0 0 1rem;
        font-size: 1.8rem
    }
}

.bb-result-item-category span {
    margin: 0 .9rem 0 0
}

.bb-result-item-title {
    margin: 0 0 4rem;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-result-item-title {
        margin: 0 0 2rem;
        font-size: 3rem;
        line-height: 116%
    }
}

.bb-result-item-preview {
    width: 31.6rem;
    height: 19rem;
    border-radius: 1rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-result-item-preview {
        width: 39.7rem;
        height: 45rem;
        border-radius: .8rem
    }
}

@media (max-width:1199px) {
    .bb-result-main.-v1 .bb-result-item-preview {
        width: 100%
    }
}

.bb-result-item-preview iframe,
.bb-result-item-preview img,
.bb-result-item-preview video {
    width: 100%;
    height: 100%
}

.bb-result-item-preview img,
.bb-result-item-preview video {
    object-fit: cover;
    object-position: center
}

.bb-result-item-preview iframe {
    border: 0
}

.bb-result-item-text {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance;
    border-bottom: 1px solid #4f4f4f
}

@media (min-width:768px) {
    .bb-result-item-text {
        padding: 1rem .8rem;
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-result-item-text strong {
    margin: 0 1.3rem 0 0
}

.bb-result-all {
    position: relative;
    width: 12.7rem;
    height: 12.7rem;
    margin: 4rem auto 0 auto;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-result-all {
        position: absolute;
        top: 0;
        right: 31.6rem
    }
}

.bb-client {
    position: relative;
    padding: 6.5rem 0 7.4rem
}

@media (min-width:768px) {
    .bb-client {
        padding: 6.5rem 0 6.6rem
    }
}

.bb-client.-bdt {
    border-top: 1px solid #d9d8ce
}

.bb-client.-bdb {
    border-bottom: 1px solid #d9d8ce
}

.bb-client-items {
    position: relative;
    width: 100%
}

.bb-client-item {
    position: relative;
    margin: 5rem 0 0
}

@media (min-width:768px) {
    .bb-client-item {
        margin: 7.5rem 0 0
    }
}

.bb-client-item:first-child {
    margin: 0
}

.bb-benefit {
    position: relative;
    padding: 7.2rem 0 9.5rem
}

@media (min-width:768px) {
    .bb-benefit {
        padding: 14.7rem 0 24rem
    }
}

.bb-benefit-container {
    padding: 0 8.7rem 0 6.9rem
}

@media (min-width:768px) {
    .bb-benefit-container {
        padding: 0 20.3rem 0 18.2rem
    }
}

.bb-benefit-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #d9d8ce
}

@media (min-width:768px) {
    .bb-benefit-line {
        display: none
    }
}

.bb-benefit-line:first-child {
    left: 2.2rem
}

.bb-benefit-line:last-child {
    right: 2.2rem
}

.bb-benefit-header {
    margin: 0 0 9.5rem;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-benefit-header {
        margin: 0 0 10.8rem;
        max-width: 80rem;
        font-size: 5rem
    }
}

.bb-benefit-header strong.-primary {
    color: red
}

@media (min-width:768px) {
    .bb-benefit-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 9rem
    }
}

.bb-benefit-item {
    margin: 0 0 9.7rem
}

.bb-benefit-item:last-child {
    margin: 0
}

@media (min-width:768px) {
    .bb-benefit-item {
        margin: 0
    }
}

.bb-benefit-item-title {
    margin: 0 0 1.7rem;
    font-weight: 700;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-benefit-item-title {
        margin: 0 0 2rem;
        font-size: 3rem;
        line-height: 117%
    }
}

.bb-benefit-item-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-benefit-item-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-summary {
    position: relative;
    padding: 13.8rem 0 10rem
}

@media (min-width:768px) {
    .bb-summary {
        padding: 20.5rem 0 18rem
    }
}

.bb-summary-line {
    position: absolute
}

.bb-summary-line:nth-child(1) {
    top: 1.6rem;
    left: 0;
    right: 0;
    border-top: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-summary-line:nth-child(1) {
        top: 2.8rem
    }
}

.bb-summary-line:nth-child(2) {
    top: 1.6rem;
    left: 1.6rem;
    bottom: 0;
    border-right: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-summary-line:nth-child(2) {
        top: 2.8rem;
        left: calc(48rem - 1px)
    }
}

.bb-summary-line:nth-child(3) {
    top: 1.6rem;
    right: 1.6rem;
    bottom: 0;
    border-left: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-summary-line:nth-child(3) {
        top: 2.8rem;
        right: 48rem
    }
}

.bb-summary-line:nth-child(4) {
    right: 0;
    left: 0;
    bottom: 2.1rem;
    border-top: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-summary-line:nth-child(4) {
        bottom: 3rem
    }
}

.bb-summary-container {
    padding: 0 2.8rem 0 7.1rem
}

@media (min-width:768px) {
    .bb-summary-container {
        position: relative;
        max-width: 68rem;
        margin: 0 auto;
        padding: 0
    }
}

.bb-summary-pointer {
    position: absolute;
    top: 4rem;
    right: 1.5rem;
    z-index: 10
}

@media (min-width:768px) {
    .bb-summary-pointer {
        top: -10.3rem;
        right: -.5rem
    }
}

.bb-summary-pointer-text {
    width: 14.2rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-summary-pointer-text {
        width: auto;
        font-size: 1.5rem
    }
}

.bb-summary-pointer-arrow {
    position: absolute;
    top: 1.3rem;
    left: -4rem;
    width: 3rem;
    height: 5.4rem;
    background-size: contain;
    background-repeat: no-repeat
}

.bb-summary-header {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 96%;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-summary-header {
        font-size: 10rem
    }
}

.bb-summary-text {
    margin: 1.9rem 0 0;
    max-width: 90%;
    font-size: 1.5rem;
    line-height: 134%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-summary-text {
        margin: 3.8rem 0 0;
        max-width: 64.1rem;
        font-size: 2.5rem;
        line-height: 140%
    }
}

.bb-summary-action {
    margin: 2.4rem 0 0
}

@media (min-width:768px) {
    .bb-summary-action {
        margin: 4.5rem 0 0
    }
}

.bb-featured {
    overflow: hidden
}

.bb-featured.-inverse {
    color: #fff;
    background: #000
}

.bb-featured-grid {
    position: relative;
    display: grid
}

@media (max-width:767px) {

    .bb-featured-grid:after,
    .bb-featured-grid:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        border-right: 1px #4f4f4f solid
    }

    .bb-featured-grid:before {
        right: 1.6rem
    }

    .bb-featured-grid:after {
        left: 1.6rem
    }
}

@media (min-width:768px) {
    .bb-featured-grid {
        grid-template-columns: auto 48rem
    }
}

.bb-featured-grid-col.-header {
    border-bottom: 1px #4f4f4f solid
}

@media (max-width:767px) {
    .bb-featured-grid-col.-header {
        padding: 5.4rem 7.6rem 4.2rem 3.9rem;
        border-right: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-grid-col.-header {
        padding: 7.7rem 0 5.3rem 34rem;
        border-right: 1px #4f4f4f solid
    }
}

@media (max-width:767px) {
    .bb-featured-grid-col.-more {
        order: 3;
        text-align: right;
        padding: 5rem 3.8rem 3.9rem
    }
}

@media (min-width:768px) {
    .bb-featured-grid-col.-more {
        align-content: center;
        text-align: center;
        border-bottom: 1px #4f4f4f solid
    }
}

@media (max-width:767px) {
    .bb-featured-grid-col.-items {
        padding: 0 1.6rem
    }
}

@media (min-width:768px) {
    .bb-featured-grid-col.-items {
        grid-column: span 2
    }
}

.bb-featured-header {
    position: relative
}

.bb-featured-header h2 {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 89%;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-featured-header h2 {
        font-size: 15rem
    }
}

.bb-featured-header-text {
    margin: 4.7rem 0 0;
    font-size: 1.5rem;
    line-height: 134%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-featured-header-text {
        position: absolute;
        top: 0;
        max-width: 31.7rem;
        margin: 0;
        font-size: 1.8rem;
        line-height: 110%
    }
}

.bb-featured-items {
    display: grid
}

@media (min-width:768px) {
    .bb-featured-items {
        grid-template-columns: 1fr 1.44fr .56fr 1fr
    }
}

.bb-featured-item {
    position: relative;
    display: block;
    text-decoration: none
}

@media (max-width:767px) {
    .bb-featured-item {
        padding: 2.4rem 2.2rem 2rem
    }

    .bb-featured-item:before {
        content: "";
        display: block;
        position: absolute;
        left: -1.6rem;
        right: -1.6rem;
        bottom: 0;
        border-bottom: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item:nth-child(4) {
        position: relative;
        top: -1px;
        grid-column: 1;
        grid-row: 3;
        border-top: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item:nth-child(5) {
        position: relative;
        top: -1px;
        right: -1px;
        grid-column: 1;
        border-top: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-md {
        grid-column: 2/5;
        border-left: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-lg {
        grid-column: 2/5;
        border-left: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xl {
        grid-column: span 4
    }
}

@media (max-width:767px) {
    .bb-featured-item.-spacer {
        padding: 0;
        height: 14.4rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-spacer {
        position: relative;
        top: -2px;
        grid-column: 1/3;
        order: 999;
        height: 10.8rem;
        border-top: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-text {
        grid-column: 3;
        border-left: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-text {
        grid-row: span 2;
        grid-column: 3/5;
        align-content: center;
        padding: 10rem 16.9rem 10rem 15.9rem
    }
}

.bb-featured-item-grid {
    display: grid;
    gap: 2.7rem
}

@media (min-width:768px) {
    .bb-featured-item-grid {
        align-items: center;
        gap: 0;
        border-bottom: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item:nth-child(5) .bb-featured-item-grid {
        border-right: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-md .bb-featured-item-grid {
        grid-template-columns: 1.4375fr 1.56fr
    }
}

@media (min-width:768px) {
    .bb-featured-item.-lg .bb-featured-item-grid {
        direction: rtl;
        grid-template-columns: 1.56fr 1.4375fr
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xl .bb-featured-item-grid {
        grid-template-columns: 2.44fr 1.56fr
    }
}

.bb-featured-item-grid-col {
    direction: ltr
}

@media (min-width:768px) {
    .bb-featured-item-grid-col {
        align-content: center;
        height: 100%
    }
}

@media (min-width:768px) {
    .bb-featured-item-grid-col:first-child {
        padding: 2.7rem 2.4rem
    }
}

@media (min-width:768px) {
    .bb-featured-item-grid-col:last-child {
        padding: 0 2.4rem 2.5rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-md .bb-featured-item-grid-col:last-child {
        padding: 0 14.1rem 0 15.8rem;
        border-left: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-lg .bb-featured-item-grid-col:first-child {
        border-left: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-featured-item.-lg .bb-featured-item-grid-col:last-child {
        padding: 0 11.4rem 0 14.9rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xl .bb-featured-item-grid-col:last-child {
        padding: 0 19.1rem 0 15.8rem;
        border-left: 1px #4f4f4f solid
    }
}

.bb-featured-item-thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: .8rem
}

.bb-featured-item-preview {
    height: 21.8rem;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-featured-item.-xs .bb-featured-item-preview {
        height: 22.7rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-md .bb-featured-item-preview {
        height: 44.5rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-lg .bb-featured-item-preview {
        height: 43.9rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xl .bb-featured-item-preview {
        height: 69.1rem
    }
}

.bb-featured-item-preview iframe,
.bb-featured-item-preview img,
.bb-featured-item-preview video {
    width: 100%;
    height: 100%
}

.bb-featured-item-preview img,
.bb-featured-item-preview video {
    object-fit: cover
}

.bb-featured-item-preview iframe {
    border: 0
}

.bb-featured-item-overlay {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5rem;
    opacity: 0;
    background: rgba(56, 56, 56, .85);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    will-change: opacity, backdrop-filter;
    transition: opacity .4s, -webkit-backdrop-filter .4s;
    transition: opacity .4s, backdrop-filter .4s;
    transition: opacity .4s, backdrop-filter .4s, -webkit-backdrop-filter .4s
}

@media (max-width:767px) {
    .bb-featured-item-overlay {
        display: none
    }
}

.bb-featured-item.-xs .bb-featured-item-overlay {
    padding: 3rem
}

.bb-featured-item.-xl .bb-featured-item-overlay {
    padding: 6rem
}

.bb-featured-item-overlay-badges {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: .8rem
}

.bb-featured-item-overlay-badge {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: .6rem;
    padding: .6rem;
    border-radius: 9999px;
    border: 1px solid;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-featured-item-overlay-badge {
        padding: .7rem 1.2rem;
        font-size: 1.8rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xs .bb-featured-item-overlay-badge {
        font-size: 1.6rem
    }
}

.bb-featured-item-overlay-badge i {
    font-size: 1.8rem;
    font-style: normal
}

.bb-featured-item-overlay-text {
    font-size: 1.5rem;
    line-height: 130%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-featured-item-overlay-text {
        max-width: 78rem;
        font-size: 2.4rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xs .bb-featured-item-overlay-text {
        font-size: 1.8rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xl .bb-featured-item-overlay-text {
        max-width: 50%
    }
}

.bb-featured-item-name {
    display: inline-block;
    padding: .8rem 1.7rem;
    border: 1px solid;
    border-radius: 99999px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-featured-item-name {
        font-size: 1.8rem
    }
}

.bb-featured-item-name i {
    margin-right: .9rem;
    font-style: normal
}

.bb-featured-item-title {
    margin: 2.4rem 0 0;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-featured-item-title {
        font-size: 6rem
    }
}

@media (min-width:768px) {
    .bb-featured-item.-xs .bb-featured-item-title {
        margin: 2rem 0 0;
        font-weight: 700;
        font-size: 1.8rem;
        text-transform: uppercase
    }
}

.bb-featured-item-text {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-featured-item-text {
        font-size: 4rem
    }
}

.bb-featured-item-text strong.-primary {
    color: red
}

.bb-featured-item-caption {
    margin: 2.4rem 0 0;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-featured-item-caption {
        margin: 1.9rem 0 0;
        font-size: 1.8rem
    }
}

@media (pointer:fine) {
    .bb-featured-item:hover .bb-featured-item-overlay {
        opacity: 1;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

.bb-description {
    padding: 18.9rem 0 14.9rem
}

@media (min-width:768px) {
    .bb-description {
        padding: 20.5rem 0 17.2rem
    }
}

.bb-description-container {
    padding: 0 4.6rem 0 5.1rem
}

@media (min-width:768px) {
    .bb-description-container {
        padding: 0 21.5rem 0 21.8rem
    }
}

.bb-description-text {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-description-text {
        font-size: 6rem
    }
}

.bb-partner {
    position: relative;
    padding: 1.8rem 0
}

@media (min-width:768px) {
    .bb-partner {
        padding: 0
    }
}

.bb-partner-container {
    padding: 0 1.5rem
}

@media (min-width:768px) {
    .bb-partner-container {
        padding: 0 2.4rem
    }
}

.bb-partner-pointer {
    position: absolute;
    left: 1.6rem;
    bottom: 100%;
    z-index: 10
}

@media (min-width:768px) {
    .bb-partner-pointer {
        left: 2.4rem;
        bottom: calc(100% + 1.8rem)
    }
}

.bb-partner-pointer-text {
    width: 20.2rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-partner-pointer-text {
        width: auto;
        font-size: 1.5rem
    }
}

.bb-partner-pointer-arrow {
    position: absolute;
    top: 2rem;
    left: 100%;
    width: 3.5rem;
    height: 3.8rem;
    transform: rotate(177.73deg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .bb-partner-pointer-arrow {
        top: .8rem;
        left: calc(100% + 2rem)
    }
}

.bb-partner-main {
    position: relative;
    height: 21rem;
    overflow: hidden;
    z-index: 1;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-partner-main {
        height: 47.1rem
    }
}

.bb-partner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.bb-partner-bg iframe,
.bb-partner-bg img,
.bb-partner-bg video {
    width: 100%;
    height: 100%
}

.bb-partner-bg img,
.bb-partner-bg video {
    object-fit: cover
}

.bb-partner-bg iframe {
    border: 0
}

.bb-partner-reels {
    display: grid;
    align-content: center;
    gap: 3.9rem;
    height: 100%
}

@media (min-width:768px) {
    .bb-partner-reels {
        gap: 6.7rem
    }
}

.bb-partner-reel {
    overflow: hidden
}

.bb-solving {
    position: relative;
    padding: 8.2rem 0 18.5rem;
    background: #fff
}

@media (min-width:768px) {
    .bb-solving {
        padding: 0
    }
}

.bb-solving.-sm {
    padding: 2.7rem 0 0
}

@media (min-width:768px) {
    .bb-solving.-sm {
        padding: 0
    }
}

.bb-solving.-fill {
    background: #f8f7f6
}

.bb-solving-container {
    padding: 0
}

.bb-solving-grid {
    display: grid
}

@media (max-width:767px) {
    .bb-solving.-sm .bb-solving-grid:before {
        position: absolute;
        content: "";
        top: 0;
        right: 2.5rem;
        width: 1px;
        height: 100%;
        background: #d9d8ce
    }

    .bb-solving.-sm .bb-solving-grid:after {
        position: absolute;
        content: "";
        top: 0;
        left: 2.5rem;
        width: 1px;
        height: 100%;
        background: #d9d8ce
    }
}

@media (min-width:768px) {
    .bb-solving-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.bb-solving-grid-col {
    position: relative;
    padding: 4.5rem 6.4rem 4.5rem 7.1rem
}

@media (min-width:768px) {
    .bb-solving-grid-col {
        padding: 42.4rem 9.4rem 23.2rem
    }

    .bb-solving-grid-col:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        border-left: 1px solid #d9d8ce
    }
}

.bb-solving.-sm .bb-solving-grid-col {
    padding: 0 6.4rem 4.7rem 7.1rem
}

@media (min-width:768px) {
    .bb-solving.-sm .bb-solving-grid-col {
        padding: 51.5rem 9.4rem 10.7rem
    }
}

@media (min-width:768px) {
    .bb-solving-grid-col.-header {
        position: absolute;
        top: 12.8rem;
        left: calc(50% - 33.85rem);
        width: 67.7rem;
        padding: 5.7rem 0 6.2rem;
        z-index: 1;
        background: #fff;
        grid-column: 2/4;
        text-align: center
    }

    .bb-solving.-fill .bb-solving-grid-col.-header {
        background: #f8f7f6
    }

    .bb-solving-grid-col.-header:before {
        display: none
    }
}

.bb-solving.-sm .bb-solving-grid-col.-header {
    padding: 4.4rem 8.7rem 6.1rem 6.9rem
}

@media (min-width:768px) {
    .bb-solving.-sm .bb-solving-grid-col.-header {
        top: 20.3rem;
        padding: 5.7rem 0 6.2rem
    }
}

@media (min-width:768px) {
    .bb-solving-grid-col:nth-child(2):before {
        top: 2.4rem
    }

    .bb-solving.-sm .bb-solving-grid-col:nth-child(2):before {
        top: 13rem
    }
}

@media (min-width:768px) {
    .bb-solving-grid-col:nth-child(3) {
        padding-top: 48.8rem
    }

    .bb-solving-grid-col:nth-child(3):before {
        bottom: 6.8rem
    }
}

@media (min-width:768px) {
    .bb-solving.-sm .bb-solving-grid-col:nth-child(3) {
        padding-top: 57.9rem
    }
}

@media (min-width:768px) {
    .bb-solving-grid-col:nth-child(4):before {
        top: 5rem;
        bottom: 16.5rem
    }
}

.bb-solving-grid-col:nth-child(5) {
    border-bottom: 0
}

@media (min-width:768px) {
    .bb-solving-grid-col:nth-child(5) {
        padding-top: 59.9rem
    }

    .bb-solving-grid-col:nth-child(5):before {
        display: none
    }
}

@media (min-width:768px) {
    .bb-solving.-sm .bb-solving-grid-col:nth-child(5) {
        padding-top: 63rem;
        padding-bottom: 17rem
    }
}

.bb-solving-header {
    max-width: 90%;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-solving-header {
        max-width: none;
        font-size: 5rem
    }
}

.bb-solving-header strong.-primary {
    color: red
}

.bb-solving-title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-solving-title {
        font-size: 3rem
    }
}

.bb-solving-title b {
    font-weight: 700;
    font-size: 2rem;
    line-height: 125%;
    color: red
}

@media (min-width:768px) {
    .bb-solving-title b {
        display: block;
        margin: 0 0 2rem;
        font-size: 3rem
    }
}

.bb-solving-text {
    margin: 1.7rem 0 0;
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-solving-text {
        margin: 2rem 0 0;
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-overview {
    padding: 3.7rem 0 0;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-overview {
        padding: 2.1rem 0 0
    }
}

@media (max-width:767px) {
    .bb-overview-container {
        padding: 0 2.9rem
    }
}

.bb-overview-hgrid {
    display: grid;
    gap: 3.6rem
}

@media (min-width:768px) {
    .bb-overview-hgrid {
        grid-auto-flow: column;
        justify-content: space-between;
        gap: 20rem
    }
}

.bb-overview-header {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 89%;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-overview-header {
        font-size: 10rem
    }
}

.bb-overview-headline {
    opacity: .5
}

.bb-overview-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width:768px) {
    .bb-overview-grid {
        grid-template-columns: 48.8rem auto auto auto
    }
}

.bb-overview-grid:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .1;
    border-bottom: 1px solid
}

.bb-overview-grid-col {
    position: relative
}

@media (max-width:767px) {
    .bb-overview-grid-col {
        padding: 3.4rem
    }
}

@media (max-width:767px) {
    .bb-overview-grid-col.-problem {
        grid-column: span 2
    }

    .bb-overview-grid-col.-problem:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: .1;
        border-top: 1px solid
    }
}

@media (min-width:768px) {
    .bb-overview-grid-col.-problem {
        grid-column: span 4;
        padding: 17.6rem 18.2rem 7.8rem
    }

    .bb-overview-grid-col.-problem:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .1;
        border-bottom: 1px solid
    }
}

@media (max-width:767px) {
    .bb-overview-grid-col.-scope {
        padding-top: 3.9rem;
        padding-bottom: 4.1rem;
        order: -1;
        grid-column: span 2
    }
}

@media (min-width:768px) {
    .bb-overview-grid-col.-scope {
        padding: 7.5rem 0 7.5rem 24.5rem
    }

    .bb-overview-grid-col.-scope:after {
        content: "";
        position: absolute;
        top: 0;
        left: 18.2rem;
        bottom: 0;
        opacity: .1;
        border-left: 1px solid
    }

    .bb-overview-grid-col.-scope:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .1;
        border-bottom: 1px solid
    }
}

@media (max-width:767px) {
    .bb-overview-grid-col.-solution {
        padding-top: 3.9rem;
        padding-bottom: 3.3rem;
        grid-column: span 2
    }

    .bb-overview-grid-col.-solution:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .1;
        border-bottom: 1px solid
    }
}

@media (min-width:768px) {
    .bb-overview-grid-col.-solution {
        padding: 7.5rem 0 13.7rem 8.2rem;
        grid-column: span 3
    }

    .bb-overview-grid-col.-solution:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .1;
        border-bottom: 1px solid
    }

    .bb-overview-grid-col.-solution:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        opacity: .1;
        border-left: 1px solid
    }

    .bb-overview-grid-col.-solution+div {
        grid-column: 2
    }
}

@media (max-width:767px) {
    .bb-overview-grid-col.-client {
        padding-top: 4.3rem
    }
}

@media (min-width:768px) {
    .bb-overview-grid-col.-client {
        padding: 4.7rem 8.2rem 0
    }

    .bb-overview-grid-col.-client:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        opacity: .1;
        border-left: 1px solid
    }
}

@media (max-width:767px) {
    .bb-overview-grid-col.-press {
        padding-top: 4.3rem
    }

    .bb-overview-grid-col.-press:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        opacity: .1;
        border-left: 1px solid
    }
}

@media (min-width:768px) {
    .bb-overview-grid-col.-press {
        padding: 4.7rem 8.2rem 0
    }

    .bb-overview-grid-col.-press:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        opacity: .1;
        border-left: 1px solid
    }
}

@media (max-width:767px) {
    .bb-overview-grid-col.-results {
        padding-top: 3.9rem;
        padding-bottom: 2.4rem;
        grid-column: span 2
    }

    .bb-overview-grid-col.-results:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: .1;
        border-top: 1px solid
    }
}

@media (min-width:768px) {
    .bb-overview-grid-col.-results {
        padding: 4.7rem 8.2rem 9.4rem
    }

    .bb-overview-grid-col.-results:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        opacity: .1;
        border-left: 1px solid
    }
}

.bb-overview-info {
    max-width: 28.9rem
}

@media (min-width:768px) {
    .bb-overview-info {
        max-width: 62.3rem
    }
}

.bb-overview-caption {
    display: flex;
    align-items: center;
    margin: 0 0 2rem;
    color: #fff
}

.bb-overview-caption i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    min-width: 2.7rem;
    background: #000;
    border-radius: 50%;
    font-size: 1rem;
    font-style: normal
}

@media (min-width:768px) {
    .bb-overview-caption i {
        font-size: 1.2rem
    }
}

.bb-overview-caption h2,
.bb-overview-caption h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.7rem;
    padding: 0 1rem;
    background: #000;
    border-radius: 99999px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 133%;
    white-space: nowrap
}

.bb-overview-caption.-inverse {
    color: #000
}

.bb-overview-caption.-inverse h2,
.bb-overview-caption.-inverse h3,
.bb-overview-caption.-inverse i {
    background: #fff
}

.bb-overview-title {
    margin: 0 0 3.8rem;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-overview-title {
        font-size: 5rem
    }
}

.bb-overview-text {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 127%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-overview-text {
        font-size: 1.8rem;
        line-height: 160%
    }
}

.bb-overview-text a {
    text-decoration: none;
    transition: opacity .2s
}

@media (pointer:fine) {
    .bb-overview-text a:hover {
        opacity: .7
    }
}

.bb-overview-text ul.-plain {
    padding: 0;
    font-weight: 500;
    list-style: none
}

.bb-overview-text ul.-plain li {
    padding: .85rem 0
}

@media (min-width:768px) {
    .bb-overview-text ul.-plain li {
        padding: .5rem 0
    }
}

.bb-overview-counters {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 2.3rem 0 0;
    gap: 5.4rem 3rem
}

@media (min-width:768px) {
    .bb-overview-counters {
        grid-template-columns: repeat(2, fit-content(100%));
        gap: 4.1rem 10rem;
        margin: 4.1rem 0 0
    }
}

.bb-overview-counter {
    white-space: nowrap
}

.bb-overview-counter-unit,
.bb-overview-counter-value {
    display: inline-block;
    font-weight: 500;
    font-size: 5rem;
    line-height: 100%
}

@media (min-width:768px) {

    .bb-overview-counter-unit,
    .bb-overview-counter-value {
        font-size: 9rem
    }
}

.bb-overview-counter-title {
    margin: 1.3rem 0 0;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 107%;
    text-transform: uppercase;
    white-space: normal
}

@media (min-width:768px) {
    .bb-overview-counter-title {
        margin: 1.1rem 0 0;
        font-size: 2rem
    }
}

@media (min-width:768px) {
    .bb-overview+.bb-preview {
        padding-top: 2.4rem
    }
}

.bb-preview {
    margin: 2rem 0;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .bb-preview {
        margin: 0;
        padding: 1.1rem 18.2rem
    }

    .bb-preview:after,
    .bb-preview:before {
        content: "";
        position: absolute;
        top: 0;
        left: 18.2rem;
        bottom: 0;
        opacity: .2;
        border-left: 1px solid
    }

    .bb-preview:after {
        left: auto;
        right: 18.2rem;
        border-left: 0;
        border-right: 1px solid
    }
}

.bb-preview.-ct {
    margin-top: 0
}

.bb-preview.-cb {
    margin-bottom: 0
}

.bb-preview:first-child {
    padding: 6.2rem 0 0;
    margin: 0
}

@media (min-width:768px) {
    .bb-preview:first-child {
        padding: 9.4rem 0 0
    }
}

.bb-preview:first-child:after,
.bb-preview:first-child:before {
    display: none
}

.bb-preview-grid {
    display: grid;
    gap: 2rem
}

@media (min-width:768px) {
    .bb-preview-grid {
        gap: 1.6rem
    }
}

.bb-preview-grid-col {
    position: relative
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2 {
        grid-template-columns: repeat(2, 1fr);
        align-items: end
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2-split .bb-preview-grid-col:nth-child(1) {
        grid-column: 1;
        grid-row: 1/span 2;
        height: 100%
    }

    .bb-preview-grid.-sbs2-split .bb-preview-grid-col:nth-child(1) .bb-preview-media,
    .bb-preview-grid.-sbs2-split .bb-preview-grid-col:nth-child(1) img,
    .bb-preview-grid.-sbs2-split .bb-preview-grid-col:nth-child(1) video {
        height: 100%;
        object-fit: cover
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2-split .bb-preview-grid-col:nth-child(2) {
        grid-column: 2;
        grid-row: 1
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2-split .bb-preview-grid-col:nth-child(3) {
        grid-column: 2;
        grid-row: 2
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2-split-reverse .bb-preview-grid-col:nth-child(1) {
        grid-column: 2;
        grid-row: 1/span 2;
        height: 100%
    }

    .bb-preview-grid.-sbs2-split-reverse .bb-preview-grid-col:nth-child(1) .bb-preview-media,
    .bb-preview-grid.-sbs2-split-reverse .bb-preview-grid-col:nth-child(1) img,
    .bb-preview-grid.-sbs2-split-reverse .bb-preview-grid-col:nth-child(1) video {
        height: 100%;
        object-fit: cover
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2-split-reverse .bb-preview-grid-col:nth-child(2) {
        grid-column: 1;
        grid-row: 1
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs2-split-reverse .bb-preview-grid-col:nth-child(3) {
        grid-column: 1;
        grid-row: 2
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs3 {
        grid-template-columns: repeat(3, 1fr);
        align-items: center
    }
}

@media (max-width:767px) {
    .bb-preview-grid.-sbs3 .bb-preview-grid-col:nth-child(2) {
        margin: 0 5.2rem
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs4 {
        grid-template-columns: calc(50% - 1.5rem) .5fr .5fr
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs4 .bb-preview-grid-col:nth-child(1) {
        grid-row: span 2
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-sbs4 .bb-preview-grid-col:nth-child(4) {
        grid-column: span 2
    }
}

.bb-preview-grid.-fv3 {
    grid-template-columns: 25.1rem;
    justify-content: center;
    margin: 7.4rem 0
}

@media (min-width:768px) {
    .bb-preview-grid.-fv3 {
        grid-template-columns: 51.1rem;
        gap: 9.1rem;
        margin: 29rem 0
    }
}

.bb-preview-grid.-fh3 {
    grid-template-columns: 20.2rem;
    justify-content: center;
    margin: 8rem 0
}

@media (min-width:768px) {
    .bb-preview-grid.-fh3 {
        grid-template-columns: repeat(3, 29.2rem);
        align-items: center;
        margin: 29rem 0
    }
}

@media (min-width:768px) {
    .bb-preview-grid.-reverse {
        direction: rtl
    }
}

.bb-preview-media {
    position: relative;
    overflow: hidden;
    border-radius: .8rem
}

.bb-preview-media iframe,
.bb-preview-media img,
.bb-preview-media video {
    width: 100%;
    height: auto
}

.bb-preview-media img,
.bb-preview-media video {
    object-fit: cover
}

.bb-preview-media iframe {
    aspect-ratio: 16/9;
    border: 0
}

.bb-preview-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    transform: translate(-50%, -50%)
}

@media (max-width:767px) {
    .bb-preview-text {
        display: none
    }
}

.bb-related {
    position: relative
}

@media (max-width:767px) {
    .bb-related {
        margin: 2rem 0
    }
}

.bb-related:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .2;
    border-top: 1px solid
}

.bb-related.-cb {
    margin-bottom: 0
}

.bb-related.-cp {
    margin: 0
}

@media (min-width:768px) {
    .bb-related-container {
        padding: 0 32.6rem
    }
}

.bb-related-hgrid {
    display: grid;
    align-items: center;
    grid-auto-flow: column
}

@media (min-width:768px) {
    .bb-related-hgrid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.bb-related-hgrid-col {
    position: relative
}

.bb-related-hgrid-col.-left {
    padding: 6.6rem 0 5.8rem
}

@media (min-width:768px) {
    .bb-related-hgrid-col.-left {
        grid-column: span 2;
        padding: 7.6rem 0 6.1rem
    }

    .bb-related-hgrid-col.-left:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .2;
        border-left: 1px solid
    }
}

.bb-related-hgrid-col.-right {
    text-align: right
}

.bb-related-header {
    font-family: Satoshi, sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 96%;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-related-header {
        font-size: 10rem;
        line-height: 89%
    }
}

@media (min-width:768px) {
    .bb-related-divider {
        opacity: .2;
        border-bottom: 1px solid
    }
}

.bb-related-items {
    display: grid
}

@media (min-width:768px) {
    .bb-related-items {
        grid-template-columns: repeat(3, 1fr)
    }
}

.bb-related-item {
    position: relative
}

@media (max-width:767px) {
    .bb-related-item {
        padding: 3.2rem 1.6rem;
        margin: 0 -1.6rem
    }

    .bb-related-item:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .2;
        border-bottom: 1px solid
    }
}

@media (min-width:768px) {
    .bb-related-item {
        padding: 1.6rem 1.4rem
    }

    .bb-related-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .2;
        border-right: 1px solid
    }
}

@media (min-width:768px) {
    .bb-related-item:nth-child(1):before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 30%;
        opacity: .2;
        border-left: 1px solid
    }

    .bb-related-item:nth-child(1):after {
        bottom: 5%
    }
}

@media (min-width:768px) {
    .bb-related-item:nth-child(2) {
        padding-top: 37.5rem;
        padding-bottom: 15rem
    }
}

@media (min-width:768px) {
    .bb-related-item:nth-child(3):after {
        bottom: 15%
    }
}

.bb-work {
    border-top: 1px #4f4f4f solid
}

@media (min-width:768px) {
    .bb-work {
        padding: 0 0 12.7rem;
        border-bottom: 1px #4f4f4f solid
    }
}

.bb-work.-inverse {
    color: #fff;
    background: #000
}

.bb-work-collapse {
    border-bottom: 1px #4f4f4f solid
}

.bb-work-collapse-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 2.4rem 2.3rem 2.1rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-work-collapse-title {
        display: none
    }
}

.bb-work-collapse-title:after {
    content: "";
    position: absolute;
    top: calc(50% - 1.85rem);
    right: 1rem;
    width: 3.7rem;
    height: 3.7rem;
    transform: scale(.8);
    opacity: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 37 37"><path stroke="red" stroke-width="2" d="M28 9 9 28"/><path stroke="red" stroke-width="2" d="M28 28 9 9"/></svg>');
    background-size: cover;
    transition: transform .2s, opacity .2s
}

.bb-work-collapse-title svg.-filter {
    margin: 0 1rem 0 0;
    font-size: 1.3em
}

.bb-work-collapse.-open .bb-work-collapse-title:after {
    opacity: 1;
    transform: scale(1)
}

.bb-work-collapse-content {
    overflow: hidden
}

@media (max-width:767px) {
    .bb-work-collapse-content {
        display: none
    }

    .bb-work-collapse.-open .bb-work-collapse-content {
        display: block
    }
}

.bb-work-filters {
    position: relative
}

@media (min-width:768px) {
    .bb-work-filters {
        display: inline-grid;
        grid-auto-flow: column;
        justify-content: start;
        gap: 1.6rem;
        padding: 2.3rem 3.2rem;
        border-right: 1px #4f4f4f solid
    }
}

@media (max-width:767px) {
    .bb-work-filter {
        padding: 3.2rem 2.6rem;
        border-bottom: 1px #4f4f4f solid
    }
}

.bb-work-filter-sub,
.bb-work-filter-toggle {
    display: inline-block;
    padding: .8rem 1.7rem;
    cursor: pointer;
    border: 1px solid;
    border-radius: 99999px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .2s, border-color .2s
}

@media (min-width:768px) {

    .bb-work-filter-sub,
    .bb-work-filter-toggle {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-work-filter-toggle,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter-sub,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter-toggle,
.bb-work-filter-sub.-active,
.bb-work-filter-toggle.-active,
.bb-work-filter.-active .bb-work-filter-toggle {
    background: red;
    border-color: red
}

.bb-work-filter-sub i,
.bb-work-filter-toggle i {
    margin-right: .9rem;
    font-style: normal
}

.bb-work-filter-sub em,
.bb-work-filter-toggle em {
    margin-left: .9rem
}

@media (max-width:767px) {
    .bb-work-filter-subs {
        display: flex;
        flex-wrap: wrap;
        gap: 1.6rem
    }
}

@media (max-width:767px) {
    .bb-work-filter-subs-wrap {
        margin: 4.6rem 0 0
    }
}

@media (min-width:768px) {
    .bb-work-filter-subs-wrap {
        --fade-size: 22rem;
        --edge-left: 0;
        --edge-right: 0;
        --mask-left: 1;
        --mask-right: 1;
        position: absolute;
        top: 0;
        left: 100%;
        width: calc(100vw - 100%);
        overflow: hidden;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity .4s
    }

    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-work-filter-subs-wrap,
    .bb-work-filter.-active .bb-work-filter-subs-wrap {
        opacity: 1;
        pointer-events: auto
    }
}

@media (min-width:768px) {
    .bb-work-filter-subs-viewport {
        position: relative;
        z-index: 0;
        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, var(--mask-left)) 0, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), rgba(0, 0, 0, var(--mask-right)) 100%);
        mask-image: linear-gradient(to right, rgba(0, 0, 0, var(--mask-left)) 0, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), rgba(0, 0, 0, var(--mask-right)) 100%)
    }

    .bb-work-filter-subs-viewport:after,
    .bb-work-filter-subs-viewport:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: var(--fade-size);
        pointer-events: none;
        z-index: 1;
        transition: opacity .15s linear
    }

    .bb-work-filter-subs-viewport:before {
        left: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%);
        opacity: var(--edge-left)
    }

    .bb-work-filter-subs-viewport:after {
        right: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%);
        opacity: var(--edge-right)
    }
}

@media (min-width:768px) {
    .bb-work-filter-subs {
        display: grid;
        grid-auto-flow: column;
        justify-content: start;
        white-space: nowrap;
        gap: 1.6rem;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-behavior: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        touch-action: pan-y;
        position: relative;
        z-index: 0;
        padding: 2.3rem 3.2rem
    }

    .bb-work-filter-subs::-webkit-scrollbar {
        display: none
    }
}

@media (max-width:767px) {
    .bb-work-filter-subs-nav {
        display: none
    }
}

@media (min-width:768px) {
    .bb-work-filter-subs-nav {
        position: absolute;
        top: 50%;
        width: 3.7rem;
        height: 3.7rem;
        margin-top: -1.85rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: 0 0;
        opacity: 1;
        z-index: 2;
        will-change: transform, opacity
    }

    .bb-work-filter-subs-nav.-hidden {
        opacity: 0;
        pointer-events: none
    }

    .bb-work-filter-subs-nav svg {
        width: 1.6rem;
        height: 1.6rem;
        transition: transform .6s cubic-bezier(.16, 1, .3, 1)
    }

    .bb-work-filter-subs-nav.-prev {
        left: 1.8rem;
        opacity: var(--edge-left)
    }
}

@media (min-width:768px) and (pointer:fine) {
    .bb-work-filter-subs-nav.-prev:hover svg {
        transform: translateX(-12%) scaleY(.9) scaleX(1)
    }
}

@media (min-width:768px) {
    .bb-work-filter-subs-nav.-next {
        right: 1.8rem;
        opacity: var(--edge-right)
    }
}

@media (min-width:768px) and (pointer:fine) {
    .bb-work-filter-subs-nav.-next:hover svg {
        transform: translateX(12%) scaleY(.9) scaleX(1)
    }
}

@media (min-width:768px) {

    .bb-work-filter-subs-nav.-disabled,
    .bb-work-filter-subs-nav:disabled {
        opacity: 0;
        pointer-events: none
    }
}

.bb-work-items {
    position: relative
}

@media (max-width:767px) {

    .bb-work-items:after,
    .bb-work-items:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-right: 1px #4f4f4f solid
    }

    .bb-work-items:before {
        left: 1.6rem
    }

    .bb-work-items:after {
        right: 1.6rem
    }
}

.bb-work-row {
    display: grid
}

@media (min-width:768px) {
    .bb-work-row {
        border-bottom: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-work-row.-by2 {
        grid-template-columns: 3fr 1fr
    }

    .bb-work-row.-by2.-reverse {
        grid-template-columns: 1fr 3fr
    }
}

@media (min-width:768px) {
    .bb-work-row.-by3 {
        grid-template-columns: auto 47.4rem auto
    }
}

.bb-work-item {
    display: block;
    padding: 1.8rem 3.8rem 2.6rem;
    text-decoration: none
}

@media (max-width:767px) {
    .bb-work-item {
        border-bottom: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-work-item {
        border-left: 1px #4f4f4f solid
    }

    .bb-work-item:first-child {
        border-left: 0
    }
}

@media (max-width:767px) {
    .bb-work-item.-dummy {
        display: none
    }
}

@media (min-width:768px) {
    .bb-work-item.-xl {
        padding: 1.5rem 2.5rem 4.8rem
    }
}

.bb-work-item-thumbnail {
    position: relative;
    padding-bottom: 68.81%;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-work-item-thumbnail {
        padding-bottom: 62.8726%
    }
}

@media (min-width:768px) {
    .bb-work-item.-lg .bb-work-item-thumbnail {
        padding-bottom: 0;
        height: 51rem
    }
}

@media (min-width:768px) {
    .bb-work-item.-xl .bb-work-item-thumbnail {
        padding-bottom: 47.3156%
    }
}

.bb-work-item-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bb-work-item-preview iframe,
.bb-work-item-preview img,
.bb-work-item-preview video {
    width: 100%;
    height: 100%
}

.bb-work-item-preview img,
.bb-work-item-preview video {
    object-fit: cover;
    object-position: center
}

.bb-work-item-preview iframe {
    border: 0
}

.bb-work-item-overlay {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4rem;
    opacity: 0;
    background: rgba(56, 56, 56, .85);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    will-change: opacity, backdrop-filter;
    transition: opacity .4s, -webkit-backdrop-filter .4s;
    transition: opacity .4s, backdrop-filter .4s;
    transition: opacity .4s, backdrop-filter .4s, -webkit-backdrop-filter .4s
}

@media (max-width:767px) {
    .bb-work-item-overlay {
        display: none
    }
}

.bb-work-item.-xs .bb-work-item-overlay {
    padding: 3rem
}

.bb-work-item.-xl .bb-work-item-overlay {
    padding: 6rem
}

.bb-work-item-overlay-badges {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: .8rem
}

.bb-work-item-overlay-badge {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: .6rem;
    padding: .6rem;
    border-radius: 9999px;
    border: 1px solid;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-work-item-overlay-badge {
        padding: .7rem 1.2rem;
        font-size: 1.8rem
    }
}

@media (min-width:768px) {
    .bb-work-item.-xs .bb-work-item-overlay-badge {
        font-size: 1.6rem
    }
}

.bb-work-item-overlay-badge i {
    font-size: 1.8rem;
    font-style: normal
}

.bb-work-item-overlay-text {
    font-size: 1.5rem;
    line-height: 130%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-work-item-overlay-text {
        max-width: 78rem;
        font-size: 2.4rem
    }
}

@media (min-width:768px) {
    .bb-work-item.-xs .bb-work-item-overlay-text {
        font-size: 1.8rem
    }
}

@media (min-width:768px) {
    .bb-work-item.-xl .bb-work-item-overlay-text {
        max-width: 50%
    }
}

.bb-work-item-name {
    display: inline-block;
    padding: .8rem 1.7rem;
    margin: 2.7rem 0 0;
    border: 1px solid;
    border-radius: 99999px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-work-item-name {
        margin: 2.2rem 0 0;
        font-size: 1.8rem
    }
}

.bb-work-item-name i {
    margin-right: .9rem;
    font-style: normal
}

.bb-work-item-title {
    margin: 2.4rem 0 0;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-work-item-title {
        margin: 1.8rem 0 0;
        font-size: 1.8rem
    }
}

@media (pointer:fine) {
    .bb-work-item:hover .bb-work-item-overlay {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 1
    }
}

.bb-quoteview {
    padding: 6.9rem 0 8.7rem
}

@media (min-width:768px) {
    .bb-quoteview {
        padding: 17.9rem 0 20.4rem
    }
}

.bb-quoteview-container {
    position: relative
}

.bb-quoteview-pointer {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8.1rem auto 0 auto
}

@media (min-width:768px) {
    .bb-quoteview-pointer {
        position: absolute;
        top: -7rem;
        left: 137.8rem;
        z-index: 10;
        margin: 0
    }
}

.bb-quoteview-pointer-text {
    width: 12.3rem;
    margin: 0 auto;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-quoteview-pointer-text {
        width: 24.2rem;
        font-size: 1.5rem
    }
}

.bb-quoteview-pointer-arrow {
    position: absolute;
    top: -100%;
    right: calc(100% + 1.1rem);
    width: 3.5rem;
    height: 3.8rem;
    transform: rotate(11deg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .bb-quoteview-pointer-arrow {
        top: calc(100% + 1.8rem);
        left: 0;
        transform: rotate(-116deg)
    }
}

.bb-quoteview-pointer-arrow.-inverse {
    filter: invert(1)
}

.bb-quoteview-reaction {
    margin: 0 0 6.1rem;
    text-align: center
}

.bb-quoteview-text {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 100%;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-quoteview-text {
        max-width: 160rem;
        margin: 0 auto;
        font-size: 6rem
    }
}

.bb-quoteview-text p:first-child:before {
    content: "“";
    color: red
}

.bb-quoteview-text p:last-child:after {
    content: "”";
    color: red
}

.bb-quoteview-captions {
    margin: 2.9rem 0 0;
    text-align: center
}

@media (min-width:768px) {
    .bb-quoteview-captions {
        margin: 6.1rem 0 0
    }
}

.bb-quoteview-caption {
    font-size: 2rem;
    line-height: 125%;
    text-align: center
}

@media (min-width:768px) {
    .bb-quoteview-caption {
        display: inline-block;
        font-size: 3rem;
        line-height: 117%
    }

    .bb-quoteview-caption:after {
        content: "|";
        margin: 0 .4em
    }

    .bb-quoteview-caption:last-child:after {
        content: none
    }
}

.bb-cellview-grid {
    position: relative;
    display: grid;
    border-top: 1px #d9d8ce solid
}

@media (max-width:767px) {

    .bb-cellview-grid:after,
    .bb-cellview-grid:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 1px #d9d8ce solid
    }

    .bb-cellview-grid:before {
        left: 1.6rem
    }

    .bb-cellview-grid:after {
        right: 1.6rem
    }
}

@media (min-width:768px) {
    .bb-cellview-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 21.7rem auto;
        border-top: 0
    }
}

@media (max-width:767px) {
    .bb-cellview-grid-col.-header {
        padding: 5.9rem 0 7.7rem 7.2rem;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-cellview-grid-col.-header {
        grid-column: 2/4;
        padding: 5.6rem 0 6.1rem 8.5rem;
        border-left: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-cellview-grid-col.-more {
        order: 3;
        text-align: right;
        padding: 4.3rem 5rem 4.3rem 0;
        margin-top: -1px;
        border-top: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-cellview-grid-col.-more {
        align-content: center;
        justify-content: center;
        text-align: center
    }
}

@media (max-width:767px) {
    .bb-cellview-grid-col.-items {
        padding: 0 1.6rem
    }
}

@media (min-width:768px) {
    .bb-cellview-grid-col.-items {
        grid-column: span 4;
        border-top: 1px #d9d8ce solid
    }
}

.bb-cellview-header {
    max-width: 25.5rem;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-cellview-header {
        max-width: none;
        font-size: 5rem
    }
}

.bb-cellview-header strong.-primary {
    color: red;
    font-weight: 500
}

.bb-cellview-items {
    display: grid
}

@media (min-width:768px) {
    .bb-cellview-items {
        grid-template-columns: repeat(4, 1fr)
    }
}

.bb-cellview-item {
    position: relative;
    display: block;
    align-content: center;
    text-decoration: none
}

.bb-cellview-item:focus,
.bb-cellview-item:hover {
    color: #000
}

@media (max-width:767px) {
    .bb-cellview-item {
        padding: 1.8rem 5.6rem;
        color: #000;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-cellview-item {
        height: 18.8rem;
        border-left: 1px #d9d8ce solid;
        border-bottom: 1px #d9d8ce solid;
        text-align: center
    }
}

.bb-cellview-item.-dummy {
    display: none
}

@media (min-width:768px) {
    .bb-cellview-item.-dummy {
        display: block
    }
}

.bb-cellview-item-preview {
    position: absolute;
    top: .7rem;
    left: 1rem;
    right: 1rem;
    bottom: .7rem;
    overflow: hidden;
    transform: scale(.92);
    will-change: transform;
    opacity: 0;
    border-radius: .8rem;
    transition: transform .8s cubic-bezier(.16, 1, .3, 1), opacity .4s
}

.bb-cellview-item:hover .bb-cellview-item-preview {
    opacity: 1;
    transform: scale(1)
}

.bb-cellview-item-preview iframe,
.bb-cellview-item-preview img,
.bb-cellview-item-preview video {
    display: none;
    height: 100%;
    width: 100%;
    transition: display .4s allow-discrete
}

@media (pointer:fine) {

    .bb-cellview-item:hover .bb-cellview-item-preview iframe,
    .bb-cellview-item:hover .bb-cellview-item-preview img,
    .bb-cellview-item:hover .bb-cellview-item-preview video {
        display: block
    }
}

.bb-cellview-item-preview img,
.bb-cellview-item-preview video {
    object-fit: cover
}

.bb-cellview-item-preview iframe {
    border: 0
}

.bb-cellview-item-title {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 100%;
    transition: color .2s
}

@media (min-width:768px) {
    .bb-cellview-item-title {
        font-size: 2.5rem
    }
}

@media (min-width:768px) {
    a.bb-cellview-item:hover .bb-cellview-item-title {
        color: #fff
    }
}

.bb-showcase {
    position: relative;
    padding: 2rem 0 8.5rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-showcase {
        padding: 2.5rem 0 3.5rem
    }
}

.bb-showcase-container {
    padding: 0 1.7rem
}

@media (min-width:768px) {
    .bb-showcase-container {
        padding: 0 3.5rem 0 3.4rem
    }
}

.bb-showcase-carousel {
    margin: 2.7rem 0 0
}

@media (min-width:768px) {
    .bb-showcase-carousel {
        margin: 0
    }
}

.bb-mention {
    position: relative;
    padding: 4rem 0 15.5rem
}

@media (min-width:768px) {
    .bb-mention {
        padding: 10.9rem 0 14.9rem
    }
}

.bb-mention-container {
    padding: 0 3.5rem
}

@media (min-width:768px) {
    .bb-mention-container {
        padding: 0 35rem
    }
}

@media (min-width:1920px) {
    .bb-mention-container {
        width: 184rem;
        margin: auto;
        padding: 0 30rem
    }
}

.bb-mention-pointer {
    position: absolute;
    width: 12rem
}

@media (max-width:767px) {
    .bb-mention-pointer {
        left: 4.2rem;
        bottom: 3.2rem
    }
}

@media (min-width:768px) {
    .bb-mention-pointer {
        top: 12.5rem;
        left: calc(50% + 60rem);
        width: 13.2rem
    }
}

.bb-mention-pointer-text {
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-mention-pointer-text {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-mention-pointer-arrow {
    position: absolute;
    top: -6.2rem;
    left: 2.5rem;
    width: 3.5rem;
    height: 3.8rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotateZ(70deg)
}

@media (min-width:768px) {
    .bb-mention-pointer-arrow {
        top: auto;
        bottom: -5.8rem;
        left: calc(50% - 1.8rem);
        transform: rotateZ(232deg)
    }
}

.bb-mention-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin: 0 0 2.9rem
}

@media (min-width:768px) {
    .bb-mention-tags {
        margin: 0 0 5.5rem
    }
}

.bb-mention-tag {
    display: inline-flex;
    padding: .8rem 1.7rem;
    align-items: center;
    gap: .9rem;
    border-radius: 10rem;
    border: 1px solid #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-mention-tag {
        font-size: 1.8rem
    }
}

.bb-mention-tag i {
    font-style: normal
}

.bb-mention-text {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-mention-text {
        font-size: 6rem
    }
}

.bb-pair {
    position: relative
}

.bb-pair-grid {
    position: relative;
    display: grid;
    gap: 1px
}

@media (min-width:768px) {
    .bb-pair-grid {
        grid-template-columns: 65.5rem 1fr;
        align-items: center
    }
}

@media (min-width:768px) {
    .bb-pair-grid.-md {
        grid-template-columns: 1fr 81.5rem
    }
}

.bb-pair-grid-col {
    position: relative
}

@media (min-width:768px) {
    .bb-pair-grid-col {
        height: 100%
    }
}

@media (min-width:768px) {
    .bb-pair-grid.-reverse .bb-pair-grid-col.-left {
        order: 2
    }
}

@media (min-width:768px) {
    .bb-pair-grid.-reverse .bb-pair-grid-col.-right {
        order: 1
    }
}

.bb-pair-preview {
    position: relative;
    width: 100%;
    padding: 2.5rem 1.6rem
}

@media (min-width:768px) {
    .bb-pair-preview {
        padding: 4.5rem 2.5rem
    }
}

.bb-pair-media {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 106.3711911357%;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-pair-media {
        padding-bottom: 108.23723229%
    }

    .bb-pair-grid.-md .bb-pair-media {
        padding-bottom: 85.8823529412%
    }
}

.bb-pair-media iframe,
.bb-pair-media img,
.bb-pair-media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bb-pair-media img,
.bb-pair-media video {
    object-fit: cover
}

.bb-pair-media iframe {
    border: 0
}

.bb-pair-info {
    display: grid;
    gap: 2.8rem 0;
    padding: 4.2rem 6.5rem 4.6rem
}

@media (min-width:768px) {
    .bb-pair-info {
        gap: 4.4rem 0;
        max-width: 102.4rem;
        padding: 23.3rem 18rem
    }
}

.bb-pair-header {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-pair-header {
        font-size: 5rem
    }
}

.bb-pair-text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-pair-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-story {
    position: relative;
    padding: 5.5rem 0
}

@media (min-width:768px) {
    .bb-story {
        padding: 15.5rem 0 13.8rem
    }
}

.bb-story.-md {
    padding: 4.7rem 0 3.2rem
}

@media (min-width:768px) {
    .bb-story.-md {
        padding: 19.2rem 0 19.1rem
    }
}

.bb-story.-brdr-top {
    border-top: 1px solid #d9d8ce
}

.bb-story.-brdr-bottom {
    border-bottom: 1px solid #d9d8ce
}

.bb-story.-brdr-lr:after,
.bb-story.-brdr-lr:before {
    position: absolute;
    content: "";
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #d9d8ce
}

.bb-story.-brdr-lr:before {
    left: 1.6rem
}

@media (min-width:768px) {
    .bb-story.-brdr-lr:before {
        left: 32rem
    }
}

.bb-story.-brdr-lr:after {
    right: 1.6rem
}

@media (min-width:768px) {
    .bb-story.-brdr-lr:after {
        right: 51rem
    }
}

.bb-story.-c-center {
    text-align: center
}

.bb-story-container {
    padding: 0 5rem
}

@media (min-width:768px) {
    .bb-story-container {
        padding: 0 55.3rem
    }
}

.bb-story-container.-md {
    padding: 0 6.5rem
}

@media (min-width:768px) {
    .bb-story-container.-md {
        padding: 0 55.6rem 0 65.5rem
    }
}

@media (min-width:1920px) {
    .bb-story-container {
        max-width: 192rem;
        margin: auto
    }
}

.bb-story-header {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-story-header {
        font-size: 5rem
    }
}

.bb-story-text {
    margin: 4.4rem 0 0;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    text-wrap: balance
}

@media (max-width:767px) {
    .bb-story-text.-md {
        margin: 2.8rem 0 0
    }
}

@media (min-width:768px) {
    .bb-story-text {
        margin: 4.4rem 0 0;
        font-size: 2rem;
        line-height: 150%
    }
}

@media (min-width:768px) {
    .bb-story-text.-p-md {
        padding: 0 7.7rem 0 0
    }
}

.bb-story-text>:not(:first-child) {
    margin: 1.6rem 0 0
}

@media (min-width:768px) {
    .bb-story-text>:not(:first-child) {
        margin: 2.2rem 0 0
    }
}

.bb-story-text q {
    display: block
}

.bb-story-text ul {
    padding: 0 0 0 2.2rem
}

@media (min-width:768px) {
    .bb-story-text ul {
        padding: 0 0 0 3rem
    }
}

.bb-insight {
    position: relative;
    padding: 14rem 0;
    background: #000;
    color: #fff
}

@media (min-width:768px) {
    .bb-insight {
        padding: 13.9rem 0 11.1rem
    }
}

.bb-insight-container {
    padding: 0 4rem 0 5.5rem
}

@media (min-width:768px) {
    .bb-insight-container {
        position: relative;
        width: 71.4rem;
        left: calc(50% - 30.4rem);
        padding: 0
    }
}

.bb-insight-quote {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.7rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .081rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-insight-quote {
        font-size: 4rem;
        letter-spacing: .12rem
    }
}

.bb-insight-quote q:after,
.bb-insight-quote q:before {
    color: red
}

.bb-insight-caption {
    margin: 2.7rem 0 0;
    font-family: Satoshi, sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-insight-caption {
        margin: 3.1rem 0 0;
        font-size: 1.8rem
    }
}

.bb-insight-caption cite {
    font-style: normal
}

.bb-beliefs {
    background: #000;
    color: #fff
}

@media (min-width:768px) {
    .bb-beliefs-header {
        display: grid;
        grid-template-columns: 1fr 50.75%;
        align-items: center;
        border-bottom: 1px solid #4f4f4f
    }
}

.bb-beliefs-header-text {
    padding: 5.3rem 6.2rem 6.5rem 3.2rem;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-beliefs-header-text {
        padding: 8.3rem 10.7rem 8rem 18.2rem;
        max-width: 85rem;
        font-size: 5rem
    }
}

.bb-beliefs-header-preview {
    padding: 2.9rem 3.2rem 3.2rem
}

@media (max-width:767px) {
    .bb-beliefs-header-preview {
        border-top: 1px solid #4f4f4f;
        border-bottom: 1px solid #4f4f4f
    }
}

@media (min-width:768px) {
    .bb-beliefs-header-preview {
        height: 100%;
        padding: 2.6rem 2.4rem 2.6rem 2.5rem;
        border-left: 1px solid #4f4f4f
    }
}

.bb-beliefs-media {
    position: relative;
    width: 100%;
    padding-bottom: 43.5185185185%;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-beliefs-media {
        padding-bottom: 23.9177489177%
    }
}

.bb-beliefs-media iframe,
.bb-beliefs-media img,
.bb-beliefs-media video {
    position: absolute;
    width: 100%;
    height: 100%
}

.bb-beliefs-media img,
.bb-beliefs-media video {
    object-fit: cover;
    object-position: center
}

.bb-beliefs-media iframe {
    border: 0
}

.bb-beliefs-items {
    display: grid;
    gap: 3.6rem 0;
    padding: 4rem 3.9rem 7rem 3.2rem
}

@media (min-width:768px) {
    .bb-beliefs-items {
        grid-template-columns: repeat(3, 1fr);
        gap: 0 8%;
        padding: 14.5rem 18.1rem 17.9rem 18.2rem
    }
}

@media (min-width:2200px) {
    .bb-beliefs-items {
        gap: 0 15%
    }
}

.bb-beliefs-item-title {
    margin: 0 0 2rem;
    font-weight: 700;
    font-size: 2rem;
    font-style: normal;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-beliefs-item-title {
        font-size: 3rem;
        line-height: 116.667%
    }
}

.bb-beliefs-item-text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-beliefs-item-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-collapsed {
    position: relative;
    padding: 7.3rem 0 0;
    counter-reset: bb-collapsed-item-num
}

@media (min-width:768px) {
    .bb-collapsed {
        padding: 18.4rem 0 10.9rem
    }
}

.bb-collapsed.-cb {
    padding: 7.3rem 0 0
}

@media (min-width:768px) {
    .bb-collapsed.-cb {
        padding: 18.4rem 0 0
    }
}

.bb-collapsed.-md {
    padding: 15.5rem 0
}

@media (min-width:768px) {
    .bb-collapsed.-md {
        padding: 28.8rem 0
    }
}

.bb-collapsed-pointer {
    position: absolute;
    top: 11.6rem;
    left: 2.7rem;
    width: 20rem;
    z-index: 1;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%
}

@media (min-width:768px) {
    .bb-collapsed-pointer {
        top: 25rem;
        left: 17.7rem;
        width: 30rem;
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-collapsed-pointer-arrow {
    position: absolute;
    top: 95%;
    right: -3.5rem;
    width: 3.5rem;
    height: 3.8rem;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateZ(-180deg)
}

@media (min-width:768px) {
    .bb-collapsed-pointer-arrow {
        right: -4.3rem
    }
}

.bb-collapsed-header {
    position: relative;
    margin: 0 0 6.6rem;
    padding: 0 4.9rem 0 3.9rem;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%;
    text-wrap: balance
}

.bb-collapsed-header strong {
    background: 0 0
}

.bb-collapsed-header strong.-primary {
    color: red;
    font-weight: inherit
}

@media (min-width:768px) {
    .bb-collapsed-header {
        max-width: 103.5rem;
        margin: 0 0 20.9rem;
        padding: 0 0 0 18.2rem;
        font-size: 5rem
    }
}

.bb-collapsed-header-figure {
    display: none
}

@media (min-width:768px) {
    .bb-collapsed-header-figure {
        display: block;
        position: absolute;
        top: -10rem;
        right: -70rem;
        height: 30rem
    }
}

.bb-collapsed-header-figure img {
    max-width: 100%;
    height: 100%
}

.bb-collapsed-item {
    position: relative;
    padding: 0 2rem
}

@media (min-width:768px) {
    .bb-collapsed-item {
        padding: 0 18.3rem 0 24.6rem
    }
}

.bb-collapsed-item:after,
.bb-collapsed-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #d9d8ce
}

.bb-collapsed-item:before {
    bottom: auto
}

.bb-collapsed-item:after {
    top: auto;
    display: none
}

.bb-collapsed-item:last-child:after {
    display: block
}

.bb-collapsed-item-fill {
    position: absolute;
    inset: 1.2rem 1rem;
    background: #f8f7f6;
    border-radius: 1rem;
    opacity: 0;
    transition: .3s opacity
}

@media (min-width:768px) {
    .bb-collapsed-item-fill {
        inset: .8rem
    }
}

.bb-collapsed-item.-active .bb-collapsed-item-fill,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-collapsed-item .bb-collapsed-item-fill,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-item-fill,
.bb-work-filter.-active .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-item-fill {
    opacity: 1
}

.bb-collapsed-item-toggle {
    position: relative;
    display: flex;
    align-items: center;
    height: 15rem;
    cursor: pointer
}

.bb-collapsed-item-content {
    position: relative;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .45s
}

.bb-collapsed-item.-active .bb-collapsed-item-content,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-collapsed-item .bb-collapsed-item-content,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-item-content,
.bb-work-filter.-active .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-item-content {
    grid-template-rows: 1fr
}

.bb-collapsed-item-body {
    padding: 0 1.9rem 0;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-collapsed-item-body:not(.-about) {
        display: grid;
        grid-template-areas: "text text" "cards list" "cards action";
        grid-template-columns: 100rem auto
    }
}

.bb-collapsed-num {
    position: absolute;
    top: 2.1rem;
    left: 1.9rem;
    color: red;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 1.6rem;
    letter-spacing: .48px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    transform: translateX(-100%);
    transition: .4s transform ease-out
}

@media (min-width:768px) {
    .bb-collapsed-num {
        top: 3.8rem;
        left: -2.7rem;
        font-size: 3.6rem;
        letter-spacing: 1.08px
    }
}

.bb-collapsed-num:after {
    content: counter(bb-collapsed-item-num, decimal-leading-zero);
    counter-increment: bb-collapsed-item-num
}

@media (max-width:767px) {

    .bb-collapsed-item.-active .bb-collapsed-num,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-collapsed-item .bb-collapsed-num,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-num,
    .bb-work-filter.-active .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-num {
        transform: translateX(0)
    }
}

.bb-collapsed-title {
    margin: 0 0 0 2.4rem;
    padding: 1.2rem .5rem 0 0;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 3rem;
    letter-spacing: 1.2px;
    line-height: 96%;
    font-weight: 700;
    transition: .4s transform ease-out
}

@media (min-width:768px) {
    .bb-collapsed-title {
        margin: 0;
        padding: 1.4rem 0 0;
        font-size: 10rem;
        letter-spacing: 3px
    }
}

@media (max-width:767px) {

    .bb-collapsed-item.-active .bb-collapsed-title,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-collapsed-item .bb-collapsed-title,
    .bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-title,
    .bb-work-filter.-active .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-title {
        transform: translateX(-.7rem)
    }
}

.bb-collapsed-arr {
    position: relative;
    width: 2.6rem;
    height: 2.6rem;
    margin-left: auto;
    flex-shrink: 0;
    color: red;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.bb-collapsed-item.-active .bb-collapsed-arr,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-collapsed-item .bb-collapsed-arr,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-arr,
.bb-work-filter.-active .bb-collapsed-item.bb-work-filter-toggle .bb-collapsed-arr {
    transform: rotate(-135deg)
}

.bb-collapsed-arr:after,
.bb-collapsed-arr:before {
    position: absolute;
    content: "";
    display: block;
    background: currentColor
}

.bb-collapsed-arr:before {
    top: 0;
    left: calc(50% - .1rem);
    width: .2rem;
    height: 100%
}

.bb-collapsed-arr:after {
    top: calc(50% - .1rem);
    left: 0;
    width: 100%;
    height: .2rem;
    transition: opacity .2s
}

.bb-collapsed-text {
    grid-area: text;
    margin: 0 0 3rem;
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-collapsed-text {
        margin: 0 0 4.4rem;
        font-size: 1.8rem;
        line-height: 160%
    }
}

@media (min-width:768px) {
    .bb-collapsed-text.-md {
        max-width: 83.7rem
    }
}

@media (min-width:768px) {
    .bb-collapsed-text.-lg {
        max-width: 100rem
    }
}

.bb-collapsed-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-area: list;
    gap: 0 2rem;
    padding: 0 0 0 1.5rem;
    margin: -1.7rem 0 0
}

@media (min-width:768px) {
    .bb-collapsed-list {
        display: block;
        padding: 0 0 0 7.3rem
    }
}

.bb-collapsed-list li {
    font-size: 1.4rem;
    line-height: 205%
}

@media (min-width:768px) {
    .bb-collapsed-list li {
        font-size: 2.5rem
    }
}

.bb-collapsed-cards {
    display: grid;
    gap: 4rem;
    grid-area: cards;
    margin: 3.7rem 0 4rem
}

@media (min-width:768px) {
    .bb-collapsed-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 4.8rem;
        margin: 0 0 7.5rem
    }
}

.bb-collapsed-action {
    grid-area: action;
    margin: 3.7rem 0 7rem
}

@media (min-width:768px) {
    .bb-collapsed-action {
        margin: 0 0 0 4.8rem
    }
}

.bb-collapsed-medias {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    grid-area: cards;
    margin: 0 0 5rem
}

@media (min-width:768px) {
    .bb-collapsed-medias {
        grid-template-columns: 2fr repeat(2, 1fr);
        gap: 2.4rem;
        width: 100%;
        margin: 0 0 9rem
    }
}

.bb-collapsed-media {
    position: relative;
    width: 100%;
    padding-bottom: 116.1290322581%;
    border-radius: .8rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-collapsed-media {
        padding-bottom: 85.5153203343%
    }

    .bb-collapsed-media:nth-child(1) {
        padding-bottom: 56.3579277865%
    }
}

.bb-collapsed-media iframe,
.bb-collapsed-media img,
.bb-collapsed-media video {
    position: absolute;
    width: 100%;
    height: 100%
}

.bb-collapsed-media img,
.bb-collapsed-media video {
    object-fit: cover;
    object-position: center
}

.bb-collapsed-media iframe {
    border: 0
}

.bb-call {
    padding: 5.3rem 0
}

@media (min-width:768px) {
    .bb-call {
        padding: 2rem 0 2.4rem
    }
}

.bb-call-container {
    padding: 0 1.7rem
}

@media (min-width:768px) {
    .bb-call-container {
        padding: 0 2.4rem 0 21.4rem
    }
}

.bb-call-grid {
    display: flex;
    flex-direction: column;
    gap: 5rem
}

@media (min-width:768px) {
    .bb-call-grid {
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }
}

.bb-call-info {
    max-width: 28.3rem;
    margin: 0 auto
}

@media (min-width:768px) {
    .bb-call-info {
        max-width: 100%;
        margin: 0
    }
}

.bb-call-header {
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-call-header {
        font-size: 3rem;
        line-height: 117%
    }
}

.bb-call-card {
    position: relative;
    flex: 1
}

.bb-call-card:before {
    content: "";
    position: absolute;
    top: -2rem;
    bottom: -2.4rem;
    left: -2.4rem;
    width: 1px;
    display: none;
    background: #d9d8ce
}

@media (min-width:768px) {
    .bb-call-card:before {
        display: block
    }
}

@media (min-width:768px) {
    .bb-call-card:hover .bb-call-card-body {
        opacity: 1
    }
}

@media (min-width:768px) {
    .bb-call-card {
        position: relative;
        width: 76.6rem;
        height: 37rem
    }
}

.bb-call-card-img {
    position: relative;
    padding-bottom: 52%;
    margin: 0 0 .9rem;
    border-radius: .8rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-call-card-img {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 0
    }
}

.bb-call-card-img iframe,
.bb-call-card-img img,
.bb-call-card-img video {
    position: absolute;
    width: 100%;
    height: 100%
}

.bb-call-card-img img,
.bb-call-card-img video {
    object-fit: cover
}

.bb-call-card-img iframe {
    border: 0
}

.bb-call-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.7rem 2.9rem 2.3rem 2.4rem;
    gap: 3rem;
    background: #000;
    border-radius: .8rem;
    color: #fff
}

@media (min-width:768px) {
    .bb-call-card-body {
        position: absolute;
        inset: 2.1rem;
        padding: 2.4rem;
        gap: 0;
        background: rgba(0, 0, 0, .5);
        border-radius: 1rem;
        opacity: 0;
        transition: opacity .2s
    }
}

.bb-call-card-title {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.3rem;
    letter-spacing: .69px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-call-card-title {
        font-size: 3.6rem;
        letter-spacing: 1.08px
    }
}

.bb-call-card-text {
    font-size: 1.5rem;
    line-height: 127%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-call-card-text {
        font-size: 1.8rem;
        line-height: 110%
    }
}

.bb-call-action {
    margin: 2.2rem 0 0
}

@media (min-width:768px) {
    .bb-call-action {
        margin: 3.9rem 0 0
    }
}

.bb-advantage {
    padding: 6rem 0;
    color: #fff;
    background: #000
}

@media (min-width:768px) {
    .bb-advantage {
        padding: 16.5rem 0 23.1rem
    }
}

.bb-advantage-header {
    position: relative;
    margin: 0 0 12.3rem 2.3rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    letter-spacing: 1.2px;
    line-height: 96%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-advantage-header {
        max-width: 117.5rem;
        margin: 0 0 15.5rem 31.6rem;
        font-size: 10rem;
        letter-spacing: 3px;
        line-height: 89%
    }
}

.bb-advantage-header-figure {
    display: none
}

@media (min-width:768px) {
    .bb-advantage-header-figure {
        display: block;
        position: absolute;
        top: -2.7rem;
        right: -20rem;
        height: 22.1rem
    }
}

.bb-advantage-header-figure img {
    max-width: 100%;
    height: 100%
}

.bb-advantage-figure {
    display: none
}

@media (min-width:768px) {
    .bb-advantage-figure {
        display: block;
        position: absolute;
        bottom: -5rem;
        left: 27rem;
        width: 12.4rem;
        height: 17.5rem
    }
}

.bb-advantage-figure img {
    width: 100%;
    height: 100%
}

.bb-advantage-lines {
    display: none
}

@media (min-width:768px) {
    .bb-advantage-lines {
        display: block
    }
}

.bb-advantage-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    left: 50%;
    background: #4f4f4f
}

.bb-advantage-line:nth-child(1) {
    left: 25%
}

.bb-advantage-line:nth-child(2) {
    left: 50%
}

.bb-advantage-line:nth-child(3) {
    left: 75%
}

.bb-advantage-main {
    position: relative
}

.bb-advantage-items {
    display: grid;
    gap: 12.4rem
}

@media (min-width:768px) {
    .bb-advantage-items {
        grid-template-columns: repeat(4, 29.1rem);
        justify-content: space-between;
        grid-template-areas: "a . c ." "a b c ." ". b . d" ". . . d";
        gap: 0;
        padding: 12rem 9.5rem 8rem;
        border-top: 1px solid #4f4f4f;
        border-bottom: 1px solid #4f4f4f
    }
}

.bb-advantage-item {
    position: relative;
    padding: 0 7.4rem 0 3.1rem
}

.bb-advantage-item:after,
.bb-advantage-item:before {
    content: "";
    position: absolute;
    top: -6.2rem;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #4f4f4f
}

@media (min-width:768px) {

    .bb-advantage-item:after,
    .bb-advantage-item:before {
        display: none
    }
}

.bb-advantage-item:before {
    display: none
}

.bb-advantage-item:after {
    top: auto;
    bottom: -6.2rem
}

.bb-advantage-item:nth-child(1):before {
    display: block
}

@media (min-width:768px) {
    .bb-advantage-item:nth-child(1):before {
        display: none
    }
}

@media (min-width:768px) {
    .bb-advantage-item:nth-child(1) {
        grid-area: a
    }
}

@media (min-width:768px) {
    .bb-advantage-item:nth-child(2) {
        grid-area: b;
        margin: -7rem 0 0
    }
}

@media (min-width:768px) {
    .bb-advantage-item:nth-child(3) {
        grid-area: c
    }
}

@media (min-width:768px) {
    .bb-advantage-item:nth-child(4) {
        grid-area: d;
        margin: -10rem 0 0
    }
}

@media (min-width:768px) {
    .bb-advantage-item {
        padding: 0
    }
}

.bb-advantage-item-title {
    margin: 0 0 2rem;
    font-weight: 700;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-advantage-item-title {
        font-size: 3rem;
        line-height: 117%
    }
}

.bb-advantage-item-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-advantage-item-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-advantage-reels {
    display: grid;
    gap: 4rem;
    margin: 12.4rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .bb-advantage-reels {
        gap: 6.7rem;
        margin: 14rem 0 0
    }
}

.bb-advantage-reel {
    overflow: hidden
}

.bb-servicereel-reel {
    overflow: hidden
}

.bb-servicereel-items {
    display: flex;
    padding: 1.4rem 0 .6rem
}

@media (min-width:768px) {
    .bb-servicereel-items {
        padding: 2.5rem 0 .9rem
    }
}

.bb-servicereel-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 1.4rem;
    padding: 0 .7rem
}

@media (min-width:768px) {
    .bb-servicereel-item {
        gap: 3.4rem;
        padding: 0 1.7rem
    }
}

.bb-servicereel-header {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 5.4rem;
    letter-spacing: 1.2px;
    line-height: 89%;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-servicereel-header {
        font-size: 15rem;
        letter-spacing: 4.5px
    }
}

.bb-servicereel-icon {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.7rem;
    letter-spacing: .7px
}

@media (min-width:768px) {
    .bb-servicereel-icon {
        font-size: 6.5rem;
        letter-spacing: 1.95px
    }
}

.bb-service {
    position: relative
}

.bb-service-lines {
    display: none
}

@media (min-width:768px) {
    .bb-service-lines {
        display: block
    }
}

.bb-service-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    left: 50%;
    background: #d9d8ce
}

.bb-service-line:nth-child(1) {
    left: 25%
}

.bb-service-line:nth-child(2) {
    left: 50%
}

.bb-service-line:nth-child(3) {
    left: 75%
}

.bb-service-line:nth-child(1) {
    left: calc(25% + .6rem)
}

.bb-service-line:nth-child(3) {
    left: calc(75% - .6rem)
}

.bb-service-items {
    border-top: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-service-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 6.5rem 2.4rem;
        padding: 2rem 2.4rem 4rem
    }
}

.bb-service-item {
    display: inline-block;
    margin: 0 auto;
    padding: 4.5rem 5rem;
    border-bottom: 1px solid #d9d8ce;
    text-decoration: none;
    transition: opacity .2s
}

@media (min-width:768px) {
    .bb-service-item {
        margin: 0;
        padding: 0;
        border-bottom: none
    }

    .bb-service-item:nth-child(1) {
        grid-area: 1/1/13/2
    }

    .bb-service-item:nth-child(2) {
        grid-area: 4/2/16/3
    }

    .bb-service-item:nth-child(3) {
        grid-area: 7/3/19/4
    }

    .bb-service-item:nth-child(4) {
        grid-area: 10/4/22/5
    }

    .bb-service-item:nth-child(5) {
        grid-area: 13/1/25/2
    }

    .bb-service-item:nth-child(6) {
        grid-area: 16/2/28/3
    }

    .bb-service-item:nth-child(7) {
        grid-area: 19/3/31/4
    }

    .bb-service-item:nth-child(8) {
        grid-area: 22/4/34/5
    }

    .bb-service-item:hover {
        opacity: .8
    }
}

.bb-service-item-preview {
    margin: 0 auto 2.3rem;
    height: 25.1rem;
    overflow: hidden;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-service-item-preview {
        height: 38.8rem;
        margin: 0 0 2.3rem
    }
}

.bb-service-item-preview iframe,
.bb-service-item-preview img,
.bb-service-item-preview video {
    width: 100%;
    height: 100%
}

.bb-service-item-preview img,
.bb-service-item-preview video {
    object-fit: cover;
    object-position: center
}

.bb-service-item-preview iframe {
    border: 0
}

.bb-service-item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 2rem;
    font-weight: 700;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 2.4rem;
    letter-spacing: 1px;
    line-height: 96%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-service-item-title {
        margin: 0 0 2.6rem;
        font-size: 4rem;
        letter-spacing: 1.2px
    }
}

.bb-service-item-text {
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-service-item-text {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-service-item-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    margin: -.6rem 0 0;
    flex-shrink: 0;
    font-size: 10px;
    color: #fff;
    background: red;
    border-radius: 50%;
    border: none;
    outline: 0;
    transition: opacity .2s
}

@media (min-width:768px) {
    .bb-service-item-btn {
        width: 4.4rem;
        height: 4.4rem;
        margin: -.8rem 0 0
    }
}

.bb-pricing {
    position: relative;
    padding: 8.9rem 0 10.4rem;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: #000
}

@media (min-width:768px) {
    .bb-pricing {
        padding: 8.9rem 0 17.9rem
    }
}

.bb-pricing:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 33rem;
    width: 1px;
    background: #4f4f4f
}

@media (min-width:768px) {
    .bb-pricing:before {
        display: none
    }
}

.bb-pricing:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 8.5rem;
    width: 1px;
    background: #4f4f4f
}

@media (min-width:768px) {
    .bb-pricing:after {
        display: none
    }
}

.bb-pricing-container {
    position: relative;
    padding: 0 2.4rem
}

@media (min-width:768px) {
    .bb-pricing-container {
        padding: 0 26.5rem
    }
}

.bb-pricing-head {
    position: relative;
    padding: 2rem 0 3.6rem;
    z-index: 2;
    background: #000
}

.bb-pricing-header {
    margin: 0 0 1.4rem;
    font-size: 2.8rem;
    line-height: 100%;
    font-weight: 500
}

@media (min-width:768px) {
    .bb-pricing-header {
        margin: 0 0 2.7rem;
        font-size: 5rem
    }
}

.bb-pricing-text {
    padding: 0 6rem;
    max-width: 79.4rem;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-pricing-text {
        padding: 0;
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-pricing-items {
    position: relative;
    margin: 12.1rem 0 0
}

.bb-pricing-items:after {
    position: absolute;
    content: "";
    top: -3.2rem;
    right: 0;
    bottom: -1.5rem;
    left: 0;
    background: #000
}

@media (min-width:768px) {
    .bb-pricing-items:after {
        display: none
    }
}

@media (min-width:768px) {
    .bb-pricing-items {
        margin: 8.3rem 0 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5.1rem
    }
}

.bb-pricing-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 0 2rem;
    min-height: 66.6rem;
    z-index: 1;
    border-radius: 1rem;
    border: 1px solid #fff
}

@media (min-width:768px) {
    .bb-pricing-item {
        margin: 0;
        min-height: 79.6rem
    }
}

.bb-pricing-item:nth-child(1),
.bb-pricing-item:nth-child(3) {
    z-index: 3
}

.bb-pricing-item:last-child {
    margin: 0
}

.bb-pricing-item:after,
.bb-pricing-item:before {
    content: "";
    position: absolute;
    display: none;
    z-index: -1;
    background: #4f4f4f
}

@media (min-width:768px) {

    .bb-pricing-item:after,
    .bb-pricing-item:before {
        display: block
    }
}

.bb-pricing-item:before {
    top: -60rem;
    left: 50%;
    width: 1px;
    height: 60rem
}

.bb-pricing-item:after {
    left: 50%;
    bottom: calc(-17.9rem - 1px);
    width: 1px;
    height: 17.9rem
}

.bb-pricing-item-preview {
    display: none
}

@media (min-width:768px) {
    .bb-pricing-item-preview {
        display: flex;
        position: absolute;
        top: 0;
        left: 50%;
        width: 12.4rem;
        height: 12.4rem;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        border: 1px solid #fff;
        background: #000
    }
}

.bb-pricing-item-preview iframe,
.bb-pricing-item-preview img,
.bb-pricing-item-preview video {
    width: 50%;
    height: 50%
}

.bb-pricing-item-preview img,
.bb-pricing-item-preview video {
    object-fit: contain
}

.bb-pricing-item-preview iframe {
    border: 0
}

.bb-pricing-item-body {
    padding: 7rem 7.5rem 0
}

@media (min-width:768px) {
    .bb-pricing-item-body {
        padding: 10.6rem 4.9rem 0
    }
}

.bb-pricing-item-title {
    margin: 0 0 1.8rem;
    font-weight: 700;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-pricing-item-title {
        margin: 0 0 2.2rem;
        font-size: 3rem;
        line-height: 116%
    }
}

.bb-pricing-item-time {
    padding: .8rem 1.7rem;
    margin: 0 auto 2.8rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.4rem;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10rem;
    border: 1px solid #fff
}

@media (min-width:768px) {
    .bb-pricing-item-time {
        margin: 0 auto 4rem;
        font-size: 1.8rem
    }
}

.bb-pricing-item-time span {
    margin: 0 .9rem 0 0
}

.bb-pricing-item-text {
    font-size: 1.5rem;
    line-height: 127%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-pricing-item-text {
        font-size: 1.8rem;
        line-height: 110%
    }
}

.bb-pricing-item-list {
    display: grid;
    gap: 2.7rem;
    margin: 3.4rem 0 0;
    padding: 0;
    list-style: none
}

@media (min-width:768px) {
    .bb-pricing-item-list {
        margin: 4.3rem 0 0
    }
}

.bb-pricing-item-list li {
    font-size: 1.3rem;
    line-height: 105%;
    font-weight: 500
}

@media (min-width:768px) {
    .bb-pricing-item-list li {
        font-size: 1.5rem;
        line-height: 133%
    }
}

.bb-pricing-item-info {
    position: relative;
    margin: 6.8rem 0 0
}

.bb-pricing-item-info:after {
    content: "";
    position: absolute;
    top: -4rem;
    right: 0;
    left: 0;
    height: 1px;
    background: #4f4f4f
}

@media (min-width:768px) {
    .bb-pricing-item-info:after {
        top: -3.8rem
    }
}

@media (min-width:768px) {
    .bb-pricing-item-info {
        margin: 7.8rem 0 0
    }
}

.bb-pricing-item-caption {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    line-height: 133%;
    font-weight: 500
}

@media (min-width:768px) {
    .bb-pricing-item-caption {
        margin: 0 0 2.2rem;
        font-size: 2rem;
        line-height: 100%
    }
}

.bb-pricing-item-price {
    font-size: 2rem;
    line-height: 125%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-pricing-item-price {
        font-size: 3rem;
        line-height: 116%
    }
}

.bb-pricing-item-action {
    margin: 4rem 0 0;
    padding: 0 1rem 1rem
}

@media (min-width:768px) {
    .bb-pricing-item-action {
        margin: 6.9rem 0 0;
        padding: 0 .8rem .8rem
    }
}

.bb-step {
    padding: 5.8rem 0 0
}

@media (min-width:768px) {
    .bb-step {
        padding: 0
    }
}

.bb-step-header {
    padding: 0 4.7rem;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-step-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 2.4rem 0 18.1rem;
        font-size: 5rem;
        border-top: 1px solid #d9d8ce
    }
}

.bb-step-header h2,
.bb-step-header h3 {
    max-width: 72rem
}

.bb-step-header-preview {
    position: relative;
    height: 25.3rem;
    margin: 5.4rem auto 0;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-step-header-preview {
        width: 42.9rem;
        height: 35.9rem;
        margin: 2rem 0
    }

    .bb-step-header-preview:before {
        content: "";
        position: absolute;
        top: -2rem;
        bottom: -2rem;
        left: -2.1rem;
        width: 1px;
        background: #d9d8ce
    }
}

.bb-step-header-preview iframe,
.bb-step-header-preview img,
.bb-step-header-preview video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .8rem
}

.bb-step-header-preview img,
.bb-step-header-preview video {
    object-fit: cover
}

.bb-step-header-preview iframe {
    border: 0
}

.bb-step-items {
    margin: 4.4rem 0 0;
    border-top: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-step-items {
        margin: 0
    }
}

@media (min-width:768px) {
    .bb-step-grid {
        display: flex;
        gap: 6rem
    }
}

.bb-step-item {
    padding: 4.5rem 4.8rem;
    border-bottom: 1px solid #d9d8ce
}

@media (min-width:768px) {
    .bb-step-item {
        padding: 8.8rem 0
    }

    .bb-step-item:nth-child(1),
    .bb-step-item:nth-child(5) {
        padding-left: 15rem
    }

    .bb-step-item:nth-child(2),
    .bb-step-item:nth-child(4) {
        padding-left: 45rem
    }

    .bb-step-item:nth-child(3) {
        padding-left: 77rem
    }
}

.bb-step-item-title {
    margin: 0 0 2.4rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    letter-spacing: 1.2px;
    line-height: 96%;
    font-weight: 700;
    text-transform: uppercase;
    color: red
}

@media (min-width:768px) {
    .bb-step-item-title {
        font-size: 10rem;
        letter-spacing: 3px;
        line-height: 89%
    }
}

.bb-step-item-text {
    margin: 0 0 3rem;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-step-item-text {
        max-width: 60rem;
        font-size: 3rem;
        line-height: 117%
    }
}

.bb-step-item-points {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width:768px) {
    .bb-step-item-points {
        flex-direction: row;
        gap: 5.7rem
    }
}

.bb-step-item-point {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 0 0 5.1rem;
    font-size: 1.5rem;
    line-height: 127%
}

.bb-step-item-point-icon {
    position: absolute;
    left: 0;
    width: 3.9rem;
    height: 3.9rem;
    flex-shrink: 0;
    background-size: 100%;
    border: 2px solid red;
    border-radius: 1rem
}

@media (min-width:768px) {
    .bb-step-item-point-icon {
        border: 1px solid red
    }
}

@media (min-width:1200px) {
    .bb-step-item-point-icon {
        border: 2px solid red
    }
}

@media (min-width:768px) {
    .bb-step-item-point {
        max-width: 33.5rem;
        font-size: 1.8rem;
        line-height: 110%
    }
}

.bb-remark {
    padding: 3.6rem 0 4.4rem;
    color: #fff
}

@media (min-width:768px) {
    .bb-remark {
        padding: 2.6rem 0 2.4rem
    }
}

.bb-remark-container {
    position: relative
}

.bb-remark-fill {
    position: absolute;
    inset: 0;
    left: 1.6rem;
    right: 1.6rem;
    background: #000;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-remark-fill {
        left: 2.4rem;
        right: 2.4rem
    }
}

.bb-remark-main {
    position: relative;
    padding: 4.7rem 3.8rem 5.1rem
}

@media (min-width:768px) {
    .bb-remark-main {
        padding: 13.3rem 0;
        max-width: 69.4rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto
    }
}

.bb-remark-main.-md {
    padding: 4.9rem 4.1rem 5.5rem 4.4rem
}

@media (min-width:768px) {
    .bb-remark-main.-md {
        padding: 13.3rem 0;
        max-width: 76.8rem
    }
}

.bb-remark-text {
    margin: 0 0 2.6rem;
    font-weight: 700;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 3rem;
    letter-spacing: .9px;
    line-height: 100%;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-remark-text {
        margin: 0 0 2rem;
        font-size: 4rem;
        letter-spacing: 1.2px
    }
}

.bb-remark-text strong.-primary {
    color: red
}

.bb-remark-caption {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.5rem;
    line-height: 100%;
    font-weight: 500
}

@media (min-width:768px) {
    .bb-remark-caption {
        font-size: 1.8rem
    }
}

.bb-statview {
    padding-bottom: 9.5rem
}

@media (min-width:768px) {
    .bb-statview {
        padding-bottom: 10rem
    }
}

.bb-statview.-inverse {
    color: #fff;
    background: #000
}

@media (max-width:767px) {
    .bb-statview-container {
        padding: 0 3.5rem
    }
}

.bb-statview-counters {
    display: grid
}

@media (max-width:767px) {
    .bb-statview-counters {
        grid-template-columns: repeat(2, 1fr);
        gap: 5.4rem 0
    }
}

@media (min-width:768px) {
    .bb-statview-counters {
        grid-auto-flow: column;
        justify-content: space-around
    }
}

.bb-statview-counter-unit,
.bb-statview-counter-value {
    display: inline-block;
    font-weight: 500;
    font-size: 5.5rem;
    line-height: 100%
}

@media (min-width:768px) {

    .bb-statview-counter-unit,
    .bb-statview-counter-value {
        font-size: 9rem
    }
}

.bb-statview-counter-title {
    margin: 1.3rem 0 0;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 107%;
    text-transform: uppercase;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-statview-counter-title {
        margin: 1.1rem 0 0;
        font-size: 2rem
    }
}

.bb-achievement {
    position: relative
}

@media (max-width:767px) {
    .bb-achievement {
        display: none
    }
}

@media (min-width:768px) {
    .bb-achievement {
        padding: 5.6rem 0 0;
        background: #f4f3ea
    }
}

@media (min-width:768px) {
    .bb-achievement-header {
        position: relative;
        width: 85rem;
        margin: -1rem auto 4rem auto;
        padding: 1rem 0 2rem;
        background: #f4f3ea;
        font-weight: 500;
        font-size: 5rem;
        line-height: 100%;
        text-align: center
    }
}

.bb-achievement-lines {
    display: none
}

@media (min-width:768px) {
    .bb-achievement-lines {
        display: block
    }
}

.bb-achievement-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    left: 50%;
    background: #d9d8ce
}

.bb-achievement-line:nth-child(1) {
    left: 25%
}

.bb-achievement-line:nth-child(2) {
    left: 50%
}

.bb-achievement-line:nth-child(3) {
    left: 75%
}

.bb-achievement-items {
    position: relative
}

@media (min-width:768px) {
    .bb-achievement-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-content: space-between;
        border-top: 1px solid #d9d8ce
    }
}

@media (min-width:768px) {
    .bb-achievement-item {
        height: 37.9rem;
        display: flex;
        justify-content: center
    }

    .bb-achievement-item:nth-child(-n+4) {
        border-bottom: 1px solid #d9d8ce
    }
}

@media (min-width:768px) {
    .bb-achievement-item-body {
        width: 28rem;
        padding: 8rem 0 0
    }
}

.bb-achievement-item:nth-child(-n+4) .bb-achievement-item-body {
    padding: 6.5rem 0 0
}

@media (min-width:768px) {
    .bb-achievement-item-icon {
        margin: 0 0 2rem;
        font-size: 5rem;
        line-height: 70%
    }
}

.bb-achievement-item-text {
    font-size: 3rem;
    line-height: 116%;
    text-wrap: balance
}

.bb-splitinfo {
    padding: 4.7rem 0
}

@media (min-width:768px) {
    .bb-splitinfo {
        padding: 14.6rem 0 7.7rem
    }
}

.bb-splitinfo-container {
    padding: 0 5.4rem 0 6.6rem
}

@media (min-width:768px) {
    .bb-splitinfo-container {
        padding: 0 28.5rem 0 23.9rem
    }
}

@media (min-width:1920px) {
    .bb-splitinfo-container {
        max-width: 192rem;
        margin: auto
    }
}

.bb-splitinfo-grid {
    display: grid;
    gap: 3.7rem 0
}

@media (min-width:768px) {
    .bb-splitinfo-grid {
        grid-template-columns: 39rem 1fr;
        gap: 0 19.5rem
    }
}

.bb-splitinfo-header {
    font-family: "Forma DJR Display", sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-splitinfo-header {
        font-size: 4rem;
        letter-spacing: .12rem
    }
}

.bb-splitinfo-text {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-splitinfo-text {
        width: 62.6rem;
        font-size: 3rem;
        line-height: 116%
    }
}

.bb-splitinfo-text a {
    color: red;
    text-decoration: none
}

.bb-share {
    padding: 4.5rem 0 6rem
}

@media (min-width:768px) {
    .bb-share {
        padding: 7rem 0
    }
}

.bb-share-container {
    padding: 0 8.8rem 0 6.7rem
}

@media (min-width:768px) {
    .bb-share-container {
        padding: 0 67.3rem 0 82.5rem
    }
}

@media (min-width:1920px) {
    .bb-share-container {
        max-width: 192rem;
        margin: auto
    }
}

.bb-share-grid {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: 0 6.1rem
}

@media (min-width:768px) {
    .bb-share-grid {
        grid-template-columns: 8rem 1fr;
        gap: 0 5.1rem
    }
}

.bb-share-caption {
    margin: .2rem 0 0;
    color: red;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%
}

@media (min-width:768px) {
    .bb-share-caption {
        font-size: 1.5rem;
        line-height: 133.333%
    }
}

.bb-share-links {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bb-share-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 0;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 130%;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-share-link {
        font-size: 1.8rem
    }
}

.bb-share-link:first-child {
    padding: 0 0 .7rem
}

.bb-share-link:after {
    content: "";
    display: block;
    width: 1em;
    height: .4444444444em;
    margin: 0 0 0 1.3rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 8"><path fill="%23000" d="M1 3.5a.5.5 0 0 0 0 1v-1Zm16.4.9c.1-.2.1-.6 0-.8L14.2.5a.5.5 0 1 0-.7.7L16.3 4l-2.8 2.8a.5.5 0 1 0 .7.7l3.2-3.1ZM1 4.5h16v-1H1v1Z"/></svg>');
    background-size: contain;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.bb-share-link:hover:after {
    transform: translateX(-40%)
}

.bb-faq {
    padding: 9.2rem 0 1.2rem
}

@media (min-width:768px) {
    .bb-faq {
        padding: 22.4rem 0 20.8rem;
        border-bottom: 1px solid #d9d8ce
    }
}

.bb-faq-container {
    padding: 0 3.4rem
}

@media (min-width:768px) {
    .bb-faq-container {
        padding: 0 18.2rem
    }
}

@media (min-width:768px) {
    .bb-faq-grid {
        display: flex;
        justify-content: space-between
    }
}

.bb-faq-header {
    margin: 0 0 4.2rem;
    font-family: "Forma DJR Display", sans-serif;
    font-size: 4rem;
    letter-spacing: 1.2px;
    line-height: 96%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-faq-header {
        font-size: 10rem;
        letter-spacing: 3px;
        line-height: 89%
    }
}

@media (min-width:768px) {
    .bb-faq-items {
        width: 76.5rem
    }
}

.bb-faq-item {
    border-bottom: 1px solid #d9d8ce
}

.bb-faq-item-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .45s
}

.bb-faq-item.-active .bb-faq-item-wrap,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-faq-item .bb-faq-item-wrap,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-faq-item.bb-work-filter-toggle .bb-faq-item-wrap,
.bb-work-filter.-active .bb-faq-item.bb-work-filter-toggle .bb-faq-item-wrap {
    grid-template-rows: 1fr
}

.bb-faq-item-body {
    overflow: hidden
}

.bb-faq-item-toggle {
    display: flex;
    padding: 2.6rem 0
}

.bb-faq-item-arr {
    position: relative;
    width: 2.6rem;
    height: 2.6rem;
    flex-shrink: 0;
    margin: 0 5.7rem 0 0;
    cursor: pointer;
    color: red;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.bb-faq-item.-active .bb-faq-item-arr,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-faq-item .bb-faq-item-arr,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-faq-item.bb-work-filter-toggle .bb-faq-item-arr,
.bb-work-filter.-active .bb-faq-item.bb-work-filter-toggle .bb-faq-item-arr {
    transform: rotate(-135deg)
}

.bb-faq-item-arr:after,
.bb-faq-item-arr:before {
    content: "";
    display: block;
    position: absolute;
    background: currentColor
}

.bb-faq-item-arr:before {
    top: 0;
    left: calc(50% - .1rem);
    width: .2rem;
    height: 100%
}

.bb-faq-item-arr:after {
    top: calc(50% - .1rem);
    left: 0;
    width: 100%;
    height: .2rem;
    transition: opacity .2s
}

.bb-faq-item-title {
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 133%
}

@media (min-width:768px) {
    .bb-faq-item-title {
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-faq-item-text {
    padding: 0 0 2.6rem;
    max-width: 60rem;
    font-size: 1.4rem;
    line-height: 110%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-faq-item-text {
        padding: 0 0 2.6rem 8.3rem;
        font-size: 1.8rem
    }
}

.bb-review {
    position: relative;
    padding: 5rem 0 11rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-review {
        padding: 15.5rem 0 18rem
    }
}

@media (min-width:768px) {
    .bb-review.-rt {
        padding: 2rem 0 18rem
    }
}

@media (min-width:768px) {
    .bb-review-grid {
        display: inline-grid;
        grid-template-columns: 69.2rem 1fr
    }
}

@media (min-width:768px) {
    .bb-review-grid-col.-right {
        width: 86rem;
        padding-left: 12.2rem
    }
}

.bb-review-carousel {
    margin: 0 0 4rem
}

@media (min-width:768px) {
    .bb-review-carousel {
        margin: 0
    }
}

.bb-review-main {
    position: relative;
    overflow: hidden
}

@supports (overflow-x:clip) {
    .bb-review-main {
        overflow-y: visible;
        overflow-x: clip
    }
}

.bb-review-pointer {
    display: none
}

@media (min-width:768px) {
    .bb-review-pointer {
        display: block;
        position: absolute;
        top: 1rem;
        right: 0;
        z-index: 2
    }
}

.bb-review-pointer-text {
    max-width: 16.8rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

.bb-review-pointer-arrow {
    position: absolute;
    left: -3.2rem;
    bottom: -4rem;
    width: 3.3rem;
    height: 4.2rem;
    background-size: contain;
    background-repeat: no-repeat
}

.bb-review-items {
    position: relative;
    display: flex
}

@media (min-width:768px) {
    .bb-review-items {
        width: 62.4rem
    }
}

.bb-review-item {
    display: flex;
    flex-direction: column;
    padding: 0 6.1rem 0 7.1rem;
    flex-shrink: 0;
    opacity: 0 !important;
    transition: opacity .4s
}

@media (min-width:768px) {
    .bb-review-item {
        padding: 0
    }
}

.bb-review-item.swiper-slide-active {
    opacity: 1 !important
}

.bb-review-item-logo {
    height: 3.7rem;
    margin: 2.5rem 0 0
}

@media (max-width:767px) {
    .bb-review-item-logo {
        order: 4
    }
}

@media (min-width:768px) {
    .bb-review-item-logo {
        height: 8.1rem;
        margin: 0 0 7.7rem
    }
}

.bb-review-item-logo img {
    height: 100%
}

@media (min-width:768px) {
    .bb-review-item-info {
        padding-left: 4.7rem
    }
}

.bb-review-item-text {
    position: relative;
    margin: 0 0 3.8rem;
    font-size: 2rem;
    line-height: 125%;
    text-wrap: balance
}

.bb-review-item-text:after {
    content: "“";
    position: absolute;
    top: .6rem;
    left: -2.8rem;
    font-size: 6rem;
    color: red
}

@media (min-width:768px) {
    .bb-review-item-text:after {
        left: -4.7rem;
        font-size: 10rem
    }
}

@media (min-width:768px) {
    .bb-review-item-text {
        margin: 0 0 6.5rem;
        font-size: 3rem;
        line-height: 116%
    }
}

.bb-review-item-name {
    margin: 0 0 .6rem;
    font-size: 1.8rem;
    line-height: 100%;
    font-weight: 700
}

@media (min-width:768px) {
    .bb-review-item-name {
        margin: 0 0 .9rem;
        font-size: 2.5rem
    }
}

.bb-review-item-role {
    font-size: 1.5rem;
    line-height: 133%;
    font-weight: 500
}

@media (min-width:768px) {
    .bb-review-item-role {
        font-size: 2rem
    }
}

.bb-review-action {
    display: none
}

@media (min-width:768px) {
    .bb-review-action {
        display: block;
        margin: 9.5rem 0 0 4.7rem
    }
}

.bb-cascade {
    position: relative;
    padding: 3.8rem 0 4.5rem;
    overflow: hidden
}

@media (min-width:768px) {
    .bb-cascade {
        padding: 4.7rem 0
    }
}

.bb-textreel {
    margin: 6.2rem 0
}

@media (min-width:768px) {
    .bb-textreel-container {
        padding: 0
    }
}

.bb-textreel-items {
    display: grid;
    gap: 1.6rem;
    justify-items: center;
    text-align: center
}

@media (min-width:768px) {
    .bb-textreel-items {
        display: flex;
        align-items: center;
        gap: 0
    }
}

.bb-textreel-item {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-textreel-item {
        flex-shrink: 0;
        padding-right: 10rem;
        font-size: 4rem
    }
}

.bb-textreel-separator {
    width: .9rem;
    height: .9rem;
    background: red;
    border-radius: 50%
}

.bb-logopreview {
    margin: 3.2rem 0 0
}

.bb-logopreview-main {
    display: grid;
    align-items: center;
    justify-content: center;
    height: 46.2rem;
    color: #fff;
    background: #000;
    border-radius: 1rem
}

@media (min-width:768px) {
    .bb-logopreview-main {
        height: 91.9rem
    }
}

.bb-logopreview-box {
    position: relative;
    display: grid;
    align-items: end;
    width: 20.5rem;
    height: 20.7rem
}

@media (min-width:768px) {
    .bb-logopreview-box {
        width: 39.5rem;
        height: 39.8rem
    }
}

.bb-logopreview-figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 395 398"><path fill="%23000" d="M395 179.7c0-27.39-15.8-49.62-48.06-58.4-.97-.27-1-1.63-.05-1.94 26.22-8.53 41.12-26 41.12-55.66C388 19.15 350.6 0 297.95 0h-105.5L.33 175.76c-.68.63-.24 1.77.68 1.77h103.35c52.67 0 91.7 19.14 91.7 63.7 0 29.66-14.9 47.13-41.13 55.66-.95.31-.91 1.67.06 1.93 32.27 8.79 48.06 31.02 48.06 58.4 0 15.58-3.7 28.54-10.07 39.12-.62 1 .68 2.06 1.55 1.27l176.92-162.6.5-.7C386.07 221.83 395 203.95 395 179.7h.01Z"/></svg>');
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 395 398"><path fill="%23000" d="M395 179.7c0-27.39-15.8-49.62-48.06-58.4-.97-.27-1-1.63-.05-1.94 26.22-8.53 41.12-26 41.12-55.66C388 19.15 350.6 0 297.95 0h-105.5L.33 175.76c-.68.63-.24 1.77.68 1.77h103.35c52.67 0 91.7 19.14 91.7 63.7 0 29.66-14.9 47.13-41.13 55.66-.95.31-.91 1.67.06 1.93 32.27 8.79 48.06 31.02 48.06 58.4 0 15.58-3.7 28.54-10.07 39.12-.62 1 .68 2.06 1.55 1.27l176.92-162.6.5-.7C386.07 221.83 395 203.95 395 179.7h.01Z"/></svg>');
    -webkit-mask-size: cover;
    mask-size: cover
}

.bb-logopreview-figure iframe,
.bb-logopreview-figure img,
.bb-logopreview-figure video {
    width: 100%;
    height: 100%
}

.bb-logopreview-figure img,
.bb-logopreview-figure video {
    object-fit: cover
}

.bb-logopreview-figure iframe {
    border: 0
}

.bb-logopreview-logo {
    width: 9.3rem;
    height: 4.3rem
}

@media (min-width:768px) {
    .bb-logopreview-logo {
        width: 17.8rem;
        height: 8.2rem
    }
}

.bb-hallfame {
    position: relative;
    padding: 7.8rem 0 6.6rem
}

@media (min-width:768px) {
    .bb-hallfame {
        padding: 0 0 9.3rem;
        overflow: hidden
    }
}

.bb-hallfame.-inverse {
    color: #fff;
    background: #000
}

.bb-hallfame-container {
    padding: 0 4rem
}

@media (min-width:768px) {
    .bb-hallfame-container {
        padding: 0
    }
}

.bb-hallfame-hgrid {
    display: grid;
    justify-content: center;
    gap: 3.5rem
}

@media (min-width:768px) {
    .bb-hallfame-hgrid {
        justify-content: end;
        grid-template-columns: 3fr 1fr;
        gap: 0;
        border-bottom: 1px #4f4f4f solid
    }
}

@media (min-width:768px) {
    .bb-hallfame-hgrid-col.-right {
        order: 1;
        align-content: center;
        border-left: 1px #4f4f4f solid
    }
}

@media (max-width:767px) {
    .bb-hallfame-hgrid-col.-right.-offsetted {
        margin: -13.45rem 0 0
    }
}

@media (min-width:768px) {
    .bb-hallfame-hgrid-col.-left {
        padding: 8rem 0 7.5rem 34rem
    }
}

.bb-hallfame-header {
    position: relative
}

.bb-hallfame-header h2 {
    max-width: 33rem;
    margin: 0 auto;
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 89%;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .bb-hallfame-header h2 {
        display: inline;
        max-width: none;
        font-size: 10rem;
        text-align: left
    }
}

.bb-hallfame-header-text {
    margin: 1.6rem auto 0 auto;
    max-width: 27.9rem;
    font-size: 1.5rem;
    line-height: 127%;
    text-align: center;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-hallfame-header-text {
        position: relative;
        top: -.4em;
        display: inline-block;
        max-width: 45.1rem;
        margin: 0 0 0 3.5rem;
        font-size: 1.8rem;
        line-height: 110%;
        text-align: left
    }
}

.bb-hallfame-figure {
    height: 11.3rem;
    text-align: center
}

@media (min-width:768px) {
    .bb-hallfame-figure {
        height: 14.5rem
    }
}

.bb-hallfame-figure iframe,
.bb-hallfame-figure img,
.bb-hallfame-figure video {
    max-width: 100%;
    height: 100%
}

.bb-hallfame-figure img,
.bb-hallfame-figure video {
    object-fit: cover
}

.bb-hallfame-figure iframe {
    width: 100%;
    border: 0
}

.bb-hallfame-grid {
    margin: 5.9rem 0 0
}

@media (min-width:768px) {
    .bb-hallfame-grid {
        display: grid;
        justify-content: center;
        grid-template-columns: 40.3rem 50rem;
        margin: 10.4rem 0 0 58.4rem;
        gap: 8.4rem
    }
}

.bb-hallfame-grid-col.-right {
    overflow: hidden
}

@media (max-width:767px) {
    .bb-hallfame-grid-col.-right {
        margin: 3.7rem -4rem 0;
        padding: 0 4rem
    }
}

.bb-hallfame-carousel.-left {
    direction: rtl;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.bb-hallfame-carousel.-right {
    direction: rtl;
    position: relative
}

.bb-hallfame-cards {
    display: flex;
    height: 31.4rem;
    justify-content: center
}

@media (min-width:768px) {
    .bb-hallfame-cards {
        justify-content: start;
        height: 57rem
    }
}

.bb-hallfame-card {
    position: absolute;
    height: 31.4rem;
    width: 22.2rem;
    flex-shrink: 0;
    transform: scale(.5) translateX(-500%);
    perspective: 400rem;
    direction: ltr;
    opacity: 0;
    cursor: pointer;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1), opacity .6s
}

@media (min-width:768px) {
    .bb-hallfame-card {
        height: 57rem;
        width: 40.3rem
    }
}

.bb-hallfame-card.-prev {
    transform: scale(.5)
}

.bb-hallfame-card.-next {
    opacity: .3;
    transform: scale(.74) translateX(-145%)
}

.bb-hallfame-card.-after {
    opacity: .2;
    transform: scale(.51) translateX(-370%)
}

.bb-hallfame-card.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-hallfame-card,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-hallfame-card.bb-work-filter-toggle,
.bb-work-filter.-active .bb-hallfame-card.bb-work-filter-toggle {
    opacity: 1;
    transform: scale(1) !important;
    z-index: 5
}

.bb-hallfame-card-back,
.bb-hallfame-card-front {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 1.5rem;
    transition: transform 1.5s cubic-bezier(.34, 1.56, .64, 1)
}

@media (min-width:768px) {

    .bb-hallfame-card-back,
    .bb-hallfame-card-front {
        border-radius: 3rem
    }
}

.bb-hallfame-card-back {
    transform: rotateY(180deg)
}

.bb-hallfame-card.-open .bb-hallfame-card-back {
    transform: rotateY(0)
}

.bb-hallfame-card.-open .bb-hallfame-card-front {
    transform: rotateY(-180deg)
}

.bb-hallfame-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.bb-hallfame-card-bg iframe,
.bb-hallfame-card-bg img,
.bb-hallfame-card-bg video {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none
}

.bb-hallfame-card-bg img,
.bb-hallfame-card-bg video {
    object-fit: cover
}

.bb-hallfame-card-bg iframe {
    border: 0
}

.bb-hallfame-card-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    color: #000
}

@media (min-width:768px) {
    .bb-hallfame-card-box {
        padding: 4rem
    }
}

.bb-hallfame-card-box:has(.bb-hallfame-card-text:first-child) {
    justify-content: end
}

.bb-hallfame-card-badges {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: .6rem
}

.bb-hallfame-card-badge {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: .6rem;
    padding: .6rem;
    border-radius: 9999px;
    border: 1px solid;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-hallfame-card-badge {
        padding: .7rem 1.2rem;
        font-size: 1.4rem
    }
}

.bb-hallfame-card-badge i {
    font-size: 1.8rem;
    font-style: normal
}

.bb-hallfame-card-text {
    font-size: 1.5rem;
    line-height: 130%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-hallfame-card-text {
        font-size: 1.8rem
    }
}

.bb-hallfame-ngrid {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 3.5rem 0 0
}

.bb-hallfame-navs {
    display: flex
}

.bb-hallfame-nav {
    padding: 0 .6rem;
    flex-shrink: 0;
    opacity: .3;
    cursor: pointer;
    transition: opacity .4s
}

.bb-hallfame-nav:hover {
    opacity: .6
}

.bb-hallfame-nav.-active,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-hallfame-nav,
.bb-navbar.-open .bb-navbar-action.-toggle button.bb-work-filter .bb-hallfame-nav.bb-work-filter-toggle,
.bb-work-filter.-active .bb-hallfame-nav.bb-work-filter-toggle {
    opacity: 1
}

.bb-hallfame-nav:before {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background: currentColor;
    border-radius: 50%
}

.bb-hallfame-control {
    font-size: 1.4rem;
    transition: opacity .4s
}

.bb-hallfame-control svg {
    transition: transform .4s
}

@media (pointer:fine) {
    .bb-hallfame-control.-prev:hover svg {
        transform: translateX(30%)
    }
}

@media (pointer:fine) {
    .bb-hallfame-control.-next:hover svg {
        transform: translateX(-30%)
    }
}

.bb-hallfame-control:disabled {
    opacity: .5;
    pointer-events: none
}

.bb-hallfame-items {
    display: flex
}

.bb-hallfame-item {
    direction: ltr;
    flex-shrink: 0
}

.bb-hallfame-caption {
    margin: 0 0 1.3rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 107%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-hallfame-caption {
        margin: 0 0 2.4rem;
        font-size: 2rem
    }
}

.bb-hallfame-title {
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-hallfame-title {
        font-size: 5rem
    }
}

.bb-hallfame-award {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 2rem;
    margin: 5.4rem 0 0
}

@media (min-width:768px) {
    .bb-hallfame-award {
        margin: 3.4rem 0 0;
        gap: 3rem
    }
}

.bb-hallfame-award {
    position: relative;
    width: 9rem;
    height: 9rem
}

@media (min-width:768px) {
    .bb-hallfame-award {
        width: 12rem;
        height: 12rem
    }
}

.bb-hallfame-award-figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bb-hallfame-award-figure.-rotating {
    animation: bb-fx-rotating-360 15s linear infinite
}

.bb-hallfame-award-figure iframe,
.bb-hallfame-award-figure img,
.bb-hallfame-award-figure video {
    width: 100%;
    height: 100%
}

.bb-hallfame-award-figure img,
.bb-hallfame-award-figure video {
    object-fit: cover;
    object-position: center
}

.bb-hallfame-award-figure iframe {
    border: 0
}

.bb-hallfame-text {
    margin: 3.8rem 0 0;
    font-size: 1.5rem;
    line-height: 133%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-hallfame-text {
        margin: 3.5rem 0 0;
        font-size: 2rem;
        line-height: 150%
    }
}

.bb-hallfame-text a {
    color: red;
    text-decoration: none
}

.bb-hallfame-text ul {
    padding: 0;
    list-style: none;
    border-top: 1px #4f4f4f solid
}

.bb-hallfame-text ul>li {
    padding: .8rem 0;
    border-bottom: 1px #4f4f4f solid
}

.bb-hallfame-tagline {
    margin: 6.5rem 0 0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-hallfame-tagline {
        margin: 9.7rem 0 0;
        font-size: 1.8rem;
        text-align: center
    }
}

.bb-hallfame-action {
    margin: 2.9rem 0 0
}

@media (min-width:768px) {
    .bb-hallfame-action {
        margin: 3.4rem 0 0;
        text-align: center
    }
}

.bb-commitment {
    padding: 7.2rem 0 0
}

@media (min-width:768px) {
    .bb-commitment {
        padding: 15.5rem 0 0
    }
}

.bb-commitment-container {
    padding: 0 2.3rem
}

.bb-commitment-header {
    position: relative
}

@media (min-width:768px) {
    .bb-commitment-header {
        width: 126.6rem;
        margin: 0 auto
    }
}

.bb-commitment-header h2,
.bb-commitment-header h3 {
    font-family: "Forma DJR Display", sans-serif;
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 89%;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (min-width:768px) {

    .bb-commitment-header h2,
    .bb-commitment-header h3 {
        font-size: 15rem
    }
}

.bb-commitment-header-text {
    margin: 1.8rem 0 0;
    font-size: 1.5rem;
    line-height: 127%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-commitment-header-text {
        position: absolute;
        top: .5rem;
        right: 4.7rem;
        width: 39rem;
        margin: 0;
        font-size: 1.8rem;
        line-height: 110%
    }
}

.bb-commitment-items {
    display: grid;
    margin: 4.2rem 0 0;
    border-top: 1px #d9d8ce solid
}

@media (min-width:768px) {
    .bb-commitment-items {
        grid-template-columns: repeat(2, 1fr);
        margin: 13.1rem 0 0;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-commitment-item {
        padding: 2rem 2.3rem
    }

    .bb-commitment-item:first-child {
        border-bottom: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-commitment-item {
        padding: 2.7rem
    }

    .bb-commitment-item:first-child {
        border-right: 1px #d9d8ce solid
    }
}

.bb-commitment-item-box {
    overflow: hidden;
    text-align: center;
    padding: 2.1rem 3.2rem 4.9rem;
    border-radius: .8rem
}

@media (min-width:768px) {
    .bb-commitment-item-box {
        padding: 2.6rem 2.8rem 7.5rem
    }
}

.bb-commitment-item.-fill .bb-commitment-item-box {
    background: #f8f7f6
}

.bb-commitment-item.-inverse .bb-commitment-item-box {
    color: #fff;
    background: #000
}

.bb-commitment-item-reaction {
    text-align: center
}

@media (min-width:768px) {
    .bb-commitment-item-reaction {
        text-align: left
    }
}

.bb-commitment-item-figure {
    width: 12.6rem;
    height: 17.8rem;
    margin: 4.9rem auto 0 auto
}

@media (min-width:768px) {
    .bb-commitment-item-figure {
        width: 16.3rem;
        height: 23rem;
        margin: 1.6rem auto 0 auto
    }
}

.bb-commitment-item-figure iframe,
.bb-commitment-item-figure img,
.bb-commitment-item-figure video {
    width: 100%;
    height: 100%
}

.bb-commitment-item-figure img,
.bb-commitment-item-figure video {
    object-fit: cover
}

.bb-commitment-item-figure iframe {
    border: 0
}

.bb-commitment-item-title {
    margin: 5rem 0 0;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-commitment-item-title {
        margin: 5.8rem 0 0;
        font-size: 5rem
    }
}

.bb-commitment-item-tags {
    display: none
}

@media (min-width:768px) {
    .bb-commitment-item-tags {
        display: grid;
        grid-auto-flow: column;
        justify-content: center;
        gap: .6rem;
        margin: 3.9rem 0 0
    }
}

.bb-commitment-item-tag {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    height: 2.3rem;
    padding: 0 .8rem;
    color: #000;
    background: #d9d8ce;
    border-radius: 99999px;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 133%
}

.bb-commitment-item-text {
    margin: 1.4rem 0 0;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    text-wrap: balance
}

@media (min-width:768px) {
    .bb-commitment-item-text {
        margin: 3.9rem 0 0;
        font-size: 2rem
    }
}

.bb-commitment-item-text p {
    margin: 1em 0 0
}

@media (min-width:768px) {
    .bb-commitment-item-text p {
        margin: .5em 0 0
    }
}

.bb-commitment-item-text a,
.bb-commitment-item-text u {
    text-decoration: none;
    background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
    background-size: 0 .1rem, 100% .1rem;
    background-position: 0 100%, 100% 100%;
    background-repeat: no-repeat
}

.bb-commitment-item-action {
    margin: 3.7rem 0 0
}

@media (min-width:768px) {
    .bb-commitment-item-action {
        margin: 5.8rem 0 0
    }
}

.bb-outro {
    padding: 0 0 1.2rem
}

@media (min-width:768px) {
    .bb-outro {
        padding: 0 0 4.1rem
    }
}

.bb-outro-container {
    padding: 0
}

.bb-outro-grid {
    display: grid;
    grid-template-rows: 12.6rem 9.5rem 15.9rem auto;
    gap: 1.3rem
}

@media (min-width:768px) {
    .bb-outro-grid {
        grid-template-columns: auto 63.2rem;
        grid-template-rows: 19.8rem 22.6rem auto;
        align-items: center;
        gap: 2.3rem
    }
}

.bb-outro-grid-col.-pointer {
    position: relative
}

@media (min-width:768px) {
    .bb-outro-grid-col.-pointer {
        grid-column: span 2;
        align-self: end;
        height: 100%;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (max-width:767px) {
    .bb-outro-grid-col.-header {
        order: -1;
        padding: 5.2rem 0 0;
        border-bottom: 1px #d9d8ce solid
    }
}

@media (min-width:768px) {
    .bb-outro-grid-col.-header {
        padding: 0 0 0 2.4rem
    }
}

.bb-outro-grid-col.-book {
    height: 100%
}

@media (max-width:767px) {
    .bb-outro-grid-col.-book {
        padding: 0 1.8rem
    }
}

@media (min-width:768px) {
    .bb-outro-grid-col.-book {
        padding: 0 2.4rem 0 0
    }
}

@media (max-width:767px) {
    .bb-outro-grid-col.-items {
        padding: 0 1.8rem
    }
}

@media (min-width:768px) {
    .bb-outro-grid-col.-items {
        padding: 0 2.3rem 0 2.4rem;
        grid-column: span 2
    }
}

.bb-outro-pointer {
    position: absolute;
    right: 13rem;
    bottom: 4.9rem;
    z-index: 10
}

@media (min-width:768px) {
    .bb-outro-pointer {
        right: 53rem;
        bottom: 9.1rem
    }
}

.bb-outro-pointer-text {
    width: 15.3rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 105%
}

@media (min-width:768px) {
    .bb-outro-pointer-text {
        width: auto;
        font-size: 1.5rem
    }
}

.bb-outro-pointer-arrow {
    position: absolute;
    top: 2rem;
    left: 100%;
    width: 3.5rem;
    height: 3.8rem;
    transform: rotate(177.73deg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .bb-outro-pointer-arrow {
        top: .7rem;
        left: calc(100% + 2rem)
    }
}

.bb-outro-header {
    font-weight: 500;
    font-size: 5.5rem;
    line-height: 100%;
    text-align: center
}

@media (min-width:768px) {
    .bb-outro-header {
        font-size: 13rem;
        line-height: 89%;
        text-align: left
    }
}

.bb-outro-items {
    display: grid
}

@media (max-width:767px) {
    .bb-outro-items {
        grid-template-columns: 18rem auto 11rem;
        grid-template-rows: 18rem 19rem 11rem;
        gap: 1.2rem
    }
}

@media (min-width:768px) {
    .bb-outro-items {
        grid-template-columns: 29.2rem 21.5rem auto 21.4rem 21.3rem 29.1rem 29.2rem;
        grid-template-rows: 11.5rem 5.9rem .2rem 10.2rem;
        gap: 2.3rem
    }
}

.bb-outro-item {
    position: relative;
    overflow: hidden;
    background: #f8f7f6;
    border-radius: .8rem
}

@media (max-width:767px) {
    .bb-outro-item:nth-child(2) {
        grid-column: span 2
    }

    .bb-outro-item:nth-child(3) {
        grid-column: span 2
    }

    .bb-outro-item:nth-child(4) {
        grid-row: 2;
        grid-column: span 3
    }

    .bb-outro-item:nth-child(n+6) {
        display: none
    }
}

@media (min-width:768px) {
    .bb-outro-item:nth-child(1) {
        grid-row: span 4
    }

    .bb-outro-item:nth-child(2) {
        grid-row: span 3
    }

    .bb-outro-item:nth-child(3) {
        grid-column: 2;
        grid-row: span 1
    }

    .bb-outro-item:nth-child(4) {
        grid-column: 3;
        grid-row: 1
    }

    .bb-outro-item:nth-child(5) {
        grid-column: 3;
        grid-row: 2/5
    }

    .bb-outro-item:nth-child(6) {
        grid-column: 4;
        grid-row: 1/3
    }

    .bb-outro-item:nth-child(7) {
        grid-column: 5;
        grid-row: 1/3
    }

    .bb-outro-item:nth-child(8) {
        grid-column: 4/6;
        grid-row: 3/5
    }

    .bb-outro-item:nth-child(9) {
        grid-column: 6;
        grid-row: 1/5
    }

    .bb-outro-item:nth-child(10) {
        grid-column: 7;
        grid-row: 1/4
    }
}

.bb-outro-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bb-outro-item-bg iframe,
.bb-outro-item-bg img,
.bb-outro-item-bg video {
    width: 100%;
    height: 100%
}

.bb-outro-item-bg img,
.bb-outro-item-bg video {
    object-fit: cover;
    object-position: center
}

.bb-outro-item-bg iframe {
    border: 0
}

.bb-outro-item-box {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.2rem;
    background: rgba(255, 255, 255, .6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 1rem
}

@media (min-width:768px) {
    .bb-outro-item-box {
        top: 2rem;
        left: 1.9rem;
        right: 1.6rem;
        bottom: 1.5rem;
        padding: 1.7rem
    }
}

.bb-outro-item-text {
    display: -webkit-box;
    overflow: hidden;
    font-weight: 500;
    font-size: 1.42rem;
    line-height: 121%;
    letter-spacing: -.01em;
    text-wrap: balance;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .bb-outro-item-text {
        font-size: 1.7rem
    }
}

.bb-footer {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: red
}

.bb-footer ::-moz-selection {
    color: red;
    background: #fff
}

.bb-footer ::selection {
    color: red;
    background: #fff
}

.bb-footer-container {
    padding: 0
}

.bb-footer-grid {
    display: grid
}

@media (min-width:768px) {
    .bb-footer-grid {
        grid-template-columns: 39rem 47.4rem auto 34.4rem;
        grid-template-rows: 14.2rem 8.7rem auto auto
    }
}

@media (max-width:767px) {
    .bb-footer-grid-col.-subscribe {
        padding: 3.9rem
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-subscribe {
        grid-column: 1/3;
        grid-row: 1/3;
        padding: 7.7rem 0 0 9.3rem
    }
}

@media (max-width:767px) {
    .bb-footer-grid-col.-socials {
        padding: 0 3.9rem 3.9rem;
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-socials {
        grid-column: 1;
        grid-row: 3;
        padding: 0 0 0 9.3rem
    }
}

@media (max-width:767px) {
    .bb-footer-grid-col.-address {
        padding: 3.3rem 3.9rem;
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-address {
        grid-column: 2;
        grid-row: 3
    }
}

@media (max-width:767px) {
    .bb-footer-grid-col.-title {
        padding: 2.5rem 3.9rem;
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-title {
        padding: 7.4rem 0 0 6.4rem;
        border-left: 1px rgba(255, 255, 255, .5) solid;
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-nav {
        grid-column: 3/5;
        grid-row: 2/4;
        border-left: 1px rgba(255, 255, 255, .5) solid;
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (max-width:767px) {
    .bb-footer-grid-col.-links {
        padding: 4.5rem 3.9rem
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-links {
        grid-column: 3/5;
        grid-row: 4;
        padding: 5rem 6.8rem;
        border-left: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (max-width:767px) {
    .bb-footer-grid-col.-copy {
        padding: .5rem 3.9rem 5rem
    }
}

@media (min-width:768px) {
    .bb-footer-grid-col.-copy {
        grid-column: 4;
        grid-row: 1;
        padding: 7.8rem 0 0 6.3rem;
        border-left: 1px rgba(255, 255, 255, .5) solid;
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

.bb-footer-subscribe {
    margin: 2rem 0 0
}

@media (min-width:768px) {
    .bb-footer-subscribe {
        width: 57.2rem;
        margin: 2.5rem 0 0
    }
}

.bb-footer-title {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 105%;
    text-transform: uppercase
}

@media (min-width:768px) {
    .bb-footer-title {
        font-size: 2.2rem
    }
}

.bb-footer-address {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-footer-address {
        font-size: 1.8rem
    }
}

.bb-footer-address p:not(:last-child) {
    margin: 0 0 1em
}

.bb-footer-address a {
    position: relative;
    text-decoration: none
}

@media (pointer:fine) {
    .bb-footer-address a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        transform: scaleX(0);
        border-top: 1px solid;
        transition: transform .4s
    }

    .bb-footer-address a:hover:after {
        transform: scaleX(1)
    }
}

.bb-footer-socials {
    margin: -1rem 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bb-footer-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 0;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 130%;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-footer-social {
        font-size: 1.8rem
    }
}

.bb-footer-social:after {
    content: "";
    display: block;
    width: 1em;
    height: .4444444444em;
    margin: 0 0 0 1.3rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 8"><path shape-rendering="crispEdges" fill="%23fff" d="M1 3.5a.5.5 0 0 0 0 1v-1Zm16.4.9c.1-.2.1-.6 0-.8L14.2.5a.5.5 0 1 0-.7.7L16.3 4l-2.8 2.8a.5.5 0 1 0 .7.7l3.2-3.1ZM1 4.5h16v-1H1v1Z"/></svg>');
    background-size: contain;
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.bb-footer-social:hover:after {
    transform: translateX(-40%)
}

.bb-footer-social-title {
    position: relative;
    display: block;
    overflow: hidden
}

.bb-footer-social-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-footer-social-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-footer-social:hover .bb-footer-social-title span {
        transform: translateY(-105%)
    }

    .bb-footer-social:hover .bb-footer-social-title span:after {
        transform: rotateX(0)
    }
}

@media (min-width:768px) {
    .bb-footer-navs {
        display: grid;
        grid-template-columns: 22.6rem auto 34.4rem
    }
}

@media (max-width:767px) {
    .bb-footer-nav {
        border-bottom: 1px rgba(255, 255, 255, .5) solid
    }
}

@media (min-width:768px) {
    .bb-footer-nav {
        padding: 5.5rem 0 6.7rem 6.3rem;
        border-left: 1px rgba(255, 255, 255, .5) solid
    }

    .bb-footer-nav:first-child {
        padding-left: 6.8rem;
        border-left: none
    }
}

.bb-footer-nav-title {
    display: block;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    text-decoration: none
}

@media (max-width:767px) {
    .bb-footer-nav-title {
        display: grid;
        align-items: center;
        grid-template-columns: minmax(10rem, -webkit-max-content) auto;
        grid-template-columns: minmax(10rem, max-content) auto;
        gap: 1rem;
        padding: 3.4rem 3.9rem;
        cursor: pointer
    }

    .bb-footer-nav-title:after {
        content: "";
        display: block;
        width: .8em;
        height: .5333333333em;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="1.5" d="m1 1 5 5 5-5"/></svg>');
        background-size: cover;
        transition: transform .35s
    }

    .bb-footer-nav.-open .bb-footer-nav-title:after {
        transform: scaleY(-1)
    }
}

@media (min-width:768px) {
    .bb-footer-nav-title {
        margin: 0 0 5.3rem;
        overflow: hidden;
        font-size: 1.8rem
    }

    .bb-footer-nav-title span {
        display: block;
        transition: transform .9s cubic-bezier(.16, 1, .3, 1)
    }

    .bb-footer-nav-title span:after {
        content: attr(data-text);
        display: block;
        position: absolute;
        top: 105%;
        left: 0;
        right: 0;
        transform: rotateX(-90deg);
        transform-origin: top center;
        transition: transform .9s cubic-bezier(.16, 1, .3, 1)
    }
}

@media (min-width:768px) and (pointer:fine) {
    .bb-footer-nav-title:hover span {
        transform: translateY(-105%)
    }

    .bb-footer-nav-title:hover span:after {
        transform: rotateX(0)
    }
}

@media (max-width:767px) {
    .bb-footer-nav-items {
        display: none;
        padding: 0 3.9rem 3.4rem;
        margin: -.5rem 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1.5rem;
        transition: opacity .4s, display .4s
    }

    .bb-footer-nav.-open .bb-footer-nav-items {
        display: grid;
        opacity: 1
    }
}

@media (min-width:768px) {
    .bb-footer-nav-items {
        margin: -.85rem 0
    }
}

@media (min-width:768px) {
    .bb-footer-nav-items.-by2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1.5rem
    }
}

.bb-footer-nav-item {
    display: block;
    padding: .35rem 0;
    overflow: hidden;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 130%;
    text-decoration: none
}

@media (min-width:768px) {
    .bb-footer-nav-item {
        padding: .595rem 0;
        font-size: 1.8rem
    }
}

.bb-footer-nav-item-title {
    position: relative;
    display: block;
    overflow: hidden
}

.bb-footer-nav-item-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-footer-nav-item-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-footer-nav-item:hover .bb-footer-nav-item-title span {
        transform: translateY(-105%)
    }

    .bb-footer-nav-item:hover .bb-footer-nav-item-title span:after {
        transform: rotateX(0)
    }
}

.bb-footer-links {
    margin: -1.45rem 0
}

@media (min-width:768px) {
    .bb-footer-links {
        margin: 0 -1.7rem
    }
}

.bb-footer-link {
    display: block;
    padding: 1.015rem 0;
    opacity: .7;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 130%;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity .4s
}

@media (min-width:768px) {
    .bb-footer-link {
        display: inline-block;
        padding: 0 1.7rem;
        font-size: 1.8rem
    }
}

@media (pointer:fine) {
    .bb-footer-link:hover {
        opacity: 1
    }
}

.bb-footer-link-title {
    position: relative;
    display: block;
    overflow: hidden
}

.bb-footer-link-title span {
    display: block;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

.bb-footer-link-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1)
}

@media (pointer:fine) {
    .bb-footer-link:hover .bb-footer-link-title span {
        transform: translateY(-105%)
    }

    .bb-footer-link:hover .bb-footer-link-title span:after {
        transform: rotateX(0)
    }
}

.bb-footer-copy {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%
}

@media (min-width:768px) {
    .bb-footer-copy {
        font-size: 1.8rem
    }
}