html {font-size: 100%} body {font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400; font-size: 1.125rem; line-height: 1.4; color: var(--colorNeutral--15)} h1, h2, h3, h4, h5, h6 {font-family: "Fraunces", serif; font-weight: 300; line-height: 1.15; letter-spacing: -0.02em; color: var(--colorNeutral--10)} h1 {font-size: clamp(2.5rem, 2.105vw + 1.974rem, 4.5rem)} h2 {font-size: clamp(2.25rem, 0.789vw + 2.053rem, 3rem); line-height: 1.15} h3 {font-size: clamp(1.75rem, 0.833vw + 1.5rem, 2.5rem)} .brxe-section {padding-top: var(--spacingVertical); padding-right: var(--spacingHorizontal); padding-bottom: var(--spacingVertical); padding-left: var(--spacingHorizontal)} .brxe-container {width: 100%; max-width: 1792px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1792px}* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent;}html,body { min-height: 100%; height: auto;}:root{--spacingVertical: clamp(5rem, 2.222vw + 4.333rem, 7rem);--spacingHorizontal: clamp(1.2rem, 3.111vw + 0.267rem, 4rem);}section:last-of-type{ margin-bottom: var(--spacingVertical)}button,input[type="button"],input[type="submit"],input[type="reset"] { color: inherit;}header{z-index: 999;display: flex;flex-direction: column;font-size: 1rem;position: fixed;top: 0;left: 0;right: 0;width: 100%;color: var(--colorNeutral--10);}header > div{ display: flex; align-items: center; justify-content: center; position: relative;}#inner-header{ padding: 1rem var(--spacingHorizontal) 1rem var(--spacingHorizontal); transition: height 175ms var(--bezierMain); background: var(--colorWhite); border-bottom: 1px solid var(--colorNeutral--89); --headerHeight: 4.25rem;height: var(--headerHeight);}#inner-header.is-fixed{ --headerHeight: 3.25rem;height: var(--headerHeight);}header:has(#header--sale) .header--fixed{ top: 1.625rem;}.header-right__has-numbers{ position: relative; background-color: transparent; text-decoration: none; color: var(--colorBlack); display: inline-flex; gap: 0.25rem;}.header-right__has-numbers:hover{ text-decoration: none;}.header-right__has-numbers:hover,.header-right__has-numbers:hover .header-right__cart-count,.header-right__has-numbers:hover .header-right__points-count{ text-decoration: none !important; color: var(--colorNeutral--10)}.header-right__has-numbers span:first-of-type{ transition: 175ms ease-out;}.header-right__has-numbers:hover span:first-of-type{ color: var(--colorBrand--light); text-decoration: underline;}.header-right__italic-numbers{ font-size: 0.75rem; font-weight: 500; font-style: italic; letter-spacing: 0.025em; position: relative; top: 0; transition: color 1s;}footer{ display: flex; flex-direction: column; background-color: #F5F5F5; padding: 0 var(--spacingHorizontal); justify-content: center; align-items: center; font-size: var(--textS)}footer a{ transition: 175ms ease-out;}footer a:hover{ color: var(--colorBrand--light); text-decoration: underline;}body:has(dialog[open]),body:has(.menu__mobile-wrapper.is-open){ overflow: hidden; padding-right: var(--scrollbar-width);}body:has(dialog[open]) header,body:has(.menu__mobile-wrapper.is-open){ max-width: calc(100% - var(--scrollbar-width));}dialog { opacity: 0; color: var(--colorNeutral--15);}dialog::backdrop { background: rgba(0, 0, 0, 0); transition: background 150ms ease-out; }dialog[open] { display: flex; right: var(--scrollbar-width);}dialog.opening { opacity: 1;}dialog.opening::backdrop { background: rgba(0, 0, 0, 0.5);}dialog.closing { opacity: 0;}dialog.closing::backdrop { background: rgba(0, 0, 0, 0); transition: background 150ms ease-in; }