.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-title-header{color:#f1eee5;margin-bottom:40px}.generic-title-header span{position:relative;display:inline-block}
.social-roundels__heading{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)));text-align:left}.social-roundels__heading em,.social-roundels__heading i{font-style:normal}.social-roundels__heading .underlined-heading-underscore{width:100%}.social-roundels__heading .underlined-heading-underscore::after{background:url("../assets/underlined-heading/sub-heading-line--clark-gable-green.svg") no-repeat 50% 50%/cover;width:98%;bottom:-15px;left:unset;height:5px}.social-roundels__roundels{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;-ms-flex-pack:start;justify-content:flex-start;gap:16px}.social-roundels__roundels .roundel{width:64px;height:64px}.social-roundels__roundels .roundel::after{top:25%;left:25%;height:50%;width:50%}.social-roundels__roundels .roundel--discord::after{background:url("../assets/social-callout/discord.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--youtube::after{background:url("../assets/social-callout/youtube.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--twitter::after{background:url("../assets/social-callout/twitter.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--instagram::after{background:url("../assets/social-callout/instagram.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--facebook::after{background:url("../assets/social-callout/facebook.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--tiktok::after{background:url("../assets/social-callout/tiktok.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--twitch::after{background:url("../assets/social-callout/twitch.svg") no-repeat 50% 50%}.social-roundels__roundels .roundel--bluesky::after{background:url("../assets/social-callout/bluesky.svg") no-repeat 50% 50%}.social-roundels--default .social-roundels__heading{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(50px*var(--typography-scale-font-size-burlesk-display3, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(50px*var(--typography-scale-line-height-burlesk-display3, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .social-roundels__heading em,.social-roundels--default .social-roundels__heading i{font-style:normal}.social-roundels--default .social-roundels__roundels{-ms-flex-pack:center;justify-content:center}.social-roundels--default .header-with-background{width:100%;margin-bottom:24px}.social-roundels--default .header-with-background span{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(36px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(40px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .header-with-background span em,.social-roundels--default .header-with-background span i{font-style:normal}@media screen and (min-width: 480px){.social-roundels__roundels{gap:24px}.social-roundels__roundels .roundel{width:90px;height:90px}}@media screen and (min-width: 720px){.social-roundels__heading{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .social-roundels__heading{font-size:calc(62px*var(--typography-scale-font-size-burlesk-display3, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-display3, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .header-with-background span{font-size:calc(48px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1024px){.social-roundels__heading{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .social-roundels__heading{font-size:calc(62px*var(--typography-scale-font-size-burlesk-display3, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-display3, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .header-with-background span{font-size:calc(48px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1200px){.social-roundels__heading{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .social-roundels__heading{font-size:calc(96px*var(--typography-scale-font-size-burlesk-display3, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(84px*var(--typography-scale-line-height-burlesk-display3, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .header-with-background span{font-size:calc(76px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1440px){.social-roundels__heading{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels__heading .underlined-heading-underscore::after{width:100%}.social-roundels--default .social-roundels__heading{font-size:calc(96px*var(--typography-scale-font-size-burlesk-display3, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(84px*var(--typography-scale-line-height-burlesk-display3, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .header-with-background span{font-size:calc(76px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 2000px){.social-roundels__heading{font-size:calc(50px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .social-roundels__heading{font-size:calc(142px*var(--typography-scale-font-size-burlesk-display3, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(124px*var(--typography-scale-line-height-burlesk-display3, var(--typography-scale-line-height-burlesk, 1)))}.social-roundels--default .header-with-background span{font-size:calc(96px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(84px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}}
