html {
font-size: 62.5% !important;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
min-height: 100vh;
}
img, picture {
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*, *::before, *::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
.clickable-parent {
position: static;
}
.clickable-parent a {
position: static;
}
.clickable-parent > a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer !important;
display: flex;
}
:root {
--primary: #16150e;
--primary-hover: #232006;
--primary-ultra-light: #3f3e31;
--primary-light: #37362a;
--primary-medium: #23221a;
--primary-dark: #1b1a13;
--primary-ultra-dark: #13120b;
--primary-comp: #0e0f16;
--secondary: #dcdcd5;
--secondary-hover: white;
--secondary-ultra-light: #f5f5f4;
--secondary-light: #f1f1ee;
--secondary-medium: #e8e8e3;
--secondary-dark: #d2d2c6;
--secondary-ultra-dark: #bcbca9;
--secondary-comp: #d5d5dc;
--accent: #d54e44;
--accent-hover: #e26961;
--accent-ultra-light: #fbebe9;
--accent-light: #f3c2be;
--accent-medium: #d73328;
--accent-dark: #6c1a14;
--accent-ultra-dark: #2b0a08;
--accent-comp: #44cbd5;
--white: #fff;
--black: #000;
--shade: black;
--shade-hover: black;
--shade-ultra-light: #f2f2f2;
--shade-light: #d9d9d9;
--shade-medium: gray;
--shade-dark: #404040;
--shade-ultra-dark: #1a1a1a;
--shade-comp: black;
--primary-trans-10: rgba(22, 21, 14, 0.1);
--primary-trans-20: rgba(22, 21, 14, 0.2);
--primary-trans-40: rgba(22, 21, 14, 0.4);
--primary-trans-60: rgba(22, 21, 14, 0.6);
--primary-trans-80: rgba(22, 21, 14, 0.8);
--primary-trans-90: rgba(22, 21, 14, 0.9);
--primary-ultra-dark-trans-10: rgba(19, 18, 11, 0.1);
--primary-ultra-dark-trans-20: rgba(19, 18, 11, 0.2);
--primary-ultra-dark-trans-40: rgba(19, 18, 11, 0.4);
--primary-ultra-dark-trans-60: rgba(19, 18, 11, 0.6);
--primary-ultra-dark-trans-80: rgba(19, 18, 11, 0.8);
--primary-ultra-dark-trans-90: rgba(19, 18, 11, 0.9);
--primary-light-trans-10: rgba(55, 54, 42, 0.1);
--primary-light-trans-20: rgba(55, 54, 42, 0.2);
--primary-light-trans-40: rgba(55, 54, 42, 0.4);
--primary-light-trans-60: rgba(55, 54, 42, 0.6);
--primary-light-trans-80: rgba(55, 54, 42, 0.8);
--primary-light-trans-90: rgba(55, 54, 42, 0.9);
--secondary-trans-10: rgba(220, 220, 213, 0.1);
--secondary-trans-20: rgba(220, 220, 213, 0.2);
--secondary-trans-40: rgba(220, 220, 213, 0.4);
--secondary-trans-60: rgba(220, 220, 213, 0.6);
--secondary-trans-80: rgba(220, 220, 213, 0.8);
--secondary-trans-90: rgba(220, 220, 213, 0.9);
--secondary-ultra-dark-trans-10: rgba(188, 188, 169, 0.1);
--secondary-ultra-dark-trans-20: rgba(188, 188, 169, 0.2);
--secondary-ultra-dark-trans-40: rgba(188, 188, 169, 0.4);
--secondary-ultra-dark-trans-60: rgba(188, 188, 169, 0.6);
--secondary-ultra-dark-trans-80: rgba(188, 188, 169, 0.8);
--secondary-ultra-dark-trans-90: rgba(188, 188, 169, 0.9);
--secondary-light-trans-10: rgba(241, 241, 238, 0.1);
--secondary-light-trans-20: rgba(241, 241, 238, 0.2);
--secondary-light-trans-40: rgba(241, 241, 238, 0.4);
--secondary-light-trans-60: rgba(241, 241, 238, 0.6);
--secondary-light-trans-80: rgba(241, 241, 238, 0.8);
--secondary-light-trans-90: rgba(241, 241, 238, 0.9);
--accent-trans-10: rgba(213, 78, 68, 0.1);
--accent-trans-20: rgba(213, 78, 68, 0.2);
--accent-trans-40: rgba(213, 78, 68, 0.4);
--accent-trans-60: rgba(213, 78, 68, 0.6);
--accent-trans-80: rgba(213, 78, 68, 0.8);
--accent-trans-90: rgba(213, 78, 68, 0.9);
--accent-ultra-dark-trans-10: rgba(43, 10, 8, 0.1);
--accent-ultra-dark-trans-20: rgba(43, 10, 8, 0.2);
--accent-ultra-dark-trans-40: rgba(43, 10, 8, 0.4);
--accent-ultra-dark-trans-60: rgba(43, 10, 8, 0.6);
--accent-ultra-dark-trans-80: rgba(43, 10, 8, 0.8);
--accent-ultra-dark-trans-90: rgba(43, 10, 8, 0.9);
--accent-light-trans-10: rgba(243, 194, 190, 0.1);
--accent-light-trans-20: rgba(243, 194, 190, 0.2);
--accent-light-trans-40: rgba(243, 194, 190, 0.4);
--accent-light-trans-60: rgba(243, 194, 190, 0.6);
--accent-light-trans-80: rgba(243, 194, 190, 0.8);
--accent-light-trans-90: rgba(243, 194, 190, 0.9);
--white-trans-10: rgba(255, 255, 255, 0.1);
--white-trans-20: rgba(255, 255, 255, 0.2);
--white-trans-40: rgba(255, 255, 255, 0.4);
--white-trans-60: rgba(255, 255, 255, 0.6);
--white-trans-80: rgba(255, 255, 255, 0.8);
--white-trans-90: rgba(255, 255, 255, 0.9);
--black-trans-10: rgba(0, 0, 0, 0.1);
--black-trans-20: rgba(0, 0, 0, 0.2);
--black-trans-40: rgba(0, 0, 0, 0.4);
--black-trans-60: rgba(0, 0, 0, 0.6);
--black-trans-80: rgba(0, 0, 0, 0.8);
--black-trans-90: rgba(0, 0, 0, 0.9);
--shade-trans-10: rgba(0, 0, 0, 0.1);
--shade-trans-20: rgba(0, 0, 0, 0.2);
--shade-trans-40: rgba(0, 0, 0, 0.4);
--shade-trans-60: rgba(0, 0, 0, 0.6);
--shade-trans-80: rgba(0, 0, 0, 0.8);
--shade-trans-90: rgba(0, 0, 0, 0.9);
--shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
--shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
--shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
--shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
--shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
--shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
--shade-light-trans-10: rgba(217, 217, 217, 0.1);
--shade-light-trans-20: rgba(217, 217, 217, 0.2);
--shade-light-trans-40: rgba(217, 217, 217, 0.4);
--shade-light-trans-60: rgba(217, 217, 217, 0.6);
--shade-light-trans-80: rgba(217, 217, 217, 0.8);
--shade-light-trans-90: rgba(217, 217, 217, 0.9);
--shade-white: #fff;
--shade-black: #000;
--text-xs: 1.3rem;
--text-s: 1.4rem;
--text-m: 1.8rem;
--text-l: 2rem;
--text-xl: 2.3rem;
--text-xxl: 2.6rem;
--h6: 1.3rem;
--h5: 1.4rem;
--h4: 1.8rem;
--h3: 2rem;
--h2: 2.3rem;
--h1: 2.6rem;
--space-xs: 1.896rem;
--space-s: 2.133rem;
--space-m: 2.4rem;
--space-l: 2.7rem;
--space-xl: 3.038rem;
--space-xxl: 3.42rem;
--section-space-xs: 3.84rem;
--section-space-s: 4.8rem;
--section-space-m: 6rem;
--section-space-l: 7.5rem;
--section-space-xl: 9.375rem;
--section-space-xxl: 11.719rem;
--width-xs: calc((184 * 0.1) * 1rem);
--width-s: calc((184 * 0.2) * 1rem);
--width-m: calc((184 * 0.4) * 1rem);
--width-l: calc((184 * 0.6) * 1rem);
--width-xl: calc((184 * 0.8) * 1rem);
--width-xxl: calc((184 * 0.9) * 1rem);
--width-vp-max: 184rem;
--width-50: calc((184 / 2) * 1rem);
--width-full: 100%;
--radius-xs: 0.4444444444rem;
--radius-s: 0.6666666667rem;
--radius-m: 1rem;
--radius-l: 1.5rem;
--radius-xl: 2.25rem;
--radius-xxl: 3.375rem;
--radius-50: 50%;
--radius-circle: 50%;
--section-padding-x: 2rem;
--section-gutter: 2rem;
--btn-border-size: 0.25rem;
--outline-btn-border-size: 0.25rem;
--btn-pad-y: 0.8em;
--btn-pad-x: 3.5em;
--btn-radius: 50em;
--btn-text-transform: none;
--btn-text-style: normal;
--btn-letter-spacing: 0;
--btn-line-height: 1;
--btn-text-decoration: none;
--btn-weight: 400;
--btn-width: 15;
--primary-h: 53;
--primary-s: 21%;
--primary-l: 7%;
--secondary-h: 60;
--secondary-s: 9%;
--secondary-l: 85%;
--accent-h: 4;
--accent-s: 63%;
--accent-l: 55%;
--base-h: 213;
--base-s: 36%;
--base-l: 32%;
--shade-h: 0;
--shade-s: 0%;
--shade-l: 0%;
--header-height: 0rem;
--offset: 0rem;
}
@media (max-width: 991px) {
:root {
--header-height-l: 0rem;
--offset-l: 0rem;
}
}
@media (max-width: 767px) {
:root {
--header-height-m: 0rem;
--offset-m: 0rem;
}
}
@media (max-width: 479px) {
:root {
--header-height-s: 0rem;
--offset-s: 0rem;
}
}
body {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 152)));
font-size: clamp(1.6rem, calc(0.1315789474vw + 1.5578947368rem), 1.8rem);
line-height: 1.6;
background-color: var(--primary);
color: var(--secondary-dark);
}
body a {
color: var(--secondary-light);
font-weight: 300;
-webkit-text-decoration: none;
text-decoration: none;
}
body a:hover {
color: var(--accent);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
text-decoration: inherit;
}
h1 {
font-size: 2.565rem;
font-size: calc(6rem + (10 * ((100vw - 32rem) / 152)));
font-size: clamp(6rem, calc(6.5789473684vw + 3.8947368421rem), 16rem);
line-height: 1.2;
color: var(--secondary-light);
}
h2 {
font-size: 2.28rem;
font-size: calc(5rem + (7.5 * ((100vw - 32rem) / 152)));
font-size: clamp(5rem, calc(4.9342105263vw + 3.4210526316rem), 12.5rem);
line-height: 1.2;
color: var(--secondary-light);
}
h3 {
font-size: 2.025rem;
font-size: calc(3.5rem + (4.5 * ((100vw - 32rem) / 152)));
font-size: clamp(3.5rem, calc(2.9605263158vw + 2.5526315789rem), 8rem);
line-height: 1.2;
color: var(--secondary-light);
}
h4 {
font-size: 1.8rem;
font-size: calc(2.8rem + (2.4 * ((100vw - 32rem) / 152)));
font-size: clamp(2.8rem, calc(1.5789473684vw + 2.2947368421rem), 5.2rem);
line-height: 1.2;
color: var(--secondary-light);
}
h5 {
font-size: 1.42rem;
font-size: calc(2.4rem + (1.1 * ((100vw - 32rem) / 152)));
font-size: clamp(2.4rem, calc(0.7236842105vw + 2.1684210526rem), 3.5rem);
line-height: 1.2;
color: var(--secondary-light);
}
h6 {
font-size: 1.26rem;
font-size: calc(2rem + (0.6 * ((100vw - 32rem) / 152)));
font-size: clamp(2rem, calc(0.3947368421vw + 1.8736842105rem), 2.6rem);
line-height: 1.2;
color: var(--secondary-light);
}
h1, h2, h3, h4, h5, h6 {
max-width: 45ch;
}
p {
max-width: 75ch;
}
.bg--primary {
background-color: #16150e;
}
.bg--primary-hover {
background-color: #232006;
}
.bg--primary-ultra-light {
background-color: #3f3e31;
}
.bg--primary-light {
background-color: #37362a;
}
.bg--primary-medium {
background-color: #23221a;
}
.bg--primary-dark {
background-color: #1b1a13;
}
.bg--primary-ultra-dark {
background-color: #13120b;
}
.bg--primary-comp {
background-color: #0e0f16;
}
.bg--secondary {
background-color: #dcdcd5;
}
.bg--secondary-hover {
background-color: white;
}
.bg--secondary-ultra-light {
background-color: #f5f5f4;
}
.bg--secondary-light {
background-color: #f1f1ee;
}
.bg--secondary-medium {
background-color: #e8e8e3;
}
.bg--secondary-dark {
background-color: #d2d2c6;
}
.bg--secondary-ultra-dark {
background-color: #bcbca9;
}
.bg--secondary-comp {
background-color: #d5d5dc;
}
.bg--accent {
background-color: #d54e44;
}
.bg--accent-hover {
background-color: #e26961;
}
.bg--accent-ultra-light {
background-color: #fbebe9;
}
.bg--accent-light {
background-color: #f3c2be;
}
.bg--accent-medium {
background-color: #d73328;
}
.bg--accent-dark {
background-color: #6c1a14;
}
.bg--accent-ultra-dark {
background-color: #2b0a08;
}
.bg--accent-comp {
background-color: #44cbd5;
}
.bg--white {
background-color: #fff;
}
.bg--black {
background-color: #000;
}
.bg--shade {
background-color: black;
}
.bg--shade-hover {
background-color: black;
}
.bg--shade-ultra-light {
background-color: #f2f2f2;
}
.bg--shade-light {
background-color: #d9d9d9;
}
.bg--shade-medium {
background-color: gray;
}
.bg--shade-dark {
background-color: #404040;
}
.bg--shade-ultra-dark {
background-color: #1a1a1a;
}
.bg--shade-comp {
background-color: black;
}
.bg--primary-trans-10 {
background-color: rgba(22, 21, 14, 0.1);
}
.bg--primary-trans-20 {
background-color: rgba(22, 21, 14, 0.2);
}
.bg--primary-trans-40 {
background-color: rgba(22, 21, 14, 0.4);
}
.bg--primary-trans-60 {
background-color: rgba(22, 21, 14, 0.6);
}
.bg--primary-trans-80 {
background-color: rgba(22, 21, 14, 0.8);
}
.bg--primary-trans-90 {
background-color: rgba(22, 21, 14, 0.9);
}
.bg--primary-ultra-dark-trans-10 {
background-color: rgba(19, 18, 11, 0.1);
}
.bg--primary-ultra-dark-trans-20 {
background-color: rgba(19, 18, 11, 0.2);
}
.bg--primary-ultra-dark-trans-40 {
background-color: rgba(19, 18, 11, 0.4);
}
.bg--primary-ultra-dark-trans-60 {
background-color: rgba(19, 18, 11, 0.6);
}
.bg--primary-ultra-dark-trans-80 {
background-color: rgba(19, 18, 11, 0.8);
}
.bg--primary-ultra-dark-trans-90 {
background-color: rgba(19, 18, 11, 0.9);
}
.bg--primary-light-trans-10 {
background-color: rgba(55, 54, 42, 0.1);
}
.bg--primary-light-trans-20 {
background-color: rgba(55, 54, 42, 0.2);
}
.bg--primary-light-trans-40 {
background-color: rgba(55, 54, 42, 0.4);
}
.bg--primary-light-trans-60 {
background-color: rgba(55, 54, 42, 0.6);
}
.bg--primary-light-trans-80 {
background-color: rgba(55, 54, 42, 0.8);
}
.bg--primary-light-trans-90 {
background-color: rgba(55, 54, 42, 0.9);
}
.bg--secondary-trans-10 {
background-color: rgba(220, 220, 213, 0.1);
}
.bg--secondary-trans-20 {
background-color: rgba(220, 220, 213, 0.2);
}
.bg--secondary-trans-40 {
background-color: rgba(220, 220, 213, 0.4);
}
.bg--secondary-trans-60 {
background-color: rgba(220, 220, 213, 0.6);
}
.bg--secondary-trans-80 {
background-color: rgba(220, 220, 213, 0.8);
}
.bg--secondary-trans-90 {
background-color: rgba(220, 220, 213, 0.9);
}
.bg--secondary-ultra-dark-trans-10 {
background-color: rgba(188, 188, 169, 0.1);
}
.bg--secondary-ultra-dark-trans-20 {
background-color: rgba(188, 188, 169, 0.2);
}
.bg--secondary-ultra-dark-trans-40 {
background-color: rgba(188, 188, 169, 0.4);
}
.bg--secondary-ultra-dark-trans-60 {
background-color: rgba(188, 188, 169, 0.6);
}
.bg--secondary-ultra-dark-trans-80 {
background-color: rgba(188, 188, 169, 0.8);
}
.bg--secondary-ultra-dark-trans-90 {
background-color: rgba(188, 188, 169, 0.9);
}
.bg--secondary-light-trans-10 {
background-color: rgba(241, 241, 238, 0.1);
}
.bg--secondary-light-trans-20 {
background-color: rgba(241, 241, 238, 0.2);
}
.bg--secondary-light-trans-40 {
background-color: rgba(241, 241, 238, 0.4);
}
.bg--secondary-light-trans-60 {
background-color: rgba(241, 241, 238, 0.6);
}
.bg--secondary-light-trans-80 {
background-color: rgba(241, 241, 238, 0.8);
}
.bg--secondary-light-trans-90 {
background-color: rgba(241, 241, 238, 0.9);
}
.bg--accent-trans-10 {
background-color: rgba(213, 78, 68, 0.1);
}
.bg--accent-trans-20 {
background-color: rgba(213, 78, 68, 0.2);
}
.bg--accent-trans-40 {
background-color: rgba(213, 78, 68, 0.4);
}
.bg--accent-trans-60 {
background-color: rgba(213, 78, 68, 0.6);
}
.bg--accent-trans-80 {
background-color: rgba(213, 78, 68, 0.8);
}
.bg--accent-trans-90 {
background-color: rgba(213, 78, 68, 0.9);
}
.bg--accent-ultra-dark-trans-10 {
background-color: rgba(43, 10, 8, 0.1);
}
.bg--accent-ultra-dark-trans-20 {
background-color: rgba(43, 10, 8, 0.2);
}
.bg--accent-ultra-dark-trans-40 {
background-color: rgba(43, 10, 8, 0.4);
}
.bg--accent-ultra-dark-trans-60 {
background-color: rgba(43, 10, 8, 0.6);
}
.bg--accent-ultra-dark-trans-80 {
background-color: rgba(43, 10, 8, 0.8);
}
.bg--accent-ultra-dark-trans-90 {
background-color: rgba(43, 10, 8, 0.9);
}
.bg--accent-light-trans-10 {
background-color: rgba(243, 194, 190, 0.1);
}
.bg--accent-light-trans-20 {
background-color: rgba(243, 194, 190, 0.2);
}
.bg--accent-light-trans-40 {
background-color: rgba(243, 194, 190, 0.4);
}
.bg--accent-light-trans-60 {
background-color: rgba(243, 194, 190, 0.6);
}
.bg--accent-light-trans-80 {
background-color: rgba(243, 194, 190, 0.8);
}
.bg--accent-light-trans-90 {
background-color: rgba(243, 194, 190, 0.9);
}
.bg--white-trans-10 {
background-color: rgba(255, 255, 255, 0.1);
}
.bg--white-trans-20 {
background-color: rgba(255, 255, 255, 0.2);
}
.bg--white-trans-40 {
background-color: rgba(255, 255, 255, 0.4);
}
.bg--white-trans-60 {
background-color: rgba(255, 255, 255, 0.6);
}
.bg--white-trans-80 {
background-color: rgba(255, 255, 255, 0.8);
}
.bg--white-trans-90 {
background-color: rgba(255, 255, 255, 0.9);
}
.bg--black-trans-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg--black-trans-20 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg--black-trans-40 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg--black-trans-60 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg--black-trans-80 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg--black-trans-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.bg--shade-trans-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg--shade-trans-20 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg--shade-trans-40 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg--shade-trans-60 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg--shade-trans-80 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg--shade-trans-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.bg--shade-ultra-dark-trans-10 {
background-color: rgba(26, 26, 26, 0.1);
}
.bg--shade-ultra-dark-trans-20 {
background-color: rgba(26, 26, 26, 0.2);
}
.bg--shade-ultra-dark-trans-40 {
background-color: rgba(26, 26, 26, 0.4);
}
.bg--shade-ultra-dark-trans-60 {
background-color: rgba(26, 26, 26, 0.6);
}
.bg--shade-ultra-dark-trans-80 {
background-color: rgba(26, 26, 26, 0.8);
}
.bg--shade-ultra-dark-trans-90 {
background-color: rgba(26, 26, 26, 0.9);
}
.bg--shade-light-trans-10 {
background-color: rgba(217, 217, 217, 0.1);
}
.bg--shade-light-trans-20 {
background-color: rgba(217, 217, 217, 0.2);
}
.bg--shade-light-trans-40 {
background-color: rgba(217, 217, 217, 0.4);
}
.bg--shade-light-trans-60 {
background-color: rgba(217, 217, 217, 0.6);
}
.bg--shade-light-trans-80 {
background-color: rgba(217, 217, 217, 0.8);
}
.bg--shade-light-trans-90 {
background-color: rgba(217, 217, 217, 0.9);
}
.pad--xs {
padding: 1.896rem;
padding: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
padding: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.pad--s {
padding: 2.133rem;
padding: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
padding: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.pad--m {
padding: 2.4rem;
padding: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
padding: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.pad--l {
padding: 2.7rem;
padding: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
padding: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.pad--xl {
padding: 3.038rem;
padding: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
padding: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.pad--xxl {
padding: 3.42rem;
padding: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
padding: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
.pad-header--xs {
padding: 1.896rem var(--section-padding-x);
padding: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152))) var(--section-padding-x);
padding: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem) var(--section-padding-x);
}
.pad-header--s {
padding: 2.133rem var(--section-padding-x);
padding: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152))) var(--section-padding-x);
padding: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem) var(--section-padding-x);
}
.pad-header--m {
padding: 2.4rem var(--section-padding-x);
padding: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152))) var(--section-padding-x);
padding: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem) var(--section-padding-x);
}
.pad-header--l {
padding: 2.7rem var(--section-padding-x);
padding: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152))) var(--section-padding-x);
padding: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem) var(--section-padding-x);
}
.pad-header--xl {
padding: 3.038rem var(--section-padding-x);
padding: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152))) var(--section-padding-x);
padding: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem) var(--section-padding-x);
}
.pad-header--xxl {
padding: 3.42rem var(--section-padding-x);
padding: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152))) var(--section-padding-x);
padding: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem) var(--section-padding-x);
}
.pad--none:not(.ct-section) {
padding: 0 !important;
}
.text--primary {
color: #16150e;
}
.text--primary-hover {
color: #232006;
}
.text--primary-ultra-light {
color: #3f3e31;
}
.text--primary-light {
color: #37362a;
}
.text--primary-medium {
color: #23221a;
}
.text--primary-dark {
color: #1b1a13;
}
.text--primary-ultra-dark {
color: #13120b;
}
.text--primary-comp {
color: #0e0f16;
}
.text--secondary {
color: #dcdcd5;
}
.text--secondary-hover {
color: white;
}
.text--secondary-ultra-light {
color: #f5f5f4;
}
.text--secondary-light {
color: #f1f1ee;
}
.text--secondary-medium {
color: #e8e8e3;
}
.text--secondary-dark {
color: #d2d2c6;
}
.text--secondary-ultra-dark {
color: #bcbca9;
}
.text--secondary-comp {
color: #d5d5dc;
}
.text--accent {
color: #d54e44;
}
.text--accent-hover {
color: #e26961;
}
.text--accent-ultra-light {
color: #fbebe9;
}
.text--accent-light {
color: #f3c2be;
}
.text--accent-medium {
color: #d73328;
}
.text--accent-dark {
color: #6c1a14;
}
.text--accent-ultra-dark {
color: #2b0a08;
}
.text--accent-comp {
color: #44cbd5;
}
.text--white {
color: #fff;
}
.text--black {
color: #000;
}
.text--shade {
color: black;
}
.text--shade-hover {
color: black;
}
.text--shade-ultra-light {
color: #f2f2f2;
}
.text--shade-light {
color: #d9d9d9;
}
.text--shade-medium {
color: gray;
}
.text--shade-dark {
color: #404040;
}
.text--shade-ultra-dark {
color: #1a1a1a;
}
.text--shade-comp {
color: black;
}
.text--xs {
font-size: 1.26rem;
font-size: calc(1rem + (0.2 * ((100vw - 32rem) / 152)));
font-size: clamp(1rem, calc(0.1315789474vw + 0.9578947368rem), 1.2rem);
}
.text--s {
font-size: 1.42rem;
font-size: calc(1.2rem + (0.2 * ((100vw - 32rem) / 152)));
font-size: clamp(1.2rem, calc(0.1315789474vw + 1.1578947368rem), 1.4rem);
}
.text--m {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 152)));
font-size: clamp(1.6rem, calc(0.1315789474vw + 1.5578947368rem), 1.8rem);
}
.text--l {
font-size: 2.025rem;
font-size: calc(2rem + (0.3994 * ((100vw - 32rem) / 152)));
font-size: clamp(2rem, calc(0.2627631579vw + 1.9159157895rem), 2.3994rem);
}
.text--xl {
font-size: 2.28rem;
font-size: calc(2.5rem + (0.6984002 * ((100vw - 32rem) / 152)));
font-size: clamp(2.5rem, calc(0.4594738158vw + 2.3529683789rem), 3.1984002rem);
}
.text--xxl {
font-size: 2.565rem;
font-size: calc(3.125rem + (1.1384674666 * ((100vw - 32rem) / 152)));
font-size: clamp(3.125rem, calc(0.7489917543vw + 2.8853226386rem), 4.2634674666rem);
}
.h--1 {
font-size: 2.565rem;
font-size: calc(6rem + (10 * ((100vw - 32rem) / 152)));
font-size: clamp(6rem, calc(6.5789473684vw + 3.8947368421rem), 16rem);
}
.h--2 {
font-size: 2.28rem;
font-size: calc(5rem + (7.5 * ((100vw - 32rem) / 152)));
font-size: clamp(5rem, calc(4.9342105263vw + 3.4210526316rem), 12.5rem);
}
.h--3 {
font-size: 2.025rem;
font-size: calc(3.5rem + (4.5 * ((100vw - 32rem) / 152)));
font-size: clamp(3.5rem, calc(2.9605263158vw + 2.5526315789rem), 8rem);
}
.h--4 {
font-size: 1.8rem;
font-size: calc(2.8rem + (2.4 * ((100vw - 32rem) / 152)));
font-size: clamp(2.8rem, calc(1.5789473684vw + 2.2947368421rem), 5.2rem);
}
.h--5 {
font-size: 1.42rem;
font-size: calc(2.4rem + (1.1 * ((100vw - 32rem) / 152)));
font-size: clamp(2.4rem, calc(0.7236842105vw + 2.1684210526rem), 3.5rem);
}
.h--6 {
font-size: 1.26rem;
font-size: calc(2rem + (0.6 * ((100vw - 32rem) / 152)));
font-size: clamp(2rem, calc(0.3947368421vw + 1.8736842105rem), 2.6rem);
}
.text--xs.text--larger {
font-size: 1.56rem;
font-size: calc(1.2rem + (0.6 * ((100vw - 32rem) / 152)));
font-size: clamp(1.2rem, calc(0.3947368421vw + 1.0736842105rem), 1.8rem);
}
.text--s.text--larger {
font-size: 1.68rem;
font-size: calc(1.44rem + (0.66 * ((100vw - 32rem) / 152)));
font-size: clamp(1.44rem, calc(0.4342105263vw + 1.3010526316rem), 2.1rem);
}
.text--m.text--larger {
font-size: 2.16rem;
font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 152)));
font-size: clamp(1.92rem, calc(0.5131578947vw + 1.7557894737rem), 2.7rem);
}
.text--l.text--larger {
font-size: 2.4rem;
font-size: calc(2.4rem + (1.1991 * ((100vw - 32rem) / 152)));
font-size: clamp(2.4rem, calc(0.7888815789vw + 2.1475578947rem), 3.5991rem);
}
.text--xl.text--larger {
font-size: 2.76rem;
font-size: calc(3rem + (1.7976003 * ((100vw - 32rem) / 152)));
font-size: clamp(3rem, calc(1.1826317763vw + 2.6215578316rem), 4.7976003rem);
}
.text--xxl.text--larger {
font-size: 3.12rem;
font-size: calc(3.75rem + (2.6452011999 * ((100vw - 32rem) / 152)));
font-size: clamp(3.75rem, calc(1.7402639473vw + 3.1931155369rem), 6.3952011999rem);
}
h1.text--larger {
font-size: 3.12rem;
font-size: calc(7.2rem + (16.8 * ((100vw - 32rem) / 152)));
font-size: clamp(7.2rem, calc(11.0526315789vw + 3.6631578947rem), 24rem);
}
h2.text--larger {
font-size: 2.76rem;
font-size: calc(6rem + (12.75 * ((100vw - 32rem) / 152)));
font-size: clamp(6rem, calc(8.3881578947vw + 3.3157894737rem), 18.75rem);
}
h3.text--larger {
font-size: 2.4rem;
font-size: calc(4.2rem + (7.8 * ((100vw - 32rem) / 152)));
font-size: clamp(4.2rem, calc(5.1315789474vw + 2.5578947368rem), 12rem);
}
h4.text--larger {
font-size: 2.16rem;
font-size: calc(3.36rem + (4.44 * ((100vw - 32rem) / 152)));
font-size: clamp(3.36rem, calc(2.9210526316vw + 2.4252631579rem), 7.8rem);
}
h5.text--larger {
font-size: 1.68rem;
font-size: calc(2.88rem + (2.37 * ((100vw - 32rem) / 152)));
font-size: clamp(2.88rem, calc(1.5592105263vw + 2.3810526316rem), 5.25rem);
}
h6.text--larger {
font-size: 1.56rem;
font-size: calc(2.4rem + (1.5 * ((100vw - 32rem) / 152)));
font-size: clamp(2.4rem, calc(0.9868421053vw + 2.0842105263rem), 3.9rem);
}
.text--100 {
font-weight: 100;
}
.text--200 {
font-weight: 200;
}
.text--300 {
font-weight: 300;
}
.text--400 {
font-weight: 400;
}
.text--500 {
font-weight: 500;
}
.text--600 {
font-weight: 600;
}
.text--700 {
font-weight: 700;
}
.text--800 {
font-weight: 800;
}
.text--900 {
font-weight: 900;
}
.text--bold {
font-weight: bold;
}
.text--italic {
font-style: italic;
}
.text--oblique {
font-style: oblique;
}
.text--decoration-none {
-webkit-text-decoration: none;
text-decoration: none;
}
.text--underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.text--underline-wavy {
-webkit-text-decoration: underline wavy;
text-decoration: underline wavy;
}
.text--underline-dotted {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.text--underline-double {
-webkit-text-decoration: underline double;
text-decoration: underline double;
}
.text--underline-dashed {
-webkit-text-decoration: underline dashed;
text-decoration: underline dashed;
}
.text--overline {
-webkit-text-decoration: overline;
text-decoration: overline;
}
.text--line-through {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.text--transform-none {
text-transform: none;
}
.text--uppercase {
text-transform: uppercase;
}
.text--lowercase {
text-transform: lowercase;
}
.text--capitalize {
text-transform: capitalize;
}
.text--left {
text-align: left;
}
.text--center {
text-align: center;
}
.text--right {
text-align: right;
}
.text--justify {
text-align: justify;
}
.center--all:not(.ct-section), .ct-section.center--all > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-items: center;
justify-content: center;
text-align: center;
}
.center--y:not(.ct-section), .ct-section.center--y > .ct-section-inner-wrap {
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
}
.center--x:not(.ct-section), .ct-section.center--x > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: center;
}
.center--left:not(.ct-section), .ct-section.center--left > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
text-align: left;
}
.center--right:not(.ct-section), .ct-section.center--right > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-start;
justify-content: flex-start;
align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-end;
justify-content: flex-end;
align-items: center;
}
@media (max-width: 1839px) {
.center--all-xl:not(.ct-section), .ct-section.center--all-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-items: center;
justify-content: center;
text-align: center;
}
.center--y-xl:not(.ct-section), .ct-section.center--y-xl > .ct-section-inner-wrap {
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
}
.center--x-xl:not(.ct-section), .ct-section.center--x-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: center;
}
.center--left-xl:not(.ct-section), .ct-section.center--left-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
text-align: left;
}
.center--right-xl:not(.ct-section), .ct-section.center--right-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-start;
justify-content: flex-start;
align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-end;
justify-content: flex-end;
align-items: center;
}
}
@media (max-width: 991px) {
.center--all-l:not(.ct-section), .ct-section.center--all-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-items: center;
justify-content: center;
text-align: center;
}
.center--y-l:not(.ct-section), .ct-section.center--y-l > .ct-section-inner-wrap {
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
}
.center--x-l:not(.ct-section), .ct-section.center--x-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: center;
}
.center--left-l:not(.ct-section), .ct-section.center--left-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
text-align: left;
}
.center--right-l:not(.ct-section), .ct-section.center--right-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-start;
justify-content: flex-start;
align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-end;
justify-content: flex-end;
align-items: center;
}
}
@media (max-width: 767px) {
.center--all-m:not(.ct-section), .ct-section.center--all-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-items: center;
justify-content: center;
text-align: center;
}
.center--y-m:not(.ct-section), .ct-section.center--y-m > .ct-section-inner-wrap {
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
}
.center--x-m:not(.ct-section), .ct-section.center--x-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: center;
}
.center--left-m:not(.ct-section), .ct-section.center--left-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
text-align: left;
}
.center--right-m:not(.ct-section), .ct-section.center--right-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-start;
justify-content: flex-start;
align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-end;
justify-content: flex-end;
align-items: center;
}
}
@media (max-width: 479px) {
.center--all-s:not(.ct-section), .ct-section.center--all-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-items: center;
justify-content: center;
text-align: center;
}
.center--y-s:not(.ct-section), .ct-section.center--y-s > .ct-section-inner-wrap {
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
}
.center--x-s:not(.ct-section), .ct-section.center--x-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: center;
}
.center--left-s:not(.ct-section), .ct-section.center--left-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
text-align: left;
}
.center--right-s:not(.ct-section), .ct-section.center--right-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-start;
justify-content: flex-start;
align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
justify-items: flex-end;
justify-content: flex-end;
align-items: center;
}
}
.center--self {
margin-left: auto;
margin-right: auto;
}
.object-fit--cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-fit--contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-fit--top-left {
-o-object-position: 10% 90%;
object-position: 10% 90%;
}
.object-fit--top-center {
-o-object-position: 50% 10%;
object-position: 50% 10%;
}
.object-fit--top-right {
-o-object-position: 90% 10%;
object-position: 90% 10%;
}
.object-fit--center-left {
-o-object-position: 10% 50%;
object-position: 10% 50%;
}
.object-fit--center-right {
-o-object-position: 90% 50%;
object-position: 90% 50%;
}
.object-fit--bottom-left {
-o-object-position: 90% 10%;
object-position: 90% 10%;
}
.object-fit--bottom-center {
-o-object-position: 50% 90%;
object-position: 50% 90%;
}
.object-fit--bottom-right {
-o-object-position: 90% 90%;
object-position: 90% 90%;
}
.grid--1 {
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr));
width: 100%;
}
.grid--2 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
}
.grid--3 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
}
.grid--4 {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
}
.grid--5 {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr));
width: 100%;
}
.grid--6 {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr));
width: 100%;
}
.grid--7 {
display: grid !important;
grid-template-columns: repeat(7, minmax(0, 1fr));
width: 100%;
}
.grid--8 {
display: grid !important;
grid-template-columns: repeat(8, minmax(0, 1fr));
width: 100%;
}
.grid--9 {
display: grid !important;
grid-template-columns: repeat(9, minmax(0, 1fr));
width: 100%;
}
.grid--10 {
display: grid !important;
grid-template-columns: repeat(10, minmax(0, 1fr));
width: 100%;
}
.grid--11 {
display: grid !important;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 100%;
}
.grid--12 {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr));
width: 100%;
}
.grid--1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.grid--1-3 {
display: grid !important;
grid-template-columns: 1fr 3fr;
width: 100%;
}
.grid--2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.grid--2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.grid--3-1 {
display: grid !important;
grid-template-columns: 3fr 1fr;
width: 100%;
}
.grid--3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.grid--auto-2 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(59.5317725753rem, 100vw - 6rem), 1fr));
width: 100%;
}
.grid--auto-3 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
width: 100%;
}
.grid--auto-4 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(35.6713426854rem, 100vw - 6rem), 1fr));
width: 100%;
}
.grid--auto-5 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(29.7161936561rem, 100vw - 6rem), 1fr));
width: 100%;
}
.grid--auto-6 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(25.4649499285rem, 100vw - 6rem), 1fr));
width: 100%;
}
.grid--auto-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.grid--auto-1-3 {
display: grid !important;
grid-template-columns: 1fr 3fr;
width: 100%;
}
.grid--auto-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.grid--auto-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.grid--auto-3-1 {
display: grid !important;
grid-template-columns: 3fr 1fr;
width: 100%;
}
.grid--auto-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
@media (max-width: 1839px) {
.grid--xl-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--xl-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--xl-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--xl-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--xl-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--xl-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--xl-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--xl-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--xl-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--xl-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--xl-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--xl-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.grid--l-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--l-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--l-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--l-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--l-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--l-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--l-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--l-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--l-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--l-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--l-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--l-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.grid--m-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--m-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--m-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--m-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--m-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--m-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--m-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--m-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--m-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--m-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--m-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--m-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 479px) {
.grid--s-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--s-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--s-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--s-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--s-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--s-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--s-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--s-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--s-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--s-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--s-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--s-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.grid--auto-1-2 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
}
.grid--auto-1-3 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
}
.grid--auto-3-2 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
}
.grid--auto-2-3 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
}
.grid--auto-2-1 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
}
.grid--auto-3-1 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(44.6115288221rem, 100vw - 6rem), 1fr));
}
}
@media (min-width: 1839px) {
.grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--1-2:nth-of-type(even) {
grid-template-columns: 2fr 1fr;
}
.grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--1-3:nth-of-type(even) {
grid-template-columns: 3fr 1fr;
}
.grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--2-1:nth-of-type(even) {
grid-template-columns: 1fr 2fr;
}
.grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--2-3:nth-of-type(even) {
grid-template-columns: 3fr 2fr;
}
.grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--3-1:nth-of-type(even) {
grid-template-columns: 1fr 3fr;
}
.grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--3-2:nth-of-type(even) {
grid-template-columns: 2fr 3fr;
}
.grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 991px) {
.grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--1-2:nth-of-type(even) {
grid-template-columns: 2fr 1fr;
}
.grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--1-3:nth-of-type(even) {
grid-template-columns: 3fr 1fr;
}
.grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--2-1:nth-of-type(even) {
grid-template-columns: 1fr 2fr;
}
.grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--2-3:nth-of-type(even) {
grid-template-columns: 3fr 2fr;
}
.grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--3-1:nth-of-type(even) {
grid-template-columns: 1fr 3fr;
}
.grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--3-2:nth-of-type(even) {
grid-template-columns: 2fr 3fr;
}
.grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 767px) {
.grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--1-2:nth-of-type(even) {
grid-template-columns: 2fr 1fr;
}
.grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--1-3:nth-of-type(even) {
grid-template-columns: 3fr 1fr;
}
.grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--2-1:nth-of-type(even) {
grid-template-columns: 1fr 2fr;
}
.grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--2-3:nth-of-type(even) {
grid-template-columns: 3fr 2fr;
}
.grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--3-1:nth-of-type(even) {
grid-template-columns: 1fr 3fr;
}
.grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--3-2:nth-of-type(even) {
grid-template-columns: 2fr 3fr;
}
.grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 479px) {
.grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--1-2:nth-of-type(even) {
grid-template-columns: 2fr 1fr;
}
.grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--1-3:nth-of-type(even) {
grid-template-columns: 3fr 1fr;
}
.grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--2-1:nth-of-type(even) {
grid-template-columns: 1fr 2fr;
}
.grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--2-3:nth-of-type(even) {
grid-template-columns: 3fr 2fr;
}
.grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--3-1:nth-of-type(even) {
grid-template-columns: 1fr 3fr;
}
.grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--3-2:nth-of-type(even) {
grid-template-columns: 2fr 3fr;
}
.grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
.row-span--1 {
grid-row: span 1;
}
.col-span--1 {
grid-column: span 1;
}
.row-start--1 {
grid-row-start: 1;
}
.col-start--1 {
grid-column-start: 1;
}
.col-end--1 {
grid-column-end: 1;
}
.row-span--2 {
grid-row: span 2;
}
.col-span--2 {
grid-column: span 2;
}
.row-start--2 {
grid-row-start: 2;
}
.col-start--2 {
grid-column-start: 2;
}
.col-end--2 {
grid-column-end: 2;
}
.row-span--3 {
grid-row: span 3;
}
.col-span--3 {
grid-column: span 3;
}
.row-start--3 {
grid-row-start: 3;
}
.col-start--3 {
grid-column-start: 3;
}
.col-end--3 {
grid-column-end: 3;
}
.row-span--4 {
grid-row: span 4;
}
.col-span--4 {
grid-column: span 4;
}
.row-start--4 {
grid-row-start: 4;
}
.col-start--4 {
grid-column-start: 4;
}
.col-end--4 {
grid-column-end: 4;
}
.row-span--5 {
grid-row: span 5;
}
.col-span--5 {
grid-column: span 5;
}
.row-start--5 {
grid-row-start: 5;
}
.col-start--5 {
grid-column-start: 5;
}
.col-end--5 {
grid-column-end: 5;
}
.row-span--6 {
grid-row: span 6;
}
.col-span--6 {
grid-column: span 6;
}
.row-start--6 {
grid-row-start: 6;
}
.col-start--6 {
grid-column-start: 6;
}
.col-end--6 {
grid-column-end: 6;
}
.row-span--7 {
grid-row: span 7;
}
.col-span--7 {
grid-column: span 7;
}
.row-start--7 {
grid-row-start: 7;
}
.col-start--7 {
grid-column-start: 7;
}
.col-end--7 {
grid-column-end: 7;
}
.row-span--8 {
grid-row: span 8;
}
.col-span--8 {
grid-column: span 8;
}
.row-start--8 {
grid-row-start: 8;
}
.col-start--8 {
grid-column-start: 8;
}
.col-end--8 {
grid-column-end: 8;
}
.row-span--9 {
grid-row: span 9;
}
.col-span--9 {
grid-column: span 9;
}
.row-start--9 {
grid-row-start: 9;
}
.col-start--9 {
grid-column-start: 9;
}
.col-end--9 {
grid-column-end: 9;
}
.row-span--10 {
grid-row: span 10;
}
.col-span--10 {
grid-column: span 10;
}
.row-start--10 {
grid-row-start: 10;
}
.col-start--10 {
grid-column-start: 10;
}
.col-end--10 {
grid-column-end: 10;
}
.row-span--11 {
grid-row: span 11;
}
.col-span--11 {
grid-column: span 11;
}
.row-start--11 {
grid-row-start: 11;
}
.col-start--11 {
grid-column-start: 11;
}
.col-end--11 {
grid-column-end: 11;
}
.row-span--12 {
grid-row: span 12;
}
.col-span--12 {
grid-column: span 12;
}
.row-start--12 {
grid-row-start: 12;
}
.col-start--12 {
grid-column-start: 12;
}
.col-end--12 {
grid-column-end: 12;
}
@media (max-width: 1839px) {
.row-span--xl-1 {
grid-row: span 1;
}
.col-span--xl-1 {
grid-column: span 1;
}
.row-start--xl-1 {
grid-row-start: 1;
}
.col-start--xl-1 {
grid-column-start: 1;
}
.col-end--xl-1 {
grid-column-end: 1;
}
.row-span--xl-2 {
grid-row: span 2;
}
.col-span--xl-2 {
grid-column: span 2;
}
.row-start--xl-2 {
grid-row-start: 2;
}
.col-start--xl-2 {
grid-column-start: 2;
}
.col-end--xl-2 {
grid-column-end: 2;
}
.row-span--xl-3 {
grid-row: span 3;
}
.col-span--xl-3 {
grid-column: span 3;
}
.row-start--xl-3 {
grid-row-start: 3;
}
.col-start--xl-3 {
grid-column-start: 3;
}
.col-end--xl-3 {
grid-column-end: 3;
}
.row-span--xl-4 {
grid-row: span 4;
}
.col-span--xl-4 {
grid-column: span 4;
}
.row-start--xl-4 {
grid-row-start: 4;
}
.col-start--xl-4 {
grid-column-start: 4;
}
.col-end--xl-4 {
grid-column-end: 4;
}
.row-span--xl-5 {
grid-row: span 5;
}
.col-span--xl-5 {
grid-column: span 5;
}
.row-start--xl-5 {
grid-row-start: 5;
}
.col-start--xl-5 {
grid-column-start: 5;
}
.col-end--xl-5 {
grid-column-end: 5;
}
.row-span--xl-6 {
grid-row: span 6;
}
.col-span--xl-6 {
grid-column: span 6;
}
.row-start--xl-6 {
grid-row-start: 6;
}
.col-start--xl-6 {
grid-column-start: 6;
}
.col-end--xl-6 {
grid-column-end: 6;
}
.row-span--xl-7 {
grid-row: span 7;
}
.col-span--xl-7 {
grid-column: span 7;
}
.row-start--xl-7 {
grid-row-start: 7;
}
.col-start--xl-7 {
grid-column-start: 7;
}
.col-end--xl-7 {
grid-column-end: 7;
}
.row-span--xl-8 {
grid-row: span 8;
}
.col-span--xl-8 {
grid-column: span 8;
}
.row-start--xl-8 {
grid-row-start: 8;
}
.col-start--xl-8 {
grid-column-start: 8;
}
.col-end--xl-8 {
grid-column-end: 8;
}
.row-span--xl-9 {
grid-row: span 9;
}
.col-span--xl-9 {
grid-column: span 9;
}
.row-start--xl-9 {
grid-row-start: 9;
}
.col-start--xl-9 {
grid-column-start: 9;
}
.col-end--xl-9 {
grid-column-end: 9;
}
.row-span--xl-10 {
grid-row: span 10;
}
.col-span--xl-10 {
grid-column: span 10;
}
.row-start--xl-10 {
grid-row-start: 10;
}
.col-start--xl-10 {
grid-column-start: 10;
}
.col-end--xl-10 {
grid-column-end: 10;
}
.row-span--xl-11 {
grid-row: span 11;
}
.col-span--xl-11 {
grid-column: span 11;
}
.row-start--xl-11 {
grid-row-start: 11;
}
.col-start--xl-11 {
grid-column-start: 11;
}
.col-end--xl-11 {
grid-column-end: 11;
}
.row-span--xl-12 {
grid-row: span 12;
}
.col-span--xl-12 {
grid-column: span 12;
}
.row-start--xl-12 {
grid-row-start: 12;
}
.col-start--xl-12 {
grid-column-start: 12;
}
.col-end--xl-12 {
grid-column-end: 12;
}
}
@media (max-width: 991px) {
.row-span--l-1 {
grid-row: span 1;
}
.col-span--l-1 {
grid-column: span 1;
}
.row-start--l-1 {
grid-row-start: 1;
}
.col-start--l-1 {
grid-column-start: 1;
}
.col-end--l-1 {
grid-column-end: 1;
}
.row-span--l-2 {
grid-row: span 2;
}
.col-span--l-2 {
grid-column: span 2;
}
.row-start--l-2 {
grid-row-start: 2;
}
.col-start--l-2 {
grid-column-start: 2;
}
.col-end--l-2 {
grid-column-end: 2;
}
.row-span--l-3 {
grid-row: span 3;
}
.col-span--l-3 {
grid-column: span 3;
}
.row-start--l-3 {
grid-row-start: 3;
}
.col-start--l-3 {
grid-column-start: 3;
}
.col-end--l-3 {
grid-column-end: 3;
}
.row-span--l-4 {
grid-row: span 4;
}
.col-span--l-4 {
grid-column: span 4;
}
.row-start--l-4 {
grid-row-start: 4;
}
.col-start--l-4 {
grid-column-start: 4;
}
.col-end--l-4 {
grid-column-end: 4;
}
.row-span--l-5 {
grid-row: span 5;
}
.col-span--l-5 {
grid-column: span 5;
}
.row-start--l-5 {
grid-row-start: 5;
}
.col-start--l-5 {
grid-column-start: 5;
}
.col-end--l-5 {
grid-column-end: 5;
}
.row-span--l-6 {
grid-row: span 6;
}
.col-span--l-6 {
grid-column: span 6;
}
.row-start--l-6 {
grid-row-start: 6;
}
.col-start--l-6 {
grid-column-start: 6;
}
.col-end--l-6 {
grid-column-end: 6;
}
.row-span--l-7 {
grid-row: span 7;
}
.col-span--l-7 {
grid-column: span 7;
}
.row-start--l-7 {
grid-row-start: 7;
}
.col-start--l-7 {
grid-column-start: 7;
}
.col-end--l-7 {
grid-column-end: 7;
}
.row-span--l-8 {
grid-row: span 8;
}
.col-span--l-8 {
grid-column: span 8;
}
.row-start--l-8 {
grid-row-start: 8;
}
.col-start--l-8 {
grid-column-start: 8;
}
.col-end--l-8 {
grid-column-end: 8;
}
.row-span--l-9 {
grid-row: span 9;
}
.col-span--l-9 {
grid-column: span 9;
}
.row-start--l-9 {
grid-row-start: 9;
}
.col-start--l-9 {
grid-column-start: 9;
}
.col-end--l-9 {
grid-column-end: 9;
}
.row-span--l-10 {
grid-row: span 10;
}
.col-span--l-10 {
grid-column: span 10;
}
.row-start--l-10 {
grid-row-start: 10;
}
.col-start--l-10 {
grid-column-start: 10;
}
.col-end--l-10 {
grid-column-end: 10;
}
.row-span--l-11 {
grid-row: span 11;
}
.col-span--l-11 {
grid-column: span 11;
}
.row-start--l-11 {
grid-row-start: 11;
}
.col-start--l-11 {
grid-column-start: 11;
}
.col-end--l-11 {
grid-column-end: 11;
}
.row-span--l-12 {
grid-row: span 12;
}
.col-span--l-12 {
grid-column: span 12;
}
.row-start--l-12 {
grid-row-start: 12;
}
.col-start--l-12 {
grid-column-start: 12;
}
.col-end--l-12 {
grid-column-end: 12;
}
}
@media (max-width: 767px) {
.row-span--m-1 {
grid-row: span 1;
}
.col-span--m-1 {
grid-column: span 1;
}
.row-start--m-1 {
grid-row-start: 1;
}
.col-start--m-1 {
grid-column-start: 1;
}
.col-end--m-1 {
grid-column-end: 1;
}
.row-span--m-2 {
grid-row: span 2;
}
.col-span--m-2 {
grid-column: span 2;
}
.row-start--m-2 {
grid-row-start: 2;
}
.col-start--m-2 {
grid-column-start: 2;
}
.col-end--m-2 {
grid-column-end: 2;
}
.row-span--m-3 {
grid-row: span 3;
}
.col-span--m-3 {
grid-column: span 3;
}
.row-start--m-3 {
grid-row-start: 3;
}
.col-start--m-3 {
grid-column-start: 3;
}
.col-end--m-3 {
grid-column-end: 3;
}
.row-span--m-4 {
grid-row: span 4;
}
.col-span--m-4 {
grid-column: span 4;
}
.row-start--m-4 {
grid-row-start: 4;
}
.col-start--m-4 {
grid-column-start: 4;
}
.col-end--m-4 {
grid-column-end: 4;
}
.row-span--m-5 {
grid-row: span 5;
}
.col-span--m-5 {
grid-column: span 5;
}
.row-start--m-5 {
grid-row-start: 5;
}
.col-start--m-5 {
grid-column-start: 5;
}
.col-end--m-5 {
grid-column-end: 5;
}
.row-span--m-6 {
grid-row: span 6;
}
.col-span--m-6 {
grid-column: span 6;
}
.row-start--m-6 {
grid-row-start: 6;
}
.col-start--m-6 {
grid-column-start: 6;
}
.col-end--m-6 {
grid-column-end: 6;
}
.row-span--m-7 {
grid-row: span 7;
}
.col-span--m-7 {
grid-column: span 7;
}
.row-start--m-7 {
grid-row-start: 7;
}
.col-start--m-7 {
grid-column-start: 7;
}
.col-end--m-7 {
grid-column-end: 7;
}
.row-span--m-8 {
grid-row: span 8;
}
.col-span--m-8 {
grid-column: span 8;
}
.row-start--m-8 {
grid-row-start: 8;
}
.col-start--m-8 {
grid-column-start: 8;
}
.col-end--m-8 {
grid-column-end: 8;
}
.row-span--m-9 {
grid-row: span 9;
}
.col-span--m-9 {
grid-column: span 9;
}
.row-start--m-9 {
grid-row-start: 9;
}
.col-start--m-9 {
grid-column-start: 9;
}
.col-end--m-9 {
grid-column-end: 9;
}
.row-span--m-10 {
grid-row: span 10;
}
.col-span--m-10 {
grid-column: span 10;
}
.row-start--m-10 {
grid-row-start: 10;
}
.col-start--m-10 {
grid-column-start: 10;
}
.col-end--m-10 {
grid-column-end: 10;
}
.row-span--m-11 {
grid-row: span 11;
}
.col-span--m-11 {
grid-column: span 11;
}
.row-start--m-11 {
grid-row-start: 11;
}
.col-start--m-11 {
grid-column-start: 11;
}
.col-end--m-11 {
grid-column-end: 11;
}
.row-span--m-12 {
grid-row: span 12;
}
.col-span--m-12 {
grid-column: span 12;
}
.row-start--m-12 {
grid-row-start: 12;
}
.col-start--m-12 {
grid-column-start: 12;
}
.col-end--m-12 {
grid-column-end: 12;
}
}
@media (max-width: 479px) {
.row-span--s-1 {
grid-row: span 1;
}
.col-span--s-1 {
grid-column: span 1;
}
.row-start--s-1 {
grid-row-start: 1;
}
.col-start--s-1 {
grid-column-start: 1;
}
.col-end--s-1 {
grid-column-end: 1;
}
.row-span--s-2 {
grid-row: span 2;
}
.col-span--s-2 {
grid-column: span 2;
}
.row-start--s-2 {
grid-row-start: 2;
}
.col-start--s-2 {
grid-column-start: 2;
}
.col-end--s-2 {
grid-column-end: 2;
}
.row-span--s-3 {
grid-row: span 3;
}
.col-span--s-3 {
grid-column: span 3;
}
.row-start--s-3 {
grid-row-start: 3;
}
.col-start--s-3 {
grid-column-start: 3;
}
.col-end--s-3 {
grid-column-end: 3;
}
.row-span--s-4 {
grid-row: span 4;
}
.col-span--s-4 {
grid-column: span 4;
}
.row-start--s-4 {
grid-row-start: 4;
}
.col-start--s-4 {
grid-column-start: 4;
}
.col-end--s-4 {
grid-column-end: 4;
}
.row-span--s-5 {
grid-row: span 5;
}
.col-span--s-5 {
grid-column: span 5;
}
.row-start--s-5 {
grid-row-start: 5;
}
.col-start--s-5 {
grid-column-start: 5;
}
.col-end--s-5 {
grid-column-end: 5;
}
.row-span--s-6 {
grid-row: span 6;
}
.col-span--s-6 {
grid-column: span 6;
}
.row-start--s-6 {
grid-row-start: 6;
}
.col-start--s-6 {
grid-column-start: 6;
}
.col-end--s-6 {
grid-column-end: 6;
}
.row-span--s-7 {
grid-row: span 7;
}
.col-span--s-7 {
grid-column: span 7;
}
.row-start--s-7 {
grid-row-start: 7;
}
.col-start--s-7 {
grid-column-start: 7;
}
.col-end--s-7 {
grid-column-end: 7;
}
.row-span--s-8 {
grid-row: span 8;
}
.col-span--s-8 {
grid-column: span 8;
}
.row-start--s-8 {
grid-row-start: 8;
}
.col-start--s-8 {
grid-column-start: 8;
}
.col-end--s-8 {
grid-column-end: 8;
}
.row-span--s-9 {
grid-row: span 9;
}
.col-span--s-9 {
grid-column: span 9;
}
.row-start--s-9 {
grid-row-start: 9;
}
.col-start--s-9 {
grid-column-start: 9;
}
.col-end--s-9 {
grid-column-end: 9;
}
.row-span--s-10 {
grid-row: span 10;
}
.col-span--s-10 {
grid-column: span 10;
}
.row-start--s-10 {
grid-row-start: 10;
}
.col-start--s-10 {
grid-column-start: 10;
}
.col-end--s-10 {
grid-column-end: 10;
}
.row-span--s-11 {
grid-row: span 11;
}
.col-span--s-11 {
grid-column: span 11;
}
.row-start--s-11 {
grid-row-start: 11;
}
.col-start--s-11 {
grid-column-start: 11;
}
.col-end--s-11 {
grid-column-end: 11;
}
.row-span--s-12 {
grid-row: span 12;
}
.col-span--s-12 {
grid-column: span 12;
}
.row-start--s-12 {
grid-row-start: 12;
}
.col-start--s-12 {
grid-column-start: 12;
}
.col-end--s-12 {
grid-column-end: 12;
}
}
.order--first {
order: -1;
}
.order--last {
order: 999;
}
.col-end--last {
grid-column-end: -1;
}
@media (max-width: 1839px) {
.order--first-xl {
order: -1;
}
.order--last-xl {
order: 999;
}
.col-end--xl-last {
grid-column-end: -1;
}
}
@media (max-width: 991px) {
.order--first-l {
order: -1;
}
.order--last-l {
order: 999;
}
.col-end--l-last {
grid-column-end: -1;
}
}
@media (max-width: 767px) {
.order--first-m {
order: -1;
}
.order--last-m {
order: 999;
}
.col-end--m-last {
grid-column-end: -1;
}
}
@media (max-width: 479px) {
.order--first-s {
order: -1;
}
.order--last-s {
order: 999;
}
.col-end--s-last {
grid-column-end: -1;
}
}
.grid--auto-rows {
grid-auto-rows: minmax(-webkit-min-content, 1fr);
grid-auto-rows: minmax(min-content, 1fr);
}
.gap--xs {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.gap--s {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.gap--m {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.gap--l {
gap: 2.7rem;
gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.gap--xl {
gap: 3.038rem;
gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.gap--xxl {
gap: 3.42rem;
gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
@media (max-width: 1839px) {
.gap--xl-xs {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.gap--xl-s {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.gap--xl-m {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.gap--xl-l {
gap: 2.7rem;
gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.gap--xl-xl {
gap: 3.038rem;
gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.gap--xl-xxl {
gap: 3.42rem;
gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
}
@media (max-width: 991px) {
.gap--l-xs {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.gap--l-s {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.gap--l-m {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.gap--l-l {
gap: 2.7rem;
gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.gap--l-xl {
gap: 3.038rem;
gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.gap--l-xxl {
gap: 3.42rem;
gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
}
@media (max-width: 767px) {
.gap--m-xs {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.gap--m-s {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.gap--m-m {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.gap--m-l {
gap: 2.7rem;
gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.gap--m-xl {
gap: 3.038rem;
gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.gap--m-xxl {
gap: 3.42rem;
gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
}
@media (max-width: 479px) {
.gap--s-xs {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.gap--s-s {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.gap--s-m {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.gap--s-l {
gap: 2.7rem;
gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.gap--s-xl {
gap: 3.038rem;
gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.gap--s-xxl {
gap: 3.42rem;
gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
}
.width--xs:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 * 0.1) * 1rem);
}
.width--s:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 * 0.2) * 1rem);
}
.width--m:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 * 0.4) * 1rem);
}
.width--l:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 * 0.6) * 1rem);
}
.width--xl:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 * 0.8) * 1rem);
}
.width--xxl:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 * 0.9) * 1rem);
}
.width--vp-max:not([class*="breakout--"]) {
width: 100%;
max-width: 184rem;
margin-left: auto;
margin-right: auto;
}
.width--50:not([class*="breakout--"]) {
width: 100%;
max-width: calc((184 / 2) * 1rem);
}
.width--full:not([class*="breakout--"]) {
width: 100%;
max-width: 100%;
}
.width--auto {
width: auto !important;
width: 100%;
}
.aspect--1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
@media (max-width: 1839px) {
.aspect--xl-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--xl-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--xl-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--xl-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--xl-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--xl-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--xl-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--xl-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--xl-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--xl-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--xl-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--xl-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--xl-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--xl-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--xl-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--xl-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--xl-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--xl-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 991px) {
.aspect--l-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--l-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--l-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--l-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--l-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--l-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--l-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--l-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--l-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--l-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--l-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--l-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--l-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--l-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--l-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--l-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--l-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--l-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 767px) {
.aspect--m-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--m-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--m-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--m-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--m-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--m-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--m-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--m-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--m-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--m-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--m-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--m-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--m-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--m-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--m-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--m-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--m-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--m-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 479px) {
.aspect--s-1-1 {
aspect-ratio: 1 / 1;
}
img.aspect--s-1-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--s-1-2 {
aspect-ratio: 1 / 2;
}
img.aspect--s-1-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--s-2-1 {
aspect-ratio: 2 / 1;
}
img.aspect--s-2-1 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--s-2-3 {
aspect-ratio: 2 / 3;
}
img.aspect--s-2-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--s-3-2 {
aspect-ratio: 3 / 2;
}
img.aspect--s-3-2 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--s-3-4 {
aspect-ratio: 3 / 4;
}
img.aspect--s-3-4 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--s-4-3 {
aspect-ratio: 4 / 3;
}
img.aspect--s-4-3 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--s-16-9 {
aspect-ratio: 16 / 9;
}
img.aspect--s-16-9 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--s-9-16 {
aspect-ratio: 9 / 16;
}
img.aspect--s-9-16 {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@supports not (aspect-ratio: 1.7777777778) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
@media (max-width: 1839px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
@media (max-width: 991px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
@media (max-width: 767px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
@media (max-width: 479px) {
.aspect--1-1::before {
float: left;
padding-top: 100%;
content: "";
}
.aspect--1-1::after {
display: block;
content: "";
clear: both;
}
.aspect--1-2::before {
float: left;
padding-top: 50%;
content: "";
}
.aspect--1-2::after {
display: block;
content: "";
clear: both;
}
.aspect--2-1::before {
float: left;
padding-top: 200%;
content: "";
}
.aspect--2-1::after {
display: block;
content: "";
clear: both;
}
.aspect--2-3::before {
float: left;
padding-top: 150%;
content: "";
}
.aspect--2-3::after {
display: block;
content: "";
clear: both;
}
.aspect--3-2::before {
float: left;
padding-top: 66%;
content: "";
}
.aspect--3-2::after {
display: block;
content: "";
clear: both;
}
.aspect--3-4::before {
float: left;
padding-top: 133%;
content: "";
}
.aspect--3-4::after {
display: block;
content: "";
clear: both;
}
.aspect--4-3::before {
float: left;
padding-top: 75%;
content: "";
}
.aspect--4-3::after {
display: block;
content: "";
clear: both;
}
.aspect--16-9::before {
float: left;
padding-top: 56.25%;
content: "";
}
.aspect--16-9::after {
display: block;
content: "";
clear: both;
}
.aspect--9-16::before {
float: left;
padding-top: 177%;
content: "";
}
.aspect--9-16::after {
display: block;
content: "";
clear: both;
}
}
}
.col-count--1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--5 {
-moz-column-count: 5;
column-count: 5;
}
@media (max-width: 1839px) {
.col-count--xl-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--xl-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--xl-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--xl-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--xl-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 991px) {
.col-count--l-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--l-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--l-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--l-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--l-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 767px) {
.col-count--m-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--m-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--m-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--m-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--m-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 479px) {
.col-count--s-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--s-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--s-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--s-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--s-5 {
-moz-column-count: 5;
column-count: 5;
}
}
.col-width--s {
width: 100%;
-moz-column-width: 13rem;
column-width: 13rem;
}
.col-width--m {
width: 100%;
-moz-column-width: 25rem;
column-width: 25rem;
}
.col-width--l {
width: 100%;
-moz-column-width: 38rem;
column-width: 38rem;
}
.col-gap--xs {
-moz-column-gap: 1.896rem;
column-gap: 1.896rem;
-moz-column-gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
column-gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
-moz-column-gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
column-gap: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
}
.col-gap--s {
-moz-column-gap: 2.133rem;
column-gap: 2.133rem;
-moz-column-gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
column-gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
-moz-column-gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
column-gap: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
}
.col-gap--m {
-moz-column-gap: 2.4rem;
column-gap: 2.4rem;
-moz-column-gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
column-gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
-moz-column-gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
column-gap: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
}
.col-gap--l {
-moz-column-gap: 2.7rem;
column-gap: 2.7rem;
-moz-column-gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
column-gap: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
-moz-column-gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
column-gap: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
}
.col-gap--xl {
-moz-column-gap: 3.038rem;
column-gap: 3.038rem;
-moz-column-gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
column-gap: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
-moz-column-gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
column-gap: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
}
.col-gap--xxl {
-moz-column-gap: 3.42rem;
column-gap: 3.42rem;
-moz-column-gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
column-gap: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
-moz-column-gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
column-gap: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
}
.col-rule--dotted {
-moz-column-rule: dotted;
column-rule: dotted;
}
.col-rule--dashed {
-moz-column-rule: dashed;
column-rule: dashed;
}
.col-rule--solid {
-moz-column-rule: solid;
column-rule: solid;
}
.col-rule--double {
-moz-column-rule: double;
column-rule: double;
}
.col-rule--groove {
-moz-column-rule: groove;
column-rule: groove;
}
.col-rule--ridge {
-moz-column-rule: ridge;
column-rule: ridge;
}
.col-rule--inset {
-moz-column-rule: inset;
column-rule: inset;
}
.col-rule--outset {
-moz-column-rule: outset;
column-rule: outset;
}
.col-rule--primary {
-moz-column-rule-color: #16150e;
column-rule-color: #16150e;
}
.col-rule--primary-hover {
-moz-column-rule-color: #232006;
column-rule-color: #232006;
}
.col-rule--primary-ultra-light {
-moz-column-rule-color: #3f3e31;
column-rule-color: #3f3e31;
}
.col-rule--primary-light {
-moz-column-rule-color: #37362a;
column-rule-color: #37362a;
}
.col-rule--primary-medium {
-moz-column-rule-color: #23221a;
column-rule-color: #23221a;
}
.col-rule--primary-dark {
-moz-column-rule-color: #1b1a13;
column-rule-color: #1b1a13;
}
.col-rule--primary-ultra-dark {
-moz-column-rule-color: #13120b;
column-rule-color: #13120b;
}
.col-rule--primary-comp {
-moz-column-rule-color: #0e0f16;
column-rule-color: #0e0f16;
}
.col-rule--secondary {
-moz-column-rule-color: #dcdcd5;
column-rule-color: #dcdcd5;
}
.col-rule--secondary-hover {
-moz-column-rule-color: white;
column-rule-color: white;
}
.col-rule--secondary-ultra-light {
-moz-column-rule-color: #f5f5f4;
column-rule-color: #f5f5f4;
}
.col-rule--secondary-light {
-moz-column-rule-color: #f1f1ee;
column-rule-color: #f1f1ee;
}
.col-rule--secondary-medium {
-moz-column-rule-color: #e8e8e3;
column-rule-color: #e8e8e3;
}
.col-rule--secondary-dark {
-moz-column-rule-color: #d2d2c6;
column-rule-color: #d2d2c6;
}
.col-rule--secondary-ultra-dark {
-moz-column-rule-color: #bcbca9;
column-rule-color: #bcbca9;
}
.col-rule--secondary-comp {
-moz-column-rule-color: #d5d5dc;
column-rule-color: #d5d5dc;
}
.col-rule--accent {
-moz-column-rule-color: #d54e44;
column-rule-color: #d54e44;
}
.col-rule--accent-hover {
-moz-column-rule-color: #e26961;
column-rule-color: #e26961;
}
.col-rule--accent-ultra-light {
-moz-column-rule-color: #fbebe9;
column-rule-color: #fbebe9;
}
.col-rule--accent-light {
-moz-column-rule-color: #f3c2be;
column-rule-color: #f3c2be;
}
.col-rule--accent-medium {
-moz-column-rule-color: #d73328;
column-rule-color: #d73328;
}
.col-rule--accent-dark {
-moz-column-rule-color: #6c1a14;
column-rule-color: #6c1a14;
}
.col-rule--accent-ultra-dark {
-moz-column-rule-color: #2b0a08;
column-rule-color: #2b0a08;
}
.col-rule--accent-comp {
-moz-column-rule-color: #44cbd5;
column-rule-color: #44cbd5;
}
.col-rule--white {
-moz-column-rule-color: #fff;
column-rule-color: #fff;
}
.col-rule--black {
-moz-column-rule-color: #000;
column-rule-color: #000;
}
.col-rule--shade {
-moz-column-rule-color: black;
column-rule-color: black;
}
.col-rule--shade-hover {
-moz-column-rule-color: black;
column-rule-color: black;
}
.col-rule--shade-ultra-light {
-moz-column-rule-color: #f2f2f2;
column-rule-color: #f2f2f2;
}
.col-rule--shade-light {
-moz-column-rule-color: #d9d9d9;
column-rule-color: #d9d9d9;
}
.col-rule--shade-medium {
-moz-column-rule-color: gray;
column-rule-color: gray;
}
.col-rule--shade-dark {
-moz-column-rule-color: #404040;
column-rule-color: #404040;
}
.col-rule--shade-ultra-dark {
-moz-column-rule-color: #1a1a1a;
column-rule-color: #1a1a1a;
}
.col-rule--shade-comp {
-moz-column-rule-color: black;
column-rule-color: black;
}
.col-rule--s {
-moz-column-rule-width: 0.1em;
column-rule-width: 0.1em;
}
.col-rule--m {
-moz-column-rule-width: 0.3em;
column-rule-width: 0.3em;
}
.col-rule--l {
-moz-column-rule-width: 0.5em;
column-rule-width: 0.5em;
}
.col-span--all {
-moz-column-span: all;
column-span: all;
}
ul.list--none, .list--none > ul {
list-style: none;
padding-left: 0;
}
@supports (font-size: calc(1vw + 2vw)) {
:root {
--text-xs: calc(1rem + (0.2 * ((100vw - 32rem) / 152)));
--text-s: calc(1.2rem + (0.2 * ((100vw - 32rem) / 152)));
--text-m: calc(1.6rem + (0.2 * ((100vw - 32rem) / 152)));
--text-l: calc(2rem + (0.3994 * ((100vw - 32rem) / 152)));
--text-xl: calc(2.5rem + (0.6984002 * ((100vw - 32rem) / 152)));
--text-xxl: calc(3.125rem + (1.1384674666 * ((100vw - 32rem) / 152)));
--h6: calc(2rem + (0.6 * ((100vw - 32rem) / 152)));
--h5: calc(2.4rem + (1.1 * ((100vw - 32rem) / 152)));
--h4: calc(2.8rem + (2.4 * ((100vw - 32rem) / 152)));
--h3: calc(3.5rem + (4.5 * ((100vw - 32rem) / 152)));
--h2: calc(5rem + (7.5 * ((100vw - 32rem) / 152)));
--h1: calc(6rem + (10 * ((100vw - 32rem) / 152)));
}
@media (min-width: 1839px) {
:root {
--text-xs: 1.2rem;
--text-s: 1.4rem;
--text-m: 1.8rem;
--text-l: 2.3994rem;
--text-xl: 3.1984002rem;
--text-xxl: 4.2634674666rem;
--h6: 2.6rem;
--h5: 3.5rem;
--h4: 5.2rem;
--h3: 8rem;
--h2: 12.5rem;
--h1: 16rem;
}
}
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
:root {
--text-xs: clamp(1rem, calc(0.1315789474vw + 0.9578947368rem), 1.2rem);
--text-s: clamp(1.2rem, calc(0.1315789474vw + 1.1578947368rem), 1.4rem);
--text-m: clamp(1.6rem, calc(0.1315789474vw + 1.5578947368rem), 1.8rem);
--text-l: clamp(2rem, calc(0.2627631579vw + 1.9159157895rem), 2.3994rem);
--text-xl: clamp(2.5rem, calc(0.4594738158vw + 2.3529683789rem), 3.1984002rem);
--text-xxl: clamp(3.125rem, calc(0.7489917543vw + 2.8853226386rem), 4.2634674666rem);
--h6: clamp(2rem, calc(0.3947368421vw + 1.8736842105rem), 2.6rem);
--h5: clamp(2.4rem, calc(0.7236842105vw + 2.1684210526rem), 3.5rem);
--h4: clamp(2.8rem, calc(1.5789473684vw + 2.2947368421rem), 5.2rem);
--h3: clamp(3.5rem, calc(2.9605263158vw + 2.5526315789rem), 8rem);
--h2: clamp(5rem, calc(4.9342105263vw + 3.4210526316rem), 12.5rem);
--h1: clamp(6rem, calc(6.5789473684vw + 3.8947368421rem), 16rem);
}
}
@supports (padding: calc(1vw + 2vw)) {
:root {
--space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 152)));
--space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 152)));
--space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 152)));
--space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 152)));
--space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 152)));
--space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 152)));
--section-space-xs: calc(2.1333333333rem + (4.5333333333 * ((100vw - 32rem) / 152)));
--section-space-s: calc(3.2rem + (6.8 * ((100vw - 32rem) / 152)));
--section-space-m: calc(4.8rem + (10.2 * ((100vw - 32rem) / 152)));
--section-space-l: calc(6.3984rem + (16.1016 * ((100vw - 32rem) / 152)));
--section-space-xl: calc(8.5290672rem + (25.2209328 * ((100vw - 32rem) / 152)));
--section-space-xxl: calc(11.3692465776rem + (39.2557534224 * ((100vw - 32rem) / 152)));
--section-padding-x: calc(2rem + (1 * ((100vw - 32rem) / 152)));
}
@media (min-width: 1839px) {
:root {
--space-xs: 1.3333333333rem;
--space-s: 2rem;
--space-m: 3rem;
--space-l: 4.5rem;
--space-xl: 6.75rem;
--space-xxl: 10.125rem;
--section-space-xs: 6.6666666667rem;
--section-space-s: 10rem;
--section-space-m: 15rem;
--section-space-l: 22.5rem;
--section-space-xl: 33.75rem;
--section-space-xxl: 50.625rem;
--section-padding-x: 3rem;
}
}
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
:root {
--space-xs: clamp(1.0666666667rem, calc(0.1754385965vw + 1.0105263158rem), 1.3333333333rem);
--space-s: clamp(1.6rem, calc(0.2631578947vw + 1.5157894737rem), 2rem);
--space-m: clamp(2.4rem, calc(0.3947368421vw + 2.2736842105rem), 3rem);
--space-l: clamp(3.1992rem, calc(0.8557894737vw + 2.9253473684rem), 4.5rem);
--space-xl: clamp(4.2645336rem, calc(1.6351752632vw + 3.7412775158rem), 6.75rem);
--space-xxl: clamp(5.6846232888rem, calc(2.9213004679vw + 4.7498071391rem), 10.125rem);
--section-space-xs: clamp(2.1333333333rem, calc(2.9824561404vw + 1.1789473684rem), 6.6666666667rem);
--section-space-s: clamp(3.2rem, calc(4.4736842105vw + 1.7684210526rem), 10rem);
--section-space-m: clamp(4.8rem, calc(6.7105263158vw + 2.6526315789rem), 15rem);
--section-space-l: clamp(6.3984rem, calc(10.5931578947vw + 3.0085894737rem), 22.5rem);
--section-space-xl: clamp(8.5290672rem, calc(16.5927189474vw + 3.2193971368rem), 33.75rem);
--section-space-xxl: clamp(11.3692465776rem, calc(25.8261535674vw + 3.104877436rem), 50.625rem);
--section-padding-x: clamp(2rem, calc(0.6578947368vw + 1.7894736842rem), 3rem);
}
}
:root {
--fr-bg-light: var(--shade-ultra-light);
--fr-bg-dark: var(--shade-ultra-dark);
--fr-text-light: var(--shade-ultra-light);
--fr-text-dark: var(--shade-ultra-dark);
--fr-card-padding: var(--space-m);
--fr-card-gap: var(--space-s);
--fr-card-border-size: 0.15rem;
--fr-card-border-color: var(--shade-light);
--fr-card-border-style: solid;
--fr-card-radius: var(--radius-xs);
--fr-card-avatar-radius: 50%;
--fr-content-gap: var(--space-s);
--fr-grid-gap: var(--space-l);
--fr-container-gap: var(--space-l);
--fr-lede-width: 60ch;
--fr-list-pad-y: 0.75em;
--fr-list-pad-x: 1.25em;
--fr-hero-padding: var(--section-space-xl);
}