:root { --linen: #f5f3f0; --linen-mid: #ede8e0; --sage-bg: #e8eedd; --apricot: #f6d6be; --sage: #adbc80; --sage-deep: #7a8f56; --apricot-mid: #e8b898; --apricot-rich: #d4956a; --charcoal: #2e2c29; --charcoal-mid: #4a4844; --muted: #6b6860; --hairline: #d8d2c8; --stone: #c8bfb0; --stone-bg: #f0ece6; --stone-deep: #6b6860; --light: #ffffff; --dark: 111111; --text-3xs: clamp(1rem, calc(-0.003425925925925926 * (100vw - 36rem) + 1rem), 0.63rem); --text-2xs: clamp(1.12rem, calc(-0.002777777777777779 * (100vw - 36rem) + 1.12rem), 0.82rem); --text-xs: clamp(1.26rem, calc(-0.0017592592592592588 * (100vw - 36rem) + 1.26rem), 1.07rem); --text-s: clamp(1.42rem, calc(-0.0003703703703703707 * (100vw - 36rem) + 1.42rem), 1.38rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.004999999999999998 * (100vw - 36rem) + 1.8rem), 2.34rem); --text-xl: clamp(2.02rem, calc(0.009444444444444445 * (100vw - 36rem) + 2.02rem), 3.04rem); --text-2xl: clamp(2.28rem, calc(0.015462962962962967 * (100vw - 36rem) + 2.28rem), 3.95rem); --text-3xl: clamp(2.56rem, calc(0.023888888888888887 * (100vw - 36rem) + 2.56rem), 5.14rem); --text-4xl: clamp(2.88rem, calc(0.03518518518518518 * (100vw - 36rem) + 2.88rem), 6.68rem); --space-4xs: clamp(0.52rem, calc(-0.00018518518518518534 * (100vw - 36rem) + 0.52rem), 0.5rem); --space-3xs: clamp(0.66rem, calc(0.00037037037037036965 * (100vw - 36rem) + 0.66rem), 0.7rem); --space-2xs: clamp(0.82rem, calc(0.0015740740740740745 * (100vw - 36rem) + 0.82rem), 0.99rem); --space-xs: clamp(1.02rem, calc(0.0035185185185185176 * (100vw - 36rem) + 1.02rem), 1.4rem); --space-s: clamp(1.28rem, calc(0.006481481481481481 * (100vw - 36rem) + 1.28rem), 1.98rem); --space-m: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --space-l: clamp(2rem, calc(0.01814814814814815 * (100vw - 36rem) + 2rem), 3.96rem); --space-xl: clamp(2.5rem, calc(0.0287037037037037 * (100vw - 36rem) + 2.5rem), 5.6rem); --space-2xl: clamp(3.13rem, calc(0.04435185185185185 * (100vw - 36rem) + 3.13rem), 7.92rem); --space-3xl: clamp(3.91rem, calc(0.0674074074074074 * (100vw - 36rem) + 3.91rem), 11.19rem); --space-4xl: clamp(4.88rem, calc(0.10138888888888888 * (100vw - 36rem) + 4.88rem), 15.83rem);}.bg-linen { background-color: var(--linen); }.text-linen { color: var(--linen); }.border-linen { border-color: var(--linen); }.bg-linen-mid { background-color: var(--linen-mid); }.text-linen-mid { color: var(--linen-mid); }.border-linen-mid { border-color: var(--linen-mid); }.fill-linen-mid { fill: var(--linen-mid); }.bg-sage-bg { background-color: var(--sage-bg); }.text-sage-bg { color: var(--sage-bg); }.border-sage-bg { border-color: var(--sage-bg); }.fill-sage-bg { fill: var(--sage-bg); }.bg-apricot { background-color: var(--apricot); }.text-apricot { color: var(--apricot); }.border-apricot { border-color: var(--apricot); }.fill-apricot { fill: var(--apricot); }.bg-sage { background-color: var(--sage); }.text-sage { color: var(--sage); }.border-sage { border-color: var(--sage); }.fill-sage { fill: var(--sage); }.bg-sage-deep { background-color: var(--sage-deep); }.text-sage-deep { color: var(--sage-deep); }.border-sage-deep { border-color: var(--sage-deep); }.fill-sage-deep { fill: var(--sage-deep); }.bg-apricot-mid { background-color: var(--apricot-mid); }.text-apricot-mid { color: var(--apricot-mid); }.border-apricot-mid { border-color: var(--apricot-mid); }.fill-apricot-mid { fill: var(--apricot-mid); }.bg-apricot-rich { background-color: var(--apricot-rich); }.text-apricot-rich { color: var(--apricot-rich); }.border-apricot-rich { border-color: var(--apricot-rich); }.fill-apricot-rich { fill: var(--apricot-rich); }.bg-charcoal { background-color: var(--charcoal); }.text-charcoal { color: var(--charcoal); }.border-charcoal { border-color: var(--charcoal); }.fill-charcoal { fill: var(--charcoal); }.bg-charcoal-mid { background-color: var(--charcoal-mid); }.text-charcoal-mid { color: var(--charcoal-mid); }.border-charcoal-mid { border-color: var(--charcoal-mid); }.fill-charcoal-mid { fill: var(--charcoal-mid); }.bg-muted { background-color: var(--muted); }.text-muted { color: var(--muted); }.border-muted { border-color: var(--muted); }.fill-muted { fill: var(--muted); }.text-hairline { color: var(--hairline); }.border-hairline { border-color: var(--hairline); }.bg-hairline { background-color: var(--hairline); }.fill-hairline { fill: var(--hairline); }.bg-stone { background-color: var(--stone); }.text-stone { color: var(--stone); }.border-stone { border-color: var(--stone); }.fill-stone { fill: var(--stone); }.bg-stone-bg { background-color: var(--stone-bg); }.text-stone-bg { color: var(--stone-bg); }.border-stone-bg { border-color: var(--stone-bg); }.fill-stone-bg { fill: var(--stone-bg); }.bg-stone-deep { background-color: var(--stone-deep); }.text-stone-deep { color: var(--stone-deep); }.border-stone-deep { border-color: var(--stone-deep); }.fill-stone-deep { fill: var(--stone-deep); }.bg-light { background-color: var(--light); }.text-light { color: var(--light); }.border-light { border-color: var(--light); }.fill-light { fill: var(--light); }.text-3xs { font-size: var(--text-3xs); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.text-3xl { font-size: var(--text-3xl); }.text-4xl { font-size: var(--text-4xl); }.padding-4xs { padding: var(--space-4xs); }.padding-3xs { padding: var(--space-3xs); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.padding-3xl { padding: var(--space-3xl); }.padding-4xl { padding: var(--space-4xl); }.padding-left-4xs { padding-left: var(--space-4xs); }.padding-left-3xs { padding-left: var(--space-3xs); }.padding-left-2xs { padding-left: var(--space-2xs); }.padding-left-xs { padding-left: var(--space-xs); }.padding-left-s { padding-left: var(--space-s); }.padding-left-m { padding-left: var(--space-m); }.padding-left-l { padding-left: var(--space-l); }.padding-left-xl { padding-left: var(--space-xl); }.padding-left-2xl { padding-left: var(--space-2xl); }.padding-left-3xl { padding-left: var(--space-3xl); }.padding-left-4xl { padding-left: var(--space-4xl); }.padding-right-4xs { padding-right: var(--space-4xs); }.padding-right-3xs { padding-right: var(--space-3xs); }.padding-right-2xs { padding-right: var(--space-2xs); }.padding-right-xs { padding-right: var(--space-xs); }.padding-right-s { padding-right: var(--space-s); }.padding-right-m { padding-right: var(--space-m); }.padding-right-l { padding-right: var(--space-l); }.padding-right-xl { padding-right: var(--space-xl); }.padding-right-2xl { padding-right: var(--space-2xl); }.padding-right-3xl { padding-right: var(--space-3xl); }.padding-right-4xl { padding-right: var(--space-4xl); }.padding-top-4xs { padding-top: var(--space-4xs); }.padding-top-3xs { padding-top: var(--space-3xs); }.padding-top-2xs { padding-top: var(--space-2xs); }.padding-top-xs { padding-top: var(--space-xs); }.padding-top-s { padding-top: var(--space-s); }.padding-top-m { padding-top: var(--space-m); }.padding-top-l { padding-top: var(--space-l); }.padding-top-xl { padding-top: var(--space-xl); }.padding-top-2xl { padding-top: var(--space-2xl); }.padding-top-3xl { padding-top: var(--space-3xl); }.padding-top-4xl { padding-top: var(--space-4xl); }.padding-bottom-4xs { padding-bottom: var(--space-4xs); }.padding-bottom-3xs { padding-bottom: var(--space-3xs); }.padding-bottom-2xs { padding-bottom: var(--space-2xs); }.padding-bottom-xs { padding-bottom: var(--space-xs); }.padding-bottom-s { padding-bottom: var(--space-s); }.padding-bottom-m { padding-bottom: var(--space-m); }.padding-bottom-l { padding-bottom: var(--space-l); }.padding-bottom-xl { padding-bottom: var(--space-xl); }.padding-bottom-2xl { padding-bottom: var(--space-2xl); }.padding-bottom-3xl { padding-bottom: var(--space-3xl); }.padding-bottom-4xl { padding-bottom: var(--space-4xl); }.gap-4xs { gap: var(--space-4xs); }.gap-3xs { gap: var(--space-3xs); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.gap-4xl { gap: var(--space-4xl); }.margin-4xs { margin: var(--space-4xs); }.margin-3xs { margin: var(--space-3xs); }.margin-2xs { margin: var(--space-2xs); }.margin-xs { margin: var(--space-xs); }.margin-s { margin: var(--space-s); }.margin-m { margin: var(--space-m); }.margin-l { margin: var(--space-l); }.margin-xl { margin: var(--space-xl); }.margin-2xl { margin: var(--space-2xl); }.margin-3xl { margin: var(--space-3xl); }.margin-4xl { margin: var(--space-4xl); }.margin-left-4xs { margin-left: var(--space-4xs); }.margin-left-3xs { margin-left: var(--space-3xs); }.margin-left-2xs { margin-left: var(--space-2xs); }.margin-left-xs { margin-left: var(--space-xs); }.margin-left-s { margin-left: var(--space-s); }.margin-left-m { margin-left: var(--space-m); }.margin-left-l { margin-left: var(--space-l); }.margin-left-xl { margin-left: var(--space-xl); }.margin-left-2xl { margin-left: var(--space-2xl); }.margin-left-3xl { margin-left: var(--space-3xl); }.margin-left-4xl { margin-left: var(--space-4xl); }.margin-right-4xs { margin-right: var(--space-4xs); }.margin-right-3xs { margin-right: var(--space-3xs); }.margin-right-2xs { margin-right: var(--space-2xs); }.margin-right-xs { margin-right: var(--space-xs); }.margin-right-s { margin-right: var(--space-s); }.margin-right-m { margin-right: var(--space-m); }.margin-right-l { margin-right: var(--space-l); }.margin-right-xl { margin-right: var(--space-xl); }.margin-right-2xl { margin-right: var(--space-2xl); }.margin-right-3xl { margin-right: var(--space-3xl); }.margin-right-4xl { margin-right: var(--space-4xl); }.margin-top-4xs { margin-top: var(--space-4xs); }.margin-top-3xs { margin-top: var(--space-3xs); }.margin-top-2xs { margin-top: var(--space-2xs); }.margin-top-xs { margin-top: var(--space-xs); }.margin-top-s { margin-top: var(--space-s); }.margin-top-m { margin-top: var(--space-m); }.margin-top-l { margin-top: var(--space-l); }.margin-top-xl { margin-top: var(--space-xl); }.margin-top-2xl { margin-top: var(--space-2xl); }.margin-top-3xl { margin-top: var(--space-3xl); }.margin-top-4xl { margin-top: var(--space-4xl); }.margin-bottom-4xs { margin-bottom: var(--space-4xs); }.margin-bottom-3xs { margin-bottom: var(--space-3xs); }.margin-bottom-2xs { margin-bottom: var(--space-2xs); }.margin-bottom-xs { margin-bottom: var(--space-xs); }.margin-bottom-s { margin-bottom: var(--space-s); }.margin-bottom-m { margin-bottom: var(--space-m); }.margin-bottom-l { margin-bottom: var(--space-l); }.margin-bottom-xl { margin-bottom: var(--space-xl); }.margin-bottom-2xl { margin-bottom: var(--space-2xl); }.margin-bottom-3xl { margin-bottom: var(--space-3xl); }.margin-bottom-4xl { margin-bottom: var(--space-4xl); }.radius-4xs { border-radius: var(--space-4xs); }.radius-3xs { border-radius: var(--space-3xs); }.radius-2xs { border-radius: var(--space-2xs); }.radius-xs { border-radius: var(--space-xs); }.radius-s { border-radius: var(--space-s); }.radius-m { border-radius: var(--space-m); }.radius-l { border-radius: var(--space-l); }.radius-xl { border-radius: var(--space-xl); }.radius-2xl { border-radius: var(--space-2xl); }.radius-3xl { border-radius: var(--space-3xl); }.radius-4xl { border-radius: var(--space-4xl); }