/*
ATTENTION!
DO NOT EDIT THIS FILE. The CSS was pre-compiled from SCSS files. Any changes made to this file will be overwritten upon subsequent updates.
*/
/*!
Theme Name: weedme
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.0
Text Domain: weedme
*/
@font-face { font-family: 'Prata'; src: url("fonts/Prata-Regular.ttf") format("truetype"); font-weight: normal; }

@font-face { font-family: 'Lato'; src: url("fonts/Lato-Thin.ttf") format("truetype"); font-weight: 100; }

@font-face { font-family: 'Lato'; src: url("fonts/Lato-Light.ttf") format("truetype"); font-weight: 300; }

@font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; }

@font-face { font-family: 'Lato'; src: url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; }

@font-face { font-family: 'Lato'; src: url("fonts/Lato-Black.ttf") format("truetype"); font-weight: 900; }

:root { --ct-translateY: 0px; }

* { position: relative; }

html { min-height: 100%; }

body { margin: 0; padding: 0; min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Lato; font-weight: 400; background: #000; color: #fff; letter-spacing: -0.24px; font-size: 18px; }

@media (max-width: 991px) { body.nav-open { overflow: hidden; } }

a, button { touch-action: manipulation; }

a { color: #fff; }

img { max-width: 100%; height: auto; }

p, ul { margin-bottom: 1.666rem; }

p:last-child, ul:last-child { margin-bottom: 0; }

main.site-main { overflow: hidden; }

section { padding-block: clamp(36px, 6.42857vw, 108px); }

section.blog-content { padding-block: 0; }

section.blog-content > .content { max-width: 1000px; }

section.blog-content h2, section.blog-content section.blog-hero h1, section.blog-hero section.blog-content h1 { font-size: clamp(24px, 2.8125vw, 36px); font-weight: 400; line-height: 1.25; margin-bottom: 1.333em; }

section.blog-content h3 { font-family: Prata; font-size: clamp(20px, 1.875vw, 24px); font-weight: 400; line-height: 1.16; margin-bottom: 1.1666em; }

section.blog-hero { padding-top: 300px; }

section.blog-hero > .content { max-width: 1000px; }

section.blog-hero h1, section.blog-hero h4 { text-align: center; }

section.blog-hero .image { width: 100%; display: block; margin-top: 72px; }

section.blog-hero hr { border-color: #fff; margin-block: 99px 18px; opacity: 1; }

section.blog-hero .info { display: flex; margin-bottom: 45px; }

section.blog-hero .info > div { width: 50%; }

section.blog-hero .bio { text-align: left; display: flex; align-items: center; }

section.blog-hero .bio img { margin-right: 14px; border-radius: 1000px; }

section.blog-hero .bio .name { font-size: 16px; text-transform: uppercase; }

section.blog-featured { padding-top: 300px; text-align: center; }

section.blog-featured > .content { max-width: 1000px; }

section.blog-featured .image { width: 100%; display: block; margin-bottom: 72px; }

section.blog-featured a { text-decoration: none; }

section.blog-items > .content { max-width: 640px; }

section.blog-items .image { margin-bottom: 18px; aspect-ratio: 304 / 176; overflow: hidden; }

section.blog-items .image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }

section.blog-items h2, section.blog-items section.blog-hero h1, section.blog-hero section.blog-items h1 { font-size: clamp(27px, 2.5vw, 32px); }

section.blog-items a { text-decoration: none; }

section.blog-items a:hover .image img { transform: scale(1.05); }

section.brand { padding-block: 72px; display: flex; }

@media (min-width: 1440px) { section.brand { min-height: 33vw; } }

section.brand.show-image .images { left: 0; }

@media (max-width: 767px) { section.brand.show-image .copy { left: 100%; } }

section.brand > .content { max-width: 1680px; display: flex; margin-block: auto; }

section.brand .background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

section.brand .images { width: 100%; height: 100%; position: absolute; left: calc(-100% + 110px); display: flex; align-items: center; justify-content: center; transition: left 0.35s; }

@media (min-width: 768px) { section.brand .images { width: 50%; height: auto; position: relative; left: auto; } }

section.brand .images img.mobile { width: calc(100% - 110px); }

@media (min-width: 768px) { section.brand .images img.mobile { display: none; } }

section.brand .images img.desktop { display: none; position: absolute; }

@media (min-width: 768px) { section.brand .images img.desktop { display: block; } }

section.brand .copy { width: 100%; padding-inline: 110px 0; font-size: 14px; left: 0%; transition: left 0.35s; }

@media (min-width: 768px) { section.brand .copy { width: 50%; font-size: 18px; padding-inline: 50px 0; } }

section.brand .logo { width: 140px; display: flex; align-items: center; justify-content: start; margin-bottom: 36px; }

@media (min-width: 768px) { section.brand .logo { width: 200px; } }

section.circles-and-images { overflow: hidden; padding-bottom: clamp(66px, 11.78571vw, 198px); }

section.circles-and-images .copy { margin-inline: auto; width: calc(100% - 48px); max-width: 1680px; }

@media (min-width: 576px) { section.circles-and-images .copy { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { section.circles-and-images .copy { width: calc(100% - 160px); } }

@media (min-width: 768px) { section.circles-and-images .copy { max-width: clamp(320px, 32.7381vw, 550px); } }

@media (min-width: 992px) { section.circles-and-images .copy { margin-left: 22.5vw; margin-top: 142px; } }

section.circles-and-images .spacer { margin-top: 157px; }

section.circles-and-images .circle-with-images { position: relative; top: 0; margin-top: 72px; }

@media (min-width: 992px) { section.circles-and-images .circle-with-images { position: absolute; top: 30px; margin-top: 0; } }

section.circles-and-images .stars-0 { width: 100%; height: 100%; transform: translateY(var(--wm-translateY)); }

section.circles-and-images .stars-1 { right: 25%; bottom: 25%; height: 75%; max-height: none; transform: translateY(var(--wm-translateY)); }

section.contact form { margin: 0 auto; max-width: 846px; border: 1px solid #fff; padding: clamp(20px, 3.57143vw, 60px); padding-top: clamp(26px, 4.7619vw, 80px); }

section.contact .form-control { background: transparent; border-radius: 0; border: 1px solid #fff; font-size: 18px; color: #fff; }

section.contact .form-control::placeholder { color: rgba(255, 255, 255, 0.8); }

section.contact .stars-0 { transform: translateX(-50%) translateY(var(--wm-translateY)); }

section.contact .stars-1 { right: 0; top: 25%; transform: translateX(33.333%) translateY(var(--wm-translateY)); }

section.contact .loading { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s; }

section.contact .loading:before, section.contact .loading:after { content: ''; display: block; position: absolute; }

section.contact .loading:before { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.85); }

section.contact .loading:after { width: 64px; height: 64px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; left: calc(50% - 32px); top: calc(50% - 32px); animation: loading 1.2s linear infinite; }

section.contact .loading.show { opacity: 1; visibility: visible; }

section.contact .thanks { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s; }

section.contact .thanks.show { opacity: 1; visibility: visible; }

section.contact .thanks a { font-size: 75%; font-weight: 700; }

section.featured .stars-0 { left: auto; right: 0; top: -72px; height: 100%; transform: translateX(50%) translateY(var(--wm-translateY)); }

section.featured .stars-1 { left: 0; top: -72px; height: 100%; }

section.featured .featured-content-top { margin-inline: auto; width: calc(100% - 48px); max-width: 1680px; max-width: 1150px; margin-inline: auto; text-shadow: 0 0 6px #202020, 0 0 6px #202020; margin-bottom: 76px; }

@media (min-width: 576px) { section.featured .featured-content-top { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { section.featured .featured-content-top { width: calc(100% - 160px); } }

section.featured .featured-content-top h2, section.featured .featured-content-top section.blog-hero h1, section.blog-hero section.featured .featured-content-top h1 { text-align: center; }

section.featured .featured-content-top p { font-size: clamp(26px, 3.125vw, 40px); line-height: 1.25; }

section.featured hr { border-top: 2px solid #fff; opacity: 1; width: 66.666%; margin-left: auto; margin-bottom: 90px; }

section.featured .featured-content-bottom { margin-inline: auto; width: calc(100% - 48px); max-width: 1680px; }

@media (min-width: 576px) { section.featured .featured-content-bottom { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { section.featured .featured-content-bottom { width: calc(100% - 160px); } }

@media (min-width: 992px) { section.featured .featured-content-bottom { width: calc(50% - 80px); max-width: 640px; margin-left: 50%; } }

section.gradient { background: linear-gradient(to bottom, #000000 0%, #393939 80%, #A6A6A6 100%); }

section.gradient.reversed { background: linear-gradient(to top, #000000 0%, #393939 80%, #A6A6A6 100%); }

section.gradient.horizontal { background: linear-gradient(to right, #000000 0%, #393939 80%, #A6A6A6 100%); }

section.gradient.horizontal.reversed { background: linear-gradient(to left, #000000 0%, #393939 80%, #A6A6A6 100%); }

section.header { text-align: center; padding-top: 150px; padding-bottom: 0; }

@media (min-width: 768px) { section.header { padding-top: 300px; } }

section.header h1 { font-size: clamp(54px, 5.625vw, 72px); }

section.hero { background: #000; padding-top: 150px; z-index: 2; }

@media (orientation: landscape) { section.hero { min-height: 100vh; } }

@media (min-width: 768px) { section.hero { padding-top: 300px; } }

@media (min-width: 768px) { section.hero.flopped-order .image { order: 2; } }

@media (min-width: 768px) { section.hero.flopped-order .copy { order: 1; } }

section.hero.flopped-order.bleed .bleed-image { left: auto; right: 0; }

section.hero.flopped-order .floating-images { left: 75%; transform: translateX(-50%); }

@media (min-width: 768px) { section.hero.bleed { min-height: 50vw; } }

section.hero.bleed .copy { width: 50%; margin-inline: 0; }

section.hero > .content { display: flex; max-width: 1680px; flex-wrap: wrap; }

section.hero .floating-images { display: none; width: 50%; max-width: 840px; height: 100%; position: absolute; left: 25%; top: 0; transform: translateX(-50%); }

@media (min-width: 768px) { section.hero .floating-images { display: block; } }

section.hero .floating-images img { position: absolute; }

section.hero .floating-images img:nth-of-type(1) { left: 25%; top: 60%; width: 50%; }

section.hero .floating-images img:nth-of-type(2) { left: 60%; top: 55%; width: 30%; }

section.hero .floating-images img:nth-of-type(3) { left: 80%; top: 80%; width: 40%; }

section.hero .image { width: 100%; margin-bottom: 36px; }

@media (min-width: 768px) { section.hero .image { width: 50%; margin-bottom: 0; } }

section.hero .image img { width: 100%; }

section.hero .copy { width: 100%; container-type: inline-size; }

@media (min-width: 768px) { section.hero .copy { width: 40%; margin-inline: 5%; } }

section.hero .bleed-image { display: none; }

@media (min-width: 768px) { section.hero .bleed-image { display: block; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: center / cover no-repeat; } }

section.hero hr { width: 50vw; margin-block: 32px; border-color: #FCF7D7; opacity: 1; }

@media (min-width: 992px) { section.logos .row > * { --bs-gutter-x: 72px; } }

section.logos .row { margin-top: clamp(30px, 7.03125vw, 90px); }

section.logos .logos-col { width: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }

@media (min-width: 768px) { section.logos .logos-col { width: 33.333%; } }

@media (min-width: 992px) { section.logos .logos-col { width: 25%; } }

@media (min-width: 1200px) { section.logos .logos-col { flex: 0 0 auto; width: 20%; } }

section.logos img { filter: grayscale(1); transition: filter 0.35s, transform 0.35s; /* &.square { width: 80%; } &.vertical { height: 50%; width: auto; } */ }

section.logos img:hover { filter: grayscale(0); transform: scale(1.0666); }

section.product > .content { display: flex; align-items: center; flex-wrap: wrap; }

section.product .copy { order: 2; }

@media (min-width: 768px) { section.product .copy { order: 1; width: calc(50% - 90px); } }

section.product .image { aspect-ratio: 1; order: 1; text-align: center; width: 100%; }

@media (min-width: 768px) { section.product .image { order: 2; width: calc(50% - 90px); margin-left: auto; display: flex; align-items: center; justify-content: center; } }

section.product .image img { max-height: 100%; width: auto; }

section.product .circles { height: calc(100% - 70px); width: auto; left: 35px; top: 35px; }

section.product .circles .circle-1:after { width: 120px; left: -60px; top: -60px; }

section.product .stars { width: 100%; height: 100%; left: 0; top: 0; }

@media (orientation: landscape) { section.side-by-side { min-height: 66.666vh; } }

@media (min-width: 768px) { section.side-by-side .copy { width: 50%; padding-right: clamp(108px, 6.42857vw, 108px); } }

section.side-by-side .copy:before, section.side-by-side .copy:after { display: block; position: absolute; right: 0; width: 50vw; height: 1px; background: #fff; }

section.side-by-side .copy:before { top: 0; }

section.side-by-side .copy:after { bottom: 0; }

section.side-by-side .image { background: center / cover no-repeat; }

section.side-by-side .image img { visibility: hidden; }

@media (min-width: 768px) { section.side-by-side .image { position: absolute; right: 0; top: 0; width: 50%; height: 100%; }
  section.side-by-side .image img { display: none; } }

section.stepped-with-circles .copy-featured { container-type: inline-size; }

@media (min-width: 992px) { section.stepped-with-circles .copy-featured { max-width: clamp(0px, 48.80952vw, 820px); } }

@media (min-width: 992px) { section.stepped-with-circles .copy { max-width: clamp(320px, 36.90476vw, 620px); } }

section.stepped-with-circles .circle-with-images { position: relative; margin-top: 36px; }

@media (min-width: 992px) { section.stepped-with-circles .circle-with-images { margin-top: 0; position: absolute; } }

section.stepped-with-circles .circle-with-images .stars { height: 100%; max-height: none; left: 0%; top: 0%; transform: translateY(var(--wm-translateY)); }

section.video-hero { padding-block: 0; height: 100vh; display: flex; }

section.video-hero > .content { text-align: center; filter: drop-shadow(0 0 3vw #000); min-height: 66.666vh; margin-top: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }

section.video-hero video { height: 100vh; width: 100vw; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

section > .content { margin-inline: auto; width: calc(100% - 48px); max-width: 1280px; }

@media (min-width: 576px) { section > .content { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { section > .content { width: calc(100% - 160px); } }

nav.post-navigation { margin-inline: auto; width: calc(100% - 48px); max-width: 1680px; max-width: 1000px; padding-block: clamp(36px, 6.42857vw, 108px); }

@media (min-width: 576px) { nav.post-navigation { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { nav.post-navigation { width: calc(100% - 160px); } }

nav.post-navigation .nav-links { display: flex; justify-content: space-between; }

nav.post-navigation a { display: block; font-size: clamp(24px, 3.125vw, 40px); text-decoration: none; }

header.site-header { position: fixed; width: 100%; top: 0; left: 0; z-index: 10; height: 120px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); }

@media (min-width: 768px) { header.site-header { height: 220px; } }

header.site-header.nav-open nav.mobile { visibility: visible; opacity: 1; }

header.site-header.nav-open .toggle div:nth-of-type(1) { top: 17px; transform: rotate(45deg); }

header.site-header.nav-open .toggle div:nth-of-type(2) { width: 0; left: 50%; }

header.site-header.nav-open .toggle div:nth-of-type(3) { top: 17px; transform: rotate(-45deg); }

header.site-header nav { margin-inline: auto; width: calc(100% - 48px); max-width: 1680px; display: flex; height: 100%; }

@media (min-width: 576px) { header.site-header nav { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { header.site-header nav { width: calc(100% - 160px); } }

header.site-header nav.desktop { align-items: center; justify-content: space-between; }

header.site-header nav.desktop .links { display: none; gap: 36px; }

@media (min-width: 992px) { header.site-header nav.desktop .links { display: flex; } }

@media (min-width: 1200px) { header.site-header nav.desktop .links { gap: clamp(18px, 8vw, 134px); } }

header.site-header nav.mobile { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; padding: 24px; opacity: 0; visibility: hidden; transition: opacity 0.35s, visbility 0.35s; }

@media (min-width: 992px) { header.site-header nav.mobile { display: none; } }

header.site-header nav.mobile .links { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-inline: auto; }

header.site-header nav a { color: #fff; text-decoration: none; font-size: 16px; line-height: 1.2; font-weight: 700; text-transform: uppercase; }

header.site-header nav a:not(.logo) { transition: transform 0.35s; }

header.site-header nav a:not(.logo):hover { transform: scale(1.0666); }

header.site-header nav .logo { width: 100px; position: absolute; left: calc(50% - 50px); top: calc(50% - 43px); transition: transform 0.35s; }

@media (min-width: 992px) { header.site-header nav .logo { width: 150px; left: calc(50% - 75px); top: calc(50% - 64px); } }

header.site-header nav .logo:hover { transform: scale(1.0666); }

header.site-header nav .logo img { width: 100%; height: auto; }

header.site-header .toggle { position: absolute; right: 32px; top: 32px; width: 36px; height: 36px; z-index: 2; }

@media (min-width: 768px) { header.site-header .toggle { right: 4rem; } }

@media (min-width: 992px) { header.site-header .toggle { display: none; } }

header.site-header .toggle div { position: absolute; left: calc(50% - 9px); width: 18px; height: 2px; background: #fff; transition: all 0.35s; }

header.site-header .toggle div:nth-of-type(1) { top: 10px; }

header.site-header .toggle div:nth-of-type(2) { top: 17px; }

header.site-header .toggle div:nth-of-type(3) { top: 24px; }

footer.site-footer { padding-block: clamp(36px, 6.42857vw, 108px); background: #202020; }

footer.site-footer > .content { margin-inline: auto; width: calc(100% - 48px); max-width: 1680px; }

@media (min-width: 576px) { footer.site-footer > .content { width: calc(100% - 9.5vw); } }

@media (min-width: 1680px) { footer.site-footer > .content { width: calc(100% - 160px); } }

footer.site-footer a { color: #fff; text-decoration: none; }

footer.site-footer nav { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-bottom: 42px; border-bottom: 2px solid #fff; margin-bottom: 30px; }

@media (min-width: 768px) { footer.site-footer nav { flex-direction: row; } }

footer.site-footer nav a { font-size: 16px; line-height: 1.2; font-weight: 700; text-transform: uppercase; }

footer.site-footer nav .logo { width: 100%; margin-bottom: 30px; }

@media (min-width: 768px) { footer.site-footer nav .logo { width: 150px; margin-bottom: 0; } }

footer.site-footer nav .logo img { width: 150px; height: auto; display: block; margin-inline: auto; }

footer.site-footer nav .links { display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; }

@media (min-width: 768px) { footer.site-footer nav .links { margin-left: auto; gap: 66px; } }

footer.site-footer .social { display: flex; align-items: start; gap: 20px; }

footer.site-footer .social a { width: 44px; display: block; }

footer.site-footer .social a:hover circle { fill: #fff; }

footer.site-footer .social a:hover path { fill: #fff; }

footer.site-footer .social a:hover path[fill="#fff"] { fill: #000; }

footer.site-footer .social a circle, footer.site-footer .social a path { transition: fill 0.35s; }

footer.site-footer .addendum { font-size: 15px; }

h1 { font-family: Prata; font-size: clamp(54px, 10vw, 128px); font-weight: 400; line-height: 1.35; margin-bottom: 0.375em; }

h2, section.blog-hero h1 { font-family: Prata; font-size: clamp(36px, 5vw, 64px); font-weight: 400; line-height: 1.125; margin-bottom: 0.5em; }

h3 { font-size: clamp(24px, 2.8125vw, 36px); font-weight: 500; line-height: 1.25; margin-bottom: 1.333em; }

h4 { font-size: clamp(20px, 1.875vw, 24px); font-weight: 900; line-height: 1.16; margin-bottom: 1.1666em; }

.text-gold { color: #FCF7D7 !important; }

.text-gold.tint-10 { color: #fcf8db !important; }

.text-gold.tint-10 a { color: #fcf8db !important; }

.text-gold.tint-20 { color: #fdf9df !important; }

.text-gold.tint-20 a { color: #fdf9df !important; }

.text-gold.tint-30 { color: #fdf9e3 !important; }

.text-gold.tint-30 a { color: #fdf9e3 !important; }

.text-gold.tint-40 { color: #fdfae7 !important; }

.text-gold.tint-40 a { color: #fdfae7 !important; }

.text-gold.tint-50 { color: #fefbeb !important; }

.text-gold.tint-50 a { color: #fefbeb !important; }

.text-gold.tint-60 { color: #fefcef !important; }

.text-gold.tint-60 a { color: #fefcef !important; }

.text-gold.tint-70 { color: #fefdf3 !important; }

.text-gold.tint-70 a { color: #fefdf3 !important; }

.text-gold.tint-80 { color: #fefdf7 !important; }

.text-gold.tint-80 a { color: #fefdf7 !important; }

.text-gold.tint-90 { color: #fffefb !important; }

.text-gold.tint-90 a { color: #fffefb !important; }

.text-gold a { color: #FCF7D7; }

.text-gold a:hover { color: #cac6ac; }

.bg-gold { background-color: #FCF7D7 !important; color: #202020 !important; }

.bg-gold.tint-10 { background-color: #fcf8db !important; }

.bg-gold.tint-20 { background-color: #fdf9df !important; }

.bg-gold.tint-30 { background-color: #fdf9e3 !important; }

.bg-gold.tint-40 { background-color: #fdfae7 !important; }

.bg-gold.tint-50 { background-color: #fefbeb !important; }

.bg-gold.tint-60 { background-color: #fefcef !important; }

.bg-gold.tint-70 { background-color: #fefdf3 !important; }

.bg-gold.tint-80 { background-color: #fefdf7 !important; }

.bg-gold.tint-90 { background-color: #fffefb !important; }

.border-gold { border-color: #FCF7D7 !important; }

.fill-gold { fill: #FCF7D7; }

a.text-gold:hover { color: #FCF7D7; }

.underline-gold { border-bottom: 1px solid #FCF7D7; padding-bottom: 0.1em; }

.text-white { color: #fff !important; }

.text-white.tint-10 { color: white !important; }

.text-white.tint-10 a { color: white !important; }

.text-white.tint-20 { color: white !important; }

.text-white.tint-20 a { color: white !important; }

.text-white.tint-30 { color: white !important; }

.text-white.tint-30 a { color: white !important; }

.text-white.tint-40 { color: white !important; }

.text-white.tint-40 a { color: white !important; }

.text-white.tint-50 { color: white !important; }

.text-white.tint-50 a { color: white !important; }

.text-white.tint-60 { color: white !important; }

.text-white.tint-60 a { color: white !important; }

.text-white.tint-70 { color: white !important; }

.text-white.tint-70 a { color: white !important; }

.text-white.tint-80 { color: white !important; }

.text-white.tint-80 a { color: white !important; }

.text-white.tint-90 { color: white !important; }

.text-white.tint-90 a { color: white !important; }

.text-white a { color: #fff; }

.text-white a:hover { color: #cccccc; }

.bg-white { background-color: #fff !important; color: #202020 !important; }

.bg-white.tint-10 { background-color: white !important; }

.bg-white.tint-20 { background-color: white !important; }

.bg-white.tint-30 { background-color: white !important; }

.bg-white.tint-40 { background-color: white !important; }

.bg-white.tint-50 { background-color: white !important; }

.bg-white.tint-60 { background-color: white !important; }

.bg-white.tint-70 { background-color: white !important; }

.bg-white.tint-80 { background-color: white !important; }

.bg-white.tint-90 { background-color: white !important; }

.border-white { border-color: #fff !important; }

.fill-white { fill: #fff; }

a.text-white:hover { color: #fff; }

.underline-white { border-bottom: 1px solid #fff; padding-bottom: 0.1em; }

.text-charcoal { color: #202020 !important; }

.text-charcoal.tint-10 { color: #363636 !important; }

.text-charcoal.tint-10 a { color: #363636 !important; }

.text-charcoal.tint-20 { color: #4d4d4d !important; }

.text-charcoal.tint-20 a { color: #4d4d4d !important; }

.text-charcoal.tint-30 { color: #636363 !important; }

.text-charcoal.tint-30 a { color: #636363 !important; }

.text-charcoal.tint-40 { color: #797979 !important; }

.text-charcoal.tint-40 a { color: #797979 !important; }

.text-charcoal.tint-50 { color: #909090 !important; }

.text-charcoal.tint-50 a { color: #909090 !important; }

.text-charcoal.tint-60 { color: #a6a6a6 !important; }

.text-charcoal.tint-60 a { color: #a6a6a6 !important; }

.text-charcoal.tint-70 { color: #bcbcbc !important; }

.text-charcoal.tint-70 a { color: #bcbcbc !important; }

.text-charcoal.tint-80 { color: #d2d2d2 !important; }

.text-charcoal.tint-80 a { color: #d2d2d2 !important; }

.text-charcoal.tint-90 { color: #e9e9e9 !important; }

.text-charcoal.tint-90 a { color: #e9e9e9 !important; }

.text-charcoal a { color: #202020; }

.text-charcoal a:hover { color: #1a1a1a; }

.bg-charcoal { background-color: #202020 !important; color: #fff !important; }

.bg-charcoal.tint-10 { background-color: #363636 !important; }

.bg-charcoal.tint-20 { background-color: #4d4d4d !important; }

.bg-charcoal.tint-30 { background-color: #636363 !important; }

.bg-charcoal.tint-40 { background-color: #797979 !important; }

.bg-charcoal.tint-50 { background-color: #909090 !important; }

.bg-charcoal.tint-60 { background-color: #a6a6a6 !important; }

.bg-charcoal.tint-70 { background-color: #bcbcbc !important; }

.bg-charcoal.tint-80 { background-color: #d2d2d2 !important; }

.bg-charcoal.tint-90 { background-color: #e9e9e9 !important; }

.border-charcoal { border-color: #202020 !important; }

.fill-charcoal { fill: #202020; }

a.text-charcoal:hover { color: #202020; }

.underline-charcoal { border-bottom: 1px solid #202020; padding-bottom: 0.1em; }

.text-black { color: #000 !important; }

.text-black.tint-10 { color: #1a1a1a !important; }

.text-black.tint-10 a { color: #1a1a1a !important; }

.text-black.tint-20 { color: #333333 !important; }

.text-black.tint-20 a { color: #333333 !important; }

.text-black.tint-30 { color: #4d4d4d !important; }

.text-black.tint-30 a { color: #4d4d4d !important; }

.text-black.tint-40 { color: #666666 !important; }

.text-black.tint-40 a { color: #666666 !important; }

.text-black.tint-50 { color: gray !important; }

.text-black.tint-50 a { color: gray !important; }

.text-black.tint-60 { color: #999999 !important; }

.text-black.tint-60 a { color: #999999 !important; }

.text-black.tint-70 { color: #b3b3b3 !important; }

.text-black.tint-70 a { color: #b3b3b3 !important; }

.text-black.tint-80 { color: #cccccc !important; }

.text-black.tint-80 a { color: #cccccc !important; }

.text-black.tint-90 { color: #e6e6e6 !important; }

.text-black.tint-90 a { color: #e6e6e6 !important; }

.text-black a { color: #000; }

.text-black a:hover { color: black; }

.bg-black { background-color: #000 !important; color: #fff !important; }

.bg-black.tint-10 { background-color: #1a1a1a !important; }

.bg-black.tint-20 { background-color: #333333 !important; }

.bg-black.tint-30 { background-color: #4d4d4d !important; }

.bg-black.tint-40 { background-color: #666666 !important; }

.bg-black.tint-50 { background-color: gray !important; }

.bg-black.tint-60 { background-color: #999999 !important; }

.bg-black.tint-70 { background-color: #b3b3b3 !important; }

.bg-black.tint-80 { background-color: #cccccc !important; }

.bg-black.tint-90 { background-color: #e6e6e6 !important; }

.border-black { border-color: #000 !important; }

.fill-black { fill: #000; }

a.text-black:hover { color: #000; }

.underline-black { border-bottom: 1px solid #000; padding-bottom: 0.1em; }

.btn { border-radius: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; min-width: 130px; padding: 11px 24px; line-height: 1; position: relative; overflow: hidden; border: 0; border-radius: 6px; font-weight: 700; font-size: 15px; z-index: 1; }

.btn.btn-lg { min-height: 52px; padding: 16px 36px; font-size: 16px; }

.btn.btn-gold { background-color: #FCF7D7 !important; border: 1px solid #FCF7D7; color: #202020 !important; transition: background-color 0.35s, border-color 0.35s color 0.35s; }

.btn.btn-gold:hover, .btn.btn-gold.active { background-color: #202020 !important; border-color: #FCF7D7; color: #FCF7D7 !important; }

.btn.btn-white { background-color: #fff !important; border: 1px solid #fff; color: #202020 !important; transition: background-color 0.35s, border-color 0.35s color 0.35s; }

.btn.btn-white:hover, .btn.btn-white.active { background-color: #202020 !important; border-color: #fff; color: #fff !important; }

.btn.btn-charcoal { background-color: #202020 !important; border: 1px solid #202020; color: #fff !important; transition: background-color 0.35s, border-color 0.35s color 0.35s; }

.btn.btn-charcoal:hover, .btn.btn-charcoal.active { background-color: #fff !important; border-color: #202020; color: #202020 !important; }

.btn.btn-black { background-color: #000 !important; border: 1px solid #000; color: #fff !important; transition: background-color 0.35s, border-color 0.35s color 0.35s; }

.btn.btn-black:hover, .btn.btn-black.active { background-color: #fff !important; border-color: #000; color: #000 !important; }

.circles { width: 560px; aspect-ratio: 1; position: absolute; left: -280px; top: 0; }

.circles .circle-0 { width: 100%; aspect-ratio: 1; border-radius: 1000px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1000' ry='1000' stroke='white' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e"); animation: circle-rotation 12s linear infinite; }

.circles .circle-1 { position: absolute; right: 0; top: 50%; width: 0; height: 0; }

.circles .circle-1:after { content: ''; display: block; width: 300px; aspect-ratio: 1; border-radius: 1000px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1000' ry='1000' stroke='white' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e"); position: absolute; left: -150px; top: -150px; animation: circle-rotation 12s linear infinite; }

.circle-with-images { width: clamp(59.52vw, 59.52vw, 1000px); aspect-ratio: 1; position: absolute; right: -22.5%; top: 0; border-radius: 1000px; }

.circle-with-images .rotating-circle { width: 100%; aspect-ratio: 1; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50%25' ry='50%25' stroke='white' stroke-width='4' stroke-dasharray='2%2c 12' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e"); animation: circle-rotation 24s linear infinite; }

.circle-with-images .image { position: absolute; transform: translate(-50%, -50%); }

.circle-with-images .image img { width: 100%; height: auto; border-radius: 1000px; }

@keyframes circle-rotation { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

.cta { display: flex; text-decoration: none; border: 1px solid #FCF7D7; padding: 32px; border-radius: 1000px; margin-top: clamp(30px, 5.35714vw, 90px); align-items: center; transition: border-color 0.35s; }

.cta:hover { border-color: #fff; }

.cta:hover .arrow div { background-color: #fff; }

.cta:hover .arrow div:after { border-color: #fff; }

.cta:hover .text { color: #FCF7D7; }

.cta .arrow div { width: 84px; height: 1px; background-color: #FCF7D7; animation: arrow-point 1.5s linear infinite; transition: background-color 0.35s; }

.cta .arrow div:after { content: ''; display: block; width: 42.9%; aspect-ratio: 1; border: 1px solid #FCF7D7; border-left: 0; border-bottom: 0; position: absolute; right: 0; transform-origin: 100% 0%; transform: rotate(45deg); transition: border-color 0.35s; }

.cta .text { font-size: 24px; font-weight: 900; line-height: 1.125; padding-left: 40px; transition: color 0.35s; }

@container (max-width: 700px) { .cta { padding: 4.57cqw; }
  .cta .text { font-size: clamp(14px, 3.43cqw, 24px); padding-left: 5.71cqw; }
  .cta .arrow div { width: 12cqw; } }

@keyframes arrow-point { 0% { transform: translateX(0%); }
  50% { transform: translateX(20%); }
  100% { transform: translateX(0%); } }

#loading { position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s; }

#loading:before, #loading:after { content: ''; display: block; position: absolute; }

#loading:before { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.85); }

#loading:after { width: 64px; height: 64px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; left: calc(50% - 32px); top: calc(50% - 32px); animation: loading 1.2s linear infinite; }

#loading.show { opacity: 1; visibility: visible; }

@keyframes loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

[data-wm-parallax-target] { transform: translateY(var(--wm-translateY)); }

.stars { aspect-ratio: 1; position: absolute; height: 50%; max-height: 400px; pointer-events: none; display: none; }

@media (min-width: 768px) { .stars { display: block; } }

.stars.stars-0 { left: 0; transform: translateX(-50%) translateY(var(--wm-translateY)); }

.stars.stars-1 { right: 0; transform: translateX(50%) translateY(var(--wm-translateY)); }

.stars .star { aspect-ratio: 1; position: absolute; }

.stars .star:after { content: ''; display: block; width: 100%; height: 100%; border-radius: 1000px; background: #fff; transform: translate(-50%, -50%); }

.video { width: 100%; padding-top: 56.25%; }

.video iframe, .video img { position: absolute; width: 100%; top: 0; left: 0; }

.video iframe { height: 100%; }

@media (min-width: 576px) { .w-sm-100 { width: 100%; }
  .w-sm-75 { width: 75%; }
  .w-sm-50 { width: 50%; }
  .w-sm-25 { width: 25%; } }

@media (min-width: 768px) { .w-md-100 { width: 100%; }
  .w-md-75 { width: 75%; }
  .w-md-50 { width: 50%; }
  .w-md-25 { width: 25%; } }

@media (min-width: 992px) { .w-lg-100 { width: 100%; }
  .w-lg-75 { width: 75%; }
  .w-lg-50 { width: 50%; }
  .w-lg-25 { width: 25%; } }

@media (min-width: 1200px) { .w-xl-100 { width: 100%; }
  .w-xl-75 { width: 75%; }
  .w-xl-50 { width: 50%; }
  .w-xl-25 { width: 25%; } }

@media (min-width: 1440px) { .w-xxl-100 { width: 100%; }
  .w-xxl-75 { width: 75%; }
  .w-xxl-50 { width: 50%; }
  .w-xxl-25 { width: 25%; } }
