:root { --rec-ink: #0A0A0A; --rec-ink-90: #1A1A1A; --rec-ink-70: #4A4A4A; --rec-ink-50: #8C8C8C; --rec-ink-30: #C4C4C4; --rec-ink-10: #ECECEC; --rec-paper: #FAFAF7; --rec-paper-pure: #FFFFFF; --rec-stone: #E8E6E0; --rec-stone-2: #D6D3CB; --rec-olive: #4F5442; --rec-navy: #234566; --rec-orange: #F17000; --rec-periwinkle: #627CAD; --rec-sky: #00A1EB; --rec-earth: #895E2F; --rec-teal: #357C76; --rec-deep-blue: #004C92; --rec-pink: #F098AF; --rec-grass: #5CBD5F; --rec-type-caption: max(1rem, calc(1rem * 100vw / 144rem)); --rec-type-meta: max(1rem, calc(1rem * 100vw / 144rem)); --rec-type-body: max(1.6rem, calc(1.6rem * 100vw / 144rem)); --rec-type-nav: max(1.6rem, calc(1.6rem * 100vw / 144rem)); --rec-type-body-lg: max(2.4rem, calc(2.4rem * 100vw / 144rem)); --rec-type-subheading: max(2.4rem, calc(2.4rem * 100vw / 144rem)); --rec-type-project-title: max(3.2rem, calc(3.2rem * 100vw / 144rem)); --rec-type-page-title: max(4.8rem, calc(4.8rem * 100vw / 144rem)); --rec-type-hero-l: max(7.2rem, calc(7.2rem * 100vw / 144rem)); --rec-type-hero-xl: max(9.6rem, calc(9.6rem * 100vw / 144rem)); --rec-space-grid-margin: max(4.5rem, calc(4.5rem * 100vw / 144rem)); --rec-space-grid-margin-mobile: 2.2rem; --rec-space-grid-gutter: max(2.4rem, calc(2.4rem * 100vw / 144rem)); --rec-space-grid-gutter-mobile: 1.6rem; --rec-space-section-gap: max(9.6rem, calc(9.6rem * 100vw / 144rem)); --rec-space-section-gap-mobile: 6.4rem; --rec-space-content-gap: max(3.2rem, calc(3.2rem * 100vw / 144rem));}.rec-type-caption { font-size: var(--rec-type-caption); }.rec-type-meta { font-size: var(--rec-type-meta); }.rec-type-body { font-size: var(--rec-type-body); }.rec-type-nav { font-size: var(--rec-type-nav); }.rec-type-body-lg { font-size: var(--rec-type-body-lg); }.rec-type-subheading { font-size: var(--rec-type-subheading); }.rec-type-project-title { font-size: var(--rec-type-project-title); }.rec-type-page-title { font-size: var(--rec-type-page-title); }.rec-type-hero-l { font-size: var(--rec-type-hero-l); }.rec-type-hero-xl { font-size: var(--rec-type-hero-xl); }.rec-space-grid-margin { font-size: var(--rec-space-grid-margin); }.rec-space-grid-margin-mobile { font-size: var(--rec-space-grid-margin-mobile); }.rec-space-grid-gutter { font-size: var(--rec-space-grid-gutter); }.rec-space-grid-gutter-mobile { font-size: var(--rec-space-grid-gutter-mobile); }.rec-space-section-gap { font-size: var(--rec-space-section-gap); }.rec-space-section-gap-mobile { font-size: var(--rec-space-section-gap-mobile); }.rec-space-content-gap { font-size: var(--rec-space-content-gap); }