.header-with-background{color:#f1eee5;width:fit-content;line-height:unset;opacity:1;transition:opacity 1s}.header-with-background--default{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(62px*var(--typography-scale-font-size-burlesk-display2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(62px*var(--typography-scale-line-height-burlesk-display2, var(--typography-scale-line-height-burlesk, 1)))}.header-with-background--default em,.header-with-background--default i{font-style:normal}.header-with-background--small{font-family:"Windlass","Georgia","serif";font-size:calc(21px*var(--typography-scale-font-size-windlass-heading3, var(--typography-scale-font-size-windlass, 1)));line-height:calc(26px*var(--typography-scale-line-height-windlass-heading3, var(--typography-scale-line-height-windlass, 1)))}.header-with-background--small em,.header-with-background--small i{font-style:normal}.header-with-background--header-green{color:#34da9e}.header-with-background--hidden{opacity:0;transition:opacity 0}.header-with-background span{position:relative;display:inline;padding:0 16px;background-image:url("../assets/text-bg.svg");background-position-y:50%;background-size:100% 73%;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}html[lang=zh-tw] .header-with-background span{background-position-y:80%;background-size:100% 83%;padding-bottom:10px}html[lang=ru] .header-with-background span{background-position-y:0;background-size:100% 100%;padding-top:10px}html[lang=zh-cn] .header-with-background span{padding-bottom:10px}html[lang=ko] .header-with-background span{background-position-y:67%;padding-bottom:10px}@media screen and (min-width: 720px){.header-with-background--default{font-size:calc(96px*var(--typography-scale-font-size-burlesk-display2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(84px*var(--typography-scale-line-height-burlesk-display2, var(--typography-scale-line-height-burlesk, 1)))}.header-with-background--small{font-size:calc(21px*var(--typography-scale-font-size-windlass-heading3, var(--typography-scale-font-size-windlass, 1)));line-height:calc(26px*var(--typography-scale-line-height-windlass-heading3, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1024px){.header-with-background--default{font-size:calc(96px*var(--typography-scale-font-size-burlesk-display2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(84px*var(--typography-scale-line-height-burlesk-display2, var(--typography-scale-line-height-burlesk, 1)))}.header-with-background--small{font-size:calc(21px*var(--typography-scale-font-size-windlass-heading3, var(--typography-scale-font-size-windlass, 1)));line-height:calc(26px*var(--typography-scale-line-height-windlass-heading3, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1200px){.header-with-background--default{font-size:calc(142px*var(--typography-scale-font-size-burlesk-display2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(124px*var(--typography-scale-line-height-burlesk-display2, var(--typography-scale-line-height-burlesk, 1)))}.header-with-background--small{font-size:calc(24px*var(--typography-scale-font-size-windlass-heading3, var(--typography-scale-font-size-windlass, 1)));line-height:calc(30px*var(--typography-scale-line-height-windlass-heading3, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1440px){.header-with-background--default{font-size:calc(142px*var(--typography-scale-font-size-burlesk-display2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(124px*var(--typography-scale-line-height-burlesk-display2, var(--typography-scale-line-height-burlesk, 1)))}.header-with-background--small{font-size:calc(24px*var(--typography-scale-font-size-windlass-heading3, var(--typography-scale-font-size-windlass, 1)));line-height:calc(30px*var(--typography-scale-line-height-windlass-heading3, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 2000px){.header-with-background--default{font-size:calc(196px*var(--typography-scale-font-size-burlesk-display2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(192px*var(--typography-scale-line-height-burlesk-display2, var(--typography-scale-line-height-burlesk, 1)))}.header-with-background--small{font-size:calc(29px*var(--typography-scale-font-size-windlass-heading3, var(--typography-scale-font-size-windlass, 1)));line-height:calc(34px*var(--typography-scale-line-height-windlass-heading3, var(--typography-scale-line-height-windlass, 1)))}}
.generic-header-with-text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:64px auto}.generic-header-with-text .header-with-background{color:#34da9e;margin-bottom:24px}.generic-header-with-text__text{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)));max-width:80%;color:#f1eee5}.generic-header-with-text__text em,.generic-header-with-text__text i{font-style:normal}.generic-header-with-text__text p{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)));color:#f1eee5;padding-bottom:16px}.generic-header-with-text__text p em,.generic-header-with-text__text p i{font-style:normal}@media screen and (min-width: 720px){.generic-header-with-text__text{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.generic-header-with-text__text p{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1024px){.generic-header-with-text__text{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.generic-header-with-text__text{max-width:60%}.generic-header-with-text__text p{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1200px){.generic-header-with-text__text{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.generic-header-with-text__text p{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1440px){.generic-header-with-text__text{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.generic-header-with-text__text p{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 2000px){.generic-header-with-text__text{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.generic-header-with-text__text p{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}}
