@import "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap";
html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: #0000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,
:before,
:after {
    box-sizing: inherit
}

html,
body {
    width: 100%;
    min-height: 100%
}

figure {
    margin: 0
}

img {
    max-width: 100%;
    height: auto
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
hr:first-child,
dl:first-child,
dd:first-child,
dt:first-child,
ul:first-child,
ul li:first-child,
ol:first-child,
ol li:first-child,
figcaption:first-child,
blockquote:first-child,
cite:first-child,
.display-title:first-child,
.all-caps:first-child,
.field:first-child,
fieldset:first-child,
legend:first-child,
label:first-child,
input:first-child,
textarea:first-child,
.select:first-child,
.control:first-child,
progress:first-child,
caption:first-child,
table:first-child,
caption:first-child,
.table-responsive:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
hr:last-child,
dl:last-child,
dd:last-child,
dt:last-child,
ul:last-child,
ul li:last-child,
ol:last-child,
ol li:last-child,
figcaption:last-child,
blockquote:last-child,
cite:last-child,
.display-title:last-child,
.all-caps:last-child,
.field:last-child,
fieldset:last-child,
legend:last-child,
label:last-child,
input:last-child,
textarea:last-child,
.select:last-child,
.control:last-child,
progress:last-child,
caption:last-child,
table:last-child,
caption:last-child,
.table-responsive:last-child {
    margin-bottom: 0
}

@font-face {
    font-family: "TT Firs Neue";
    src: url("/Template/BIFF25/TT_Firs_Neue_Regular.53c2f1ad.woff2") format("woff2"), url("/Template/BIFF25/TT_Firs_Neue_Regular.f128bd31.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Firs Neue";
    src: url("/Template/BIFF25/TT_Firs_Neue_Light.b8911454.woff2") format("woff2"), url("/Template/BIFF25/TT_Firs_Neue_Light.693fe7b8.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Firs Neue";
    src: url("/Template/BIFF25/TT_Firs_Neue_DemiBold.4533ad59.woff2") format("woff2"), url("/Template/BIFF25/TT_Firs_Neue_DemiBold.408179f9.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


.firs-neue {
    letter-spacing: -.01em;
    font-family: TT Firs Neue, sans-serif;
    font-style: normal;
    font-weight: 600
}

.poppins {
    letter-spacing: -.01em;
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 500
}

h1,
h2 {
    letter-spacing: -.01em;
    text-transform: uppercase;
    margin: 0 0 .888889rem;
    font-family: TT Firs Neue, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 1
}

h3,
h4,
h5,
h6 {
    letter-spacing: -.01em;
    text-transform: uppercase;
    margin: 0 0 .888889rem;
    font-family: TT Firs Neue, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2
}

h1 {
    font-size: 2.22222rem
}

h2 {
    font-size: 1.77778rem
}

h3 {
    font-size: 1.33333rem
}

h4 {
    font-size: 1.11111rem
}

h5 {
    font-size: 1rem
}

h6 {
    font-size: .888889rem
}

.display {
    letter-spacing: -.01em;
    font-family: TT Firs Neue, sans-serif;
    font-size: 2.44444rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.display-sm {
    letter-spacing: -.01em;
    font-family: TT Firs Neue, sans-serif;
    font-size: 1.33333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.text-xl {
    font-size: 1.33333rem
}

.text-lg {
    font-size: 1rem
}

.text-md,
.text-sm {
    font-size: .888889rem
}

.text-xs {
    font-size: .777778rem
}

.button-lg,
.button-md {
    letter-spacing: -.01em;
    font-family: Poppins, sans-serif;
    font-size: .888889rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25
}

.button-sm {
    letter-spacing: -.01em;
    font-family: Poppins, sans-serif;
    font-size: .777778rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25
}

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

@media (hover:hover) {
    a:hover {
        text-decoration: underline
    }
}

@media (width>=768px) {
    h1 {
        font-size: 2.77778rem
    }
    h2 {
        font-size: 2.11111rem
    }
    h3 {
        font-size: 1.44444rem
    }
    h4 {
        font-size: 1.22222rem
    }
    h5 {
        font-size: 1rem
    }
    .display {
        font-size: 3.11111rem
    }
    .display-sm {
        font-size: 2.22222rem
    }
    .text-xl {
        font-size: 1.22222rem
    }
    .text-lg,
    .text-md,
    .button-lg {
        font-size: 1rem
    }
}

@media (width>=1280px) {
    h1 {
        font-size: 3.55556rem
    }
    h2 {
        font-size: 2.66667rem
    }
    h3 {
        font-size: 1.77778rem
    }
    h4 {
        font-size: 1.33333rem
    }
    h5 {
        font-size: 1.11111rem
    }
    .display {
        font-size: 4rem
    }
    .display-sm {
        font-size: 2.66667rem
    }
    .text-xl {
        font-size: 1.33333rem
    }
    .text-lg {
        font-size: 1.22222rem
    }
    .text-sm {
        font-size: .888889rem
    }
    .text-xs {
        font-size: .777778rem
    }
    .button-lg {
        font-size: 1.33333rem
    }
}

.icon {
    fill: #fff;
    width: 32px;
    height: 32px;
    line-height: 1;
    display: inline-block
}

.bg-black {
    color: #f3d200;
    background-color: #000
}

.bg-white {
    color: #000;
    background-color: #fff
}

.bg-yellow {
    color: #000;
    background-color: #f3d200
}

.bg-jacaranda {
    color: #000;
    background-color: #8f6df7
}

.padding-top-7xl {
    padding-top: 7.11111rem
}

.padding-bottom-7xl {
    padding-bottom: 7.11111rem
}

.padding-left-7xl {
    padding-left: 7.11111rem
}

.padding-right-7xl {
    padding-right: 7.11111rem
}

.padding-hori-7xl {
    padding-left: 7.11111rem;
    padding-right: 7.11111rem
}

.padding-vert-7xl {
    padding-top: 7.11111rem;
    padding-bottom: 7.11111rem
}

.padding-7xl {
    padding: 7.11111rem
}

.margin-top-7xl {
    margin-top: 7.11111rem
}

.margin-bottom-7xl {
    margin-bottom: 7.11111rem
}

.margin-left-7xl {
    margin-left: 7.11111rem
}

.margin-right-7xl {
    margin-right: 7.11111rem
}

.margin-hori-7xl {
    margin-left: 7.11111rem;
    margin-right: 7.11111rem
}

.margin-vert-7xl {
    margin-top: 7.11111rem;
    margin-bottom: 7.11111rem
}

.margin-7xl {
    margin: 7.11111rem
}

@media (width>=1280px) {
    .padding-top-7xl {
        padding-top: 8.88889rem
    }
    .padding-bottom-7xl {
        padding-bottom: 8.88889rem
    }
    .padding-left-7xl {
        padding-left: 8.88889rem
    }
    .padding-right-7xl {
        padding-right: 8.88889rem
    }
    .padding-hori-7xl {
        padding-left: 8.88889rem;
        padding-right: 8.88889rem
    }
    .padding-vert-7xl {
        padding-top: 8.88889rem;
        padding-bottom: 8.88889rem
    }
    .padding-7xl {
        padding: 8.88889rem
    }
    .margin-top-7xl {
        margin-top: 8.88889rem
    }
    .margin-bottom-7xl {
        margin-bottom: 8.88889rem
    }
    .margin-left-7xl {
        margin-left: 8.88889rem
    }
    .margin-right-7xl {
        margin-right: 8.88889rem
    }
    .margin-hori-7xl {
        margin-left: 8.88889rem;
        margin-right: 8.88889rem
    }
    .margin-vert-7xl {
        margin-top: 8.88889rem;
        margin-bottom: 8.88889rem
    }
    .margin-7xl {
        margin: 8.88889rem
    }
}

.padding-top-6xl {
    padding-top: 5.33333rem
}

.padding-bottom-6xl {
    padding-bottom: 5.33333rem
}

.padding-left-6xl {
    padding-left: 5.33333rem
}

.padding-right-6xl {
    padding-right: 5.33333rem
}

.padding-hori-6xl {
    padding-left: 5.33333rem;
    padding-right: 5.33333rem
}

.padding-vert-6xl {
    padding-top: 5.33333rem;
    padding-bottom: 5.33333rem
}

.padding-6xl {
    padding: 5.33333rem
}

.margin-top-6xl {
    margin-top: 5.33333rem
}

.margin-bottom-6xl {
    margin-bottom: 5.33333rem
}

.margin-left-6xl {
    margin-left: 5.33333rem
}

.margin-right-6xl {
    margin-right: 5.33333rem
}

.margin-hori-6xl {
    margin-left: 5.33333rem;
    margin-right: 5.33333rem
}

.margin-vert-6xl {
    margin-top: 5.33333rem;
    margin-bottom: 5.33333rem
}

.margin-6xl {
    margin: 5.33333rem
}

@media (width>=1280px) {
    .padding-top-6xl {
        padding-top: 7.11111rem
    }
    .padding-bottom-6xl {
        padding-bottom: 7.11111rem
    }
    .padding-left-6xl {
        padding-left: 7.11111rem
    }
    .padding-right-6xl {
        padding-right: 7.11111rem
    }
    .padding-hori-6xl {
        padding-left: 7.11111rem;
        padding-right: 7.11111rem
    }
    .padding-vert-6xl {
        padding-top: 7.11111rem;
        padding-bottom: 7.11111rem
    }
    .padding-6xl {
        padding: 7.11111rem
    }
    .margin-top-6xl {
        margin-top: 7.11111rem
    }
    .margin-bottom-6xl {
        margin-bottom: 7.11111rem
    }
    .margin-left-6xl {
        margin-left: 7.11111rem
    }
    .margin-right-6xl {
        margin-right: 7.11111rem
    }
    .margin-hori-6xl {
        margin-left: 7.11111rem;
        margin-right: 7.11111rem
    }
    .margin-vert-6xl {
        margin-top: 7.11111rem;
        margin-bottom: 7.11111rem
    }
    .margin-6xl {
        margin: 7.11111rem
    }
}

.padding-top-5xl {
    padding-top: 3.55556rem
}

.padding-bottom-5xl {
    padding-bottom: 3.55556rem
}

.padding-left-5xl {
    padding-left: 3.55556rem
}

.padding-right-5xl {
    padding-right: 3.55556rem
}

.padding-hori-5xl {
    padding-left: 3.55556rem;
    padding-right: 3.55556rem
}

.padding-vert-5xl {
    padding-top: 3.55556rem;
    padding-bottom: 3.55556rem
}

.padding-5xl {
    padding: 3.55556rem
}

.margin-top-5xl {
    margin-top: 3.55556rem
}

.margin-bottom-5xl {
    margin-bottom: 3.55556rem
}

.margin-left-5xl {
    margin-left: 3.55556rem
}

.margin-right-5xl {
    margin-right: 3.55556rem
}

.margin-hori-5xl {
    margin-left: 3.55556rem;
    margin-right: 3.55556rem
}

.margin-vert-5xl {
    margin-top: 3.55556rem;
    margin-bottom: 3.55556rem
}

.margin-5xl {
    margin: 3.55556rem
}

@media (width>=1280px) {
    .padding-top-5xl {
        padding-top: 5.33333rem
    }
    .padding-bottom-5xl {
        padding-bottom: 5.33333rem
    }
    .padding-left-5xl {
        padding-left: 5.33333rem
    }
    .padding-right-5xl {
        padding-right: 5.33333rem
    }
    .padding-hori-5xl {
        padding-left: 5.33333rem;
        padding-right: 5.33333rem
    }
    .padding-vert-5xl {
        padding-top: 5.33333rem;
        padding-bottom: 5.33333rem
    }
    .padding-5xl {
        padding: 5.33333rem
    }
    .margin-top-5xl {
        margin-top: 5.33333rem
    }
    .margin-bottom-5xl {
        margin-bottom: 5.33333rem
    }
    .margin-left-5xl {
        margin-left: 5.33333rem
    }
    .margin-right-5xl {
        margin-right: 5.33333rem
    }
    .margin-hori-5xl {
        margin-left: 5.33333rem;
        margin-right: 5.33333rem
    }
    .margin-vert-5xl {
        margin-top: 5.33333rem;
        margin-bottom: 5.33333rem
    }
    .margin-5xl {
        margin: 5.33333rem
    }
}

.padding-top-4xl {
    padding-top: 2.66667rem
}

.padding-bottom-4xl {
    padding-bottom: 2.66667rem
}

.padding-left-4xl {
    padding-left: 2.66667rem
}

.padding-right-4xl {
    padding-right: 2.66667rem
}

.padding-hori-4xl {
    padding-left: 2.66667rem;
    padding-right: 2.66667rem
}

.padding-vert-4xl {
    padding-top: 2.66667rem;
    padding-bottom: 2.66667rem
}

.padding-4xl {
    padding: 2.66667rem
}

.margin-top-4xl {
    margin-top: 2.66667rem
}

.margin-bottom-4xl {
    margin-bottom: 2.66667rem
}

.margin-left-4xl {
    margin-left: 2.66667rem
}

.margin-right-4xl {
    margin-right: 2.66667rem
}

.margin-hori-4xl {
    margin-left: 2.66667rem;
    margin-right: 2.66667rem
}

.margin-vert-4xl {
    margin-top: 2.66667rem;
    margin-bottom: 2.66667rem
}

.margin-4xl {
    margin: 2.66667rem
}

@media (width>=1280px) {
    .padding-top-4xl {
        padding-top: 3.55556rem
    }
    .padding-bottom-4xl {
        padding-bottom: 3.55556rem
    }
    .padding-left-4xl {
        padding-left: 3.55556rem
    }
    .padding-right-4xl {
        padding-right: 3.55556rem
    }
    .padding-hori-4xl {
        padding-left: 3.55556rem;
        padding-right: 3.55556rem
    }
    .padding-vert-4xl {
        padding-top: 3.55556rem;
        padding-bottom: 3.55556rem
    }
    .padding-4xl {
        padding: 3.55556rem
    }
    .margin-top-4xl {
        margin-top: 3.55556rem
    }
    .margin-bottom-4xl {
        margin-bottom: 3.55556rem
    }
    .margin-left-4xl {
        margin-left: 3.55556rem
    }
    .margin-right-4xl {
        margin-right: 3.55556rem
    }
    .margin-hori-4xl {
        margin-left: 3.55556rem;
        margin-right: 3.55556rem
    }
    .margin-vert-4xl {
        margin-top: 3.55556rem;
        margin-bottom: 3.55556rem
    }
    .margin-4xl {
        margin: 3.55556rem
    }
}

.padding-top-3xl {
    padding-top: 1.77778rem
}

.padding-bottom-3xl {
    padding-bottom: 1.77778rem
}

.padding-left-3xl {
    padding-left: 1.77778rem
}

.padding-right-3xl {
    padding-right: 1.77778rem
}

.padding-hori-3xl {
    padding-left: 1.77778rem;
    padding-right: 1.77778rem
}

.padding-vert-3xl {
    padding-top: 1.77778rem;
    padding-bottom: 1.77778rem
}

.padding-3xl {
    padding: 1.77778rem
}

.margin-top-3xl {
    margin-top: 1.77778rem
}

.margin-bottom-3xl {
    margin-bottom: 1.77778rem
}

.margin-left-3xl {
    margin-left: 1.77778rem
}

.margin-right-3xl {
    margin-right: 1.77778rem
}

.margin-hori-3xl {
    margin-left: 1.77778rem;
    margin-right: 1.77778rem
}

.margin-vert-3xl {
    margin-top: 1.77778rem;
    margin-bottom: 1.77778rem
}

.margin-3xl {
    margin: 1.77778rem
}

@media (width>=1280px) {
    .padding-top-3xl {
        padding-top: 2.66667rem
    }
    .padding-bottom-3xl {
        padding-bottom: 2.66667rem
    }
    .padding-left-3xl {
        padding-left: 2.66667rem
    }
    .padding-right-3xl {
        padding-right: 2.66667rem
    }
    .padding-hori-3xl {
        padding-left: 2.66667rem;
        padding-right: 2.66667rem
    }
    .padding-vert-3xl {
        padding-top: 2.66667rem;
        padding-bottom: 2.66667rem
    }
    .padding-3xl {
        padding: 2.66667rem
    }
    .margin-top-3xl {
        margin-top: 2.66667rem
    }
    .margin-bottom-3xl {
        margin-bottom: 2.66667rem
    }
    .margin-left-3xl {
        margin-left: 2.66667rem
    }
    .margin-right-3xl {
        margin-right: 2.66667rem
    }
    .margin-hori-3xl {
        margin-left: 2.66667rem;
        margin-right: 2.66667rem
    }
    .margin-vert-3xl {
        margin-top: 2.66667rem;
        margin-bottom: 2.66667rem
    }
    .margin-3xl {
        margin: 2.66667rem
    }
}

.padding-top-2xl {
    padding-top: 1.55556rem
}

.padding-bottom-2xl {
    padding-bottom: 1.55556rem
}

.padding-left-2xl {
    padding-left: 1.55556rem
}

.padding-right-2xl {
    padding-right: 1.55556rem
}

.padding-hori-2xl {
    padding-left: 1.55556rem;
    padding-right: 1.55556rem
}

.padding-vert-2xl {
    padding-top: 1.55556rem;
    padding-bottom: 1.55556rem
}

.padding-2xl {
    padding: 1.55556rem
}

.margin-top-2xl {
    margin-top: 1.55556rem
}

.margin-bottom-2xl {
    margin-bottom: 1.55556rem
}

.margin-left-2xl {
    margin-left: 1.55556rem
}

.margin-right-2xl {
    margin-right: 1.55556rem
}

.margin-hori-2xl {
    margin-left: 1.55556rem;
    margin-right: 1.55556rem
}

.margin-vert-2xl {
    margin-top: 1.55556rem;
    margin-bottom: 1.55556rem
}

.margin-2xl {
    margin: 1.55556rem
}

@media (width>=1280px) {
    .padding-top-2xl {
        padding-top: 2.22222rem
    }
    .padding-bottom-2xl {
        padding-bottom: 2.22222rem
    }
    .padding-left-2xl {
        padding-left: 2.22222rem
    }
    .padding-right-2xl {
        padding-right: 2.22222rem
    }
    .padding-hori-2xl {
        padding-left: 2.22222rem;
        padding-right: 2.22222rem
    }
    .padding-vert-2xl {
        padding-top: 2.22222rem;
        padding-bottom: 2.22222rem
    }
    .padding-2xl {
        padding: 2.22222rem
    }
    .margin-top-2xl {
        margin-top: 2.22222rem
    }
    .margin-bottom-2xl {
        margin-bottom: 2.22222rem
    }
    .margin-left-2xl {
        margin-left: 2.22222rem
    }
    .margin-right-2xl {
        margin-right: 2.22222rem
    }
    .margin-hori-2xl {
        margin-left: 2.22222rem;
        margin-right: 2.22222rem
    }
    .margin-vert-2xl {
        margin-top: 2.22222rem;
        margin-bottom: 2.22222rem
    }
    .margin-2xl {
        margin: 2.22222rem
    }
}

.padding-top-xl {
    padding-top: 1.33333rem
}

.padding-bottom-xl {
    padding-bottom: 1.33333rem
}

.padding-left-xl {
    padding-left: 1.33333rem
}

.padding-right-xl {
    padding-right: 1.33333rem
}

.padding-hori-xl {
    padding-left: 1.33333rem;
    padding-right: 1.33333rem
}

.padding-vert-xl {
    padding-top: 1.33333rem;
    padding-bottom: 1.33333rem
}

.padding-xl {
    padding: 1.33333rem
}

.margin-top-xl {
    margin-top: 1.33333rem
}

.margin-bottom-xl {
    margin-bottom: 1.33333rem
}

.margin-left-xl {
    margin-left: 1.33333rem
}

.margin-right-xl {
    margin-right: 1.33333rem
}

.margin-hori-xl {
    margin-left: 1.33333rem;
    margin-right: 1.33333rem
}

.margin-vert-xl {
    margin-top: 1.33333rem;
    margin-bottom: 1.33333rem
}

.margin-xl {
    margin: 1.33333rem
}

@media (width>=1280px) {
    .padding-top-xl {
        padding-top: 1.77778rem
    }
    .padding-bottom-xl {
        padding-bottom: 1.77778rem
    }
    .padding-left-xl {
        padding-left: 1.77778rem
    }
    .padding-right-xl {
        padding-right: 1.77778rem
    }
    .padding-hori-xl {
        padding-left: 1.77778rem;
        padding-right: 1.77778rem
    }
    .padding-vert-xl {
        padding-top: 1.77778rem;
        padding-bottom: 1.77778rem
    }
    .padding-xl {
        padding: 1.77778rem
    }
    .margin-top-xl {
        margin-top: 1.77778rem
    }
    .margin-bottom-xl {
        margin-bottom: 1.77778rem
    }
    .margin-left-xl {
        margin-left: 1.77778rem
    }
    .margin-right-xl {
        margin-right: 1.77778rem
    }
    .margin-hori-xl {
        margin-left: 1.77778rem;
        margin-right: 1.77778rem
    }
    .margin-vert-xl {
        margin-top: 1.77778rem;
        margin-bottom: 1.77778rem
    }
    .margin-xl {
        margin: 1.77778rem
    }
}

.padding-top-lg {
    padding-top: .888889rem
}

.padding-bottom-lg {
    padding-bottom: .888889rem
}

.padding-left-lg {
    padding-left: .888889rem
}

.padding-right-lg {
    padding-right: .888889rem
}

.padding-hori-lg {
    padding-left: .888889rem;
    padding-right: .888889rem
}

.padding-vert-lg {
    padding-top: .888889rem;
    padding-bottom: .888889rem
}

.padding-lg {
    padding: .888889rem
}

.margin-top-lg {
    margin-top: .888889rem
}

.margin-bottom-lg {
    margin-bottom: .888889rem
}

.margin-left-lg {
    margin-left: .888889rem
}

.margin-right-lg {
    margin-right: .888889rem
}

.margin-hori-lg {
    margin-left: .888889rem;
    margin-right: .888889rem
}

.margin-vert-lg {
    margin-top: .888889rem;
    margin-bottom: .888889rem
}

.margin-lg {
    margin: .888889rem
}

@media (width>=1280px) {
    .padding-top-lg {
        padding-top: 1.33333rem
    }
    .padding-bottom-lg {
        padding-bottom: 1.33333rem
    }
    .padding-left-lg {
        padding-left: 1.33333rem
    }
    .padding-right-lg {
        padding-right: 1.33333rem
    }
    .padding-hori-lg {
        padding-left: 1.33333rem;
        padding-right: 1.33333rem
    }
    .padding-vert-lg {
        padding-top: 1.33333rem;
        padding-bottom: 1.33333rem
    }
    .padding-lg {
        padding: 1.33333rem
    }
    .margin-top-lg {
        margin-top: 1.33333rem
    }
    .margin-bottom-lg {
        margin-bottom: 1.33333rem
    }
    .margin-left-lg {
        margin-left: 1.33333rem
    }
    .margin-right-lg {
        margin-right: 1.33333rem
    }
    .margin-hori-lg {
        margin-left: 1.33333rem;
        margin-right: 1.33333rem
    }
    .margin-vert-lg {
        margin-top: 1.33333rem;
        margin-bottom: 1.33333rem
    }
    .margin-lg {
        margin: 1.33333rem
    }
}

.padding-top-md {
    padding-top: .666667rem
}

.padding-bottom-md {
    padding-bottom: .666667rem
}

.padding-left-md {
    padding-left: .666667rem
}

.padding-right-md {
    padding-right: .666667rem
}

.padding-hori-md {
    padding-left: .666667rem;
    padding-right: .666667rem
}

.padding-vert-md {
    padding-top: .666667rem;
    padding-bottom: .666667rem
}

.padding-md {
    padding: .666667rem
}

.margin-top-md {
    margin-top: .666667rem
}

.margin-bottom-md {
    margin-bottom: .666667rem
}

.margin-left-md {
    margin-left: .666667rem
}

.margin-right-md {
    margin-right: .666667rem
}

.margin-hori-md {
    margin-left: .666667rem;
    margin-right: .666667rem
}

.margin-vert-md {
    margin-top: .666667rem;
    margin-bottom: .666667rem
}

.margin-md {
    margin: .666667rem
}

@media (width>=1280px) {
    .padding-top-md {
        padding-top: .888889rem
    }
    .padding-bottom-md {
        padding-bottom: .888889rem
    }
    .padding-left-md {
        padding-left: .888889rem
    }
    .padding-right-md {
        padding-right: .888889rem
    }
    .padding-hori-md {
        padding-left: .888889rem;
        padding-right: .888889rem
    }
    .padding-vert-md {
        padding-top: .888889rem;
        padding-bottom: .888889rem
    }
    .padding-md {
        padding: .888889rem
    }
    .margin-top-md {
        margin-top: .888889rem
    }
    .margin-bottom-md {
        margin-bottom: .888889rem
    }
    .margin-left-md {
        margin-left: .888889rem
    }
    .margin-right-md {
        margin-right: .888889rem
    }
    .margin-hori-md {
        margin-left: .888889rem;
        margin-right: .888889rem
    }
    .margin-vert-md {
        margin-top: .888889rem;
        margin-bottom: .888889rem
    }
    .margin-md {
        margin: .888889rem
    }
}

.padding-top-sm {
    padding-top: .444444rem
}

.padding-bottom-sm {
    padding-bottom: .444444rem
}

.padding-left-sm {
    padding-left: .444444rem
}

.padding-right-sm {
    padding-right: .444444rem
}

.padding-hori-sm {
    padding-left: .444444rem;
    padding-right: .444444rem
}

.padding-vert-sm {
    padding-top: .444444rem;
    padding-bottom: .444444rem
}

.padding-sm {
    padding: .444444rem
}

.margin-top-sm {
    margin-top: .444444rem
}

.margin-bottom-sm {
    margin-bottom: .444444rem
}

.margin-left-sm {
    margin-left: .444444rem
}

.margin-right-sm {
    margin-right: .444444rem
}

.margin-hori-sm {
    margin-left: .444444rem;
    margin-right: .444444rem
}

.margin-vert-sm {
    margin-top: .444444rem;
    margin-bottom: .444444rem
}

.margin-sm {
    margin: .444444rem
}

@media (width>=1280px) {
    .padding-top-sm {
        padding-top: .444444rem
    }
    .padding-bottom-sm {
        padding-bottom: .444444rem
    }
    .padding-left-sm {
        padding-left: .444444rem
    }
    .padding-right-sm {
        padding-right: .444444rem
    }
    .padding-hori-sm {
        padding-left: .444444rem;
        padding-right: .444444rem
    }
    .padding-vert-sm {
        padding-top: .444444rem;
        padding-bottom: .444444rem
    }
    .padding-sm {
        padding: .444444rem
    }
    .margin-top-sm {
        margin-top: .444444rem
    }
    .margin-bottom-sm {
        margin-bottom: .444444rem
    }
    .margin-left-sm {
        margin-left: .444444rem
    }
    .margin-right-sm {
        margin-right: .444444rem
    }
    .margin-hori-sm {
        margin-left: .444444rem;
        margin-right: .444444rem
    }
    .margin-vert-sm {
        margin-top: .444444rem;
        margin-bottom: .444444rem
    }
    .margin-sm {
        margin: .444444rem
    }
}

.padding-top-xs {
    padding-top: .222222rem
}

.padding-bottom-xs {
    padding-bottom: .222222rem
}

.padding-left-xs {
    padding-left: .222222rem
}

.padding-right-xs {
    padding-right: .222222rem
}

.padding-hori-xs {
    padding-left: .222222rem;
    padding-right: .222222rem
}

.padding-vert-xs {
    padding-top: .222222rem;
    padding-bottom: .222222rem
}

.padding-xs {
    padding: .222222rem
}

.margin-top-xs {
    margin-top: .222222rem
}

.margin-bottom-xs {
    margin-bottom: .222222rem
}

.margin-left-xs {
    margin-left: .222222rem
}

.margin-right-xs {
    margin-right: .222222rem
}

.margin-hori-xs {
    margin-left: .222222rem;
    margin-right: .222222rem
}

.margin-vert-xs {
    margin-top: .222222rem;
    margin-bottom: .222222rem
}

.margin-xs {
    margin: .222222rem
}

@media (width>=1280px) {
    .padding-top-xs {
        padding-top: .222222rem
    }
    .padding-bottom-xs {
        padding-bottom: .222222rem
    }
    .padding-left-xs {
        padding-left: .222222rem
    }
    .padding-right-xs {
        padding-right: .222222rem
    }
    .padding-hori-xs {
        padding-left: .222222rem;
        padding-right: .222222rem
    }
    .padding-vert-xs {
        padding-top: .222222rem;
        padding-bottom: .222222rem
    }
    .padding-xs {
        padding: .222222rem
    }
    .margin-top-xs {
        margin-top: .222222rem
    }
    .margin-bottom-xs {
        margin-bottom: .222222rem
    }
    .margin-left-xs {
        margin-left: .222222rem
    }
    .margin-right-xs {
        margin-right: .222222rem
    }
    .margin-hori-xs {
        margin-left: .222222rem;
        margin-right: .222222rem
    }
    .margin-vert-xs {
        margin-top: .222222rem;
        margin-bottom: .222222rem
    }
    .margin-xs {
        margin: .222222rem
    }
}

.padding-top-none {
    padding-top: 0
}

.padding-bottom-none {
    padding-bottom: 0
}

.padding-left-none {
    padding-left: 0
}

.padding-right-none {
    padding-right: 0
}

.padding-hori-none {
    padding-left: 0;
    padding-right: 0
}

.padding-vert-none {
    padding-top: 0;
    padding-bottom: 0
}

.padding-none {
    padding: 0
}

.margin-top-none {
    margin-top: 0
}

.margin-bottom-none {
    margin-bottom: 0
}

.margin-left-none {
    margin-left: 0
}

.margin-right-none {
    margin-right: 0
}

.margin-hori-none {
    margin-left: 0;
    margin-right: 0
}

.margin-vert-none {
    margin-top: 0;
    margin-bottom: 0
}

.margin-none {
    margin: 0
}

@media (width>=1280px) {
    .padding-top-none {
        padding-top: 0
    }
    .padding-bottom-none {
        padding-bottom: 0
    }
    .padding-left-none {
        padding-left: 0
    }
    .padding-right-none {
        padding-right: 0
    }
    .padding-hori-none {
        padding-left: 0;
        padding-right: 0
    }
    .padding-vert-none {
        padding-top: 0;
        padding-bottom: 0
    }
    .padding-none {
        padding: 0
    }
    .margin-top-none {
        margin-top: 0
    }
    .margin-bottom-none {
        margin-bottom: 0
    }
    .margin-left-none {
        margin-left: 0
    }
    .margin-right-none {
        margin-right: 0
    }
    .margin-hori-none {
        margin-left: 0;
        margin-right: 0
    }
    .margin-vert-none {
        margin-top: 0;
        margin-bottom: 0
    }
    .margin-none {
        margin: 0
    }
}

.radius-md {
    border-radius: .888889rem
}

@media (width>=1280px) {
    .radius-md {
        border-radius: 1.33333rem
    }
}

.radius-sm {
    border-radius: .888889rem
}

@media (width>=1280px) {
    .radius-sm {
        border-radius: .888889rem
    }
}

.radius-xs {
    border-radius: .444444rem
}

@media (width>=1280px) {
    .radius-xs {
        border-radius: .444444rem
    }
}

.hamburger {
    cursor: pointer;
    background: 0 0;
    border: 0;
    width: 1.77778rem;
    height: 1.77778rem;
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

@media (width>=1024px) {
    .hamburger {
        display: none
    }
}

.hamburger:focus {
    outline: none
}

.hamburger__line {
    background: #fff;
    border-radius: 2px;
    width: 1.22222rem;
    height: 3px;
    transition: all .4s;
    display: block;
    position: absolute;
    left: .333333rem
}

.hamburger__line:first-child {
    top: 50%;
    transform: translateY(-50%)
}

.hamburger__line:nth-child(2) {
    top: 8px;
    transform: translateY(-50%)rotate(0)
}

.hamburger__line:nth-child(3) {
    top: 24px;
    transform: translateY(-50%)
}

.hamburger.open .hamburger__line:first-child {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%)rotate(45deg)rotateX(0)
}

.hamburger.open .hamburger__line:nth-child(2) {
    opacity: 1;
    top: 66%;
    transform: translateY(-50%)rotate(225deg)rotateY(90deg)
}

.hamburger.open .hamburger__line:nth-child(3) {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%)rotate(135deg)rotateX(0)
}

.notch-top:before {
    content: "";
    background-color: #000;
    border-radius: 0 0 .888889rem .888889rem;
    width: 4.66667rem;
    height: .888889rem;
    display: block;
    position: absolute;
    top: 0;
    right: 2.66667rem
}

@media (width>=768px) {
    .notch-top:before {
        border-radius: 0 0 1.33333rem 1.33333rem;
        width: 7.11111rem;
        height: 1.33333rem;
        right: 3.11111rem
    }
}

@media (width>=1280px) {
    .notch-top:before {
        border-radius: 0 0 1.77778rem 1.77778rem;
        width: 9.33333rem;
        height: 1.77778rem;
        right: max(4.44444rem, 50% - 39.5556rem)
    }
}

.notch-bottom:after {
    content: "";
    background-color: #000;
    border-radius: .888889rem .888889rem 0 0;
    width: 4.66667rem;
    height: .888889rem;
    display: block;
    position: absolute;
    bottom: 0;
    right: 2.66667rem
}

@media (width>=768px) {
    .notch-bottom:after {
        border-radius: 1.33333rem 1.33333rem 0 0;
        width: 7.11111rem;
        height: 1.33333rem;
        right: 3.11111rem
    }
}

@media (width>=1280px) {
    .notch-bottom:after {
        border-radius: 1.77778rem 1.77778rem 0 0;
        width: 9.33333rem;
        height: 1.77778rem;
        right: max(4.44444rem, 50% - 39.5556rem)
    }
}

html {
    color: #fff;
    background-color: #000;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    overflow-x: hidden
}

body {
    letter-spacing: -.01em;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5
}

@media (width<=767px) {
    body {
        font-size: .888889rem
    }
}

html:has(header .hamburger.open),
body:has(header .hamburger.open) {
    height: 100svh;
    overflow: clip
}

header {
    color: #fff;
    z-index: 10;
    background-color: #000;
    position: relative
}

header>.corridor {
    justify-content: space-between;
    align-items: center;
    display: flex
}

header .biff-logo {
    width: 6.27778rem;
    height: 2.66667rem
}

header nav.desktop-menu ul {
    align-items: stretch;
    gap: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

header nav.desktop-menu li {
    display: none
}

header nav.desktop-menu li:last-of-type {
    align-items: center;
    gap: .444444rem;
    line-height: 1;
    display: flex
}

header nav.desktop-menu a {
    color: #fff;
    text-decoration: none
}

header nav.desktop-menu a.active {
    color: #f3d200
}

@media (width>=1024px) {
    header nav.desktop-menu ul li {
        align-items: center;
        line-height: 1;
        display: flex
    }
    header nav.desktop-menu ul li+li:before {
        content: "/";
        color: #fff;
        margin-right: 1rem
    }
}

@media (width>=1280px) {
    header .biff-logo {
        width: 9.38889rem;
        height: 4rem
    }
}

footer .footer-top .biff-logo {
    width: 9.38889rem;
    height: 4rem
}

footer .footer-top .footer-dates {
    letter-spacing: -.01em;
    color: #f3d200;
    margin-top: 1.33333rem;
    font-family: TT Firs Neue, sans-serif;
    font-size: 3.88889rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

footer .footer-top .footer-dates b {
    font-weight: 700
}

footer .footer-contact {
    border-top: 1px solid #f3d200;
    border-bottom: 1px solid #f3d200
}

footer .footer-contact h5 {
    color: #f3d200
}

footer .footer-contact .socials {
    margin-bottom: 1.33333rem
}

footer .footer-menu h6 {
    color: #f3d200
}

footer .footer-menu .menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .footer-menu .menu ul a.active {
    text-decoration: underline
}

footer .footer-menu .relationships {
    color: #f3d200
}

footer .footer-menu .relationships .partners {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .888889rem 1.77778rem;
    width: 83.3333%;
    display: flex
}

footer .footer-menu .relationships .partners img {
    width: 4.83333rem;
    height: 2.66667rem
}

footer .footer-legals {
    color: #f3d200;
    border-top: 1px solid #f3d200
}

footer .footer-legals a {
    letter-spacing: -.01em;
    margin-left: .666667rem;
    font-family: TT Firs Neue, sans-serif;
    font-style: normal;
    font-weight: 600
}

footer .footer-legals a.active {
    text-decoration: underline
}

@media (width>=768px) {
    footer .footer-top .biff-logo {
        width: 8.33333rem;
        height: 3.55556rem
    }
    footer .footer-top .footer-dates {
        font-size: 4rem
    }
    footer .footer-menu .relationships .partners img {
        width: 6.44444rem;
        height: 3.55556rem
    }
}

@media (width>=1024px) {
    footer .footer-top {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
    footer .footer-top .footer-dates {
        margin-top: 0
    }
    footer .footer-contact {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
    footer .footer-contact h5 {
        margin: 0 .666667rem 0 0;
        display: inline-block
    }
    footer .footer-contact .socials {
        justify-content: flex-start;
        align-items: center;
        gap: .222222rem;
        margin-bottom: 0;
        display: flex
    }
    footer .footer-menu {
        justify-content: space-between;
        align-items: flex-start;
        gap: 1.33333rem;
        display: flex
    }
    footer .footer-menu h6 {
        color: #f3d200
    }
    footer .footer-menu .menu {
        width: calc(33.33% - .666667rem)
    }
    footer .footer-menu .relationships {
        width: calc(66.66% - .666667rem)
    }
}

@media (width>=1280px) {
    footer .footer-top .biff-logo {
        width: 12.5556rem;
        height: 5.33333rem
    }
    footer .footer-top .footer-dates {
        font-size: 7.11111rem
    }
    footer .footer-menu .menu,
    footer .footer-menu .relationships {
        width: calc(50% - .666667rem)
    }
    footer .footer-legals a {
        margin-left: .888889rem
    }
}

.mobile-menu {
    z-index: 5;
    pointer-events: none;
    background-color: #0000;
    width: 100%;
    height: calc(100svh - 4.44444rem);
    transition: all 1.2s;
    position: absolute;
    top: 4.44444rem;
    left: 0
}

.mobile-menu nav {
    letter-spacing: -.01em;
    background-color: #000;
    font-family: TT Firs Neue, sans-serif;
    font-style: normal;
    font-weight: 600;
    transition: all .6s;
    position: relative;
    transform: translateY(-200%)
}

.mobile-menu nav ul {
    flex-direction: column;
    align-items: stretch;
    gap: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.mobile-menu nav a {
    color: #fff;
    text-decoration: none
}

.mobile-menu nav a.active {
    color: #f3d200
}

.mobile-menu nav a:before {
    content: "/";
    color: #f3d200;
    margin-right: .888889rem;
    font-weight: 400
}

@media (width>=1024px) {
    .mobile-menu {
        display: none
    }
}

header:has(.hamburger.open)+.mobile-menu {
    pointer-events: all;
    background-color: #0009
}

header:has(.hamburger.open)+.mobile-menu nav {
    transform: translateY(0)
}

.banner-home {
    background-color: #000
}

.banner-home .bg {
    background-image: url(banner-bg.865e849a.png);
    background-position: 50%;
    background-size: cover;
    position: absolute;
    inset: 0
}

.banner-home .bg .bg-video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.banner-home .corridor {
    z-index: 1;
    position: relative
}

.banner-home .date {
    letter-spacing: -.01em;
    color: #f3d200;
    font-family: TT Firs Neue, sans-serif;
    font-size: 2.44444rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.banner-home .date b {
    font-weight: 700
}

.banner-home .big-b {
    aspect-ratio: 384/364;
    width: 100%;
    margin: 0;
    mask-image: url(#b-mask);
    mask-position: 50%;
    mask-size: 100% 100%;
    mask-repeat: no-repeat
}

.banner-home .big-b img,
.banner-home .big-b video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.banner-home .emotions ul {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.banner-home .emotions ul li {
    color: #ffffff4d;
    text-transform: uppercase;
    margin-bottom: .222222rem;
    font-size: 1.33333rem;
    line-height: 1;
    transition: all .3s;
    display: inline-block
}

.banner-home .emotions ul li.active {
    color: #f3d200;
    font-size: 1.77778rem
}

.banner-home .emotions ul li+li {
    margin-left: .666667rem
}

.banner-home .hidden-svg {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden
}

@media (width>=768px) {
    .banner-home .date,
    .banner-home .big-b {
        width: 75%;
        margin: 0 auto
    }
    .banner-home .emotions ul li {
        font-size: 1.44444rem
    }
    .banner-home .emotions ul li.active {
        font-size: 2.11111rem
    }
}

@media (width>=1024px) {
    .banner-home .date {
        text-align: right;
        width: 25%;
        margin: 0;
        font-size: 3.11111rem
    }
    .banner-home .date b {
        display: block
    }
    .banner-home .corridor {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
    .banner-home .big-b {
        width: 20.6111rem;
        margin: 0
    }
    .banner-home .emotions {
        width: 25%
    }
    .banner-home .emotions ul li {
        display: block
    }
    .banner-home .emotions ul li+li {
        margin-left: 0
    }
}

@media (width>=1280px) {
    .banner-home .big-b {
        width: 30.5rem
    }
    .banner-home .emotions ul li {
        font-size: 1.77778rem
    }
    .banner-home .emotions ul li.active {
        font-size: 2.66667rem
    }
    .banner-home .date {
        font-size: 4rem
    }
}

.banner-image {
    color: #f3d200;
    background-color: #000
}

.banner-image img {
    width: 100%;
    display: block
}

.banner-image .overlay {
    pointer-events: none;
    background: linear-gradient(#0000 60%, #0003 100%);
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    position: absolute;
    inset: 0
}

.banner-simple {
    color: #f3d200;
    background-color: #000
}

@media (width>=1280px) {
    .content-simple .content {
        width: 66.66%
    }
}

.content-two-column {
    color: #000
}

.content-two-column .column:first-of-type {
    margin-bottom: 1.33333rem
}

@media (width>=1024px) {
    .content-two-column .corridor {
        justify-content: space-between;
        align-items: flex-start;
        gap: .666667rem;
        display: flex
    }
    .content-two-column .corridor .column {
        width: 50%
    }
    .content-two-column .corridor .column:first-of-type {
        width: 41.6667%;
        margin-bottom: 0
    }
}

.image-banner img {
    width: 100%;
    display: block
}

.image-banner .overlay {
    pointer-events: none;
    background: linear-gradient(#0000 60%, #0003 100%);
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    position: absolute;
    inset: 0
}

.faqs .faq {
    border-bottom: 1px solid #fff6;
    transition: all .3s
}

.faqs .faq .faq-title {
    color: #fff;
    cursor: pointer;
    padding-right: 2.66667rem;
    transition: all .3s;
    position: relative
}

.faqs .faq .faq-title .faq-control {
    background-color: #fff;
    border-radius: 50%;
    width: 1.33333rem;
    height: 1.33333rem;
    transition: all .3s;
    position: absolute;
    top: .111111rem;
    right: 0
}

.faqs .faq .faq-title .faq-control:after,
.faqs .faq .faq-title .faq-control:before {
    content: "";
    transform-origin: 50%;
    background-color: #000;
    width: .555556rem;
    height: .111111rem;
    transition: all .3s;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.faqs .faq .faq-title .faq-control:after {
    transform: translate(-50%, -50%)rotate(90deg)
}

.faqs .faq .faq-content {
    display: none
}

.faqs .faq:first-of-type {
    border-top: 1px solid #fff6
}

.faqs .faq.open {
    border-bottom: 2px solid #f3d200
}

.faqs .faq.open .faq-title {
    color: #f3d200
}

.faqs .faq.open .faq-title .faq-control {
    background-color: #f3d200
}

.faqs .faq.open .faq-title .faq-control:after {
    transform: translate(-50%, -50%)rotate(0)
}

.faqs .faq.open .faq-content {
    display: block
}

.faqs .faq.open:first-of-type {
    border-top: 1px solid #f3d20066
}

.faqs .faq:has(+.faq.open) {
    border-bottom: 1px solid #f3d20066
}

.member-list .members-list {
    flex-wrap: wrap;
    gap: 1.77778rem .888889rem;
    display: flex
}

.member-list .member {
    width: calc(50% - .444444rem)
}

.member-list .member img {
    width: 9.22222rem
}

.member-list .member .member-type {
    font-weight: 400
}

@media (width>=1024px) {
    .member-list .members-list {
        gap: 2.66667rem 1.33333rem
    }
    .member-list .member {
        width: calc(25% - 1rem)
    }
}

.member-list.team .member img {
    border-radius: .888889rem;
    width: 5.33333rem
}

@media (width>=1024px) {
    .member-list.team .member img {
        border-radius: 1.33333rem;
        width: 7.11111rem
    }
}

.emotion-sampler .emotion-tabs {
    gap: .666667rem;
    display: flex
}

.emotion-sampler .emotion-tabs span {
    white-space: nowrap;
    cursor: pointer
}

.emotion-sampler .emotion-tabs span.active {
    color: #fff
}

.emotion-sampler .emotion-tabs span.active:before {
    color: #000
}

.emotion-sampler .emotion-tabs span+span:before {
    content: "/";
    margin-right: .666667rem
}

.emotion-sampler .events-list {
    grid-gap: .888889rem;
    aspect-ratio: 704/944;
    grid-template-rows: 25% 50% 25%;
    grid-template-columns: repeat(2, 1fr);
    display: grid
}

.emotion-sampler .event {
    background: #000;
    position: relative
}

.emotion-sampler .event:nth-of-type(3) {
    grid-column: span 2
}

.emotion-sampler .event:after {
    content: "";
    z-index: 1;
    background: linear-gradient(#0000 40%, #0009 100%);
    transition: all .3s;
    display: block;
    position: absolute;
    inset: 0
}

.emotion-sampler .event .arrow {
    z-index: 2;
    opacity: 0;
    border: 2px solid #f3d200;
    border-width: 2px 2px 0 0;
    width: 24px;
    height: 24px;
    transition: all .3s;
    position: absolute;
    top: 24px;
    right: 24px
}

.emotion-sampler .event .arrow:after {
    content: "";
    transform-origin: 100%;
    background: #f3d200;
    width: 28px;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(-45deg)
}

.emotion-sampler .event .event-title {
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
    line-height: 1;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 0
}

.emotion-sampler .event img {
    object-fit: cover;
    object-position: center;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: all .3s;
    display: block
}

@media (hover:hover) {
    .emotion-sampler .event:hover img {
        opacity: .6
    }
    .emotion-sampler .event:hover .arrow {
        opacity: 1;
        top: 0;
        right: 0
    }
    .emotion-sampler .event:hover .event-title {
        color: #f3d200
    }
}

@media (width>=1024px) {
    .emotion-sampler .events-list {
        grid-gap: 1.33333rem;
        aspect-ratio: 1416/607;
        grid-template-rows: 50% 50%;
        grid-template-columns: repeat(3, 1fr)
    }
    .emotion-sampler .event:nth-of-type(3) {
        grid-column: span 1
    }
    .emotion-sampler .event:nth-of-type(2) {
        grid-row: span 2
    }
}

.section {
    position: relative
}

.corridor {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.27778rem;
    padding-right: 1.27778rem
}

@media (width>=768px) {
    .corridor {
        padding-left: 1.77778rem;
        padding-right: 1.77778rem
    }
}

@media (width>=1280px) {
    .corridor {
        max-width: 88rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2.66667rem;
        padding-right: 2.66667rem
    }
}

/*# sourceMappingURL=about.00ded210.css.map */