:root { --og-brand-primary: #E03553; --og-brand-primary-l-1: #e34763; --og-brand-primary-l-2: #e65a72; --og-brand-primary-l-3: #e86c82; --og-brand-primary-l-4: #eb7e92; --og-brand-primary-l-5: #ee91a1; --og-brand-primary-l-6: #f1a3b1; --og-brand-primary-l-7: #f4b6c0; --og-brand-primary-l-8: #f7c8d0; --og-brand-primary-l-9: #f9dae0; --og-brand-primary-l-10: #fcedef; --og-brand-primary-d-1: #cc304b; --og-brand-primary-d-2: #b72b44; --og-brand-primary-d-3: #a3273c; --og-brand-primary-d-4: #8f2235; --og-brand-primary-d-5: #7a1d2d; --og-brand-primary-d-6: #661826; --og-brand-primary-d-7: #51131e; --og-brand-primary-d-8: #3d0e17; --og-brand-primary-d-9: #290a0f; --og-brand-primary-d-10: #140508; --og-brand-secondary: #9A9DA1; --og-brand-secondary-t-1: hsla(214, 4%, 62%, 0.09); --og-brand-secondary-t-2: hsla(214, 4%, 62%, 0.18); --og-brand-secondary-t-3: hsla(214, 4%, 62%, 0.27); --og-brand-secondary-t-4: hsla(214, 4%, 62%, 0.36); --og-brand-secondary-t-5: hsla(214, 4%, 62%, 0.45); --og-brand-secondary-t-6: hsla(214, 4%, 62%, 0.55); --og-brand-secondary-t-7: hsla(214, 4%, 62%, 0.64); --og-brand-secondary-t-8: hsla(214, 4%, 62%, 0.73); --og-brand-secondary-t-9: hsla(214, 4%, 62%, 0.82); --og-brand-secondary-t-10: hsla(214, 4%, 62%, 0.91); --og-brand-secondary-l-1: #a3a6aa; --og-brand-secondary-l-2: #acafb2; --og-brand-secondary-l-3: #b6b8bb; --og-brand-secondary-l-4: #bfc1c3; --og-brand-secondary-l-5: #c8cacc; --og-brand-secondary-l-6: #d1d2d4; --og-brand-secondary-l-7: #dadbdd; --og-brand-secondary-l-8: #e3e4e5; --og-brand-secondary-l-9: #ededee; --og-brand-secondary-l-10: #f6f6f6; --og-brand-secondary-d-1: #8c8f92; --og-brand-secondary-d-2: #7e8084; --og-brand-secondary-d-3: #707275; --og-brand-secondary-d-4: #626466; --og-brand-secondary-d-5: #545658; --og-brand-secondary-d-6: #464749; --og-brand-secondary-d-7: #38393b; --og-brand-secondary-d-8: #2a2b2c; --og-brand-secondary-d-9: #1c1d1d; --og-brand-secondary-d-10: #0e0e0f; --og-brand-calm: #7FAAA0; --og-brand-calm-l-1: #8bb2a9; --og-brand-calm-l-2: #96b9b1; --og-brand-calm-l-3: #a2c1ba; --og-brand-calm-l-4: #aec9c3; --og-brand-calm-l-5: #b9d1cb; --og-brand-calm-l-6: #c5d8d4; --og-brand-calm-l-7: #d0e0dc; --og-brand-calm-l-8: #dce8e5; --og-brand-calm-l-9: #e8f0ee; --og-brand-calm-l-10: #f3f7f6; --og-brand-calm-d-1: #739b91; --og-brand-calm-d-2: #688b83; --og-brand-calm-d-3: #5c7c74; --og-brand-calm-d-4: #516c66; --og-brand-calm-d-5: #455d57; --og-brand-calm-d-6: #3a4d49; --og-brand-calm-d-7: #2e3e3a; --og-brand-calm-d-8: #232e2c; --og-brand-calm-d-9: #171f1d; --og-brand-calm-d-10: #0c0f0f; --og-brand-warm: #D8C4B1; --og-brand-warm-l-1: #dcc9b8; --og-brand-warm-l-2: #dfcfbf; --og-brand-warm-l-3: #e3d4c6; --og-brand-warm-l-4: #e6d9cd; --og-brand-warm-l-5: #eadfd4; --og-brand-warm-l-6: #ede4dc; --og-brand-warm-l-7: #f1eae3; --og-brand-warm-l-8: #f4efea; --og-brand-warm-l-9: #f8f4f1; --og-brand-warm-l-10: #fbfaf8; --og-brand-gold: #F6C343; --og-state-success: #3E6B54; --og-state-success-l-1: #507864; --og-state-success-l-2: #618673; --og-state-success-l-3: #739383; --og-state-success-l-4: #84a192; --og-state-success-l-5: #96aea2; --og-state-success-l-6: #a7bcb1; --og-state-success-l-7: #b9c9c1; --og-state-success-l-8: #cad7d0; --og-state-success-l-9: #dce4e0; --og-state-success-l-10: #edf2ef; --og-state-error: #8A3136; --og-state-error-l-1: #954448; --og-state-error-l-2: #9f565b; --og-state-error-l-3: #aa696d; --og-state-error-l-4: #b57c7f; --og-state-error-l-5: #bf8f91; --og-state-error-l-6: #caa1a4; --og-state-error-l-7: #d4b4b6; --og-state-error-l-8: #dfc7c8; --og-state-error-l-9: #eadada; --og-state-error-l-10: #f4eced; --og-state-warning: #B45309; --og-state-warning-l-1: #bb631f; --og-state-warning-l-2: #c27236; --og-state-warning-l-3: #c8824c; --og-state-warning-l-4: #cf9262; --og-state-warning-l-5: #d6a179; --og-state-warning-l-6: #ddb18f; --og-state-warning-l-7: #e4c0a6; --og-state-warning-l-8: #ebd0bc; --og-state-warning-l-9: #f1e0d2; --og-state-warning-l-10: #f8efe9; --og-accent-sky: #DFE7F2; --og-accent-mint: #E2EFE1; --og-accent-sand: #F9E7D8; --og-accent-blush: #FCEBEE; --og-accent-lavender: #EFE6F5; --og-white: #ffffff; --og-bg-body: var(--og-brand-warm-l-9); --og-bg-hero: var(--og-brand-warm-l-7); --og-bg-section: var(--og-brand-secondary-l-9); --og-bg-surface: var(--og-white); --og-bg-highlight: var(--og-brand-primary); --og-bg-hover: var(--og-brand-primary-l-10); --og-border-main: var(--og-brand-secondary-l-8); --og-text-main: var(--og-brand-secondary-d-8); --og-text-muted: var(--og-brand-secondary-d-2); --og-text-inverse: var(--og-white); --og-text-highlight: var(--og-brand-primary); --og-focus-ring: var(--og-brand-calm-d-5); --og-space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --og-space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --og-space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --og-space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --og-space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --og-space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --og-space-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --og-text-s: clamp(1.28rem, calc(0.0029629629629629637 * (100vw - 36rem) + 1.28rem), 1.6rem); --og-text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --og-text-l: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --og-text-xl: clamp(2.5rem, calc(0.005833333333333333 * (100vw - 36rem) + 2.5rem), 3.13rem); --og-text-2xl: clamp(3.13rem, calc(0.0072222222222222245 * (100vw - 36rem) + 3.13rem), 3.91rem); --og-text-3xl: clamp(3.91rem, calc(0.00898148148148148 * (100vw - 36rem) + 3.91rem), 4.88rem); --og-font-body: "Montserrat", sans-serif; --og-font-heading: "Montserrat", sans-serif; --og-font-ui: "Montserrat", sans-serif; --og-weight-regular: 400; --og-weight-medium: 500; --og-weight-semibold: 600; --og-leading-tight: 1.15; --og-leading-snug: 1.25; --og-leading-normal: 1.5; --og-leading-relaxed: 1.6; --og-track-tight: -0.01em; --og-track-wide: 0.02em;}.gap-xs { gap: var(--og-space-xs); }.gap-s { gap: var(--og-space-s); }.gap-m { gap: var(--og-space-m); }.gap-l { gap: var(--og-space-l); }.gap-xl { gap: var(--og-space-xl); }.gap-2xl { gap: var(--og-space-2xl); }.gap-3xl { gap: var(--og-space-3xl); }.pad-xs { padding: var(--og-space-xs); }.pad-s { padding: var(--og-space-s); }.pad-m { padding: var(--og-space-m); }.pad-l { padding: var(--og-space-l); }.pad-xl { padding: var(--og-space-xl); }.pad-2xl { padding: var(--og-space-2xl); }.pad-3xl { padding: var(--og-space-3xl); }.mar-bottom-xs { margin-bottom: var(--og-space-xs); }.mar-bottom-s { margin-bottom: var(--og-space-s); }.mar-bottom-m { margin-bottom: var(--og-space-m); }.mar-bottom-l { margin-bottom: var(--og-space-l); }.mar-bottom-xl { margin-bottom: var(--og-space-xl); }.mar-bottom-2xl { margin-bottom: var(--og-space-2xl); }.mar-bottom-3xl { margin-bottom: var(--og-space-3xl); }.text-s { font-size: var(--og-text-s); }.text-m { font-size: var(--og-text-m); }.text-l { font-size: var(--og-text-l); }.text-xl { font-size: var(--og-text-xl); }.text-2xl { font-size: var(--og-text-2xl); }.text-3xl { font-size: var(--og-text-3xl); }.text-og-font-body { font-size: var(--og-font-body); }.text-og-font-heading { font-size: var(--og-font-heading); }.text-og-font-ui { font-size: var(--og-font-ui); }.text-og-weight-regular { font-size: var(--og-weight-regular); }.text-og-weight-medium { font-size: var(--og-weight-medium); }.text-og-weight-semibold { font-size: var(--og-weight-semibold); }.text-og-leading-tight { font-size: var(--og-leading-tight); }.text-og-leading-snug { font-size: var(--og-leading-snug); }.text-og-leading-normal { font-size: var(--og-leading-normal); }.text-og-leading-relaxed { font-size: var(--og-leading-relaxed); }.text-og-track-tight { font-size: var(--og-track-tight); }.text-og-track-normal { font-size: var(--og-track-normal); }.text-og-track-wide { font-size: var(--og-track-wide); }