@font-face {
    font-family: Beaufort Normal;
    src: url(../../../fonts/Beaufort-RegularItalic.woff2)format("woff2"), url(../../../fonts/Beaufort-RegularItalic.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Beaufort Normal;
    src: url(../../../fonts/Beaufort-Regular.woff2)format("woff2"), url(../../../fonts/Beaufort-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Styrene B;
    src: url(../../../fonts/StyreneB-Regular.woff2)format("woff2"), url(../../../fonts/StyreneB-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Styrene B;
    src: url(../../../fonts/StyreneB-Bold.woff2)format("woff2"), url(../../../fonts/StyreneB-Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Styrene B;
    src: url(../../../fonts/StyreneB-RegularItalic.woff2)format("woff2"), url(../../../fonts/StyreneB-RegularItalic.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Styrene B;
    src: url(../../../fonts/StyreneB-BoldItalic.woff2)format("woff2"), url(../../../fonts/StyreneB-BoldItalic.woff)format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

html {
    scroll-behavior: smooth
}

* {
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--maroon);
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 300
}

button {
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    margin: 0;
    padding: 0
}

@media (prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

:root {
    --offwhite: #fffbf7;
    --maroon: #271b10;
    --ethgreen: #c7ecaf;
    --primary-color: #9da7da;
    --secondary-color: #5d6bc0;
    --black-color: #000;
    --white-color: #fff;
    --text-primary: #fff;
    --text-secondary: var(--primary-color);
    --text-muted: #67e8f9;
    --bg-primary: var(--black-color);
    --bg-secondary: #0f172a;
    --border-color: #5d6bc0;
    --focus-ring: #06b6d4;
    --error-color: #f87171;
    --success-color: #34d399;
    --warning-color: #fbbf24
}

html {
    -ms-overflow-style: none;
    scrollbar-width: none
}

html::-webkit-scrollbar {
    display: none
}

.container {
    box-sizing: border-box;
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
    padding: 0 24px
}

@media (min-width:640px) {
    .container {
        padding: 0 36px
    }
}

@media (min-width:1024px) {
    .container {
        padding: 0
    }
}

.content {
    max-width: 64rem;
    margin: 0 auto
}

.overflow-hidden {
    overflow: hidden
}

.sections-container {
    background: var(--maroon)
}

.font-primary {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 300
}

.font-primary-medium {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 500
}

.font-primary-heavy {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 900
}

.font-secondary {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 300
}

.font-mono {
    font-family: Courier New, Courier, monospace;
    font-weight: 400
}

.sackers-light {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 300
}

.sackers-medium {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 500
}

.sackers-heavy {
    font-family: Styrene B, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-weight: 900
}

.hero-gradient {
    background: linear-gradient(90deg, #000, #0f172a)
}

@media print {
    .no-print {
        display: none !important
    }

    .print-friendly {
        color: #000;
        background-color: #fff
    }
}

.focus-visible {
    box-shadow: 0 0 0 2px var(--focus-ring), 0 0 0 4px #000;
    outline: none
}

@media (prefers-reduced-motion:reduce) {

    .animate-fade-in-up,
    .animate-float,
    .animate-slide-in {
        animation: none
    }

    * {
        transition: none !important
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.PageTransition-module-scss-module__09ZAMq__pageTransition {
    opacity: 1;
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transform: translateY(0)
}

.PageTransition-module-scss-module__09ZAMq__pageTransition.PageTransition-module-scss-module__09ZAMq__transitioning {
    opacity: 0;
    transform: translateY(20px)
}

@keyframes PageTransition-module-scss-module__09ZAMq__pageEnter {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.PageTransition-module-scss-module__09ZAMq__pageTransition {
    animation: 2s ease-out PageTransition-module-scss-module__09ZAMq__pageEnter
}

.SkipLinks-module-scss-module__C-CxkG__skipLinks {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0
}

.SkipLinks-module-scss-module__C-CxkG__skipLink {
    color: #000;
    background: #06b6d4;
    border-radius: 0 0 4px 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: top .3s;
    position: absolute;
    top: -100px;
    left: 6px
}

.SkipLinks-module-scss-module__C-CxkG__skipLink:focus {
    outline: none;
    top: 0;
    box-shadow: 0 0 0 2px #06b6d4, 0 0 0 4px #000
}

.SkipLinks-module-scss-module__C-CxkG__skipLink:hover {
    background: #22d3ee
}

.Navigation-module-scss-module__cbTXmW__navigation {
    z-index: 50;
    transition: all .3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.Navigation-module-scss-module__cbTXmW__navigation.Navigation-module-scss-module__cbTXmW__visible {
    transform: translateY(0)
}

.Navigation-module-scss-module__cbTXmW__navigation.Navigation-module-scss-module__cbTXmW__hidden {
    transform: translateY(-100%)
}

.Navigation-module-scss-module__cbTXmW__container {
    max-width: 64rem;
    margin: 0 auto;
    padding: 0
}

@media (max-width:768px) {
    .Navigation-module-scss-module__cbTXmW__container {
        padding: 0
    }
}

.Navigation-module-scss-module__cbTXmW__navContent {
    justify-content: space-between;
    align-items: center;
    max-width: 64rem;
    margin: 0 auto;
    padding: 16px 0;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    .Navigation-module-scss-module__cbTXmW__navContent {
        padding-top: .45rem;
        padding-left: 1rem
    }
}

.Navigation-module-scss-module__cbTXmW__navItem {
    will-change: transform, opacity;
    flex-shrink: 0
}

@media (max-width:768px) {
    .Navigation-module-scss-module__cbTXmW__navItem {
        display: none
    }
}

.Navigation-module-scss-module__cbTXmW__navButton {
    letter-spacing: 0;
    color: var(--maroon);
    cursor: pointer;
    will-change: transform, opacity;
    background: 0 0;
    border: none;
    padding-top: .5em;
    padding-bottom: .25em;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    transition: color .3s
}

.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__navButton,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__navButton {
    color: var(--offwhite)
}

.Navigation-module-scss-module__cbTXmW__navButton:focus,
.Navigation-module-scss-module__cbTXmW__navButton.Navigation-module-scss-module__cbTXmW__active {
    border-bottom: 1px solid var(--maroon);
    outline: none
}

.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__navButton:focus,
.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__navButton.Navigation-module-scss-module__cbTXmW__active,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__navButton:focus,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__navButton.Navigation-module-scss-module__cbTXmW__active {
    border-bottom-color: var(--offwhite)
}

.Navigation-module-scss-module__cbTXmW__navButton:hover {
    opacity: .8
}

.Navigation-module-scss-module__cbTXmW__mobileMenuButton {
    z-index: 101;
    will-change: transform, opacity;
    display: none
}

@media (max-width:768px) {
    .Navigation-module-scss-module__cbTXmW__mobileMenuButton {
        display: block
    }
}

.Navigation-module-scss-module__cbTXmW__mobileToggle {
    color: var(--maroon);
    cursor: pointer;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    transition: all .3s;
    display: flex
}

.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__mobileToggle,
.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__mobileToggle {
    color: var(--offwhite)
}

.Navigation-module-scss-module__cbTXmW__mobileToggle:focus {
    outline-offset: 2px
}

.Navigation-module-scss-module__cbTXmW__icon {
    color: currentColor;
    width: 2.5rem;
    height: 2.5rem;
    transition: color .3s
}

.Navigation-module-scss-module__cbTXmW__icon line {
    stroke: currentColor
}

.Navigation-module-scss-module__cbTXmW__icon.Navigation-module-scss-module__cbTXmW__menuIcon {
    color: var(--maroon) !important
}

.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__icon.Navigation-module-scss-module__cbTXmW__menuIcon,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__icon.Navigation-module-scss-module__cbTXmW__menuIcon {
    color: var(--offwhite) !important
}

.Navigation-module-scss-module__cbTXmW__menuIsOpen .Navigation-module-scss-module__cbTXmW__icon.Navigation-module-scss-module__cbTXmW__menuIcon {
    color: var(--maroon) !important
}

.Navigation-module-scss-module__cbTXmW__mobileMenu {
    z-index: 100;
    background: var(--offwhite);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100dvh;
    padding-top: 176px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-20px)
}

@media (max-height:768px) {
    .Navigation-module-scss-module__cbTXmW__mobileMenu {
        padding-top: 50%
    }
}

.Navigation-module-scss-module__cbTXmW__mobileMenu.Navigation-module-scss-module__cbTXmW__mobileMenuOpen {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(0)
}

.Navigation-module-scss-module__cbTXmW__mobileMenuList {
    flex-direction: column;
    gap: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.Navigation-module-scss-module__cbTXmW__mobileMenuListItem {
    text-align: center
}

.Navigation-module-scss-module__cbTXmW__mobileMenuLink {
    text-align: center;
    letter-spacing: 0;
    width: 100%;
    color: var(--maroon);
    cursor: pointer;
    background: 0 0;
    border: 2px solid #0000;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    transition: all .2s
}

.Navigation-module-scss-module__cbTXmW__mobileMenuLink.Navigation-module-scss-module__cbTXmW__active {
    border-bottom: 1px solid var(--maroon)
}

.Navigation-module-scss-module__cbTXmW__mobileMenuSublist {
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    display: flex
}

.Navigation-module-scss-module__cbTXmW__mobileMenuSublistItem {
    text-align: center;
    width: 100%
}

.Navigation-module-scss-module__cbTXmW__mobileMenuSublistLink {
    text-align: center;
    width: 100%;
    color: var(--text-primary);
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none
}

.Navigation-module-scss-module__cbTXmW__willAnimate {
    opacity: 0
}

.PriceTicker-module-scss-module__roxj0G__ticker {
    color: var(--maroon);
    z-index: 10;
    pointer-events: none;
    opacity: 1;
    justify-content: center;
    padding: 16px;
    transition: transform 1.2s, color .3s;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0
}

@media (max-width:768px) {
    .PriceTicker-module-scss-module__roxj0G__ticker {
        top: inherit;
        width: 100%;
        padding: 6px;
        position: absolute;
        bottom: 1rem;
        transform: translateY(0)
    }

    .PriceTicker-module-scss-module__roxj0G__ticker.PriceTicker-module-scss-module__roxj0G__centered {
        transform: translateY(0)
    }
}

.PriceTicker-module-scss-module__roxj0G__ticker.PriceTicker-module-scss-module__roxj0G__pastHero,
.PriceTicker-module-scss-module__roxj0G__ticker.PriceTicker-module-scss-module__roxj0G__pastHero .PriceTicker-module-scss-module__roxj0G__ethLabel,
.PriceTicker-module-scss-module__roxj0G__ticker.PriceTicker-module-scss-module__roxj0G__pastHero .PriceTicker-module-scss-module__roxj0G__price,
.PriceTicker-module-scss-module__roxj0G__ticker.PriceTicker-module-scss-module__roxj0G__pastHero .PriceTicker-module-scss-module__roxj0G__change {
    color: var(--offwhite)
}

.PriceTicker-module-scss-module__roxj0G__tickerContent {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 7px;
    display: flex
}

@media (max-width:768px) {
    .PriceTicker-module-scss-module__roxj0G__tickerContent {
        flex-direction: row
    }
}

.PriceTicker-module-scss-module__roxj0G__tickerItem {
    pointer-events: auto;
    flex-direction: column;
    align-items: center;
    gap: .5em;
    display: flex
}

@media (max-width:768px) {
    .PriceTicker-module-scss-module__roxj0G__tickerItem {
        flex-direction: row
    }
}

.PriceTicker-module-scss-module__roxj0G__ethLabel {
    color: var(--maroon);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    font-size: 16px;
    transition: color .3s;
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .PriceTicker-module-scss-module__roxj0G__ethLabel {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        transform: rotate(0)
    }
}

@media (max-width:1200px) {
    .PriceTicker-module-scss-module__roxj0G__ethLabel {
        font-size: 14px
    }
}

.PriceTicker-module-scss-module__roxj0G__price {
    color: var(--maroon);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    font-size: 16px;
    transition: color .3s;
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .PriceTicker-module-scss-module__roxj0G__price {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        transform: rotate(0)
    }
}

@media (max-width:1200px) {
    .PriceTicker-module-scss-module__roxj0G__price {
        font-size: 14px
    }
}

.PriceTicker-module-scss-module__roxj0G__change {
    color: var(--maroon);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    font-size: 16px;
    transition: color .3s;
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .PriceTicker-module-scss-module__roxj0G__change {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        transform: rotate(0)
    }
}

@media (max-width:1200px) {
    .PriceTicker-module-scss-module__roxj0G__change {
        font-size: 14px
    }
}

.PriceTicker-module-scss-module__roxj0G__loading,
.PriceTicker-module-scss-module__roxj0G__error {
    pointer-events: auto;
    flex-direction: column-reverse;
    gap: 8px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    display: none
}

.SocialIcons-module-scss-module__aubX7G__socialIcons {
    z-index: 1000;
    flex-direction: row;
    gap: 13px;
    display: flex;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:767px) {
    .SocialIcons-module-scss-module__aubX7G__socialIcons {
        top: 1.3rem;
        right: 1rem;
        left: inherit;
        bottom: inherit;
        gap: .3rem;
        transform: none !important
    }
}

@media (min-width:768px) {
    .SocialIcons-module-scss-module__aubX7G__socialIcons {
        top: 50%;
        bottom: initial;
        left: initial;
        flex-direction: column;
        right: 16px;
        transform: translate(0)translateY(-50%)
    }
}

.SocialIcons-module-scss-module__aubX7G__socialLink {
    border: 1px solid var(--offwhite);
    background: var(--maroon);
    cursor: pointer;
    width: 25px;
    height: 25px;
    color: var(--white-color);
    will-change: transform, opacity;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative
}

.SocialIcons-module-scss-module__aubX7G__socialLink:active {
    transform: scale(1)
}

.SocialIcons-module-scss-module__aubX7G__socialLink:after {
    content: attr(title);
    color: var(--text-primary);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    background: #281c11;
    border-radius: 0;
    padding: .5em .75em;
    font-size: 16px;
    transition: opacity .3s;
    position: absolute;
    top: 50%;
    right: 2.5rem;
    transform: translateY(-50%)
}

.SocialIcons-module-scss-module__aubX7G__socialLink:hover:after {
    opacity: 1
}

.SocialIcons-module-scss-module__aubX7G__socialLink svg {
    width: 15px;
    height: 15px;
    color: var(--offwhite)
}

.Connect-module-scss-module__jSb63q__connect {
    box-sizing: border-box;
    background-color: var(--offwhite);
    padding: 16px 0
}

@media (max-width:768px) {
    .Connect-module-scss-module__jSb63q__connect {
        padding-bottom: 20px
    }
}

.Connect-module-scss-module__jSb63q__content {
    justify-content: space-between;
    align-items: center;
    gap: 120px;
    display: flex
}

@media (max-width:1024px) {
    .Connect-module-scss-module__jSb63q__content div {
        width: 100%
    }

    .Connect-module-scss-module__jSb63q__content {
        flex-direction: column-reverse;
        gap: 30px;
        margin-bottom: 0
    }
}

.Connect-module-scss-module__jSb63q__emailTitle h2 {
    color: var(--maroon);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.2
}

@media (max-width:1024px) {
    .Connect-module-scss-module__jSb63q__emailTitle h2 {
        text-align: center
    }
}

.Connect-module-scss-module__jSb63q__form {
    align-items: center;
    gap: 15px;
    width: 100%;
    display: flex
}

@media (max-width:600px) {
    .Connect-module-scss-module__jSb63q__form {
        flex-direction: column
    }
}

.Connect-module-scss-module__jSb63q__formGroup {
    flex-direction: column;
    gap: 10px;
    width: 100%;
    display: flex
}

.Connect-module-scss-module__jSb63q__input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--maroon);
    background-color: var(--offwhite);
    width: 17rem;
    color: var(--text-primary);
    border-radius: 0;
    padding: 9px;
    font-family: inherit;
    font-size: 16px;
    transition: all .3s;
    padding-left: 0 !important
}

@media (max-width:600px) {
    .Connect-module-scss-module__jSb63q__input {
        width: 100%
    }
}

.Connect-module-scss-module__jSb63q__input::placeholder {
    color: var(--maroon)
}

.Connect-module-scss-module__jSb63q__input:focus {
    border-color: #cdd3f1cc;
    outline: none
}

.Connect-module-scss-module__jSb63q__input.Connect-module-scss-module__jSb63q__inputError {
    border-color: #f87171
}

.Connect-module-scss-module__jSb63q__input:disabled {
    opacity: .6;
    cursor: not-allowed
}

.Connect-module-scss-module__jSb63q__errorMessage {
    color: var(--text-primary);
    text-transform: uppercase;
    font-size: 10px
}

.Connect-module-scss-module__jSb63q__submitButton {
    background-color: var(--maroon);
    border: 1px solid var(--maroon);
    color: var(--offwhite);
    text-align: center;
    border-radius: 0;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    padding: 5px 16px 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: all .3s ease-in-out;
    display: flex
}

.Connect-module-scss-module__jSb63q__submitButton:hover {
    background-color: var(--offwhite);
    color: var(--maroon);
    border-color: var(--maroon)
}

@media (max-width:600px) {
    .Connect-module-scss-module__jSb63q__submitButton {
        width: 100%
    }
}

.Connect-module-scss-module__jSb63q__submitButton span {
    padding-top: .2em
}

.Connect-module-scss-module__jSb63q__submitButton.Connect-module-scss-module__jSb63q__submitting {
    cursor: not-allowed
}

.Connect-module-scss-module__jSb63q__successTitle {
    letter-spacing: .2em;
    color: var(--text-primary);
    text-transform: uppercase;
    margin-top: 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

.Connect-module-scss-module__jSb63q__disclaimerLink {
    color: var(--maroon);
    padding-right: 0;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none
}