#fw-section-custom-html-64959477-911d-4210-98c7-e5feb25e0c0e {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-custom-html-e5bc0c3a-e5a8-4148-91c9-c7203f51faf2 {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231 {
--font-heading-scale: 0.9;
--font-body-scale: 1.35;
}
#fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231 {
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"] {
position: relative;
margin: 0;
padding: 0;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__container {
position: relative;
min-height: 320px;
overflow: hidden;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.section-background__image {
background-size: cover;
background-repeat: no-repeat;
background-position: 70% center;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.section-background::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.78) 0%,
rgba(0, 0, 0, 0.58) 32%,
rgba(0, 0, 0, 0.22) 55%,
rgba(0, 0, 0, 0) 76%
);
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__inner {
position: relative;
z-index: 2;
display: flex;
min-height: 320px;
align-items: center;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__content {
width: 100%;
max-width: 760px;
text-align: left;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__heading {
max-width: 760px;
margin: 0 0 14px;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__text {
max-width: 620px;
margin: 0;
font-size: 1.2rem;
}
@media (max-width: 900px) {
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.section-background__image {
background-position: 72% center;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__content {
max-width: 68%;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__text {
font-size: 1.1rem;
}
}
@media (max-width: 600px) {
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__container,
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__inner {
min-height: 300px;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.section-background__image {
background-position: 76% center;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__content {
max-width: 66%;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.hero__text {
font-size: 1rem;
}
section[data-section-id="fw-section-hero-bb706996-f62f-41ff-b2fa-41f970833231"]
.section-background::after {
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.84) 0%,
rgba(0, 0, 0, 0.68) 48%,
rgba(0, 0, 0, 0.24) 100%
);
}
}
}
#fw-section-custom-html-3ab17eee-dafb-4c3c-adc0-d7179f778911 {
--font-heading-scale: 1.45;
--font-body-scale: 1.0;
}
#fw-section-custom-html-3ab17eee-dafb-4c3c-adc0-d7179f778911 {
section.custom-html:has(section.core-values-section) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.core-values-section) > div,
section.custom-html:has(section.core-values-section) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.core-values-section {
--section-accent: #00c8c8;
--values-background: #171027;
--values-background-mid: #211138;
--values-background-deep: #0d0b18;
--values-card: rgba(58, 31, 91, 0.5);
--values-card-hover: rgba(65, 35, 102, 0.58);
--values-border: rgba(255, 255, 255, 0.17);
--values-border-hover: rgba(0, 200, 200, 0.38);
--values-outline: rgba(139, 92, 246, 0.14);
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background:
linear-gradient(
110deg,
var(--values-background) 0%,
var(--values-background-mid) 48%,
var(--values-background-deep) 100%
);
}
section.core-values-section,
section.core-values-section *,
section.core-values-section *::before,
section.core-values-section *::after {
box-sizing: border-box;
}
section.core-values-section .core-values-section__outline {
position: absolute;
top: 22px;
left: 4%;
z-index: 0;
width: 92%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(110px, 14vw, 250px);
font-weight: 800;
line-height: 0.8;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--values-outline);
}
section.core-values-section .core-values-section__inner {
position: relative;
z-index: 1;
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 44px 0 48px;
}
section.core-values-section .core-values-section__header {
margin: 0 0 24px;
text-align: center;
}
section.core-values-section h6.core-values-section__eyebrow {
margin-top: 0;
color: var(--section-accent);
}
section.core-values-section .core-values-section__heading {
margin-bottom: 0;
}
section.core-values-section .core-values-section__divider {
margin: 14px auto 0;
background-color: var(--section-accent);
}
section.core-values-section .core-values-section__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
section.core-values-section .core-values-section__card {
display: flex;
min-width: 0;
min-height: 250px;
margin: 0;
padding: 28px 22px;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid var(--values-border);
border-radius: 12px;
background-color: var(--values-card);
text-align: center;
transition:
border-color 180ms ease,
background-color 180ms ease,
transform 180ms ease;
}
section.core-values-section .core-values-section__icon {
display: flex;
width: 54px;
height: 54px;
margin: 0 0 16px;
align-items: center;
justify-content: center;
color: var(--section-accent);
}
section.core-values-section .core-values-section__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
section.core-values-section .core-values-section__title {
margin: 0;
}
section.core-values-section .core-values-section__card-divider {
width: 34px;
height: 2px;
margin: 13px 0;
background-color: var(--section-accent);
}
section.core-values-section .core-values-section__copy {
max-width: 230px;
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
section.core-values-section .core-values-section__card:hover {
border-color: var(--values-border-hover);
background-color: var(--values-card-hover);
transform: translateY(-3px);
}
}
@media (max-width: 1200px) {
section.core-values-section {
overflow: visible;
}
section.core-values-section .core-values-section__inner {
width: calc(100% - 64px);
padding: 40px 0 44px;
}
section.core-values-section .core-values-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
section.core-values-section .core-values-section__card {
min-height: 190px;
padding: 22px 18px;
}
section.core-values-section .core-values-section__icon {
width: 44px;
height: 44px;
margin-bottom: 11px;
}
}
@media (max-width: 600px) {
section.core-values-section .core-values-section__inner {
width: calc(100% - 32px);
padding: 34px 0 38px;
}
section.core-values-section .core-values-section__header {
margin-bottom: 18px;
}
section.core-values-section .core-values-section__grid {
gap: 9px;
}
section.core-values-section .core-values-section__card {
min-height: 0;
padding: 18px 10px;
}
section.core-values-section .core-values-section__icon {
width: 36px;
height: 36px;
}
section.core-values-section .core-values-section__card-divider {
width: 28px;
margin: 9px 0;
}
section.core-values-section .core-values-section__copy {
max-width: 160px;
}
}
@media (prefers-reduced-motion: reduce) {
section.core-values-section .core-values-section__card {
transition: none;
}
}
}
#fw-section-custom-html-af231828-973e-4835-b597-60c0e39aa226 {
--font-heading-scale: 1.45;
--font-body-scale: 1.0;
}
#fw-section-custom-html-af231828-973e-4835-b597-60c0e39aa226 {
section.custom-html:has(section.setup-section) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.setup-section) > div,
section.custom-html:has(section.setup-section) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.setup-section {
--setup-accent: #00c8c8;
--setup-line: rgba(255, 255, 255, 0.12);
--setup-card: rgba(255, 255, 255, 0.025);
--setup-card-hover: rgba(255, 255, 255, 0.04);
--setup-outline: rgba(0, 200, 200, 0.1);
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: transparent;
}
section.setup-section,
section.setup-section *,
section.setup-section *::before,
section.setup-section *::after {
box-sizing: border-box;
}
section.setup-section .setup-section__outline {
position: absolute;
top: 18px;
left: 5%;
z-index: 0;
width: 90%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(110px, 15vw, 260px);
font-weight: 800;
line-height: 0.8;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--setup-outline);
}
section.setup-section .setup-section__inner {
position: relative;
z-index: 1;
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 42px 0 46px;
}
section.setup-section .setup-section__header {
max-width: 680px;
margin: 0 0 24px;
}
section.setup-section h6.setup-section__eyebrow {
margin-top: 0;
color: var(--setup-accent);
}
section.setup-section .setup-section__heading {
margin-bottom: 0;
}
section.setup-section .setup-section__divider {
margin-top: 14px;
background-color: var(--setup-accent);
}
section.setup-section .setup-section__intro {
margin-top: 14px;
margin-bottom: 0;
}
section.setup-section .setup-section__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
section.setup-section .setup-section__card {
display: flex;
min-width: 0;
margin: 0;
padding: 22px;
flex-direction: column;
border: 1px solid var(--setup-line);
border-radius: 14px;
background-color: var(--setup-card);
transition:
border-color 180ms ease,
background-color 180ms ease,
transform 180ms ease;
}
section.setup-section .setup-section__card-heading {
display: flex;
gap: 14px;
margin: 0 0 18px;
align-items: flex-start;
}
section.setup-section .setup-section__icon {
display: flex;
width: 40px;
height: 40px;
flex: 0 0 40px;
align-items: center;
justify-content: center;
color: var(--setup-accent);
}
section.setup-section .setup-section__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
section.setup-section .setup-section__card-title {
margin: 0;
}
section.setup-section .setup-section__card-subtitle {
margin: 4px 0 0;
}
section.setup-section .setup-section__specs {
display: grid;
margin: 0;
padding: 0;
}
section.setup-section .setup-section__spec {
display: grid;
grid-template-columns: minmax(82px, 0.4fr) minmax(0, 1fr);
gap: 12px;
margin: 0;
padding: 9px 0;
border-top: 1px solid var(--setup-line);
}
section.setup-section .setup-section__spec:first-child {
padding-top: 0;
border-top: 0;
}
section.setup-section .setup-section__spec dt,
section.setup-section .setup-section__spec dd {
margin: 0;
padding: 0;
}
section.setup-section .setup-section__spec dt {
color: var(--setup-accent);
}
@media (hover: hover) and (pointer: fine) {
section.setup-section .setup-section__card:hover {
border-color: rgba(0, 200, 200, 0.32);
background-color: var(--setup-card-hover);
transform: translateY(-3px);
}
}
@media (max-width: 1200px) {
section.setup-section {
overflow: visible;
}
section.setup-section .setup-section__inner {
width: calc(100% - 64px);
padding: 38px 0 42px;
}
section.setup-section .setup-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
section.setup-section .setup-section__card--rig {
grid-column: 1 / -1;
}
section.setup-section .setup-section__card--rig .setup-section__specs {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 24px;
}
}
@media (max-width: 600px) {
section.setup-section .setup-section__inner {
width: calc(100% - 32px);
padding: 32px 0 36px;
}
section.setup-section .setup-section__grid {
grid-template-columns: 1fr;
gap: 10px;
}
section.setup-section .setup-section__card--rig {
grid-column: auto;
}
section.setup-section .setup-section__card--rig .setup-section__specs {
grid-template-columns: 1fr;
}
section.setup-section .setup-section__card {
padding: 18px 14px;
}
section.setup-section .setup-section__card-heading {
gap: 10px;
margin-bottom: 14px;
}
section.setup-section .setup-section__icon {
width: 34px;
height: 34px;
flex-basis: 34px;
}
section.setup-section .setup-section__spec {
grid-template-columns: minmax(74px, 0.38fr) minmax(0, 1fr);
gap: 10px;
padding: 7px 0;
}
}
@media (prefers-reduced-motion: reduce) {
section.setup-section .setup-section__card {
transition: none;
}
}
}
#fw-section-custom-html-a73cd638-a0e4-4b63-9437-54d2f924bf96 {
--font-heading-scale: 1.45;
--font-body-scale: 1.0;
}
#fw-section-custom-html-a73cd638-a0e4-4b63-9437-54d2f924bf96 {
section.custom-html:has(section.drivers-section) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.drivers-section) > div,
section.custom-html:has(section.drivers-section) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.drivers-section {
--section-accent: #7436c9;
--section-card: rgba(4, 39, 43, 0.26);
--section-card-hover: rgba(4, 39, 43, 0.34);
--section-card-line: rgba(255, 255, 255, 0.16);
--section-outline: rgba(255, 255, 255, 0.065);
position: relative;
width: 100%;
margin: 0;
padding: 40px 0;
overflow: hidden;
background:
linear-gradient(
110deg,
#0bb4b4 0%,
#087d80 48%,
#034d56 100%
);
}
section.drivers-section,
section.drivers-section *,
section.drivers-section *::before,
section.drivers-section *::after {
box-sizing: border-box;
}
section.drivers-section .drivers-section__outline {
position: absolute;
top: 12px;
left: 3%;
z-index: 0;
width: 94%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(100px, 15vw, 250px);
font-weight: 800;
line-height: 0.8;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--section-outline);
}
section.drivers-section .drivers-section__inner {
position: relative;
z-index: 1;
width: calc(100% - 80px);
max-width: 1480px;
margin: 0 auto;
}
section.drivers-section .drivers-section__header {
max-width: 900px;
margin: 0 auto 22px;
text-align: center;
}
section.drivers-section .drivers-section__eyebrow {
margin: 0;
color: var(--section-accent);
}
section.drivers-section .drivers-section__heading {
margin: 8px 0 0;
}
section.drivers-section .drivers-section__divider {
width: 46px;
height: 2px;
margin: 12px auto 0;
background-color: var(--section-accent);
}
section.drivers-section .drivers-section__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
width: 100%;
align-items: stretch;
}
section.drivers-section .drivers-section__card {
display: flex;
min-width: 0;
margin: 0;
overflow: hidden;
flex-direction: column;
border: 1px solid var(--section-card-line);
border-radius: 14px;
background-color: var(--section-card);
transition:
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
section.drivers-section .drivers-section__media {
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.12);
}
section.drivers-section .drivers-section__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--driver-image-position, 50% 50%);
}
section.drivers-section .drivers-section__content {
display: flex;
min-width: 0;
padding: 18px 20px 20px;
flex: 1;
flex-direction: column;
align-items: flex-start;
}
section.drivers-section .drivers-section__name {
margin: 0;
}
section.drivers-section .drivers-section__role {
margin: 5px 0 0;
color: var(--section-accent);
}
section.drivers-section .drivers-section__bio {
margin: 12px 0 0;
}
section.drivers-section .drivers-section__actions {
margin-top: auto;
padding-top: 16px;
}
@media (hover: hover) and (pointer: fine) {
section.drivers-section .drivers-section__card:hover {
border-color: rgba(255, 255, 255, 0.25);
background-color: var(--section-card-hover);
transform: translateY(-3px);
}
}
@media (max-width: 1100px) {
section.drivers-section {
overflow: visible;
}
section.drivers-section .drivers-section__inner {
width: calc(100% - 48px);
}
section.drivers-section .drivers-section__media {
height: 250px;
}
}
@media (max-width: 760px) {
section.drivers-section .drivers-section__grid {
grid-template-columns: 1fr;
gap: 14px;
}
section.drivers-section .drivers-section__media {
height: 300px;
}
}
@media (max-width: 600px) {
section.drivers-section {
padding: 40px 0;
}
section.drivers-section .drivers-section__inner {
width: calc(100% - 32px);
}
section.drivers-section .drivers-section__header {
margin-bottom: 18px;
}
section.drivers-section .drivers-section__media {
height: 240px;
}
section.drivers-section .drivers-section__content {
padding: 16px;
}
section.drivers-section .drivers-section__outline {
top: 10px;
left: 2%;
width: 96%;
}
}
@media (prefers-reduced-motion: reduce) {
section.drivers-section .drivers-section__card {
transition: none;
}
}
}
#fw-section-custom-html-491abe7b-a8e9-4c9e-8872-d285019efcc1 {
.custom-html{
padding:0px;
}
.hero-header {
position: relative;
background: #0e0e10 url('https://testdesign.store/fourthwall-images/About-Header.jpg') no-repeat center bottom;
background-size: cover;
color: #fff;
text-align: center;
padding: 10rem 2rem 8rem;
overflow: hidden;
min-height: 600px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.hero-content .intro {
font-size: 1.2rem;
color: #cfcfcf;
margin-bottom: 0.3rem;
letter-spacing: 1px;
font-family: 'Pro Racing slant',sans-serif;
}
.hero-content .name {
font-size: clamp(2.5rem, 6vw, 5rem);
font-weight: 800;
color: #fff;
margin: 0.2rem 0 1rem;
text-transform: uppercase;
letter-spacing: 2px;
}
.hero-content .tagline {
font-size: 1rem;
line-height: 1.6;
color: #ccc;
max-width: 600px;
margin: 0 auto;
}
.hero-content .highlight {
color: #00c8ff;
font-weight: 600;
}
/* Bottom Image Styling */
.bottom-image {
width: 100%;
display: flex;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
}
.bottom-image img {
width: 100%;
min-width: 200px;
height: auto;
display: block;
}
@media (max-width: 768px) {
.hero-header {
padding: 6rem 1rem 4rem;
min-height: 350px;
}
.hero-content .name {
font-size: 2.5rem;
}
.hero-content .tagline {
font-size: 0.95rem;
}
.bottom-image img {
max-width: 100vw;
}
}
}
#fw-section-custom-html-6ee639b9-9755-42f5-941f-739f4de95ffc {
.custom-html{
padding: 0px !important;
}
.about-header {
background: #0e0e10;
color: #fff;
padding: 6rem 2rem;
}
.about-container {
display: flex;
align-items: center;
justify-content: center;
gap: 4rem;
margin: 0 auto;
flex-wrap: wrap;
}
.about-image {
flex: 1 1 320px;
display: flex;
justify-content: center;
}
.about-image img {
width: 100%;
max-width: 400px;
object-fit: cover;
}
.about-content {
flex: 1 1 400px;
text-align: left;
}
.about-title {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 800;
color: #fff;
letter-spacing: 2px;
margin-bottom: 0.5rem;
}
.about-line {
display: block;
width: 60px;
height: 3px;
background: #a200ff;
margin-bottom: 1.5rem;
}
.about-text {
color: #ccc;
line-height: 1.7;
font-size: 1rem;
max-width: 500px;
}
/* Responsive */
@media (max-width: 768px) {
.about-container {
flex-direction: column;
text-align: center;
}
.about-content {
text-align: center;
}
.about-line {
margin: 0.5rem auto 1.5rem;
}
.about-text {
font-size: 0.95rem;
}
}
}
#fw-section-custom-html-9254e0b7-92e0-4b07-b11a-915b18277749 {
.custom-html{
padding: 0px !important;
}
.whatido-section {
background: #121025;
color: #fff;
text-align: center;
padding: 6rem 2rem;
position: relative;
overflow: hidden;
}
.whatido-title {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 800;
letter-spacing: 2px;
color: #fff;
margin-bottom: 0.5rem;
}
.whatido-line {
display: block;
width: 60px;
height: 3px;
background: #a200ff;
margin: 0.5rem auto 3rem;
}
.whatido-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 2.5rem;
max-width: 1100px;
margin: 0 auto;
}
.whatido-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: all 0.3s ease;
}
.icon-box {
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
margin-bottom: 1rem;
background: #171723;
transition: all 0.3s ease;
}
.whatido-item p {
color: #ccc;
font-weight: 500;
font-size: 0.95rem;
line-height: 1.5;
max-width: 220px;
font-family: 'pro racing',sans-serif;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.whatido-section {
padding: 4rem 1rem;
}
.whatido-item p {
font-size: 0.9rem;
}
}
}
#fw-section-custom-html-72247e47-e309-4349-832a-5a4bf388c7af {
/* --- GLOBAL STYLES --- */
.custom-html{
padding:0px !important;
}
.section {
color: #fff;
padding: 80px 20px;
margin: auto;
}
.section h2 {
font-size: 52px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
padding-bottom: 20px;
}
.section p {
font-size: 0.95rem;
color: #dcdcdc;
line-height: 1.7;
}
/* --- MISSION SECTION --- */
.mission {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
gap: 30px;
}
.mission img {
width: 100%;
height: auto;
border-radius: 8px;
}
.mission-content h2 {
font-size: 2.5rem;
color: #fff;
margin-bottom: 10px;
}
.mission-content h2 span {
border-bottom: 3px solid #9a00ff;
padding-bottom: 20px;
margin-bottom: 20px;
}
.mission-content p {
margin-top: 50px;
font-size: 1rem;
color: #ccc;
}
.sponsored {
text-align: center;
}
.sponsored h2 {
font-size: 2.2rem;
margin-bottom: 10px;
}
.sponsored h2 span {
border-bottom: 3px solid #9a00ff;
padding-bottom: 5px;
}
.sponsored p {
max-width: 800px;
margin: 0 auto 50px;
}
/* --- TRACK SECTION --- */
.track {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
align-items: center;
text-align: left;
}
.track-content {
display: flex;
flex-direction: column;
gap: 25px;
}
.track-block {
border-left: 4px solid;
padding-left: 15px;
}
.track-block.on-track {
border-color: #00d9ff;
}
.track-block.why {
border-color: #d400ff;
}
.track-block h3 {
font-size: 32px;
font-weight: 600;
margin-bottom: 8px;
}
.track-block.on-track h3 {
color: #00d9ff;
}
.track-block.why h3 {
color: #d400ff;
}
.track-block p {
color: #bdbdbd;
margin: 0;
}
.track img {
width: 100%;
border-radius: 8px;
}
/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 768px) {
.mission-content h2 {
font-size: 1.8rem;
}
.sponsored h2 {
font-size: 1.8rem;
}
}
}
#fw-section-custom-html-d2c96414-aca3-4a7a-8a92-4e65c23e277d {
.custom-html{
padding:0px !important;
}
.race-section {
position: relative;
background-color: #0b0b17; /* dark navy background */
text-align: center;
color: #fff;
padding: 80px 20px 140px; /* extra bottom padding for the bar */
overflow: hidden;
}
/* main heading */
.race-section h2 {
font-size: 52px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 2;
position: relative;
}
/* bottom graphic bar */
.race-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 110px;
background: url('https://imgproxy.fourthwall.com/0A1Sp2wL2IMW-qB8GoSsfaFPMPw0ZyTcI3JLZISVFeQ/w:1400/sm:1/enc/oNwAq34xDpfhcEpH/fzijzccReqnSr4OM/_SnkkWYnk98OlZNF/7-C8DV5U1x0QTtUm/4IeLYywbH8sFQ2dr/IcaERN2amTwIfUIj/aJmRMO1bW6NTL1h6/SbHshSkcJyNkNPj_/8k_uz4JHoVDAugiX/96kK2h5i6pq9f5kJ/Osi9qdz_AUymlHh7/mNECS0oW5VfveG59/OxTkiqVOGKsN6XmK/ptllgFQQAMvZRHdD/caJFhIx1GuQFeyyR/ZZuGLJgfUpvNfU3j') no-repeat center bottom;
background-size: cover;
z-index: 1;
}
/* responsive */
@media (max-width: 768px) {
.race-section h2 {
font-size: 1.4rem;
line-height: 1.4;
}
.race-section {
padding: 60px 15px 120px;
}
.race-bar {
height: 80px;
}
}
}
#fw-section-custom-html-292cb396-2e4f-492c-9243-80ef8720345e {
--font-heading-scale: 1.55;
--font-body-scale: 1.0;
}
#fw-section-custom-html-292cb396-2e4f-492c-9243-80ef8720345e {
section.custom-html:has(section.community-matters-section) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.community-matters-section) > div,
section.custom-html:has(section.community-matters-section) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.community-matters-section {
--section-accent: #00d7df;
--section-card-bg: rgba(255, 255, 255, 0.03);
--section-card-bg-hover: rgba(255, 255, 255, 0.05);
--section-card-border: rgba(255, 255, 255, 0.14);
--section-outline: rgba(160, 90, 255, 0.12);
position: relative;
width: 100%;
min-height: 600px;
margin: 0;
padding: 40px 0;
overflow: hidden;
background: transparent;
}
section.community-matters-section,
section.community-matters-section *,
section.community-matters-section *::before,
section.community-matters-section *::after {
box-sizing: border-box;
}
section.community-matters-section .community-matters-section__outline {
position: absolute;
top: 8px;
left: 4%;
z-index: 0;
width: 92%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(88px, 12vw, 220px);
font-weight: 800;
line-height: 0.82;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--section-outline);
}
section.community-matters-section .community-matters-section__inner {
position: relative;
z-index: 1;
display: flex;
width: calc(100% - 64px);
max-width: 1770px;
min-height: 520px;
margin: 0 auto;
flex-direction: column;
justify-content: center;
}
section.community-matters-section .community-matters-section__intro {
width: 100%;
max-width: 900px;
margin: 0 0 30px;
text-align: left;
}
section.community-matters-section .community-matters-section__eyebrow {
margin: 0 0 8px;
color: var(--section-accent);
}
section.community-matters-section .community-matters-section__heading {
margin: 0;
}
section.community-matters-section .community-matters-section__divider {
width: 46px;
height: 2px;
margin: 14px 0 0;
background-color: var(--section-accent);
}
section.community-matters-section .community-matters-section__copy {
max-width: 880px;
margin: 14px 0 0;
}
section.community-matters-section .community-matters-section__statement {
margin-left: 5px;
color: var(--section-accent);
}
section.community-matters-section .community-matters-section__cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
width: 100%;
align-items: stretch;
}
section.community-matters-section .community-matters-section__card {
display: flex;
min-width: 0;
min-height: 220px;
margin: 0;
padding: 24px 20px;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid var(--section-card-border);
border-radius: 14px;
background-color: var(--section-card-bg);
text-align: center;
transition:
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
section.community-matters-section .community-matters-section__card-title {
margin: 0;
}
section.community-matters-section .community-matters-section__card-divider {
width: 32px;
height: 2px;
margin: 12px auto 0;
background-color: var(--section-accent);
}
section.community-matters-section .community-matters-section__card-copy {
max-width: 260px;
margin: 14px auto 0;
}
@media (hover: hover) and (pointer: fine) {
section.community-matters-section .community-matters-section__card:hover {
border-color: rgba(0, 215, 223, 0.28);
background-color: var(--section-card-bg-hover);
transform: translateY(-3px);
}
}
@media (max-width: 1100px) {
section.community-matters-section {
min-height: 600px;
overflow: visible;
}
section.community-matters-section .community-matters-section__inner {
width: calc(100% - 48px);
min-height: 520px;
}
section.community-matters-section .community-matters-section__intro {
max-width: 820px;
}
section.community-matters-section .community-matters-section__cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
section.community-matters-section .community-matters-section__card {
min-height: 180px;
}
}
@media (max-width: 640px) {
section.community-matters-section {
min-height: 600px;
padding: 40px 0;
}
section.community-matters-section .community-matters-section__inner {
width: calc(100% - 32px);
min-height: 520px;
}
section.community-matters-section .community-matters-section__intro {
margin-bottom: 22px;
}
section.community-matters-section .community-matters-section__cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
section.community-matters-section .community-matters-section__card {
min-height: 180px;
padding: 18px 12px;
}
section.community-matters-section .community-matters-section__card-copy {
max-width: 100%;
}
section.community-matters-section .community-matters-section__outline {
top: 12px;
left: 2%;
width: 96%;
}
}
@media (max-width: 420px) {
section.community-matters-section {
min-height: 0;
}
section.community-matters-section .community-matters-section__inner {
min-height: 0;
}
section.community-matters-section .community-matters-section__cards {
grid-template-columns: 1fr;
}
section.community-matters-section .community-matters-section__card {
min-height: 160px;
}
}
@media (prefers-reduced-motion: reduce) {
section.community-matters-section .community-matters-section__card {
transition: none;
}
}
}
#fw-section-custom-html-d6feafaf-e470-484a-91f8-a7d995b814c8 {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-hero-05d05740-5a96-4d2b-afe3-26198eb74db5 {
section {
position: relative;
}
section .hero__inner {
position: relative;
z-index: 2;
display: flex;
align-items: center;
}
section .hero__content {
width: 100%;
max-width: 760px;
text-align: left;
}
section .hero__heading {
max-width: 720px;
margin: 0 0 14px;
}
section .hero__text {
max-width: 620px;
margin: 0;
color: #ffffff;
}
section .hero__text strong,
section .hero__text b,
section .hero__text a {
color: #00d7df;
}
section .section-background::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.82) 0%,
rgba(0, 0, 0, 0.66) 30%,
rgba(0, 0, 0, 0.28) 54%,
rgba(0, 0, 0, 0) 76%
);
}
@media (max-width: 900px) {
section .hero__content {
max-width: 68%;
}
section .hero__heading {
max-width: 100%;
}
section .hero__text {
max-width: 100%;
}
}
@media (max-width: 600px) {
section .hero__inner {
align-items: flex-end;
}
section .hero__content {
max-width: 78%;
padding-bottom: 28px;
}
section .section-background::after {
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.86) 0%,
rgba(0, 0, 0, 0.7) 48%,
rgba(0, 0, 0, 0.26) 100%
);
}
}
}
#fw-section-custom-html-da9ae047-394e-47c4-a6f6-997729b74a53 {
section.custom-html:has(section.creator-overview-section) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.creator-overview-section) > div,
section.custom-html:has(section.creator-overview-section) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.creator-overview-section {
--section-accent: #00d7df;
--section-line: rgba(255, 255, 255, 0.12);
width: 100%;
min-height: 520px;
max-height: 700px;
margin: 0;
padding: 40px 0;
overflow: hidden;
background: transparent;
}
section.creator-overview-section,
section.creator-overview-section *,
section.creator-overview-section *::before,
section.creator-overview-section *::after {
box-sizing: border-box;
}
section.creator-overview-section .creator-overview-section__inner {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: clamp(36px, 5vw, 80px);
width: calc(100% - 80px);
max-width: 1500px;
margin: 0 auto;
align-items: center;
}
section.creator-overview-section .creator-overview-section__media {
width: 100%;
height: 420px;
overflow: hidden;
}
section.creator-overview-section .creator-overview-section__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
section.creator-overview-section .creator-overview-section__content {
min-width: 0;
}
section.creator-overview-section .creator-overview-section__header {
margin: 0 0 18px;
}
section.creator-overview-section .creator-overview-section__eyebrow {
margin: 0 0 8px;
color: var(--section-accent);
}
section.creator-overview-section .creator-overview-section__heading {
margin: 0;
}
section.creator-overview-section .creator-overview-section__divider {
width: 46px;
height: 2px;
margin: 14px 0 0;
background-color: var(--section-accent);
}
section.creator-overview-section .creator-overview-section__copy {
max-width: 720px;
}
section.creator-overview-section .creator-overview-section__copy p {
margin: 0;
}
section.creator-overview-section .creator-overview-section__copy p + p {
margin-top: 12px;
}
section.creator-overview-section .creator-overview-section__features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px 24px;
margin-top: 28px;
}
section.creator-overview-section .creator-overview-section__feature {
display: flex;
min-width: 0;
gap: 10px;
align-items: center;
}
section.creator-overview-section .creator-overview-section__feature p {
margin: 0;
}
section.creator-overview-section .creator-overview-section__icon {
display: flex;
width: 30px;
height: 30px;
flex: 0 0 30px;
align-items: center;
justify-content: center;
color: var(--section-accent);
}
section.creator-overview-section .creator-overview-section__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 1100px) {
section.creator-overview-section {
max-height: none;
overflow: visible;
}
section.creator-overview-section .creator-overview-section__inner {
width: calc(100% - 64px);
grid-template-columns: 1fr 1fr;
gap: 32px;
}
section.creator-overview-section .creator-overview-section__media {
height: 380px;
}
section.creator-overview-section .creator-overview-section__features {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
section.creator-overview-section .creator-overview-section__inner {
width: calc(100% - 48px);
grid-template-columns: 1fr;
}
section.creator-overview-section .creator-overview-section__media {
height: 360px;
}
section.creator-overview-section .creator-overview-section__features {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
section.creator-overview-section {
min-height: 0;
padding: 40px 0;
}
section.creator-overview-section .creator-overview-section__inner {
width: calc(100% - 32px);
gap: 26px;
}
section.creator-overview-section .creator-overview-section__media {
height: 300px;
}
section.creator-overview-section .creator-overview-section__features {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 24px;
}
section.creator-overview-section .creator-overview-section__icon {
width: 26px;
height: 26px;
flex-basis: 26px;
}
}
}
#fw-section-custom-html-d397462c-1434-4847-a8f9-fafaccd56079 {
--font-heading-scale: 1.2;
--font-body-scale: 0.7;
}
#fw-section-custom-html-d397462c-1434-4847-a8f9-fafaccd56079 {
section.platform-stats {
--stats-accent: #20d6c7;
--stats-divider: rgba(255, 255, 255, 0.2);
--stats-muted: rgba(255, 255, 255, 0.7);
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 32px 0 36px;
clear: both;
overflow: visible;
background: transparent;
}
section.platform-stats,
section.platform-stats *,
section.platform-stats *::before,
section.platform-stats *::after {
box-sizing: border-box;
}
section.platform-stats .platform-stats__inner {
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
}
section.platform-stats .platform-stats__header {
margin: 0 0 24px;
}
section.platform-stats .platform-stats__eyebrow {
margin: 0 0 8px;
color: var(--stats-accent);
}
section.platform-stats .platform-stats__heading {
margin: 0;
}
section.platform-stats .platform-stats__divider {
width: 46px;
height: 2px;
margin: 14px 0 0;
background-color: var(--stats-accent);
}
section.platform-stats .platform-stats__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
margin: 0;
padding: 0;
align-items: stretch;
}
section.platform-stats .platform-stats__item {
position: relative;
display: flex;
min-width: 0;
margin: 0;
padding: 24px clamp(16px, 2vw, 32px);
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
section.platform-stats .platform-stats__item:not(:last-child)::after {
position: absolute;
top: 12%;
right: 0;
width: 1px;
height: 76%;
content: "";
background-color: var(--stats-divider);
}
section.platform-stats .platform-stats__icon {
display: block;
width: clamp(44px, 3.4vw, 62px);
height: clamp(44px, 3.4vw, 62px);
margin: 0 0 14px;
padding: 0;
object-fit: contain;
}
section.platform-stats h2.platform-stats__number {
width: 100%;
margin: 0 0 4px;
padding: 0;
color: var(--stats-accent);
}
section.platform-stats p.platform-stats__label {
width: 100%;
margin: 0 0 8px;
padding: 0;
}
section.platform-stats p.platform-stats__detail {
width: 100%;
margin: 0;
padding: 0;
color: var(--stats-muted);
}
@media (max-width: 900px) {
section.platform-stats {
padding: 28px 0 32px;
}
section.platform-stats .platform-stats__inner {
width: calc(100% - 48px);
}
section.platform-stats .platform-stats__header {
margin-bottom: 20px;
}
section.platform-stats .platform-stats__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.platform-stats .platform-stats__item {
padding: 22px 16px;
}
section.platform-stats .platform-stats__item::after {
display: none;
}
section.platform-stats .platform-stats__item:nth-child(odd) {
border-right: 1px solid var(--stats-divider);
}
section.platform-stats .platform-stats__item:nth-child(n + 3) {
border-top: 1px solid var(--stats-divider);
}
section.platform-stats .platform-stats__icon {
width: 48px;
height: 48px;
margin-bottom: 12px;
}
}
@media (max-width: 600px) {
section.platform-stats {
padding: 28px 0 30px;
}
section.platform-stats .platform-stats__inner {
width: calc(100% - 32px);
}
section.platform-stats .platform-stats__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.platform-stats .platform-stats__item {
padding: 20px 10px;
}
section.platform-stats .platform-stats__icon {
width: 42px;
height: 42px;
margin-bottom: 10px;
}
section.platform-stats p.platform-stats__label {
margin-bottom: 6px;
}
section.platform-stats p.platform-stats__detail {
max-width: 150px;
}
}
}
#fw-section-custom-html-621e0e0e-cf46-4e5b-a34e-74f160533daa {
.custom-html{
padding:0px;
}
.about-kody {
background: #0a0a0a;
color: #fff;
text-align: center;
padding: 80px 20px;
}
.about-kody h2 {
font-size: 52px;
letter-spacing: 2px;
font-weight: 700;
margin-bottom: 15px;
}
.about-kody .title-line {
width: 120px;
height: 2px;
background: #b100ff; /* violet accent line */
margin: 0 auto 30px;
}
.about-kody .subtitle {
font-size: 1rem;
color: #ccc;
max-width: 700px;
margin: 0 auto 60px;
line-height: 1.6;
}
.about-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
justify-content: center;
}
.about-item {
display: flex;
flex-direction: column;
align-items: center;
}
.about-item img {
width: 100%;
max-width: 300px;
height: auto;
border-radius: 10px;
transition: transform 0.3s ease;
}
.about-item img:hover {
transform: scale(1.05);
}
.about-item p {
font-size: 0.95rem;
color: #ddd;
line-height: 1.5;
margin-top: 15px;
max-width: 300px;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.about-kody h2 {
font-size: 1.6rem;
}
.about-kody .subtitle {
font-size: 0.9rem;
margin-bottom: 40px;
}
.about-item p {
font-size: 0.9rem;
}
}
}
#fw-section-custom-html-d08cbaf1-640e-4887-9e62-8a6f4746df1c {
section.custom-html:has(section.partnership-options-section) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.partnership-options-section) > div,
section.custom-html:has(section.partnership-options-section) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.partnership-options-section {
--section-accent: #00d7df;
--section-background: #171027;
--section-background-mid: #211138;
--section-background-deep: #0d0b18;
--section-card: rgba(255, 255, 255, 0.025);
--section-card-hover: rgba(255, 255, 255, 0.045);
--section-card-border: rgba(255, 255, 255, 0.14);
--section-outline: rgba(139, 92, 246, 0.14);
position: relative;
width: 100%;
min-height: 560px;
margin: 0;
padding: 40px 0;
overflow: hidden;
background:
linear-gradient(
110deg,
var(--section-background) 0%,
var(--section-background-mid) 48%,
var(--section-background-deep) 100%
);
}
section.partnership-options-section,
section.partnership-options-section *,
section.partnership-options-section *::before,
section.partnership-options-section *::after {
box-sizing: border-box;
}
section.partnership-options-section .partnership-options-section__outline {
position: absolute;
top: 14px;
right: 3%;
z-index: 0;
width: 58%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(110px, 15vw, 260px);
font-weight: 800;
line-height: 0.8;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--section-outline);
}
section.partnership-options-section .partnership-options-section__inner {
position: relative;
z-index: 1;
width: calc(100% - 80px);
max-width: 1600px;
margin: 0 auto;
}
section.partnership-options-section .partnership-options-section__header {
max-width: 760px;
margin: 0 0 30px;
}
section.partnership-options-section .partnership-options-section__eyebrow {
margin: 0 0 8px;
color: var(--section-accent);
}
section.partnership-options-section .partnership-options-section__heading {
margin: 0;
}
section.partnership-options-section .partnership-options-section__divider {
width: 46px;
height: 2px;
margin: 14px 0 0;
background-color: var(--section-accent);
}
section.partnership-options-section .partnership-options-section__copy {
max-width: 720px;
margin: 14px 0 0;
}
section.partnership-options-section .partnership-options-section__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
width: 100%;
}
section.partnership-options-section .partnership-options-section__card {
position: relative;
display: flex;
min-width: 0;
min-height: 230px;
margin: 0;
padding: 26px 22px 30px;
flex-direction: column;
border: 1px solid var(--section-card-border);
border-radius: 14px;
background-color: var(--section-card);
transition:
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
section.partnership-options-section .partnership-options-section__card-title {
margin: 0;
}
section.partnership-options-section .partnership-options-section__card-copy {
margin: 14px 0 0;
}
section.partnership-options-section .partnership-options-section__card-line {
position: absolute;
right: 22px;
bottom: 16px;
left: 22px;
height: 2px;
background-color: var(--section-accent);
}
@media (hover: hover) and (pointer: fine) {
section.partnership-options-section .partnership-options-section__card:hover {
border-color: rgba(0, 215, 223, 0.28);
background-color: var(--section-card-hover);
transform: translateY(-3px);
}
}
@media (max-width: 1200px) {
section.partnership-options-section {
min-height: 0;
overflow: visible;
}
section.partnership-options-section .partnership-options-section__inner {
width: calc(100% - 64px);
}
section.partnership-options-section .partnership-options-section__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
section.partnership-options-section .partnership-options-section__card {
min-height: 200px;
}
section.partnership-options-section .partnership-options-section__outline {
width: 70%;
right: 2%;
}
}
@media (max-width: 800px) {
section.partnership-options-section .partnership-options-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.partnership-options-section .partnership-options-section__inner {
width: calc(100% - 48px);
}
section.partnership-options-section .partnership-options-section__card {
min-height: 180px;
}
}
@media (max-width: 600px) {
section.partnership-options-section {
padding: 40px 0;
}
section.partnership-options-section .partnership-options-section__inner {
width: calc(100% - 32px);
}
section.partnership-options-section .partnership-options-section__header {
margin-bottom: 22px;
}
section.partnership-options-section .partnership-options-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
section.partnership-options-section .partnership-options-section__card {
min-height: 170px;
padding: 18px 14px 26px;
}
section.partnership-options-section .partnership-options-section__card-line {
right: 14px;
bottom: 12px;
left: 14px;
}
section.partnership-options-section .partnership-options-section__outline {
top: 16px;
right: 0;
width: 94%;
}
}
@media (max-width: 420px) {
section.partnership-options-section .partnership-options-section__grid {
grid-template-columns: 1fr;
}
section.partnership-options-section .partnership-options-section__card {
min-height: 150px;
}
}
@media (prefers-reduced-motion: reduce) {
section.partnership-options-section .partnership-options-section__card {
transition: none;
}
}
}
#fw-section-custom-html-a27a44d9-7f0e-4dfb-b922-176421e9c848 {
section.custom-html:has(section.partner-strip) {
margin: 0 !important;
padding: 0 !important;
}
section.custom-html:has(section.partner-strip) > div,
section.custom-html:has(section.partner-strip) > div > div {
margin: 0 !important;
padding: 0 !important;
}
section.partner-strip {
--partner-accent: #00d7df;
width: 100%;
margin: 0;
padding: 32px 0 36px;
background: transparent;
}
section.partner-strip,
section.partner-strip *,
section.partner-strip *::before,
section.partner-strip *::after {
box-sizing: border-box;
}
section.partner-strip .partner-strip__inner {
width: calc(100% - 80px);
max-width: 1700px;
margin: 0 auto;
}
section.partner-strip .partner-strip__header {
margin-bottom: 24px;
}
section.partner-strip .partner-strip__eyebrow {
margin: 0 0 8px;
color: var(--partner-accent);
}
section.partner-strip .partner-strip__heading {
margin: 0;
}
section.partner-strip .partner-strip__divider {
width: 46px;
height: 2px;
margin: 14px 0 0;
background-color: var(--partner-accent);
}
section.partner-strip .partner-strip__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px 32px;
width: 100%;
}
section.partner-strip .partner-strip__item {
display: flex;
min-width: 0;
min-height: 125px;
padding: 16px 20px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 10px;
text-align: center;
}
section.partner-strip .partner-strip__item img {
display: block;
width: auto;
max-width: 170px;
max-height: 42px;
object-fit: contain;
opacity: 0.9;
filter:
grayscale(1)
brightness(0)
invert(1);
transition:
opacity 180ms ease,
transform 180ms ease;
}
section.partner-strip .partner-strip__description {
margin: 0;
color: var(--partner-accent);
}
@media (hover: hover) and (pointer: fine) {
section.partner-strip .partner-strip__item:hover img {
opacity: 1;
transform: translateY(-2px);
}
}
@media (max-width: 900px) {
section.partner-strip .partner-strip__inner {
width: calc(100% - 48px);
}
section.partner-strip .partner-strip__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 24px;
}
section.partner-strip .partner-strip__item {
min-height: 100px;
padding: 14px 16px;
}
}
@media (max-width: 600px) {
section.partner-strip {
padding: 28px 0 32px;
}
section.partner-strip .partner-strip__inner {
width: calc(100% - 32px);
}
section.partner-strip .partner-strip__header {
margin-bottom: 20px;
}
section.partner-strip .partner-strip__grid {
gap: 18px 16px;
}
section.partner-strip .partner-strip__item {
min-height: 92px;
padding: 12px 10px;
gap: 8px;
}
section.partner-strip .partner-strip__item img {
max-width: 125px;
max-height: 34px;
}
}
@media (prefers-reduced-motion: reduce) {
section.partner-strip .partner-strip__item img {
transition: none;
}
}
}
#fw-section-custom-html-019a57f0-2958-43d8-8516-9b8e132575cf {
section.custom-html {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
section.mk-games {
position: relative !important;
inset: auto !important;
display: flow-root;
clear: both;
width: 100%;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 44px 0 52px;
overflow: visible !important;
transform: none !important;
isolation: isolate;
}
section.mk-games,
section.mk-games *,
section.mk-games *::before,
section.mk-games *::after {
box-sizing: border-box;
}
section.mk-games .mk-games__inner {
position: relative;
display: flow-root;
width: calc(100% - 80px);
max-width: 1100px;
height: auto;
min-height: 0;
margin: 0 auto;
padding: 0;
text-align: center;
}
section.mk-games .mk-games__title {
margin: 0;
padding: 0;
}
section.mk-games .mk-games__subtitle {
margin: 6px 0 34px;
padding: 0;
}
section.mk-games .mk-games__grid {
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 38px 32px;
width: 100%;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
align-items: start;
}
section.mk-games .mk-games__card {
position: relative;
display: flex;
width: 100%;
min-width: 0;
height: auto;
margin: 0;
padding: 0;
align-items: center;
flex-direction: column;
}
section.mk-games .mk-games__logo-wrap {
display: flex;
width: 100%;
height: 120px;
margin: 0;
padding: 0;
align-items: center;
justify-content: center;
}
section.mk-games .mk-games__logo {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 120px;
margin: 0;
object-fit: contain;
transition:
transform 180ms ease,
filter 180ms ease;
}
section.mk-games .mk-games__genre {
display: inline-flex;
min-height: 30px;
margin: 8px 0 0;
padding: 4px 12px;
align-items: center;
justify-content: center;
border: 1px solid rgba(0, 200, 200, 0.72);
border-radius: 10px;
color: inherit;
background: rgba(0, 0, 0, 0.45);
}
@media (hover: hover) and (pointer: fine) {
section.mk-games .mk-games__card:hover .mk-games__logo {
transform: scale(1.04);
filter: contrast(1.1) saturate(1.1);
}
}
@media (max-width: 900px) {
section.mk-games {
padding: 38px 0 44px;
}
section.mk-games .mk-games__inner {
width: calc(100% - 48px);
}
section.mk-games .mk-games__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px 24px;
}
}
@media (max-width: 600px) {
section.mk-games {
padding: 32px 0 38px;
}
section.mk-games .mk-games__inner {
width: calc(100% - 32px);
}
section.mk-games .mk-games__subtitle {
margin-bottom: 28px;
}
section.mk-games .mk-games__grid {
gap: 30px 16px;
}
section.mk-games .mk-games__logo-wrap {
height: 92px;
}
section.mk-games .mk-games__logo {
max-height: 92px;
}
section.mk-games .mk-games__genre {
padding: 4px 9px;
}
}
@media (prefers-reduced-motion: reduce) {
section.mk-games .mk-games__logo {
transition: none;
}
}
}
#fw-section-custom-html-07ebeb61-4455-4c3e-a33c-a9d07035b245 {
.custom-html{
padding:0px;
}
.why-partner {
background: #0a0a0a;
color: #fff;
padding: 100px 20px;
font-family: 'Poppins', sans-serif;
}
.partner-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
flex-wrap: wrap;
}
.partner-text {
flex: 1 1 450px;
max-width: 600px;
}
.partner-text h2 {
font-size: 52px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 15px;
}
.partner-text .title-line {
width: 80px;
height: 2px;
background: #a000ff;
margin-bottom: 30px;
}
.partner-text ul {
list-style: none;
padding: 0;
margin: 0;
}
.partner-text ul li {
position: relative;
padding-left: 20px;
margin-bottom: 15px;
color: #ccc;
font-size: 1rem;
line-height: 1.6;
}
.partner-text ul li::before {
content: "â– ";
color: #a000ff;
position: absolute;
left: 0;
top: 2px;
font-size: 10px;
}
.partner-image {
flex: 1 1 400px;
display: flex;
justify-content: center;
}
.partner-image img {
width: 100%;
max-width: 500px;
border-radius: 10px;
transition: transform 0.3s ease;
}
.partner-image img:hover {
transform: scale(1.03);
}
/* Responsive adjustments */
@media (max-width: 992px) {
.partner-content {
flex-direction: column-reverse;
text-align: center;
}
.partner-text h2 {
font-size: 1.8rem;
}
.partner-text ul {
text-align: left;
display: inline-block;
}
.partner-image img {
max-width: 90%;
}
}
@media (max-width: 600px) {
.partner-text h2 {
font-size: 1.5rem;
}
.partner-text ul li {
font-size: 0.9rem;
}
}
}
#fw-section-custom-html-81689527-5282-4312-89c9-8241ce93c359 {
.custom-html{
padding:0px;
}
.media-kit {
background: #121025;
color: #fff;
font-family: 'Poppins', sans-serif;
padding: 100px 20px;
}
.media-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
flex-wrap: wrap;
}
.media-image {
flex: 1 1 450px;
display: flex;
justify-content: center;
}
.media-image img {
width: 100%;
max-width: 500px;
transition: transform 0.3s ease;
}
.media-image img:hover {
transform: scale(1.03);
}
.media-text {
flex: 1 1 450px;
max-width: 600px;
}
.media-text h2 {
font-size: 2rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 15px;
}
.media-text .title-line {
width: 100px;
height: 2px;
background: #a000ff;
margin-bottom: 40px;
}
.media-list {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 40px;
}
.media-item {
background: rgba(255, 255, 255, 0.05);
border: 2px solid #48d8ff;
padding: 15px 20px;
color: #ddd;
display: flex;
align-items: center;
gap: 15px;
transition: all 0.3s ease;
}
.media-item .icon {
width: 24px;
height: 24px;
flex-shrink: 0;
transition: filter 0.3s ease;
}
.download-btn {
display: inline-block;
background: #a000ff;
color: #fff;
padding: 14px 28px;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: background 0.3s ease;
}
.download-btn:hover {
background: #7c00cc;
}
/* Responsive styles */
@media (max-width: 992px) {
.media-content {
flex-direction: column;
text-align: center;
}
.media-text {
order: 2;
}
.media-image {
order: 1;
}
.media-item {
justify-content: flex-start;
text-align: left;
}
.media-text h2 {
font-size: 1.8rem;
}
.media-list {
align-items: center;
}
}
@media (max-width: 600px) {
.media-text h2 {
font-size: 1.5rem;
}
.download-btn {
width: 100%;
}
}
}
#fw-section-custom-html-15fc2a91-4b28-48eb-96b9-86090383c9d9 {
.custom-html{
padding: 0px !important;
}
.social-section {
text-align: center;
padding: 100px 8%;
color: #fff;
background:#0e0e10;
}
.social-section h2 {
font-weight: 800;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 1px;
}
/* Centered purple divider */
.divider {
width: 80px;
height: 3px;
margin: 0 auto 60px;
background: linear-gradient(90deg, #8f00ff, #b200ff);
border-radius: 2px;
}
.social-grid {
display: flex;
justify-content: center;
align-items: stretch;
gap: 40px;
flex-wrap: wrap;
}
.social-card {
border-radius: 0px;
padding: 40px 30px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center; /* Center icon + text horizontally */
justify-content: center;
}
.social-card img {
width: 100px;
margin-bottom: 15px;
display: block;
margin-left: auto;
margin-right: auto;
}
.social-card h3 {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 6px;
font-family: 'Pro Racing';
}
.social-card p {
font-size: 0.8rem;
color: #cfcfcf;
margin: 0;
}
}
#fw-section-custom-html-d128b09d-2774-4d01-a865-a6e0bc76c8fd {
.custom-html{
padding:0px !important;
}
.race-section {
position: relative;
background-color: #0b0b17; /* dark navy background */
text-align: center;
color: #fff;
font-family: 'Orbitron', sans-serif;
padding: 80px 20px 140px; /* extra bottom padding for the bar */
overflow: hidden;
}
/* main heading */
.race-section h2 {
font-size: 52px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 2;
position: relative;
font-family: 'pro racing', sans-serif;
}
/* bottom graphic bar */
.race-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 110px;
background: url('https://imgproxy.fourthwall.com/0A1Sp2wL2IMW-qB8GoSsfaFPMPw0ZyTcI3JLZISVFeQ/w:1400/sm:1/enc/oNwAq34xDpfhcEpH/fzijzccReqnSr4OM/_SnkkWYnk98OlZNF/7-C8DV5U1x0QTtUm/4IeLYywbH8sFQ2dr/IcaERN2amTwIfUIj/aJmRMO1bW6NTL1h6/SbHshSkcJyNkNPj_/8k_uz4JHoVDAugiX/96kK2h5i6pq9f5kJ/Osi9qdz_AUymlHh7/mNECS0oW5VfveG59/OxTkiqVOGKsN6XmK/ptllgFQQAMvZRHdD/caJFhIx1GuQFeyyR/ZZuGLJgfUpvNfU3j') no-repeat center bottom;
background-size: cover;
z-index: 1;
}
/* responsive */
@media (max-width: 768px) {
.race-section h2 {
font-size: 1.4rem;
line-height: 1.4;
}
.race-section {
padding: 60px 15px 120px;
}
.race-bar {
height: 80px;
}
}
}
#fw-section-custom-html-048b6937-4d52-467c-a2d4-5afba448f6d5 {
.footer-section {
background: #0e0e10;
color: #fff;
padding: 50px 0 30px 0;
}
.footer-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
.footer-logo img {
width: 300px;
height: auto;
}
.footer-social {
display: flex;
gap: 20px;
}
.social-icon img:hover {
background: #6237ff;
}
.footer-bottom {
border-top: 1px solid #36363a;
text-align: center;
padding-top: 10px;
font-size: 14px;
margin-top: 20px;
}
.custom-html{
padding:0px !important;
}
/* Responsive styles */
@media (max-width: 700px) {
.footer-container {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.footer-logo img {
margin-bottom: 10px;
}
.footer-social {
width: 100%;
justify-content: flex-start;
}
}
}
#fw-section-custom-html-b335c73d-4b32-4518-bb95-929178666afd {
.custom-html{
padding:0px;
}
.hero-header {
position: relative;
background: #0e0e10 url('https://testdesign.store/fourthwall-images/About-Header.jpg') no-repeat center bottom;
background-size: cover;
color: #fff;
text-align: center;
padding: 10rem 2rem 8rem;
overflow: hidden;
font-family: 'Pro Racing', sans-serif;
min-height: 600px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.hero-content .intro {
font-size: 1.2rem;
color: #cfcfcf;
margin-bottom: 0.3rem;
letter-spacing: 1px;
}
.hero-content .name {
font-size: clamp(2.5rem, 6vw, 5rem);
font-weight: 800;
color: #fff;
margin: 0.2rem 0 1rem;
text-transform: uppercase;
letter-spacing: 2px;
}
.hero-content .tagline {
font-size: 1rem;
line-height: 1.6;
color: #ccc;
max-width: 600px;
margin: 0 auto;
font-family: 'Sk Modernist',sans-serif;
}
.hero-content .highlight {
color: #00c8ff;
font-weight: 600;
}
/* Bottom Image Styling */
.bottom-image {
width: 100%;
display: flex;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
}
.bottom-image img {
width: 100%;
min-width: 200px;
height: auto;
display: block;
}
@media (max-width: 768px) {
.hero-header {
padding: 6rem 1rem 4rem;
min-height: 350px;
}
.hero-content .name {
font-size: 2.5rem;
}
.hero-content .tagline {
font-size: 0.95rem;
}
.bottom-image img {
max-width: 100vw;
}
}
}
#fw-section-custom-html-6a388b86-ddee-49f6-9015-c78fe16a1507 {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-custom-html-a8f6d08c-f762-4512-9360-1e0e7497f82b {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-custom-html-e41f6c4a-357e-44fd-9078-7f09be13ffd1 {
section.collection-navigation {
--navigation-accent: #20d6c7;
--navigation-text: rgba(255, 255, 255, 0.82);
--navigation-divider: rgba(255, 255, 255, 0.12);
--navigation-control: rgba(255, 255, 255, 0.055);
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
border: 0;
background: transparent;
}
section.collection-navigation,
section.collection-navigation *,
section.collection-navigation *::before,
section.collection-navigation *::after {
box-sizing: border-box;
}
section.collection-navigation .collection-navigation__inner {
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
border-bottom: 1px solid var(--navigation-divider);
}
/* Desktop navigation */
section.collection-navigation .collection-navigation__links {
display: flex;
width: 100%;
margin: 0;
padding: 0;
align-items: stretch;
gap: clamp(30px, 4vw, 76px);
}
section.collection-navigation a.collection-navigation__link {
position: relative;
display: inline-flex;
min-height: 72px;
margin: 0;
padding: 0 0 18px;
flex: 0 0 auto;
align-items: flex-end;
justify-content: center;
border: 0;
color: var(--navigation-text) !important;
text-decoration: none !important;
white-space: nowrap;
-webkit-text-fill-color: var(--navigation-text) !important;
transition: color 200ms ease;
}
section.collection-navigation a.collection-navigation__link::after {
position: absolute;
right: 0;
bottom: -1px;
left: 0;
height: 2px;
content: "";
background-color: var(--navigation-accent);
opacity: 0;
transform: scaleX(0);
transform-origin: center;
transition:
opacity 200ms ease,
transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
section.collection-navigation a.collection-navigation__link.is-active,
section.collection-navigation a.collection-navigation__link[aria-current="page"] {
color: var(--navigation-accent) !important;
-webkit-text-fill-color: var(--navigation-accent) !important;
}
section.collection-navigation a.collection-navigation__link.is-active::after,
section.collection-navigation a.collection-navigation__link[aria-current="page"]::after {
opacity: 1;
transform: scaleX(1);
}
section.collection-navigation a.collection-navigation__link:focus-visible {
color: var(--navigation-accent) !important;
outline: 2px solid var(--navigation-accent);
outline-offset: 5px;
-webkit-text-fill-color: var(--navigation-accent) !important;
}
section.collection-navigation a.collection-navigation__link:focus-visible::after {
opacity: 1;
transform: scaleX(1);
}
@media (hover: hover) and (pointer: fine) {
section.collection-navigation a.collection-navigation__link:hover {
color: var(--navigation-accent) !important;
-webkit-text-fill-color: var(--navigation-accent) !important;
}
section.collection-navigation a.collection-navigation__link:hover::after {
opacity: 1;
transform: scaleX(1);
}
}
/* Mobile collection selector */
section.collection-navigation .collection-navigation__mobile {
display: none;
}
section.collection-navigation .collection-navigation__label {
display: block;
margin: 0 0 9px;
color: var(--navigation-accent);
}
section.collection-navigation .collection-navigation__select-wrap {
position: relative;
width: 100%;
}
section.collection-navigation .collection-navigation__select {
display: block;
width: 100%;
min-height: 52px;
margin: 0;
padding: 0 48px 0 16px;
border: 1px solid var(--navigation-divider);
border-radius: 4px;
outline: 0;
color: #ffffff;
background-color: var(--navigation-control);
background-image: none;
box-shadow: none;
appearance: none;
cursor: pointer;
-webkit-appearance: none;
}
section.collection-navigation .collection-navigation__select:hover {
border-color: rgba(32, 214, 199, 0.62);
}
section.collection-navigation .collection-navigation__select:focus-visible {
border-color: var(--navigation-accent);
outline: 2px solid rgba(32, 214, 199, 0.28);
outline-offset: 2px;
}
section.collection-navigation .collection-navigation__select option {
color: #ffffff;
background-color: #17191f;
}
section.collection-navigation .collection-navigation__arrow {
position: absolute;
top: 50%;
right: 16px;
width: 18px;
height: 18px;
color: var(--navigation-accent);
pointer-events: none;
transform: translateY(-50%);
}
/* Small desktop */
@media (max-width: 1200px) {
section.collection-navigation .collection-navigation__inner {
width: calc(100% - 64px);
}
section.collection-navigation .collection-navigation__links {
gap: 42px;
}
section.collection-navigation a.collection-navigation__link {
min-height: 66px;
padding-bottom: 17px;
}
}
/* Tablet and mobile */
@media (max-width: 900px) {
section.collection-navigation {
overflow: visible;
}
section.collection-navigation .collection-navigation__inner {
width: calc(100% - 48px);
padding: 22px 0 24px;
}
section.collection-navigation .collection-navigation__links {
display: none;
}
section.collection-navigation .collection-navigation__mobile {
display: block;
width: 100%;
}
}
@media (max-width: 600px) {
section.collection-navigation .collection-navigation__inner {
width: calc(100% - 32px);
padding-top: 18px;
padding-bottom: 20px;
}
section.collection-navigation .collection-navigation__select {
min-height: 50px;
padding-right: 44px;
padding-left: 14px;
}
section.collection-navigation .collection-navigation__arrow {
right: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
section.collection-navigation a.collection-navigation__link,
section.collection-navigation a.collection-navigation__link::after {
transition: none;
}
}
}
#fw-section-custom-html-883a0dae-9d0a-4194-8d42-5e90c494f911 {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac {
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"] {
--banner-teal: #00c8c8;
--banner-purple: #9237df;
overflow: hidden;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__container"] {
position: relative;
min-height: 650px;
overflow: hidden;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background"] {
position: absolute;
inset: 0;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background__image"] {
position: absolute;
inset: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background"]::after {
position: absolute;
inset: 0;
content: "";
pointer-events: none;
background: linear-gradient(
90deg,
rgba(4, 4, 8, 0.96) 0%,
rgba(4, 4, 8, 0.88) 28%,
rgba(4, 4, 8, 0.48) 52%,
rgba(4, 4, 8, 0.08) 76%
);
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__inner"] {
position: relative;
z-index: 2;
display: flex;
min-height: inherit;
align-items: center;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="wrapper"] {
width: 100%;
max-width: 1770px;
margin-right: auto;
margin-left: auto;
padding-right: 5vw;
padding-left: 5vw;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__content"] {
width: 100%;
max-width: 620px;
padding-top: 72px;
padding-bottom: 72px;
text-align: left;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading"] {
max-width: 620px;
margin-top: 0;
margin-bottom: 24px;
color: #ffffff;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading-line"] {
display: block;
color: inherit;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading-line"]:nth-child(2) {
color: var(--banner-teal);
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading-line"]:nth-child(3) {
color: var(--banner-purple);
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__text"] {
max-width: 540px;
margin-top: 0;
margin-bottom: 32px;
color: rgba(255, 255, 255, 0.9);
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__cta-container"] {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__cta"] {
margin: 0;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="button"] {
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease,
transform 160ms ease;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="button"]:hover,
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="button"]:focus-visible {
transform: translateY(-2px);
}
@media (max-width: 1024px) {
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__container"] {
min-height: 680px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background__image"] {
background-position: 62% center;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background"]::after {
background: linear-gradient(
90deg,
rgba(4, 4, 8, 0.96) 0%,
rgba(4, 4, 8, 0.84) 42%,
rgba(4, 4, 8, 0.2) 78%
);
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="wrapper"] {
padding-right: 40px;
padding-left: 40px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__content"] {
max-width: 540px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading"] {
max-width: 500px;
font-size: clamp(64px, 9vw, 94px);
line-height: 0.9;
}
}
@media (max-width: 767px) {
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__container"] {
min-height: 720px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background__image"] {
background-position: 68% center;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="section-background"]::after {
background: linear-gradient(
180deg,
rgba(4, 4, 8, 0.12) 0%,
rgba(4, 4, 8, 0.48) 42%,
rgba(4, 4, 8, 0.97) 76%
);
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__inner"] {
align-items: flex-end;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="wrapper"] {
padding-right: 24px;
padding-left: 24px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__content"] {
max-width: 100%;
padding-top: 48px;
padding-bottom: 52px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading"] {
max-width: 100%;
margin-bottom: 20px;
font-size: clamp(52px, 17vw, 74px);
line-height: 0.86;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading-line"] {
line-height: inherit;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__text"] {
max-width: 100%;
margin-bottom: 26px;
font-size: 16px;
line-height: 1.5;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__cta-container"] {
width: 100%;
flex-direction: column;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__cta"],
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="button"] {
width: 100%;
}
}
@media (max-width: 390px) {
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__container"] {
min-height: 680px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="wrapper"] {
padding-right: 20px;
padding-left: 20px;
}
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="hero__heading"] {
font-size: clamp(48px, 16vw, 62px);
line-height: 0.86;
}
}
@media (prefers-reduced-motion: reduce) {
section[data-section-id="fw-section-hero-370f45de-5bff-4101-9394-bc879df90eac"]
[class~="button"] {
transform: none;
transition: none;
}
}
}
#fw-section-custom-html-17e0e60f-fdc3-4da8-92ce-6baf658b749c {
--color-primary: #7436c9;
--color-primary-rgb: 116, 54, 201;
--color-background: #030308;
--color-background-rgb: 3, 3, 8;
--color-on-background: #f7f8fa;
--color-on-background-rgb: 247, 248, 250;
--color-on-primary: #f7f8fa;
--color-on-primary-rgb: 247, 248, 250;
--color-product-image-background: #ffffff;
--color-background-brightness: 4;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #7436c9;
--primary-btn-text: #f7f8fa;
--primary-btn-border-color: #f7f8fa;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f7f8fa;
--secondary-btn-border-color: #f7f8fa;
section:has(> section.channel-stats),
div:has(> section.channel-stats),
.fw-section:has(.channel-stats),
[data-testid="main.single.section"]:has(.channel-stats) {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
}
section.channel-stats {
--stats-accent: #20d6c7;
--stats-active: #8b5cf6;
--stats-live: #ff3131;
--stats-divider: rgba(255, 255, 255, 0.16);
--stats-muted: rgba(255, 255, 255, 0.62);
display: block;
width: 100%;
margin: 0;
padding: 0;
color: inherit;
background: inherit;
border: 0;
}
section.channel-stats,
section.channel-stats * {
box-sizing: border-box;
}
section.channel-stats .channel-stats__inner {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
width: calc(100% - 48px);
max-width: 1770px;
margin: 0 auto;
}
section.channel-stats .channel-stats__item {
position: relative;
display: flex;
min-width: 0;
min-height: 112px;
margin: 0;
padding: 20px 28px;
align-items: center;
justify-content: center;
gap: 18px;
color: inherit;
text-decoration: none;
transition:
color 180ms ease,
background-color 180ms ease,
transform 180ms ease;
}
section.channel-stats
.channel-stats__item:not(:first-child)::before {
position: absolute;
top: 20px;
bottom: 20px;
left: 0;
width: 1px;
content: "";
background-color: var(--stats-divider);
}
section.channel-stats .channel-stats__item:hover,
section.channel-stats .channel-stats__item:focus-visible {
color: var(--stats-active);
text-decoration: none;
background-color: rgba(255, 255, 255, 0.025);
}
section.channel-stats .channel-stats__icon {
display: flex;
width: 38px;
height: 38px;
flex: 0 0 38px;
align-items: center;
justify-content: center;
color: var(--stats-accent);
transition:
color 180ms ease,
transform 180ms ease;
}
section.channel-stats
.channel-stats__item:hover
.channel-stats__icon,
section.channel-stats
.channel-stats__item:focus-visible
.channel-stats__icon {
color: var(--stats-active);
transform: translateY(-2px);
}
section.channel-stats .channel-stats__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
section.channel-stats .channel-stats__content {
display: flex;
min-width: 0;
flex-direction: column;
gap: 5px;
}
section.channel-stats .channel-stats__value {
display: block;
margin: 0;
color: inherit;
font-size: clamp(18px, 1.45vw, 26px);
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
section.channel-stats .channel-stats__label {
display: block;
margin: 0;
color: var(--stats-muted);
font-size: 0.75em;
font-style: normal;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
}
section.channel-stats .channel-stats__item--status {
justify-content: flex-start;
}
section.channel-stats .channel-stats__status-dot {
width: 11px;
height: 11px;
flex: 0 0 11px;
border-radius: 50%;
background-color: var(--stats-muted);
}
section.channel-stats
.channel-stats__item--status.is-live {
color: var(--stats-live);
}
section.channel-stats
.channel-stats__item--status.is-live
.channel-stats__value {
color: var(--stats-live);
}
section.channel-stats
.channel-stats__item--status.is-live
.channel-stats__status-dot {
background-color: var(--stats-live);
animation: channel-stats-live-pulse 1.8s ease-in-out infinite;
}
section.channel-stats
.channel-stats__item--status.is-live
.channel-stats__label {
color: rgba(255, 255, 255, 0.78);
letter-spacing: 0.03em;
text-transform: none;
}
section.channel-stats
.channel-stats__item--status.is-live:hover,
section.channel-stats
.channel-stats__item--status.is-live:focus-visible {
color: #ffffff;
background-color: var(--stats-live);
}
section.channel-stats
.channel-stats__item--status.is-live:hover
.channel-stats__value,
section.channel-stats
.channel-stats__item--status.is-live:focus-visible
.channel-stats__value {
color: #ffffff;
}
section.channel-stats
.channel-stats__item--status.is-live:hover
.channel-stats__status-dot,
section.channel-stats
.channel-stats__item--status.is-live:focus-visible
.channel-stats__status-dot {
background-color: #ffffff;
}
@keyframes channel-stats-live-pulse {
0%,
100% {
box-shadow: 0 0 0 0 rgba(255, 49, 49, 0);
}
50% {
box-shadow: 0 0 0 7px rgba(255, 49, 49, 0.22);
}
}
@media (max-width: 1200px) {
section.channel-stats .channel-stats__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
section.channel-stats
.channel-stats__item:nth-child(4)::before {
display: none;
}
section.channel-stats
.channel-stats__item:nth-child(n + 4) {
border-top: 1px solid var(--stats-divider);
}
}
@media (max-width: 767px) {
section.channel-stats {
border-top: 1px solid var(--stats-divider);
border-bottom: 1px solid var(--stats-divider);
}
section.channel-stats .channel-stats__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
margin: 0;
}
section.channel-stats .channel-stats__item {
min-height: 96px;
padding: 18px 20px;
justify-content: flex-start;
gap: 14px;
border-top: 1px solid var(--stats-divider);
}
section.channel-stats
.channel-stats__item::before {
display: none !important;
}
section.channel-stats
.channel-stats__item--status {
grid-column: 1 / -1;
min-height: 92px;
padding: 20px 24px;
justify-content: center;
gap: 14px;
border-top: 0;
border-bottom: 1px solid var(--stats-divider);
}
section.channel-stats
.channel-stats__item:nth-child(2),
section.channel-stats
.channel-stats__item:nth-child(3) {
border-top: 0;
}
section.channel-stats
.channel-stats__item:nth-child(even):not(
.channel-stats__item--status
) {
border-right: 1px solid var(--stats-divider);
}
section.channel-stats .channel-stats__icon {
width: 32px;
height: 32px;
flex-basis: 32px;
}
section.channel-stats .channel-stats__value {
font-size: 19px;
}
section.channel-stats .channel-stats__label {
font-size: 10px;
white-space: normal;
}
section.channel-stats
.channel-stats__item--status
.channel-stats__value {
font-size: 23px;
line-height: 1.05;
}
section.channel-stats
.channel-stats__item--status
.channel-stats__label {
font-size: 13px;
line-height: 1.35;
}
section.channel-stats
.channel-stats__item--status
.channel-stats__status-dot {
width: 13px;
height: 13px;
flex-basis: 13px;
}
}
@media (max-width: 420px) {
section.channel-stats .channel-stats__item {
gap: 11px;
padding-right: 14px;
padding-left: 14px;
}
section.channel-stats
.channel-stats__item--status {
padding-right: 20px;
padding-left: 20px;
}
section.channel-stats .channel-stats__icon {
width: 27px;
height: 27px;
flex-basis: 27px;
}
section.channel-stats .channel-stats__value {
font-size: 17px;
}
section.channel-stats
.channel-stats__item--status
.channel-stats__value {
font-size: 21px;
}
section.channel-stats
.channel-stats__item--status
.channel-stats__label {
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
section.channel-stats .channel-stats__item,
section.channel-stats .channel-stats__icon,
section.channel-stats .channel-stats__status-dot {
transition: none;
animation: none;
transform: none;
}
}
}
#fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84 {
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] {
position: relative;
overflow: hidden;
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item {
position: relative;
display: block;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
color: #ffffff;
text-decoration: none;
isolation: isolate;
box-shadow:
0 8px 22px rgba(0, 0, 0, 0.14);
transform: translateY(0);
transition:
border-color 280ms ease,
box-shadow 280ms ease,
transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-image-wrapper {
position: relative;
width: 100%;
overflow: hidden;
border-radius: inherit;
background: #07080c;
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-image-wrapper::after {
position: absolute;
inset: 0;
z-index: 1;
content: "";
background:
linear-gradient(
180deg,
rgba(3, 5, 10, 0) 48%,
rgba(3, 5, 10, 0.18) 64%,
rgba(3, 5, 10, 0.82) 100%
);
pointer-events: none;
transition: background 280ms ease;
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.01);
transform-origin: center;
transition:
transform 650ms cubic-bezier(0.22, 1, 0.36, 1),
filter 280ms ease;
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-title {
position: absolute;
right: 24px;
bottom: 22px;
left: 24px;
z-index: 2;
margin: 0;
color: #ffffff;
-webkit-text-fill-color: #ffffff;
text-shadow:
0 2px 8px rgba(0, 0, 0, 0.7),
0 8px 24px rgba(0, 0, 0, 0.5);
pointer-events: none;
transform: translateY(0);
transition:
transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item::after {
position: absolute;
right: 24px;
bottom: 14px;
left: 24px;
z-index: 3;
height: 2px;
content: "";
background-color: #20d6c7;
pointer-events: none;
transform: scaleX(0);
transform-origin: left center;
transition:
transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:hover,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:focus-visible {
border-color: rgba(32, 214, 199, 0.42);
box-shadow:
0 0 0 1px rgba(32, 214, 199, 0.08),
0 18px 42px rgba(0, 0, 0, 0.34),
0 8px 18px rgba(32, 214, 199, 0.08);
transform: translateY(-5px);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:hover .collections-list__item-image,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:focus-visible .collections-list__item-image {
transform: scale(1.055);
filter: brightness(0.92);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:hover .collections-list__item-image-wrapper::after,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:focus-visible .collections-list__item-image-wrapper::after {
background:
linear-gradient(
180deg,
rgba(3, 5, 10, 0.02) 40%,
rgba(3, 5, 10, 0.24) 60%,
rgba(3, 5, 10, 0.9) 100%
);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:hover .collections-list__item-title,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:focus-visible .collections-list__item-title {
transform: translateY(-5px);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:hover::after,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item:focus-visible::after {
transform: scaleX(1);
}
}
@media (max-width: 767px) {
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item {
border-radius: 8px;
box-shadow:
0 6px 18px rgba(0, 0, 0, 0.14);
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-title {
right: 16px;
bottom: 18px;
left: 16px;
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item::after {
right: 16px;
bottom: 11px;
left: 16px;
}
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-image-wrapper::after {
background:
linear-gradient(
180deg,
rgba(3, 5, 10, 0) 42%,
rgba(3, 5, 10, 0.22) 60%,
rgba(3, 5, 10, 0.88) 100%
);
}
}
@media (prefers-reduced-motion: reduce) {
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-image,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item-title,
section[data-section-id="fw-section-collections-list-c34a0550-0758-4d0f-a315-b77e3b822d84"] .collections-list__item::after {
transition: none;
transform: none;
}
}
}
#fw-section-text-banner-f4887185-180f-4812-bafb-fd6f38d8a6ed {
--font-heading-scale: 0.8;
--font-body-scale: 0.7;
}
#fw-section-text-banner-f4887185-180f-4812-bafb-fd6f38d8a6ed {
section[data-section-id^="fw-section-text-banner"] {
position: relative;
overflow: hidden;
min-height: 0;
margin-bottom: -110px;
}
section[data-section-id^="fw-section-text-banner"]::before {
position: absolute;
top: 70px;
left: 0;
z-index: 0;
width: 100%;
content: attr(data-outline-text);
color: transparent;
font-size: 17vw;
font-weight: 800;
line-height: 0.75;
letter-spacing: -0.065em;
text-align: center;
white-space: nowrap;
pointer-events: none;
transform: scaleX(1.08);
transform-origin: center;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.07);
}
section[data-section-id^="fw-section-text-banner"]
[class*="inner"],
section[data-section-id^="fw-section-text-banner"]
[class*="content"] {
position: relative;
z-index: 1;
min-height: 0;
height: auto;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] {
width: 100%;
max-width: none;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) {
margin-top: 0;
margin-bottom: 10px;
color: #20d6c7;
-webkit-text-fill-color: #20d6c7;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) * {
color: inherit;
-webkit-text-fill-color: inherit;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
width: 100%;
max-width: 1300px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3),
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
animation: text-banner-copy-in 650ms
cubic-bezier(0.22, 1, 0.36, 1) both;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
animation-delay: 70ms;
}
@keyframes text-banner-copy-in {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 1800px) {
section[data-section-id^="fw-section-text-banner"]::before {
font-size: 300px;
}
}
@media (max-width: 1200px) {
section[data-section-id^="fw-section-text-banner"] {
margin-bottom: -72px;
}
section[data-section-id^="fw-section-text-banner"]::before {
top: 62px;
font-size: 16vw;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
max-width: 1000px;
}
}
@media (max-width: 767px) {
section[data-section-id^="fw-section-text-banner"] {
margin-bottom: -20px;
}
section[data-section-id^="fw-section-text-banner"]::before {
top: 52px;
left: -5%;
width: 110%;
font-size: 21vw;
transform: scaleX(1.04);
-webkit-text-stroke-color: rgba(255, 255, 255, 0.05);
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) {
margin-bottom: 8px;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
max-width: 100%;
}
}
@media (max-width: 479px) {
section[data-section-id^="fw-section-text-banner"] {
margin-bottom: -8px;
}
section[data-section-id^="fw-section-text-banner"]::before {
top: 48px;
font-size: 22vw;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) {
margin-bottom: 7px;
}
}
@media (prefers-reduced-motion: reduce) {
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3),
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
opacity: 1;
transform: none;
animation: none;
}
}
}
#fw-section-featured-collection-0 {
section.featured-collection
.collection__grid
> .col-grid
> div:nth-child(n + 5) {
display: none !important;
}
}
#fw-section-custom-html-dc63214c-ee17-4219-84cb-e5533471d755 {
--font-heading-scale: 0.9;
--font-body-scale: 1.0;
}
#fw-section-custom-html-dc63214c-ee17-4219-84cb-e5533471d755 {
section.kody-about {
--about-teal-light: #00c8c8;
--about-teal-mid: #087f82;
--about-teal: #07565b;
--about-teal-dark: #04353a;
--about-purple: #8b5cf6;
--about-purple-light: #a978ff;
--about-live: #ff3131;
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
min-height: 0;
margin-top: -36px;
margin-bottom: -36px;
padding: 36px 0;
overflow: hidden;
border: 0;
background:
radial-gradient(
circle at 14% 40%,
rgba(0, 200, 200, 0.2),
transparent 42%
),
linear-gradient(
135deg,
var(--about-teal-light) 0%,
var(--about-teal-mid) 30%,
var(--about-teal) 64%,
var(--about-teal-dark) 100%
);
isolation: isolate;
}
section.kody-about,
section.kody-about *,
section.kody-about *::before,
section.kody-about *::after {
box-sizing: border-box;
}
section.kody-about .kody-about__bg {
display: none;
}
/* Decorative background text */
section.kody-about .kody-about__outline {
position: absolute;
top: 46px;
left: 50%;
z-index: 0;
width: 112%;
color: transparent;
font-size: 17vw;
font-weight: 800;
line-height: 0.75;
letter-spacing: -0.065em;
text-align: center;
white-space: nowrap;
pointer-events: none;
opacity: 1;
transform: translateX(-50%) scaleX(1.04);
transform-origin: center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.4);
}
section.kody-about .kody-about__outline::before {
content: attr(data-outline-text);
}
/* Main layout */
section.kody-about .kody-about__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns:
minmax(300px, 354px)
minmax(0, 760px);
gap: clamp(72px, 7vw, 140px);
width: calc(100% - 80px);
max-width: 1560px;
height: clamp(548px, 32vw, 628px);
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: center;
}
section.kody-about .kody-about__media {
position: relative;
width: auto;
height: 100%;
max-width: 354px;
min-height: 0;
max-height: 628px;
aspect-ratio: 9 / 16;
justify-self: center;
align-self: center;
}
section.kody-about .kody-about__content {
display: flex;
width: 100%;
max-width: 760px;
min-width: 0;
margin: 0;
padding: 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
}
/* Live status */
section.kody-about .kody-about__live-status {
display: inline-flex;
margin: 0 0 22px;
align-items: center;
gap: 12px;
}
section.kody-about .kody-about__live-status[hidden] {
display: none;
}
section.kody-about .kody-about__live-dot {
width: 11px;
height: 11px;
flex: 0 0 11px;
border-radius: 50%;
background-color: var(--about-live);
animation: kody-about-live-pulse 1.6s ease-in-out infinite;
}
section.kody-about .kody-about__live-content {
display: flex;
flex-direction: column;
gap: 4px;
}
section.kody-about .kody-about__live-label {
color: var(--about-live);
font-size: 20px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
section.kody-about .kody-about__live-viewers {
color: rgba(255, 255, 255, 0.72);
font-size: 15px;
line-height: 1.2;
}
/* Text content */
section.kody-about .kody-about__eyebrow {
margin: 0 0 16px;
color: var(--about-purple-light);
-webkit-text-fill-color: var(--about-purple-light);
}
section.kody-about .kody-about__heading {
width: 100%;
margin: 0;
}
section.kody-about .kody-about__divider {
width: 64px;
height: 3px;
margin: 22px 0;
background-color: var(--about-purple);
transition: width 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
section.kody-about .kody-about__copy {
width: 100%;
max-width: 660px;
margin: 0 0 26px;
}
section.kody-about .kody-about__cta-row {
display: flex;
align-items: center;
justify-content: flex-start;
}
section.kody-about .kody-about__cta-row .button {
flex: 0 0 auto;
}
/* YouTube embed */
section.kody-about .yt-live-embed {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
background-color: #000000;
box-shadow:
0 0 0 1px rgba(139, 92, 246, 0.22),
0 0 24px rgba(139, 92, 246, 0.16),
0 18px 40px rgba(0, 0, 0, 0.2);
}
section.kody-about .yt-player-mount {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
}
section.kody-about .yt-player-mount iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
border-radius: inherit;
}
/* Live badge */
section.kody-about .yt-badge {
position: absolute;
top: 14px;
left: 14px;
z-index: 3;
display: inline-flex;
padding: 7px 11px;
align-items: center;
gap: 8px;
border-radius: 999px;
color: #ffffff;
background-color: rgba(255, 45, 45, 0.96);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-6px);
transition:
opacity 180ms ease,
transform 180ms ease,
visibility 180ms ease;
}
section.kody-about .yt-badge.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
section.kody-about .yt-badge__dot {
width: 8px;
height: 8px;
flex: 0 0 8px;
border-radius: 50%;
background-color: #ffffff;
animation: kody-about-live-pulse 1.4s ease-in-out infinite;
}
/* Audio control */
section.kody-about .yt-audio-toggle {
position: absolute;
right: 14px;
bottom: 14px;
z-index: 4;
display: inline-flex;
max-width: calc(100% - 28px);
padding: 10px 13px;
align-items: center;
gap: 9px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 999px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.66);
cursor: pointer;
backdrop-filter: blur(8px);
transition:
background-color 150ms ease,
border-color 150ms ease,
opacity 150ms ease,
transform 150ms ease;
}
section.kody-about .yt-audio-toggle:hover,
section.kody-about .yt-audio-toggle:focus-visible {
border-color: rgba(255, 255, 255, 0.42);
background-color: rgba(0, 0, 0, 0.78);
transform: translateY(-1px);
}
section.kody-about .yt-audio-toggle:active {
transform: translateY(0);
}
section.kody-about .yt-audio-toggle.is-soft {
opacity: 0.8;
}
section.kody-about .yt-audio-toggle__icon {
display: inline-block;
width: 18px;
height: 18px;
flex: 0 0 18px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
section.kody-about
.yt-audio-toggle.is-muted
.yt-audio-toggle__icon {
background-image:
url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11 5.06 6.84 9H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2.84L11 18.94a1 1 0 0 0 1.7-.76V5.82a1 1 0 0 0-1.7-.76z'/%3E%3Cpath d='m19.78 4.22-1.41-1.41L4.22 16.96l1.41 1.41L19.78 4.22z'/%3E%3C/svg%3E");
}
section.kody-about
.yt-audio-toggle.is-unmuted
.yt-audio-toggle__icon {
background-image:
url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11 5.06 6.84 9H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2.84L11 18.94a1 1 0 0 0 1.7-.76V5.82a1 1 0 0 0-1.7-.76z'/%3E%3Cpath d='M14 3.23v2.06A8.97 8.97 0 0 1 17.5 12 8.97 8.97 0 0 1 14 18.71v2.06A10.97 10.97 0 0 0 19.5 12 10.97 10.97 0 0 0 14 3.23z'/%3E%3C/svg%3E");
}
@keyframes kody-about-live-pulse {
0%,
100% {
opacity: 0.9;
box-shadow: 0 0 0 0 rgba(255, 49, 49, 0);
}
50% {
opacity: 1;
box-shadow: 0 0 0 7px rgba(255, 49, 49, 0.2);
}
}
/* Large desktop */
@media (min-width: 1800px) {
section.kody-about .kody-about__outline {
font-size: 300px;
}
section.kody-about .kody-about__inner {
grid-template-columns:
minmax(320px, 354px)
minmax(0, 820px);
}
section.kody-about .kody-about__content {
max-width: 820px;
}
}
/* Hover */
@media (hover: hover) and (pointer: fine) {
section.kody-about:hover .kody-about__divider {
width: 88px;
}
}
/* Small desktop */
@media (max-width: 1399px) and (min-width: 901px) {
section.kody-about {
margin-top: -32px;
margin-bottom: -32px;
padding: 32px 0;
}
section.kody-about .kody-about__outline {
top: 38px;
width: 112%;
font-size: 18vw;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.25);
}
section.kody-about .kody-about__inner {
grid-template-columns:
minmax(248px, 294px)
minmax(0, 620px);
gap: clamp(48px, 5vw, 76px);
width: calc(100% - 64px);
max-width: 1200px;
height: clamp(450px, 42vw, 520px);
}
section.kody-about .kody-about__media {
width: auto;
height: 100%;
max-width: 294px;
max-height: 520px;
}
section.kody-about .kody-about__content {
max-width: 620px;
}
section.kody-about .kody-about__live-status {
margin-bottom: 16px;
}
section.kody-about .kody-about__divider {
margin: 18px 0;
}
section.kody-about .kody-about__copy {
margin-bottom: 22px;
}
}
/* Tighter small desktop */
@media (max-width: 1100px) and (min-width: 901px) {
section.kody-about .kody-about__inner {
grid-template-columns:
minmax(220px, 260px)
minmax(0, 560px);
gap: 42px;
height: 460px;
}
section.kody-about .kody-about__media {
width: auto;
height: 100%;
max-width: 260px;
max-height: 460px;
}
section.kody-about .kody-about__content {
max-width: 560px;
}
section.kody-about .kody-about__live-status {
margin-bottom: 12px;
}
section.kody-about .kody-about__eyebrow {
margin-bottom: 10px;
}
section.kody-about .kody-about__divider {
margin: 14px 0;
}
section.kody-about .kody-about__copy {
margin-bottom: 18px;
}
section.kody-about .yt-audio-toggle {
right: 10px;
bottom: 10px;
padding: 8px 10px;
}
section.kody-about .yt-audio-toggle__text {
display: none;
}
}
/* Tablet */
@media (max-width: 900px) {
section.kody-about {
margin-top: -24px;
margin-bottom: -24px;
padding: 24px 0;
}
section.kody-about .kody-about__inner {
grid-template-columns: 1fr;
gap: 44px;
width: calc(100% - 48px);
max-width: 720px;
height: auto;
padding: 72px 0;
}
section.kody-about .kody-about__content {
grid-row: 1;
max-width: 100%;
}
section.kody-about .kody-about__media {
grid-row: 2;
width: 100%;
height: auto;
max-width: 370px;
max-height: none;
aspect-ratio: 9 / 16;
}
section.kody-about .kody-about__outline {
top: 34px;
width: 128%;
font-size: 25vw;
text-align: center;
transform: translateX(-50%) scaleX(1.08);
-webkit-text-stroke: 2px rgba(139, 92, 246, 0.25);
}
section.kody-about .kody-about__live-label {
font-size: 19px;
}
section.kody-about .kody-about__live-viewers {
font-size: 14px;
}
}
/* Mobile */
@media (max-width: 600px) {
section.kody-about .kody-about__outline {
top: 30px;
width: 142%;
font-size: 29vw;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.25);
}
section.kody-about .kody-about__inner {
width: calc(100% - 32px);
padding: 60px 0;
}
section.kody-about .kody-about__media {
width: 100%;
max-width: 340px;
}
section.kody-about .kody-about__live-status {
margin-bottom: 18px;
}
section.kody-about .kody-about__eyebrow {
margin-bottom: 12px;
}
section.kody-about .kody-about__divider {
width: 48px;
margin: 18px 0;
}
section.kody-about .kody-about__copy {
margin-bottom: 22px;
}
section.kody-about .yt-audio-toggle {
right: 10px;
bottom: 10px;
}
section.kody-about .yt-audio-toggle__text {
display: none;
}
}
@media (max-width: 400px) {
section.kody-about .kody-about__inner {
width: calc(100% - 24px);
}
section.kody-about .kody-about__media {
width: 100%;
max-width: 310px;
}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
section.kody-about .yt-badge__dot,
section.kody-about .kody-about__live-dot {
animation: none;
}
section.kody-about .kody-about__divider,
section.kody-about .yt-badge,
section.kody-about .yt-audio-toggle {
transition: none;
}
}
}
#fw-section-text-banner-65dc64d5-1a94-4f9b-a178-9404efb85048 {
--font-heading-scale: 0.8;
--font-body-scale: 0.7;
}
#fw-section-text-banner-65dc64d5-1a94-4f9b-a178-9404efb85048 {
section[data-section-id^="fw-section-text-banner"] {
position: relative;
overflow: hidden;
min-height: 0;
margin-bottom: -110px;
}
section[data-section-id^="fw-section-text-banner"]::before {
position: absolute;
top: 70px;
left: 0;
z-index: 0;
width: 100%;
content: attr(data-outline-text);
color: transparent;
font-size: 17vw;
font-weight: 800;
line-height: 0.75;
letter-spacing: -0.065em;
text-align: center;
white-space: nowrap;
pointer-events: none;
transform: scaleX(1.08);
transform-origin: center;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.07);
}
section[data-section-id^="fw-section-text-banner"]
[class*="inner"],
section[data-section-id^="fw-section-text-banner"]
[class*="content"] {
position: relative;
z-index: 1;
min-height: 0;
height: auto;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] {
width: 100%;
max-width: none;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) {
margin-top: 0;
margin-bottom: 10px;
color: #20d6c7;
-webkit-text-fill-color: #20d6c7;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) * {
color: inherit;
-webkit-text-fill-color: inherit;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
width: 100%;
max-width: 1300px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3),
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
animation: text-banner-copy-in 650ms
cubic-bezier(0.22, 1, 0.36, 1) both;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
animation-delay: 70ms;
}
@keyframes text-banner-copy-in {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 1800px) {
section[data-section-id^="fw-section-text-banner"]::before {
font-size: 300px;
}
}
@media (max-width: 1200px) {
section[data-section-id^="fw-section-text-banner"] {
margin-bottom: -72px;
}
section[data-section-id^="fw-section-text-banner"]::before {
top: 62px;
font-size: 16vw;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
max-width: 1000px;
}
}
@media (max-width: 767px) {
section[data-section-id^="fw-section-text-banner"] {
margin-bottom: -20px;
}
section[data-section-id^="fw-section-text-banner"]::before {
top: 52px;
left: -5%;
width: 110%;
font-size: 21vw;
transform: scaleX(1.04);
-webkit-text-stroke-color: rgba(255, 255, 255, 0.05);
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) {
margin-bottom: 8px;
}
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
max-width: 100%;
}
}
@media (max-width: 479px) {
section[data-section-id^="fw-section-text-banner"] {
margin-bottom: -8px;
}
section[data-section-id^="fw-section-text-banner"]::before {
top: 48px;
font-size: 22vw;
}
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3) {
margin-bottom: 7px;
}
}
@media (prefers-reduced-motion: reduce) {
section[data-section-id^="fw-section-text-banner"]
[class*="content"] > :first-child:not(h1):not(h2):not(h3),
section[data-section-id^="fw-section-text-banner"]
h1,
section[data-section-id^="fw-section-text-banner"]
h2,
section[data-section-id^="fw-section-text-banner"]
h3 {
opacity: 1;
transform: none;
animation: none;
}
}
}
#fw-section-featured-collection-bd0938c7-2d4d-4da1-95b2-01c087ce117a {
section.featured-collection
.collection__grid
> .col-grid
> div:nth-child(n + 5) {
display: none !important;
}
}
#fw-section-custom-html-b289a808-79ad-4635-aad1-6150d4de6636 {
--font-heading-scale: 0.9;
--font-body-scale: 1.0;
}
#fw-section-custom-html-b289a808-79ad-4635-aad1-6150d4de6636 {
section.media-kit-section {
--section-accent: #20d6c7;
--section-outline: rgba(255, 255, 255, 0.052);
position: relative;
display: block;
width: 100%;
min-height: 0;
margin: -38px 0;
padding: 0;
overflow: hidden;
border: 0;
outline: 0;
background: transparent;
isolation: isolate;
box-shadow: none;
}
section.media-kit-section,
section.media-kit-section *,
section.media-kit-section *::before,
section.media-kit-section *::after {
box-sizing: border-box;
}
section.media-kit-section::before,
section.media-kit-section::after {
display: none;
content: none;
}
/* Decorative outline */
section.media-kit-section .media-kit-section__outline {
position: absolute;
top: -1%;
left: 1.25%;
z-index: 0;
width: 59%;
overflow: visible;
color: transparent;
font-size: clamp(132px, 13.25vw, 258px);
font-weight: 800;
line-height: 0.78;
letter-spacing: -0.065em;
text-align: left;
white-space: nowrap;
pointer-events: none;
user-select: none;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--section-outline);
}
/* Structure */
section.media-kit-section .media-kit-section__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(760px, 52%) minmax(0, 48%);
width: 100%;
height: calc(clamp(560px, 36vw, 700px) + 8px);
max-height: 708px;
margin: -4px 0;
padding: 0;
overflow: hidden;
border: 0;
outline: 0;
align-items: stretch;
}
/* Desktop seam */
section.media-kit-section .media-kit-section__inner::after {
position: absolute;
inset: 0;
z-index: 6;
content: "";
background-color: var(--section-accent);
clip-path: polygon(
55.35% 0,
55.63% 0,
50.35% 100%,
50.07% 100%
);
-webkit-clip-path: polygon(
55.35% 0,
55.63% 0,
50.35% 100%,
50.07% 100%
);
pointer-events: none;
}
/* Content */
section.media-kit-section .media-kit-section__content {
position: relative;
z-index: 4;
display: flex;
width: 100%;
max-width: 1240px;
margin: 0;
padding: 0 88px 0 7vw;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
background: transparent;
}
section.media-kit-section .media-kit-section__heading {
width: 100%;
max-width: 15ch;
margin: 0;
}
section.media-kit-section .media-kit-section__heading::before,
section.media-kit-section .media-kit-section__heading::after {
display: none;
content: none;
}
section.media-kit-section .media-kit-section__copy {
width: 100%;
max-width: 820px;
margin: 0;
}
section.media-kit-section .media-kit-section__actions {
margin-top: 30px;
}
section.media-kit-section .media-kit-section__actions .button {
flex: 0 0 auto;
}
/* Media */
section.media-kit-section .media-kit-section__media {
position: relative;
z-index: 2;
width: 100%;
min-width: 0;
height: 100%;
overflow: visible;
border: 0;
outline: 0;
background: transparent;
}
section.media-kit-section .media-kit-section__image-wrap {
position: absolute;
top: -4px;
right: 0;
bottom: -4px;
left: -11%;
z-index: 1;
overflow: hidden;
border: 0;
outline: 0;
background: transparent;
clip-path: polygon(
16.35% 0,
100% 0,
100% 100%,
6.35% 100%
);
-webkit-clip-path: polygon(
16.35% 0,
100% 0,
100% 100%,
6.35% 100%
);
transform: translateZ(0);
}
section.media-kit-section .media-kit-section__image-wrap::after {
position: absolute;
inset: 0;
z-index: 2;
content: "";
background: linear-gradient(
90deg,
rgba(3, 5, 10, 0.38) 0%,
rgba(3, 5, 10, 0.12) 14%,
rgba(3, 5, 10, 0) 32%
);
pointer-events: none;
}
section.media-kit-section .media-kit-section__image {
display: block;
width: 118%;
max-width: none;
height: calc(100% + 8px);
margin: 0;
padding: 0;
border: 0;
outline: 0;
object-fit: cover;
object-position: 42% center;
transform: translateX(-9%) scale(1.02);
transform-origin: center;
transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
/* Hide legacy svg seam */
section.media-kit-section .media-kit-section__image-edge,
section.media-kit-section .media-kit-section__image-edge line {
display: none;
}
/* Wide desktop */
@media (min-width: 1850px) {
section.media-kit-section .media-kit-section__content {
padding-left: calc((100vw - 1770px) / 2 + 12px);
}
}
@media (min-width: 2160px) {
section.media-kit-section .media-kit-section__inner {
grid-template-columns: minmax(860px, 53%) minmax(0, 47%);
height: 708px;
max-height: 708px;
}
section.media-kit-section .media-kit-section__inner::after {
clip-path: polygon(
56.1% 0,
56.38% 0,
51.38% 100%,
51.1% 100%
);
-webkit-clip-path: polygon(
56.1% 0,
56.38% 0,
51.38% 100%,
51.1% 100%
);
}
section.media-kit-section .media-kit-section__image-wrap {
left: -12%;
clip-path: polygon(
17.15% 0,
100% 0,
100% 100%,
7.15% 100%
);
-webkit-clip-path: polygon(
17.15% 0,
100% 0,
100% 100%,
7.15% 100%
);
}
section.media-kit-section .media-kit-section__content {
max-width: 1320px;
padding-right: 110px;
}
section.media-kit-section .media-kit-section__heading {
max-width: 16ch;
}
section.media-kit-section .media-kit-section__copy {
max-width: 900px;
}
section.media-kit-section .media-kit-section__outline {
top: -12px;
left: 2.25%;
width: 61%;
font-size: 268px;
}
section.media-kit-section .media-kit-section__image {
width: 120%;
object-position: 41% center;
transform: translateX(-10%) scale(1.02);
}
}
/* Hover */
@media (hover: hover) and (pointer: fine) {
section.media-kit-section:hover .media-kit-section__image {
transform: translateX(-9%) scale(1.045);
}
}
/* Intermediate desktop */
@media (max-width: 1400px) {
section.media-kit-section .media-kit-section__outline {
left: 0.5%;
width: 59%;
font-size: clamp(116px, 11.8vw, 210px);
}
section.media-kit-section .media-kit-section__inner {
grid-template-columns: minmax(660px, 51%) minmax(0, 49%);
}
section.media-kit-section .media-kit-section__inner::after {
clip-path: polygon(
54.5% 0,
54.78% 0,
49.3% 100%,
49.02% 100%
);
-webkit-clip-path: polygon(
54.5% 0,
54.78% 0,
49.3% 100%,
49.02% 100%
);
}
section.media-kit-section .media-kit-section__image-wrap {
left: -12%;
clip-path: polygon(
17.1% 0,
100% 0,
100% 100%,
7.1% 100%
);
-webkit-clip-path: polygon(
17.1% 0,
100% 0,
100% 100%,
7.1% 100%
);
}
section.media-kit-section .media-kit-section__content {
padding-right: 64px;
}
section.media-kit-section .media-kit-section__heading {
max-width: 14ch;
}
section.media-kit-section .media-kit-section__image {
width: 120%;
object-position: 41% center;
transform: translateX(-10%) scale(1.02);
}
}
/* Small desktop */
@media (max-width: 1200px) {
section.media-kit-section {
margin-top: -34px;
margin-bottom: -34px;
}
section.media-kit-section .media-kit-section__outline {
top: 0;
left: -1%;
width: 58%;
font-size: clamp(100px, 11vw, 180px);
}
section.media-kit-section .media-kit-section__inner {
grid-template-columns: minmax(520px, 50%) minmax(0, 50%);
height: calc(clamp(520px, 48vw, 620px) + 8px);
max-height: 628px;
}
section.media-kit-section .media-kit-section__inner::after {
clip-path: polygon(
53.81% 0,
54.1% 0,
48.45% 100%,
48.16% 100%
);
-webkit-clip-path: polygon(
53.81% 0,
54.1% 0,
48.45% 100%,
48.16% 100%
);
}
section.media-kit-section .media-kit-section__image-wrap {
left: -13%;
clip-path: polygon(
18.25% 0,
100% 0,
100% 100%,
8.25% 100%
);
-webkit-clip-path: polygon(
18.25% 0,
100% 0,
100% 100%,
8.25% 100%
);
}
section.media-kit-section .media-kit-section__content {
padding-right: 44px;
padding-left: 40px;
}
section.media-kit-section .media-kit-section__heading {
max-width: 13ch;
}
section.media-kit-section .media-kit-section__image {
width: 122%;
object-position: 40% center;
transform: translateX(-11%) scale(1.02);
}
}
/* Tablet */
@media (max-width: 900px) {
section.media-kit-section {
margin-top: -26px;
margin-bottom: -26px;
}
section.media-kit-section .media-kit-section__outline {
top: 8px;
left: -12%;
width: 124%;
font-size: clamp(82px, 20vw, 150px);
text-align: left;
transform: none;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.048);
}
section.media-kit-section .media-kit-section__inner {
display: flex;
height: auto;
max-height: none;
margin: -3px 0;
flex-direction: column;
}
section.media-kit-section .media-kit-section__inner::after {
display: none;
content: none;
}
section.media-kit-section .media-kit-section__content {
order: 1;
width: calc(100% - 48px);
max-width: 720px;
margin-right: auto;
margin-left: auto;
padding: 112px 0 52px;
}
section.media-kit-section .media-kit-section__heading {
max-width: 12ch;
}
section.media-kit-section .media-kit-section__media {
order: 2;
width: 100%;
height: auto;
overflow: hidden;
aspect-ratio: 16 / 10;
}
/* teal border under image on tablet/mobile */
section.media-kit-section .media-kit-section__media::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 6;
display: block;
height: 3px;
content: "";
background-color: var(--section-accent);
pointer-events: none;
}
section.media-kit-section .media-kit-section__image-wrap {
top: -4px;
right: 0;
bottom: -4px;
left: 0;
clip-path: none;
-webkit-clip-path: none;
}
section.media-kit-section .media-kit-section__image-wrap::after {
background: linear-gradient(
180deg,
rgba(3, 5, 10, 0.12) 0%,
rgba(3, 5, 10, 0) 26%
);
}
section.media-kit-section .media-kit-section__image {
width: 100%;
max-width: 100%;
height: 100%;
object-position: 62% center;
transform: none;
}
}
/* Mobile */
@media (max-width: 600px) {
section.media-kit-section .media-kit-section__outline {
left: -16%;
width: 138%;
font-size: clamp(78px, 23vw, 120px);
letter-spacing: -0.075em;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.045);
}
section.media-kit-section .media-kit-section__content {
width: calc(100% - 32px);
padding: 100px 0 44px;
}
section.media-kit-section .media-kit-section__heading {
max-width: none;
}
section.media-kit-section .media-kit-section__actions {
margin-top: 26px;
}
section.media-kit-section .media-kit-section__media {
aspect-ratio: 4 / 3;
}
section.media-kit-section .media-kit-section__image {
object-position: 64% center;
}
}
@media (max-width: 420px) {
section.media-kit-section .media-kit-section__outline {
left: -20%;
width: 144%;
font-size: clamp(72px, 23vw, 104px);
}
}
@media (prefers-reduced-motion: reduce) {
section.media-kit-section .media-kit-section__image {
transition: none;
transform: none;
}
}
}
#fw-section-custom-html-9c3d3b2e-30b0-439c-b748-76841c71b704 {
section.custom-html:has(section.values-section) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(section.values-section) > div,
section.custom-html:has(section.values-section) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.values-section {
--section-accent: #00c8c8;
--values-background: #171027;
--values-background-mid: #211138;
--values-background-deep: #0d0b18;
--values-line: rgba(255, 255, 255, 0.12);
--values-card: rgba(8, 7, 18, 0.36);
--values-outline: rgba(139, 92, 246, 0.14);
position: relative;
display: flex;
width: 100%;
min-height: 480px;
margin: 0;
padding: 0;
overflow: hidden;
align-items: center;
background:
linear-gradient(
110deg,
var(--values-background) 0%,
var(--values-background-mid) 48%,
var(--values-background-deep) 100%
);
}
section.values-section,
section.values-section *,
section.values-section *::before,
section.values-section *::after {
box-sizing: border-box;
}
section.values-section .values-section__outline {
position: absolute;
top: 34px;
left: 6%;
z-index: 0;
width: 92%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(110px, 14vw, 260px);
font-weight: 800;
line-height: 0.8;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--values-outline);
}
section.values-section .values-section__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(400px, 0.85fr) minmax(0, 1.75fr);
gap: clamp(48px, 5vw, 88px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 50px 0;
align-items: center;
}
section.values-section .values-section__intro {
min-width: 0;
}
section.values-section h6.values-section__eyebrow {
margin-top: 0;
color: var(--section-accent);
}
section.values-section .values-section__heading {
margin-bottom: 0;
}
section.values-section .values-section__divider {
margin-top: 20px;
background-color: var(--section-accent);
}
section.values-section .values-section__copy {
max-width: 560px;
margin-top: 22px;
margin-bottom: 0;
}
section.values-section .values-section__statement {
margin: 12px 0 0;
color: var(--section-accent);
}
section.values-section .values-section__actions {
margin-top: 28px;
}
section.values-section .values-section__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
width: 100%;
}
section.values-section .values-section__card {
display: flex;
min-width: 0;
min-height: 280px;
margin: 0;
padding: 32px 22px;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid var(--values-line);
border-radius: 12px;
background-color: var(--values-card);
text-align: center;
transition:
border-color 180ms ease,
transform 180ms ease;
}
section.values-section .values-section__icon {
display: flex;
width: 50px;
height: 50px;
margin: 0 0 20px;
align-items: center;
justify-content: center;
color: var(--section-accent);
}
section.values-section .values-section__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
section.values-section .values-section__title {
margin: 0;
}
section.values-section .values-section__card-divider {
width: 34px;
height: 2px;
margin: 16px 0;
background-color: var(--section-accent);
}
section.values-section .values-section__card-copy {
max-width: 210px;
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
section.values-section .values-section__card:hover {
border-color: rgba(0, 200, 200, 0.4);
transform: translateY(-3px);
}
}
@media (max-width: 1200px) {
section.values-section {
min-height: 0;
}
section.values-section .values-section__inner {
grid-template-columns: 1fr;
gap: 42px;
width: calc(100% - 64px);
padding: 52px 0;
}
section.values-section .values-section__intro {
max-width: 720px;
}
section.values-section .values-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.values-section .values-section__card {
min-height: 230px;
}
}
@media (max-width: 900px) {
section.values-section .values-section__inner {
width: calc(100% - 48px);
padding: 46px 0;
}
section.values-section .values-section__outline {
top: 22px;
left: 4%;
}
}
@media (max-width: 600px) {
section.values-section .values-section__inner {
width: calc(100% - 32px);
gap: 32px;
padding: 38px 0;
}
section.values-section .values-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
section.values-section .values-section__card {
min-height: 0;
padding: 22px 10px;
}
section.values-section .values-section__icon {
width: 38px;
height: 38px;
margin-bottom: 12px;
}
section.values-section .values-section__title {
font-size: 0.92em;
}
section.values-section .values-section__card-copy {
max-width: 145px;
font-size: 0.82em;
}
section.values-section .values-section__card-divider {
width: 32px;
margin: 10px 0;
}
section.values-section .values-section__actions {
margin-top: 24px;
}
}
@media (max-width: 380px) {
section.values-section .values-section__grid {
gap: 8px;
}
section.values-section .values-section__card {
padding: 20px 8px;
}
section.values-section .values-section__icon {
width: 34px;
height: 34px;
}
section.values-section .values-section__title {
font-size: 0.86em;
}
section.values-section .values-section__card-copy {
max-width: 132px;
font-size: 0.78em;
}
}
@media (prefers-reduced-motion: reduce) {
section.values-section .values-section__card {
transition: none;
}
}
}
#fw-section-custom-html-c82d6be4-73e2-47f3-bd5e-0f38d2c3fe99 {
--font-heading-scale: 0.9;
--font-body-scale: 1.0;
}
#fw-section-custom-html-c82d6be4-73e2-47f3-bd5e-0f38d2c3fe99 {
section.discord-section {
--section-accent: #20d6c7;
--section-purple: #5b2db2;
--section-purple-dark: #321765;
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
height: 400px;
margin: -37px 0;
padding: 0;
overflow: hidden;
isolation: isolate;
border: 0;
outline: 0;
background-color: transparent;
box-shadow: none;
}
section.discord-section,
section.discord-section *,
section.discord-section *::before,
section.discord-section *::after {
box-sizing: border-box;
}
section.discord-section::before,
section.discord-section::after {
display: none;
content: none;
}
section.discord-section .discord-section__inner {
position: absolute;
top: -2px;
right: 0;
bottom: -2px;
left: 0;
width: 100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
border: 0;
outline: 0;
background:
radial-gradient(
circle at 68% 42%,
rgba(255, 255, 255, 0.06) 0%,
rgba(255, 255, 255, 0) 42%
),
linear-gradient(
135deg,
#6835c2 0%,
var(--section-purple) 58%,
var(--section-purple-dark) 100%
);
}
/* Full-height teal seam */
section.discord-section .discord-section__inner::after {
position: absolute;
inset: 0;
z-index: 6;
content: "";
background-color: var(--section-accent);
clip-path: polygon(
41.9% 0,
42.18% 0,
47.18% 100%,
46.9% 100%
);
-webkit-clip-path: polygon(
41.9% 0,
42.18% 0,
47.18% 100%,
46.9% 100%
);
pointer-events: none;
}
/* Media */
section.discord-section .discord-section__media {
position: absolute;
inset: 0 auto 0 0;
z-index: 2;
width: 47%;
height: 100%;
overflow: hidden;
border: 0;
outline: 0;
background-color: #08090d;
clip-path: polygon(
0 0,
89.5% 0,
100% 100%,
0 100%
);
-webkit-clip-path: polygon(
0 0,
89.5% 0,
100% 100%,
0 100%
);
transform: translateZ(0);
}
section.discord-section .discord-section__image {
display: block;
width: 106%;
max-width: none;
height: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
object-fit: cover;
object-position: 47% 44%;
transform: scale(1.015);
transform-origin: center;
transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
section.discord-section .discord-section__media::after {
position: absolute;
inset: 0;
z-index: 1;
content: "";
background:
linear-gradient(
90deg,
rgba(4, 6, 12, 0.02) 0%,
rgba(4, 6, 12, 0) 76%,
rgba(4, 6, 12, 0.12) 100%
);
pointer-events: none;
}
/* Content */
section.discord-section .discord-section__content {
position: absolute;
inset: 0 0 0 39%;
z-index: 1;
display: flex;
min-width: 0;
height: 100%;
padding:
34px
clamp(42px, 5vw, 92px)
34px
clamp(136px, 9vw, 188px);
overflow: hidden;
align-items: center;
justify-content: center;
border: 0;
outline: 0;
background-color: transparent;
}
section.discord-section .discord-section__content-inner {
position: relative;
z-index: 3;
width: 100%;
max-width: 720px;
margin: 0 auto;
}
/* Decorative outline */
section.discord-section .discord-section__outline {
position: absolute;
top: -42px;
left: -24%;
z-index: 0;
display: flex;
width: max-content;
margin: 0;
flex-direction: column;
color: transparent;
font-size: clamp(116px, 8.2vw, 170px);
font-weight: 800;
line-height: 0.68;
letter-spacing: -0.055em;
white-space: nowrap;
pointer-events: none;
user-select: none;
transform: scaleY(1.14);
transform-origin: top left;
opacity: 1;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.09);
}
section.discord-section .discord-section__outline span {
display: block;
}
section.discord-section .discord-section__outline span + span {
margin-top: 12px;
}
/* Content hierarchy */
section.discord-section .discord-section__intro {
position: relative;
z-index: 2;
width: 100%;
margin: 0 0 4px;
padding: 0;
}
section.discord-section .discord-section__eyebrow,
section.discord-section .discord-section__heading,
section.discord-section .discord-section__divider,
section.discord-section .discord-section__copy,
section.discord-section .discord-section__actions {
position: relative;
z-index: 2;
}
section.discord-section .discord-section__eyebrow {
margin: 0 0 12px;
color: var(--section-accent);
line-height: 0.9;
-webkit-text-fill-color: var(--section-accent);
}
section.discord-section .discord-section__heading {
width: 100%;
max-width: 720px;
margin: 0;
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
section.discord-section .discord-section__divider {
display: block;
width: 48px;
height: 3px;
margin: 18px 0;
padding: 0;
border: 0;
background-color: var(--section-accent);
transform-origin: left center;
transition: width 280ms ease;
}
section.discord-section .discord-section__copy {
width: 100%;
max-width: 640px;
margin: 0;
color: rgba(255, 255, 255, 0.9);
}
section.discord-section .discord-section__actions {
display: flex;
align-items: center;
margin-top: 20px;
}
@media (hover: hover) and (pointer: fine) {
section.discord-section:hover .discord-section__image {
transform: scale(1.035);
}
section.discord-section:hover .discord-section__divider {
width: 72px;
}
}
/* Small desktop */
@media (max-width: 1200px) {
section.discord-section {
height: 380px;
margin-top: -33px;
margin-bottom: -33px;
}
section.discord-section .discord-section__media {
width: 48%;
}
section.discord-section .discord-section__inner::after {
clip-path: polygon(
42.95% 0,
43.24% 0,
48.18% 100%,
47.89% 100%
);
-webkit-clip-path: polygon(
42.95% 0,
43.24% 0,
48.18% 100%,
47.89% 100%
);
}
section.discord-section .discord-section__image {
object-position: 47% 45%;
}
section.discord-section .discord-section__content {
inset: 0 0 0 40%;
padding: 30px 40px 30px 112px;
}
section.discord-section .discord-section__content-inner {
max-width: 660px;
}
section.discord-section .discord-section__outline {
top: -34px;
left: -20%;
font-size: clamp(102px, 8vw, 146px);
}
}
/* Tablet: content first, image second */
@media (max-width: 900px) {
section.discord-section {
height: auto;
min-height: 680px;
margin: -25px 0;
}
section.discord-section .discord-section__inner {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
display: flex;
width: 100%;
height: auto;
min-height: 680px;
flex-direction: column;
transform: translateY(-2px);
}
section.discord-section .discord-section__inner::after {
top: 359px;
right: 0;
bottom: auto;
left: 0;
width: 100%;
height: 3px;
clip-path: none;
-webkit-clip-path: none;
}
section.discord-section .discord-section__media,
section.discord-section .discord-section__content {
position: relative;
inset: auto;
width: 100%;
height: auto;
}
section.discord-section .discord-section__content {
order: 1;
min-height: 362px;
padding: 42px 40px 48px;
justify-content: flex-start;
}
section.discord-section .discord-section__media {
order: 2;
height: 322px;
clip-path: none;
-webkit-clip-path: none;
}
section.discord-section .discord-section__image {
width: 100%;
max-width: 100%;
height: 100%;
object-position: 48% 36%;
}
section.discord-section .discord-section__content-inner {
max-width: 720px;
margin: 0;
}
section.discord-section .discord-section__outline {
top: -18px;
left: -4%;
font-size: clamp(76px, 12vw, 118px);
transform: scaleY(1.1);
}
section.discord-section .discord-section__outline span + span {
margin-top: 8px;
}
}
/* Mobile */
@media (max-width: 600px) {
section.discord-section {
min-height: 590px;
}
section.discord-section .discord-section__inner {
min-height: 590px;
}
section.discord-section .discord-section__content {
min-height: 332px;
padding: 36px 22px 42px;
}
section.discord-section .discord-section__media {
height: 262px;
}
section.discord-section .discord-section__inner::after {
top: 329px;
}
section.discord-section .discord-section__image {
object-position: 48% 36%;
}
section.discord-section .discord-section__outline {
top: -8px;
left: -2%;
font-size: clamp(52px, 14vw, 84px);
transform: scaleY(1.06);
}
section.discord-section .discord-section__divider {
width: 42px;
margin: 16px 0;
}
section.discord-section .discord-section__actions {
margin-top: 22px;
}
}
@media (max-width: 420px) {
section.discord-section {
min-height: 544px;
}
section.discord-section .discord-section__inner {
min-height: 544px;
}
section.discord-section .discord-section__content {
min-height: 317px;
padding: 32px 18px 38px;
}
section.discord-section .discord-section__media {
height: 227px;
}
section.discord-section .discord-section__inner::after {
top: 314px;
}
section.discord-section .discord-section__outline {
font-size: 48px;
}
}
@media (prefers-reduced-motion: reduce) {
section.discord-section .discord-section__image,
section.discord-section .discord-section__divider {
transition: none;
}
section.discord-section .discord-section__image {
transform: none;
}
}
}
#fw-section-custom-html-c912ed1e-a87c-40f1-b7eb-0003080acc5b {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-custom-html-bf50fa43-b508-436a-a11a-e3478541a468 {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}
#fw-section-custom-html-c644c38b-cae2-4a4f-ac5a-37538fec691c {
section.custom-html:has(section.values-section) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(section.values-section) > div,
section.custom-html:has(section.values-section) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.values-section {
--section-accent: #00c8c8;
--values-background: #171027;
--values-background-mid: #211138;
--values-background-deep: #0d0b18;
--values-line: rgba(255, 255, 255, 0.12);
--values-card: rgba(8, 7, 18, 0.36);
--values-outline: rgba(139, 92, 246, 0.14);
position: relative;
display: flex;
width: 100%;
min-height: 480px;
margin: 0;
padding: 0;
overflow: hidden;
align-items: center;
background:
linear-gradient(
110deg,
var(--values-background) 0%,
var(--values-background-mid) 48%,
var(--values-background-deep) 100%
);
}
section.values-section,
section.values-section *,
section.values-section *::before,
section.values-section *::after {
box-sizing: border-box;
}
section.values-section .values-section__outline {
position: absolute;
top: 34px;
left: 6%;
z-index: 0;
width: 92%;
margin: 0;
color: transparent;
white-space: nowrap;
pointer-events: none;
user-select: none;
font-size: clamp(110px, 14vw, 260px);
font-weight: 800;
line-height: 0.8;
letter-spacing: -0.06em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--values-outline);
}
section.values-section .values-section__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(400px, 0.85fr) minmax(0, 1.75fr);
gap: clamp(48px, 5vw, 88px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 50px 0;
align-items: center;
}
section.values-section .values-section__intro {
min-width: 0;
}
section.values-section h6.values-section__eyebrow {
margin-top: 0;
color: var(--section-accent);
}
section.values-section .values-section__heading {
margin-bottom: 0;
}
section.values-section .values-section__divider {
margin-top: 20px;
background-color: var(--section-accent);
}
section.values-section .values-section__copy {
max-width: 560px;
margin-top: 22px;
margin-bottom: 0;
}
section.values-section .values-section__statement {
margin: 12px 0 0;
color: var(--section-accent);
}
section.values-section .values-section__actions {
margin-top: 28px;
}
section.values-section .values-section__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
width: 100%;
}
section.values-section .values-section__card {
display: flex;
min-width: 0;
min-height: 280px;
margin: 0;
padding: 32px 22px;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid var(--values-line);
border-radius: 12px;
background-color: var(--values-card);
text-align: center;
transition:
border-color 180ms ease,
transform 180ms ease;
}
section.values-section .values-section__icon {
display: flex;
width: 50px;
height: 50px;
margin: 0 0 20px;
align-items: center;
justify-content: center;
color: var(--section-accent);
}
section.values-section .values-section__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
section.values-section .values-section__title {
margin: 0;
}
section.values-section .values-section__card-divider {
width: 34px;
height: 2px;
margin: 16px 0;
background-color: var(--section-accent);
}
section.values-section .values-section__card-copy {
max-width: 210px;
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
section.values-section .values-section__card:hover {
border-color: rgba(0, 200, 200, 0.4);
transform: translateY(-3px);
}
}
@media (max-width: 1200px) {
section.values-section {
min-height: 0;
}
section.values-section .values-section__inner {
grid-template-columns: 1fr;
gap: 42px;
width: calc(100% - 64px);
padding: 52px 0;
}
section.values-section .values-section__intro {
max-width: 720px;
}
section.values-section .values-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.values-section .values-section__card {
min-height: 230px;
}
}
@media (max-width: 900px) {
section.values-section .values-section__inner {
width: calc(100% - 48px);
padding: 46px 0;
}
section.values-section .values-section__outline {
top: 22px;
left: 4%;
}
}
@media (max-width: 600px) {
section.values-section .values-section__inner {
width: calc(100% - 32px);
gap: 32px;
padding: 38px 0;
}
section.values-section .values-section__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
section.values-section .values-section__card {
min-height: 0;
padding: 22px 10px;
}
section.values-section .values-section__icon {
width: 38px;
height: 38px;
margin-bottom: 12px;
}
section.values-section .values-section__title {
font-size: 0.92em;
}
section.values-section .values-section__card-copy {
max-width: 145px;
font-size: 0.82em;
}
section.values-section .values-section__card-divider {
width: 32px;
margin: 10px 0;
}
section.values-section .values-section__actions {
margin-top: 24px;
}
}
@media (max-width: 380px) {
section.values-section .values-section__grid {
gap: 8px;
}
section.values-section .values-section__card {
padding: 20px 8px;
}
section.values-section .values-section__icon {
width: 34px;
height: 34px;
}
section.values-section .values-section__title {
font-size: 0.86em;
}
section.values-section .values-section__card-copy {
max-width: 132px;
font-size: 0.78em;
}
}
@media (prefers-reduced-motion: reduce) {
section.values-section .values-section__card {
transition: none;
}
}
}
#fw-section-custom-html-3d2ecfd5-0300-41f3-a553-f7ddb2567651 {
section.custom-html:has(footer.global-footer) {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
section.custom-html:has(footer.global-footer) > div,
section.custom-html:has(footer.global-footer) > div > div {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
footer.global-footer {
--footer-background: #0b0b0a;
--footer-background-deep: #070707;
--footer-text: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.67);
--footer-line: rgba(255, 255, 255, 0.13);
--footer-teal: #00c8c8;
--footer-purple: #8b5cf6;
position: relative !important;
inset: auto !important;
display: block;
clear: both;
width: 100%;
height: auto;
min-height: 0;
max-width: 100%;
margin: 0;
padding: 0;
transform: none !important;
color: var(--footer-text);
background-color: var(--footer-background);
}
footer.global-footer,
footer.global-footer *,
footer.global-footer *::before,
footer.global-footer *::after {
box-sizing: border-box;
}
footer.global-footer .global-footer__main {
width: 100%;
margin: 0;
padding: 42px 0 36px;
}
footer.global-footer .global-footer__inner {
display: grid;
grid-template-columns:
minmax(360px, 0.95fr)
minmax(700px, 2.45fr);
gap: clamp(48px, 5vw, 92px);
width: calc(100% - 80px);
max-width: 1770px;
margin: 0 auto;
padding: 0;
align-items: start;
}
footer.global-footer .global-footer__connect {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
padding-top: 2px;
overflow: visible;
}
footer.global-footer .global-footer__connect-heading {
position: relative;
width: 100%;
min-height: 76px;
margin: 0;
padding-top: 30px;
overflow: visible;
}
footer.global-footer .global-footer__connect-outline {
position: absolute;
top: -2px;
left: 0;
z-index: 0;
display: block;
width: auto;
max-width: 100%;
margin: 0;
color: transparent;
font-size: clamp(44px, 3.2vw, 60px);
font-weight: 800;
line-height: 0.76;
letter-spacing: -0.06em;
white-space: nowrap;
pointer-events: none;
user-select: none;
opacity: 1;
transform: scaleX(0.96);
transform-origin: left center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.18);
}
footer.global-footer .global-footer__connect-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--footer-teal);
-webkit-text-fill-color: var(--footer-teal);
}
footer.global-footer .global-footer__connect-divider {
position: relative;
z-index: 1;
display: block;
width: 58px;
height: 3px;
margin-top: 13px;
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__connect:hover
.global-footer__connect-divider {
width: 78px;
}
footer.global-footer .global-footer__connect-copy {
width: 100%;
max-width: 330px;
margin: 18px 0 0;
padding: 0;
color: var(--footer-muted);
}
footer.global-footer .global-footer__socials {
display: flex;
margin: 22px 0 0;
padding: 0;
align-items: center;
justify-content: flex-start;
gap: 18px;
}
footer.global-footer .global-footer__social {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.82);
text-decoration: none;
transform: translateY(0);
transition:
color 180ms ease,
transform 180ms ease;
}
footer.global-footer .global-footer__social svg {
display: block;
width: 23px;
height: 23px;
fill: currentColor;
}
footer.global-footer .global-footer__social:hover,
footer.global-footer .global-footer__social:focus-visible {
transform: translateY(-3px);
}
footer.global-footer
.global-footer__social--youtube:hover,
footer.global-footer
.global-footer__social--youtube:focus-visible {
color: #ff0000;
}
footer.global-footer
.global-footer__social--instagram:hover,
footer.global-footer
.global-footer__social--instagram:focus-visible {
color: #e4405f;
}
footer.global-footer
.global-footer__social--facebook:hover,
footer.global-footer
.global-footer__social--facebook:focus-visible {
color: #1877f2;
}
footer.global-footer
.global-footer__social--tiktok:hover,
footer.global-footer
.global-footer__social--tiktok:focus-visible {
color: #25f4ee;
}
footer.global-footer
.global-footer__social--discord:hover,
footer.global-footer
.global-footer__social--discord:focus-visible {
color: #5865f2;
}
footer.global-footer .global-footer__navigation {
display: grid;
grid-template-columns: repeat(4, minmax(120px, 1fr));
width: 100%;
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__column {
min-width: 0;
margin: 0;
padding: 0 32px;
border: 0;
border-left: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column:last-child {
border-right: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 12px;
color: var(--footer-text);
cursor: default;
list-style: none;
}
footer.global-footer .global-footer__title::-webkit-details-marker {
display: none;
}
footer.global-footer .global-footer__title::marker {
content: "";
}
footer.global-footer .global-footer__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
content: "";
background-color: var(--footer-teal);
transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
footer.global-footer
.global-footer__column:hover
.global-footer__title::after {
width: 42px;
}
footer.global-footer .global-footer__menu {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 9px;
list-style: none;
}
footer.global-footer .global-footer__menu li {
margin: 0;
padding: 0;
}
footer.global-footer .global-footer__menu a {
display: inline-block;
color: var(--footer-muted);
text-decoration: none;
transition:
color 170ms ease,
transform 170ms ease;
}
footer.global-footer .global-footer__menu a:hover,
footer.global-footer .global-footer__menu a:focus-visible {
color: var(--footer-teal);
transform: translateX(3px);
}
footer.global-footer .global-footer__menu a:focus-visible,
footer.global-footer .global-footer__social:focus-visible,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__title:focus-visible {
outline: 2px solid var(--footer-purple);
outline-offset: 4px;
}
footer.global-footer .global-footer__bottom {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid var(--footer-line);
background-color: var(--footer-background-deep);
}
footer.global-footer .global-footer__bottom-inner {
display: flex;
width: calc(100% - 80px);
max-width: 1770px;
min-height: 48px;
margin: 0 auto;
padding: 0;
align-items: center;
justify-content: space-between;
gap: 24px;
}
footer.global-footer .global-footer__copyright {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.5);
}
footer.global-footer .global-footer__credit {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
color: rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit strong {
color: rgba(255, 255, 255, 0.72);
transition: color 170ms ease;
}
footer.global-footer .global-footer__credit:hover,
footer.global-footer .global-footer__credit:focus-visible,
footer.global-footer .global-footer__credit:hover strong,
footer.global-footer .global-footer__credit:focus-visible strong {
color: var(--footer-teal);
}
@media (max-width: 1200px) {
footer.global-footer .global-footer__main {
padding: 38px 0 32px;
}
footer.global-footer .global-footer__inner {
grid-template-columns:
minmax(290px, 0.9fr)
minmax(620px, 2.3fr);
gap: 38px;
width: calc(100% - 64px);
}
footer.global-footer .global-footer__connect-heading {
min-height: 70px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 48px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__column {
padding-right: 22px;
padding-left: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 64px);
}
footer.global-footer .global-footer__socials {
gap: 14px;
}
}
@media (max-width: 900px) {
footer.global-footer .global-footer__main {
padding: 36px 0 30px;
}
footer.global-footer .global-footer__inner {
grid-template-columns: 1fr;
gap: 34px;
width: calc(100% - 48px);
}
footer.global-footer .global-footer__connect {
max-width: 460px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 72px;
padding-top: 28px;
}
footer.global-footer .global-footer__connect-outline {
top: 0;
font-size: 50px;
transform: scaleX(0.96);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.17);
}
footer.global-footer .global-footer__connect-copy {
max-width: 420px;
}
footer.global-footer .global-footer__navigation {
grid-template-columns: 1fr;
border-top: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__column,
footer.global-footer .global-footer__column:last-child {
padding: 0;
border: 0;
border-bottom: 1px solid var(--footer-line);
}
footer.global-footer .global-footer__title {
display: flex;
min-height: 52px;
margin: 0;
padding: 0 34px 0 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
footer.global-footer .global-footer__title::before {
position: absolute;
top: 50%;
right: 3px;
width: 9px;
height: 9px;
content: "";
border-right: 2px solid var(--footer-teal);
border-bottom: 2px solid var(--footer-teal);
transform: translateY(-65%) rotate(45deg);
transition: transform 180ms ease;
}
footer.global-footer
.global-footer__column[open]
.global-footer__title::before {
transform: translateY(-30%) rotate(225deg);
}
footer.global-footer .global-footer__title::after {
display: none;
}
footer.global-footer .global-footer__menu {
padding: 0 0 20px;
gap: 11px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 48px);
}
}
@media (max-width: 600px) {
footer.global-footer .global-footer__main {
padding: 32px 0 26px;
}
footer.global-footer .global-footer__inner {
width: calc(100% - 32px);
gap: 30px;
}
footer.global-footer .global-footer__connect-heading {
min-height: 64px;
padding-top: 25px;
}
footer.global-footer .global-footer__connect-outline {
top: 1px;
font-size: 42px;
transform: scaleX(0.94);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.16);
}
footer.global-footer .global-footer__connect-divider {
width: 52px;
margin-top: 11px;
}
footer.global-footer .global-footer__connect-copy {
margin-top: 16px;
}
footer.global-footer .global-footer__socials {
margin-top: 19px;
gap: 16px;
}
footer.global-footer .global-footer__social {
width: 32px;
height: 32px;
flex-basis: 32px;
}
footer.global-footer .global-footer__social svg {
width: 22px;
height: 22px;
}
footer.global-footer .global-footer__bottom-inner {
width: calc(100% - 32px);
min-height: 0;
padding: 16px 0;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
}
footer.global-footer .global-footer__credit {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
footer.global-footer .global-footer__connect-outline {
font-size: 36px;
transform: scaleX(0.93);
-webkit-text-stroke: 1px rgba(139, 92, 246, 0.15);
}
footer.global-footer .global-footer__socials {
gap: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
footer.global-footer .global-footer__connect-divider,
footer.global-footer .global-footer__social,
footer.global-footer .global-footer__title::after,
footer.global-footer .global-footer__title::before,
footer.global-footer .global-footer__menu a,
footer.global-footer .global-footer__credit,
footer.global-footer .global-footer__credit strong {
transition: none;
}
}
}