/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * @mixin set-typography-vars
 * Sets typography-related CSS custom properties for a given primary prefix and, optionally, a fallback prefix.
 *
 * @param {String} $primary-prefix - The primary prefix used for the custom properties.
 * @param {String} [$fallback-prefix=null] - The optional fallback prefix used for the custom properties.
 * @param {String} [$font-family-default=null] - The default font-family value.
 * @param {String} [$font-size-default=null] - The default font-size value.
 * @param {String} [$line-height-default=null] - The default line-height value.
 * @param {String} [$font-weight-default=null] - The default font-weight value.
 * @param {String} [$text-transform-default=null] - The default text-transform value.
 * @param {String} [$color-default=null] - The default color value.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declarations.
 */
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * @mixin set-margin-vars
 * Sets margin-related CSS custom properties for a given prefix and assigns them to the margin property.
 *
 * @param {String} $prefix - The prefix used for the custom properties.
 * @param {*} [$my=null] - The margin value for the top and bottom.
 * @param {*} [$mx=null] - The margin value for the left and right.
 * @param {*} [$mt=null] - The margin value for the top.
 * @param {*} [$mr=null] - The margin value for the right.
 * @param {*} [$mb=null] - The margin value for the bottom.
 * @param {*} [$ml=null] - The margin value for the left.
 * @param {*} [$my-default=0] - The default margin value for the top and bottom.
 * @param {*} [$mx-default=0] - The default margin value for the left and right.
 * @param {*} [$mt-default=0] - The default margin value for the top.
 * @param {*} [$mr-default=0] - The default margin value for the right.
 * @param {*} [$mb-default=0] - The default margin value for the bottom.
 * @param {*} [$ml-default=0] - The default margin value for the left.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declaration.
 */
/**
* Sets custom padding variables for an element using CSS variables.
* @param {string} $prefix - The prefix to use for the CSS variable names.
* @param {number} [$py=null] - The padding value for top and bottom sides.
* @param {number} [$px=null] - The padding value for left and right sides.
* @param {number} [$pt=null] - The padding value for the top side.
* @param {number} [$pr=null] - The padding value for the right side.
* @param {number} [$pb=null] - The padding value for the bottom side.
* @param {number} [$pl=null] - The padding value for the left side.
* @param {number} [$py-default=0] - The default padding value for top and bottom sides.
* @param {number} [$px-default=0] - The default padding value for left and right sides.
* @param {number} [$pt-default=0] - The default padding value for the top side.
* @param {number} [$pr-default=0] - The default padding value for the right side.
* @param {number} [$pb-default=0] - The default padding value for the bottom side.
* @param {number} [$pl-default=0] - The default padding value for the left side.
* @param {boolean} [$important=false] - Whether to use "!important" modifier for the CSS "padding" property.
*/
/**
 * @mixin set-var
 * Sets a single CSS custom property for a given primary prefix and, optionally, a fallback prefix.
 *
 * @param {String} $property - The CSS property to set.
 * @param {String} $primary-prefix - The primary prefix used for the custom property.
 * @param {String} [$fallback-prefix=null] - The optional fallback prefix used for the custom property.
 * @param {String} [$var-name=null] - The custom property name, if different from the CSS property.
 * @param {*} [$default=null] - The default value for the custom property.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declaration.
 */
@import '../fonts/stylesheet.css';
@keyframes link-underline {
  0% {
    transform: scaleX(100%);
    transform-origin: center right;
  }
  50% {
    transform: scaleX(0);
    transform-origin: center right;
  }
  51% {
    transform-origin: center left;
  }
  100% {
    transform-origin: center left;
    transform: scaleX(100%);
  }
}
:root {
  --base-50: #ffffff;
  --base-100: #E3E3E3;
  --base-200: #d8d8d8;
  --base-300: #bababa;
  --base-400: #818181;
  --base-500: #666666;
  --base-600: #515151;
  --base-700: #434343;
  --base-800: #383838;
  --base-900: #000000;
  --primary-color: var(--base-900);
  --text-body: var(--base-900);
  --black: var(--base-900);
  --grey: var(--base-400);
  --light-grey: var(--base-300);
  --white: var(--base-50);
}

:root {
  --border-light: 1px solid var(--white);
  --border-dark: 1px solid var(--black);
  --border-color: var(--base-900);
  --easing: cubic-bezier(.49, .11, .24, 1);
  --transition: 0.3s all var(--easing);
  --section-vertical-space: var(--space-4xl);
  --vertical-gap: var(--space-xs);
  --horizontal-gap: var(--space-xs);
  --content-module-pr: var(--space-xl-3xl);
  --sidebar-image-mb: var(--space-xs-s);
  --CONTAINER-PADDING: var(--space-l);
  --CONTAINER-WIDTH: 1728px;
  --HEADER-PADDING: var(--space-xl);
  --button-font-family: var(--heading-font-family);
  --button-font-weight: bold;
  --button-color: var(--white);
  --button-font-size: var(--step--2);
  --button-border: 1px solid var(--border-color);
  --button-text-transform: uppercase;
  --button-background-color: var(--primary-color);
  --button-focus-color: var(--primary-color);
  --button-focus-background-color: transparent;
  --button-focus-border: 1px solid var(--border-color);
  --button-px: var(--space-xl);
  --ICON-HEART-OUTLINE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z'/%3E%3C/svg%3E");
  --ICON-HEART-OUTLINE-WHITE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='white' d='M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z'/%3E%3C/svg%3E");
  --ICON-HEART-REGULAR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'/%3E%3C/svg%3E");
  --ICON-PLUS-DARK: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMxMTEiPjxwYXRoIGQ9Im04IDEzLjQ1ODR2LTkuOTE2NjkiLz48cGF0aCBkPSJtMy4xODc1IDguMzU0MTNoOS45MTY3Ii8+PC9nPjwvc3ZnPg==");
  --ICON-PLUS-MID: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM4MTgxODEiPjxwYXRoIGQ9Im04IDEzLjQ1ODR2LTkuOTE2NjkiLz48cGF0aCBkPSJtMy4xODc1IDguMzU0MTNoOS45MTY3Ii8+PC9nPjwvc3ZnPg==");
  --ICON-ARROW-RIGHT-MID: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAuNjE5NSAzLjY3OTIzIDQuODIwOCA0LjgyMDc3bTAgMC00LjgyMDggNC44MjA4bTQuODIwOC00LjgyMDhoLTE0LjAyNDI4IiBzdHJva2U9IiM4MTgxODEiLz48L3N2Zz4=");
  --ICON-ARROW-RIGHT-DARK: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAuNjE5NSAzLjY3OTIzIDQuODIwOCA0LjgyMDc3bTAgMC00LjgyMDggNC44MjA4bTQuODIwOC00LjgyMDhoLTE0LjAyNDI4IiBzdHJva2U9IiMxMTEiLz48L3N2Zz4=");
  --chevron: url("data:image/svg+xml,%3Csvg width='22' height='25' viewBox='0 0 22 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2.9108' height='16.3844' transform='matrix(0.655813 0.754923 -0.655813 0.754923 19.1084 9.625)' fill='black'/%3E%3Crect width='2.9108' height='12.7487' transform='matrix(-0.655813 0.754923 -0.655813 -0.754923 19.1084 9.62402)' fill='black'/%3E%3C/svg%3E%0A");
}
@media only screen and (max-width: 767px) {
  :root {
    --CONTAINER-PADDING: var(--space-s);
    --HEADER-PADDING: var(--space-s);
  }
}

:root {
  --leading-tight: 1;
  --leading-snug: 1.2;
  --leading-normal: 1.3;
  --leading-relaxed: 1.4;
  --leading-loose: 1.6;
  --leading-body: 1.78;
  --base-font-size: var(--step-0);
  --base-font-family: "Spectral", sans-serif;
  --base-font-weight: 300;
  --base-text-transform: none;
  --base-line-height: var(--leading-loose);
  --navigation-font-family: var(--heading-font-family);
  --navigation-font-size: var(--step--2);
  --navigation-font-weight: bold;
  --navigation-text-transform: uppercase;
  --navigation-line-height: var(--leading-snug);
  --navigation-letter-spacing: 1px;
  --navigation-color: var(--primary-color) !important;
  --heading-font-family: "Gotham", sans-serif;
  --heading-font-weight: bold;
  --heading-text-transform: uppercase;
  --heading-color: var(--text-primary);
  --heading-letter-spacing: 1px;
  --page-heading-font-size: var(--step-4);
  --page-heading-font-family: var(--base-font-family);
  --page-heading-line-height: var(--leading-normal);
  --page-heading-text-transform: capitalize;
  --page-heading-font-weight: var(--base-font-weight);
  --page-heading-font-style: italic;
  --page-heading-color: var(--heading-color);
  --page-subheading-font-size: var(--step-4);
  --page-subheading-line-height: var(--leading-snug);
  --page-subheading-color: var(--primary-color);
  --hero-heading-font-size: var(--page-heading-font-size);
  --hero-subheading-font-size: var(--step-1);
  --hero-heading-letter-spacing: 1px;
  --caption-color: var(--text-secondary);
  --caption-mt: var(--space-s);
  --date-font-size: var(--step-0);
  --date-font-weight: var(--base-font-weight);
  --date-color: var(--text-primary);
  --list-heading-font-family: var(--heading-font-family);
  --list-heading-font-size: var(--step--1);
  --list-heading-letter-spacing: var(--heading-letter-spacing);
  --list-heading-text-transform: var(--heading-text-transform);
  --list-heading-font-weight: var(--heading-font-weight);
  --list-heading-line-height: var(--leading-normal);
  --list-heading-color: var(--text-primary);
  --list-content-font-size: var(--step--1);
  --list-content-line-height: var(--leading-snug);
  --list-subheading-font-family: var(--base-font-family);
  --list-subheading-font-size: var(--step--2);
  --list-subheading-line-height: var(--leading-snug);
  --list-subheading-font-weight: var(--base-font-weight);
  --list-subheading-text-transform: capitalize;
  --panel-heading-font-size: var(--step--2);
  --panel-heading-font-family: var(--heading-font-family);
  --panel-heading-line-height: var(--leading-snug);
  --panel-heading-font-weight: var(--heading-font-weight);
  --panel-heading-text-transform: var(--heading-text-transform);
  --panel-subheading-font-family: var(--base-font-family);
  --panel-subheading-font-size: var(--step--1);
  --panel-subheading-line-height: var(--leading-snug);
  --panel-subheading-font-weight: var(--base-font-weight);
  --panel-subheading-text-transform: var(--base-text-transform);
  --panel-subheading-color: var(--text-primary);
  --artwork-artist-font-family: var(--heading-font-family);
  --artwork-artist-font-size: var(--step-0);
  --artwork-artist-font-weight: var(--heading-font-weight);
  --artwork-artist-text-transform: var(--heading-text-transform);
  --artwork-artist-color: var(--text-primary);
}

h1 {
  --heading-font-size: var(--step-1);
}

h2 {
  --heading-font-size: var(--step--2);
  letter-spacing: var(--heading-letter-spacing);
}

/* @link https://utopia.fyi/type/calculator?c=320,14,1.125,1660,15,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(1.3rem, 1.3rem + 0vw, 1.3rem);
  --step--1: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  --step-0: clamp(1.6rem, 1.552238806rem + 0.14925373vw, 1.8rem);
  --step-1: clamp(1.9rem, 1.876119403rem + 0.07462687vw, 2rem);
  --step-2: clamp(2.1rem, 2.076119403rem + 0.07462687vw, 2.2rem);
  --step-3: clamp(2.3rem, 2.228358209rem + 0.2238806vw, 2.6rem);
  --step-4: clamp(3.5rem, 3.3805970149rem + 0.37313433vw, 4rem);
  --step-5: clamp(4.5rem, 4.2611940299rem + 0.74626866vw, 5.5rem);
}

:root {
  --space-3xs: clamp(0.2rem, 0.176119403rem + 0.07462687vw, 0.3rem);
  --space-2xs: clamp(0.7rem, 0.676119403rem + 0.07462687vw, 0.8rem);
  --space-xs: clamp(1rem, 0.952238806rem + 0.14925373vw, 1.2rem);
  --space-s: clamp(1.8rem, 1.752238806rem + 0.14925373vw, 2rem);
  --space-m: clamp(2.7rem, 2.628358209rem + 0.2238806vw, 3rem);
  --space-l: clamp(3rem, 2.8805970149rem + 0.37313433vw, 3.5rem);
  --space-xl: clamp(3.5rem, 3.3805970149rem + 0.37313433vw, 4rem);
  --space-2xl: clamp(4.5rem, 4.3805970149rem + 0.37313433vw, 5rem);
  --space-3xl: clamp(3rem, 2.3552238806rem + 2.01492537vw, 5.7rem);
  --space-4xl: clamp(5rem, 4.5223880597rem + 1.49253731vw, 7rem);
  --space-4_5xl: clamp(6.5rem, 5.9029850746rem + 1.86567164vw, 9rem);
  --space-5xl: clamp(10rem, 9.7134328358rem + 0.89552239vw, 11.2rem);
  --space-6xl: clamp(10.5rem, 10.2373134328rem + 0.82089552vw, 11.6rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.2rem, 0.0567164179rem + 0.44776119vw, 0.8rem);
  --space-2xs-xs: clamp(0.7rem, 0.5805970149rem + 0.37313433vw, 1.2rem);
  --space-xs-s: clamp(1rem, 0.7611940299rem + 0.74626866vw, 2rem);
  --space-s-m: clamp(1.8rem, 1.5134328358rem + 0.89552239vw, 3rem);
  --space-m-l: clamp(2.7rem, 2.5089552239rem + 0.59701493vw, 3.5rem);
  --space-l-xl: clamp(3rem, 2.7611940299rem + 0.74626866vw, 4rem);
  --space-xl-2xl: clamp(3.5rem, 3.1417910448rem + 1.11940299vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 4.2134328358rem + 0.89552239vw, 5.7rem);
  --space-3xl-4xl: clamp(3rem, 2.0447761194rem + 2.98507463vw, 7rem);
  --space-4xl-5xl: clamp(5rem, 3.5194029851rem + 4.62686567vw, 11.2rem);
  --space-5xl-6xl: clamp(10rem, 9.6179104478rem + 1.19402985vw, 11.6rem);
  /* Custom pairs */
  --space-2xs-s: clamp(0.7rem, 0.3895522388rem + 0.97014925vw, 2rem);
  --space-xs-m: clamp(1rem, 0.5223880597rem + 1.49253731vw, 3rem);
  --space-xs-l: clamp(1rem, 0.4029850746rem + 1.86567164vw, 3.5rem);
  --space-s-l: clamp(1.8rem, 1.3940298507rem + 1.26865672vw, 3.5rem);
  --space-s-xs: clamp(1rem, 0.952238806rem + 0.14925373vw, 1.2rem);
  --space-s-xl: clamp(1.8rem, 1.2746268657rem + 1.64179104vw, 4rem);
  --space-m-xl: clamp(2.7rem, 2.3895522388rem + 0.97014925vw, 4rem);
  --space-m-2xl: clamp(2.7rem, 2.1507462687rem + 1.71641791vw, 5rem);
  --space-l-2xl: clamp(3rem, 2.5223880597rem + 1.49253731vw, 5rem);
  --space-l-5xl: clamp(3rem, 2.8805970149rem + 0.37313433vw, 3.5rem);
  --space-xl-3xl: clamp(3.5rem, 2.9746268657rem + 1.64179104vw, 5.7rem);
  --space-2xl-4xl: clamp(4.5rem, 3.9029850746rem + 1.86567164vw, 7rem);
}

/*# sourceMappingURL=base.css.map */