:root { --hv-primary: #BBA370; --hv-primary-hover: #9E8A58; --hv-on-primary: #141B4D; --hv-canvas: #F3F1E9; --hv-ink: #212322; --hv-inverse-canvas: #141B4D; --hv-on-inverse: #F3F1E9; --color-navy: #141B4D; --color-gold: #BBA370; --color-linen: #F3F1E9; --color-charcoal: #212322; --color-olive: #A8AF99; --color-lavender: #93A5CF; --text-display-2xs: clamp(1rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 1rem), 1.38rem); --text-display-xs: clamp(1.13rem, calc(0.009185185185185187 * (100vw - 22.5rem) + 1.13rem), 1.75rem); --text-display-2xl: clamp(4rem, calc(0.044444444444444446 * (100vw - 22.5rem) + 4rem), 7rem); --text-2xs: clamp(0.7rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.7rem), 0.72rem); --text-xs: clamp(0.79rem, calc(0.0011851851851851845 * (100vw - 22.5rem) + 0.79rem), 0.87rem); --text-md: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-lg: clamp(1.13rem, calc(0.005481481481481483 * (100vw - 22.5rem) + 1.13rem), 1.5rem); --text-2xl: clamp(1.42rem, calc(0.010962962962962966 * (100vw - 22.5rem) + 1.42rem), 2.16rem); --text-ui-2xs: clamp(0.5rem, calc(0.00044444444444444485 * (100vw - 22.5rem) + 0.5rem), 0.53rem); --text-ui-xs: clamp(0.56rem, calc(0 * (100vw - 22.5rem) + 0.56rem), 0.56rem); --text-ui-sm: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --text-ui-md: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --text-ui-lg: clamp(0.81rem, calc(0 * (100vw - 22.5rem) + 0.81rem), 0.81rem); --text-ui-xl: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --text-ui-2xl: clamp(0.94rem, calc(0 * (100vw - 22.5rem) + 0.94rem), 0.94rem);}.bg-hv-primary { background-color: var(--hv-primary); }.text-hv-primary { color: var(--hv-primary); }.border-hv-primary { border-color: var(--hv-primary); }.outline-hv-primary { outline-color: var(--hv-primary); }.fill-hv-primary { fill: var(--hv-primary); }.stroke-hv-primary { stroke: var(--hv-primary); }.bg-hv-primary-hover { background-color: var(--hv-primary-hover); }.text-hv-primary-hover { color: var(--hv-primary-hover); }.border-hv-primary-hover { border-color: var(--hv-primary-hover); }.outline-hv-primary-hover { outline-color: var(--hv-primary-hover); }.fill-hv-primary-hover { fill: var(--hv-primary-hover); }.stroke-hv-primary-hover { stroke: var(--hv-primary-hover); }.bg-hv-on-primary { background-color: var(--hv-on-primary); }.text-hv-on-primary { color: var(--hv-on-primary); }.border-hv-on-primary { border-color: var(--hv-on-primary); }.outline-hv-on-primary { outline-color: var(--hv-on-primary); }.fill-hv-on-primary { fill: var(--hv-on-primary); }.stroke-hv-on-primary { stroke: var(--hv-on-primary); }.bg-hv-canvas { background-color: var(--hv-canvas); }.text-hv-canvas { color: var(--hv-canvas); }.border-hv-canvas { border-color: var(--hv-canvas); }.outline-hv-canvas { outline-color: var(--hv-canvas); }.fill-hv-canvas { fill: var(--hv-canvas); }.stroke-hv-canvas { stroke: var(--hv-canvas); }.bg-hv-ink { background-color: var(--hv-ink); }.text-hv-ink { color: var(--hv-ink); }.border-hv-ink { border-color: var(--hv-ink); }.outline-hv-ink { outline-color: var(--hv-ink); }.fill-hv-ink { fill: var(--hv-ink); }.stroke-hv-ink { stroke: var(--hv-ink); }.bg-hv-inverse-canvas { background-color: var(--hv-inverse-canvas); }.text-hv-inverse-canvas { color: var(--hv-inverse-canvas); }.border-hv-inverse-canvas { border-color: var(--hv-inverse-canvas); }.outline-hv-inverse-canvas { outline-color: var(--hv-inverse-canvas); }.fill-hv-inverse-canvas { fill: var(--hv-inverse-canvas); }.stroke-hv-inverse-canvas { stroke: var(--hv-inverse-canvas); }.bg-hv-on-inverse { background-color: var(--hv-on-inverse); }.text-hv-on-inverse { color: var(--hv-on-inverse); }.border-hv-on-inverse { border-color: var(--hv-on-inverse); }.outline-hv-on-inverse { outline-color: var(--hv-on-inverse); }.fill-hv-on-inverse { fill: var(--hv-on-inverse); }.stroke-hv-on-inverse { stroke: var(--hv-on-inverse); }.bg-color-navy { background-color: var(--color-navy); }.text-color-navy { color: var(--color-navy); }.border-color-navy { border-color: var(--color-navy); }.outline-color-navy { outline-color: var(--color-navy); }.fill-color-navy { fill: var(--color-navy); }.stroke-color-navy { stroke: var(--color-navy); }.bg-color-gold { background-color: var(--color-gold); }.text-color-gold { color: var(--color-gold); }.border-color-gold { border-color: var(--color-gold); }.outline-color-gold { outline-color: var(--color-gold); }.fill-color-gold { fill: var(--color-gold); }.stroke-color-gold { stroke: var(--color-gold); }.bg-color-linen { background-color: var(--color-linen); }.text-color-linen { color: var(--color-linen); }.border-color-linen { border-color: var(--color-linen); }.outline-color-linen { outline-color: var(--color-linen); }.fill-color-linen { fill: var(--color-linen); }.stroke-color-linen { stroke: var(--color-linen); }.bg-color-charcoal { background-color: var(--color-charcoal); }.text-color-charcoal { color: var(--color-charcoal); }.border-color-charcoal { border-color: var(--color-charcoal); }.outline-color-charcoal { outline-color: var(--color-charcoal); }.fill-color-charcoal { fill: var(--color-charcoal); }.stroke-color-charcoal { stroke: var(--color-charcoal); }.bg-color-olive { background-color: var(--color-olive); }.text-color-olive { color: var(--color-olive); }.border-color-olive { border-color: var(--color-olive); }.outline-color-olive { outline-color: var(--color-olive); }.fill-color-olive { fill: var(--color-olive); }.stroke-color-olive { stroke: var(--color-olive); }.bg-color-lavender { background-color: var(--color-lavender); }.text-color-lavender { color: var(--color-lavender); }.border-color-lavender { border-color: var(--color-lavender); }.outline-color-lavender { outline-color: var(--color-lavender); }.fill-color-lavender { fill: var(--color-lavender); }.stroke-color-lavender { stroke: var(--color-lavender); }