@media (max-width: 767px) { .lf-top-banner { display: none; } }   .lf-top-banner-mobile { padding-top: var(--space-m); padding-bottom: var(--space-m); position: relative; display: none; background-color: var(--base); }  @media (max-width: 767px) { .lf-top-banner-mobile { display: flex; } }  @media (max-width: 767px) { .lf-top-banner-mobile { display: flex; } }  .lf-top-banner-mobile__container { align-items: center; flex-direction: column; row-gap: 0px; z-index: 3; }  .lf-top-banner-mobile__info-text-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-direction: row; }  .lf-top-banner-mobile__info-text { font-family: "Outfit"; color: #ffffff; font-weight: 600; font-size: var(--h5); }  .lf-top-banner-mobile__heading-wrap { text-align: center; align-self: center !important; display: flex; flex-direction: column; position: relative; align-items: center; margin-top: var(--space-s); margin-bottom: var(--space-xxl); }  .lf-top-banner-mobile__heading { color: #ffffff; font-family: "Outfit"; font-size: calc(var(--h1) * 1.25); display: flex; flex-direction: column; }   .lf-top-banner-mobile__heading span { color: #fff !important; font-size: var(--h3); line-height: 1.2; }  .lf-top-banner-mobile__edition-wrap { background-color: #ffde65; border-radius: 32px; padding-top: 4px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; transform: rotateZ(-5deg) translateY(100%); position: absolute; right: -20px; bottom: 0px; display: flex; font-family: "Outfit"; text-transform: uppercase; font-weight: 800; line-height: 1; color: #000000; font-size: var(--text-s); column-gap: 6px; flex-direction: row; }  .lf-top-banner-mobile__button { border-top-width: 2px; border-top-style: solid; border-top-color: #ffffff; border-right-width: 2px; border-right-style: solid; border-right-color: #ffffff; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ffffff; border-left-width: 2px; border-left-style: solid; border-left-color: #ffffff; border-radius: 32px; color: #ffffff; text-transform: uppercase; font-weight: 700; line-height: 1; font-family: "TiemposHeadline"; font-size: var(--h3); padding-top: 8px; padding-bottom: 4px; }  .lf-top-banner-mobile__button:hover { background-color: #ffffff; color: var(--base); }  .lf-top-banner-mobile__logo-content { display: flex; flex-direction: column; align-items: center; row-gap: var(--space-xs); margin-top: var(--space-m); }  .lf-top-banner-mobile__logo-text { color: #ffffff; font-style: italic; font-size: var(--text-s); line-height: 1.2; }  .lf-top-banner-mobile__logo-wrap { display: flex; align-items: center; column-gap: var(--space-m); flex-direction: row; }  .lf-top-banner-mobile__logo-image:not(.tag), .lf-top-banner-mobile__logo-image img { object-fit: contain; }  .lf-top-banner-mobile__logo-image { width: 120px; }  .lf-top-banner-mobile__image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; }  :where(.lf-top-banner-mobile__image > *) { position: relative }  .lf-top-banner-mobile__image::before { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }  .lf-top-banner-mobile__image:not(.tag), .lf-top-banner-mobile__image img { object-fit: cover; }