:root { --lo-font-heading: "Marcellus", "Cormorant Garamond", Georgia, "Times New Roman", serif;
--lo-font-body: "Jost", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif; --lo-type-scale: 1; --lo-fs-display: calc(clamp(40px, 26.67px + 3.7037vw, 80px) * var(--lo-type-scale));
--lo-fs-h1: calc(clamp(32px, 24px + 2.2222vw, 56px) * var(--lo-type-scale));
--lo-fs-h2: calc(clamp(26px, 21.33px + 1.2963vw, 40px) * var(--lo-type-scale));
--lo-fs-h3: calc(clamp(21px, 18px + 0.8333vw, 30px) * var(--lo-type-scale));
--lo-fs-h4: calc(clamp(18px, 16.67px + 0.3704vw, 22px) * var(--lo-type-scale));
--lo-fs-h5: calc(clamp(17px, 16.33px + 0.1852vw, 19px) * var(--lo-type-scale));
--lo-fs-lead: clamp(17px, 15.67px + 0.3704vw, 21px);
--lo-fs-body: clamp(16px, 15.33px + 0.1852vw, 18px);
--lo-fs-small: clamp(14px, 13.67px + 0.0926vw, 15px);
--lo-fs-eyebrow: clamp(11px, 10.33px + 0.1852vw, 13px);
--lo-lh-display: 1.03;
--lo-lh-heading: 1.14;
--lo-lh-title: 1.28;
--lo-lh-body: 1.62; --lo-ls-display: -0.022em;
--lo-ls-heading: -0.012em;
--lo-ls-title: 0;
--lo-ls-body: 0.002em;
--lo-ls-eyebrow: 0.2em;
--lo-ls-button: 0.12em;
--lo-weight-light: 300;
--lo-weight-body: 400;
--lo-weight-medium: 500;
--lo-weight-heading: 400; --lo-measure: 68ch;
--lo-measure-tight: 52ch; --lo-space-2xs: 8px;
--lo-space-xs: 12px;
--lo-space-s: 16px;
--lo-space-m: 24px;
--lo-space-l: clamp(32px, 26.67px + 1.4815vw, 48px);
--lo-space-xl: clamp(48px, 37.33px + 2.963vw, 80px);
--lo-space-2xl: clamp(72px, 53.33px + 5.1852vw, 128px);
--lo-gutter: clamp(20px, 10.67px + 2.5926vw, 48px); --lo-hairline-color: var(--color-content-border, rgba(0, 0, 0, 0.12));
--lo-hairline-color: color-mix(in srgb, currentColor 16%, transparent);
--lo-hairline: 1px solid var(--lo-hairline-color); --lo-radius-media: 2px; --lo-ease: cubic-bezier(0.22, 1, 0.36, 1);
--lo-dur-fast: 0.2s;
--lo-dur: 0.45s; --lo-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
--lo-shadow-s: 0 2px 4px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(0, 0, 0, 0.05);
--lo-shadow-m: 0 4px 10px rgba(0, 0, 0, 0.05), 0 16px 40px rgba(0, 0, 0, 0.08);
--lo-shadow-l: 0 8px 24px rgba(0, 0, 0, 0.07), 0 32px 72px rgba(0, 0, 0, 0.11); --lo-header-height: var(--header-height, 100px);
--lo-z-header: 100;
} @media (prefers-reduced-motion: reduce) {
:root {
--lo-dur-fast: 0.01ms;
--lo-dur: 0.01ms;
}
}