:root {
              --neutral-50: 250 250 250;
--neutral-100: 245 245 245;
--neutral-200: 229 229 229;
--neutral-300: 212 212 212;
--neutral-400: 163 163 163;
--neutral-500: 115 115 115;
--neutral-600: 82 82 82;
--neutral-700: 64 64 64;
--neutral-800: 38 38 38;
--neutral-900: 23 23 23;
--neutral-950: 10 10 10;
--danger-50: 254 242 242;
--danger-100: 254 226 226;
--danger-200: 254 202 202;
--danger-300: 252 165 165;
--danger-400: 248 113 113;
--danger-500: 239 68 68;
--danger-600: 220 38 38;
--danger-700: 185 28 28;
--danger-800: 153 27 27;
--danger-900: 127 29 29;
--danger-950: 69 10 10;
--warn-50: 255 251 235;
--warn-100: 254 243 199;
--warn-200: 253 230 138;
--warn-300: 252 211 77;
--warn-400: 251 191 36;
--warn-500: 245 158 11;
--warn-600: 217 119 6;
--warn-700: 180 83 9;
--warn-800: 146 64 14;
--warn-900: 120 53 15;
--warn-950: 69 26 3;
--success-50: 240 253 244;
--success-100: 220 252 231;
--success-200: 187 247 208;
--success-300: 134 239 172;
--success-400: 74 222 128;
--success-500: 34 197 94;
--success-600: 22 163 74;
--success-700: 21 128 61;
--success-800: 22 101 52;
--success-900: 20 83 45;
--success-950: 5 46 22;
--color_upovhrud-50: 251 247 252;
--color_upovhrud-100: 242 230 246;
--color_upovhrud-200: 231 209 237;
--color_upovhrud-300: 213 172 224;
--color_upovhrud-400: 202 153 216;
--color_upovhrud-500: 193 133 209;
--color_upovhrud-600: 150 65 173;
--color_upovhrud-700: 127 55 146;
--color_upovhrud-800: 104 46 121;
--color_upovhrud-900: 67 29 78;
--color_upovhrud-950: 45 20 52;
--color_bf0jyrdd-50: 253 248 252;
--color_bf0jyrdd-100: 248 234 244;
--color_bf0jyrdd-200: 240 211 231;
--color_bf0jyrdd-300: 227 175 210;
--color_bf0jyrdd-400: 210 142 190;
--color_bf0jyrdd-500: 187 108 174;
--color_bf0jyrdd-600: 158 67 154;
--color_bf0jyrdd-700: 132 53 127;
--color_bf0jyrdd-800: 108 44 104;
--color_bf0jyrdd-900: 77 33 76;
--color_bf0jyrdd-950: 50 16 47;
--color_jpfshcvb-50: 247 248 253;
--color_jpfshcvb-100: 235 238 250;
--color_jpfshcvb-200: 217 222 244;
--color_jpfshcvb-300: 184 192 230;
--color_jpfshcvb-400: 143 157 214;
--color_jpfshcvb-500: 105 120 195;
--color_jpfshcvb-600: 79 93 175;
--color_jpfshcvb-700: 59 77 161;
--color_jpfshcvb-800: 48 63 131;
--color_jpfshcvb-900: 39 52 102;
--color_jpfshcvb-950: 22 29 61;
--color_a7a2ya3x-50: 245 251 251;
--color_a7a2ya3x-100: 231 245 245;
--color_a7a2ya3x-200: 207 234 235;
--color_a7a2ya3x-300: 170 217 220;
--color_a7a2ya3x-400: 123 194 199;
--color_a7a2ya3x-500: 84 164 172;
--color_a7a2ya3x-600: 67 139 150;
--color_a7a2ya3x-700: 57 114 126;
--color_a7a2ya3x-800: 51 94 104;
--color_a7a2ya3x-900: 46 80 89;
--color_a7a2ya3x-950: 25 47 54;
--color_bolhbrje-50: 248 247 251;
--color_bolhbrje-100: 239 237 245;
--color_bolhbrje-200: 219 215 232;
--color_bolhbrje-300: 187 180 209;
--color_bolhbrje-400: 149 139 179;
--color_bolhbrje-500: 116 104 144;
--color_bolhbrje-600: 89 78 118;
--color_bolhbrje-700: 68 58 97;
--color_bolhbrje-800: 49 41 77;
--color_bolhbrje-900: 33 26 62;
--color_bolhbrje-950: 18 12 52;
--theme-50: 253 248 252;
--theme-100: 248 234 244;
--theme-200: 240 211 231;
--theme-300: 227 175 210;
--theme-400: 210 142 190;
--theme-500: 187 108 174;
--theme-600: 158 67 154;
--theme-700: 132 53 127;
--theme-800: 108 44 104;
--theme-900: 77 33 76;
--theme-950: 50 16 47;

              }

              .text-color_upovhrud-50,
.hover-text-color_upovhrud-50:hover,
.group:hover .group-hover-text-color_upovhrud-50,
.dark .dark-text-color_upovhrud-50,
.dark .dark-hover-text-color_upovhrud-50:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-50 { color: rgb(var(--color_upovhrud-50)); }
.bg-color_upovhrud-50,
.hover-bg-color_upovhrud-50:hover,
.group:hover .group-hover-bg-color_upovhrud-50,
.dark .dark-bg-color_upovhrud-50,
.dark .dark-hover-bg-color_upovhrud-50:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-50 { background-color: rgb(var(--color_upovhrud-50)); }
.fill-color_upovhrud-50,
.hover-fill-color_upovhrud-50:hover,
.group:hover .group-hover-fill-color_upovhrud-50,
.dark .dark-fill-color_upovhrud-50,
.dark .dark-hover-fill-color_upovhrud-50:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-50 { fill: rgb(var(--color_upovhrud-50)); }
.border-color_upovhrud-50,
.hover-border-color_upovhrud-50:hover,
.group:hover .group-hover-border-color_upovhrud-50,
.dark .dark-border-color_upovhrud-50,
.dark .dark-hover-border-color_upovhrud-50:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-50 { border-color: rgb(var(--color_upovhrud-50)); }
.text-color_upovhrud-100,
.hover-text-color_upovhrud-100:hover,
.group:hover .group-hover-text-color_upovhrud-100,
.dark .dark-text-color_upovhrud-100,
.dark .dark-hover-text-color_upovhrud-100:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-100 { color: rgb(var(--color_upovhrud-100)); }
.bg-color_upovhrud-100,
.hover-bg-color_upovhrud-100:hover,
.group:hover .group-hover-bg-color_upovhrud-100,
.dark .dark-bg-color_upovhrud-100,
.dark .dark-hover-bg-color_upovhrud-100:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-100 { background-color: rgb(var(--color_upovhrud-100)); }
.fill-color_upovhrud-100,
.hover-fill-color_upovhrud-100:hover,
.group:hover .group-hover-fill-color_upovhrud-100,
.dark .dark-fill-color_upovhrud-100,
.dark .dark-hover-fill-color_upovhrud-100:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-100 { fill: rgb(var(--color_upovhrud-100)); }
.border-color_upovhrud-100,
.hover-border-color_upovhrud-100:hover,
.group:hover .group-hover-border-color_upovhrud-100,
.dark .dark-border-color_upovhrud-100,
.dark .dark-hover-border-color_upovhrud-100:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-100 { border-color: rgb(var(--color_upovhrud-100)); }
.text-color_upovhrud-200,
.hover-text-color_upovhrud-200:hover,
.group:hover .group-hover-text-color_upovhrud-200,
.dark .dark-text-color_upovhrud-200,
.dark .dark-hover-text-color_upovhrud-200:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-200 { color: rgb(var(--color_upovhrud-200)); }
.bg-color_upovhrud-200,
.hover-bg-color_upovhrud-200:hover,
.group:hover .group-hover-bg-color_upovhrud-200,
.dark .dark-bg-color_upovhrud-200,
.dark .dark-hover-bg-color_upovhrud-200:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-200 { background-color: rgb(var(--color_upovhrud-200)); }
.fill-color_upovhrud-200,
.hover-fill-color_upovhrud-200:hover,
.group:hover .group-hover-fill-color_upovhrud-200,
.dark .dark-fill-color_upovhrud-200,
.dark .dark-hover-fill-color_upovhrud-200:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-200 { fill: rgb(var(--color_upovhrud-200)); }
.border-color_upovhrud-200,
.hover-border-color_upovhrud-200:hover,
.group:hover .group-hover-border-color_upovhrud-200,
.dark .dark-border-color_upovhrud-200,
.dark .dark-hover-border-color_upovhrud-200:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-200 { border-color: rgb(var(--color_upovhrud-200)); }
.text-color_upovhrud-300,
.hover-text-color_upovhrud-300:hover,
.group:hover .group-hover-text-color_upovhrud-300,
.dark .dark-text-color_upovhrud-300,
.dark .dark-hover-text-color_upovhrud-300:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-300 { color: rgb(var(--color_upovhrud-300)); }
.bg-color_upovhrud-300,
.hover-bg-color_upovhrud-300:hover,
.group:hover .group-hover-bg-color_upovhrud-300,
.dark .dark-bg-color_upovhrud-300,
.dark .dark-hover-bg-color_upovhrud-300:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-300 { background-color: rgb(var(--color_upovhrud-300)); }
.fill-color_upovhrud-300,
.hover-fill-color_upovhrud-300:hover,
.group:hover .group-hover-fill-color_upovhrud-300,
.dark .dark-fill-color_upovhrud-300,
.dark .dark-hover-fill-color_upovhrud-300:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-300 { fill: rgb(var(--color_upovhrud-300)); }
.border-color_upovhrud-300,
.hover-border-color_upovhrud-300:hover,
.group:hover .group-hover-border-color_upovhrud-300,
.dark .dark-border-color_upovhrud-300,
.dark .dark-hover-border-color_upovhrud-300:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-300 { border-color: rgb(var(--color_upovhrud-300)); }
.text-color_upovhrud-400,
.hover-text-color_upovhrud-400:hover,
.group:hover .group-hover-text-color_upovhrud-400,
.dark .dark-text-color_upovhrud-400,
.dark .dark-hover-text-color_upovhrud-400:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-400 { color: rgb(var(--color_upovhrud-400)); }
.bg-color_upovhrud-400,
.hover-bg-color_upovhrud-400:hover,
.group:hover .group-hover-bg-color_upovhrud-400,
.dark .dark-bg-color_upovhrud-400,
.dark .dark-hover-bg-color_upovhrud-400:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-400 { background-color: rgb(var(--color_upovhrud-400)); }
.fill-color_upovhrud-400,
.hover-fill-color_upovhrud-400:hover,
.group:hover .group-hover-fill-color_upovhrud-400,
.dark .dark-fill-color_upovhrud-400,
.dark .dark-hover-fill-color_upovhrud-400:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-400 { fill: rgb(var(--color_upovhrud-400)); }
.border-color_upovhrud-400,
.hover-border-color_upovhrud-400:hover,
.group:hover .group-hover-border-color_upovhrud-400,
.dark .dark-border-color_upovhrud-400,
.dark .dark-hover-border-color_upovhrud-400:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-400 { border-color: rgb(var(--color_upovhrud-400)); }
.text-color_upovhrud-500,
.hover-text-color_upovhrud-500:hover,
.group:hover .group-hover-text-color_upovhrud-500,
.dark .dark-text-color_upovhrud-500,
.dark .dark-hover-text-color_upovhrud-500:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-500 { color: rgb(var(--color_upovhrud-500)); }
.bg-color_upovhrud-500,
.hover-bg-color_upovhrud-500:hover,
.group:hover .group-hover-bg-color_upovhrud-500,
.dark .dark-bg-color_upovhrud-500,
.dark .dark-hover-bg-color_upovhrud-500:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-500 { background-color: rgb(var(--color_upovhrud-500)); }
.fill-color_upovhrud-500,
.hover-fill-color_upovhrud-500:hover,
.group:hover .group-hover-fill-color_upovhrud-500,
.dark .dark-fill-color_upovhrud-500,
.dark .dark-hover-fill-color_upovhrud-500:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-500 { fill: rgb(var(--color_upovhrud-500)); }
.border-color_upovhrud-500,
.hover-border-color_upovhrud-500:hover,
.group:hover .group-hover-border-color_upovhrud-500,
.dark .dark-border-color_upovhrud-500,
.dark .dark-hover-border-color_upovhrud-500:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-500 { border-color: rgb(var(--color_upovhrud-500)); }
.text-color_upovhrud-600,
.hover-text-color_upovhrud-600:hover,
.group:hover .group-hover-text-color_upovhrud-600,
.dark .dark-text-color_upovhrud-600,
.dark .dark-hover-text-color_upovhrud-600:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-600 { color: rgb(var(--color_upovhrud-600)); }
.bg-color_upovhrud-600,
.hover-bg-color_upovhrud-600:hover,
.group:hover .group-hover-bg-color_upovhrud-600,
.dark .dark-bg-color_upovhrud-600,
.dark .dark-hover-bg-color_upovhrud-600:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-600 { background-color: rgb(var(--color_upovhrud-600)); }
.fill-color_upovhrud-600,
.hover-fill-color_upovhrud-600:hover,
.group:hover .group-hover-fill-color_upovhrud-600,
.dark .dark-fill-color_upovhrud-600,
.dark .dark-hover-fill-color_upovhrud-600:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-600 { fill: rgb(var(--color_upovhrud-600)); }
.border-color_upovhrud-600,
.hover-border-color_upovhrud-600:hover,
.group:hover .group-hover-border-color_upovhrud-600,
.dark .dark-border-color_upovhrud-600,
.dark .dark-hover-border-color_upovhrud-600:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-600 { border-color: rgb(var(--color_upovhrud-600)); }
.text-color_upovhrud-700,
.hover-text-color_upovhrud-700:hover,
.group:hover .group-hover-text-color_upovhrud-700,
.dark .dark-text-color_upovhrud-700,
.dark .dark-hover-text-color_upovhrud-700:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-700 { color: rgb(var(--color_upovhrud-700)); }
.bg-color_upovhrud-700,
.hover-bg-color_upovhrud-700:hover,
.group:hover .group-hover-bg-color_upovhrud-700,
.dark .dark-bg-color_upovhrud-700,
.dark .dark-hover-bg-color_upovhrud-700:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-700 { background-color: rgb(var(--color_upovhrud-700)); }
.fill-color_upovhrud-700,
.hover-fill-color_upovhrud-700:hover,
.group:hover .group-hover-fill-color_upovhrud-700,
.dark .dark-fill-color_upovhrud-700,
.dark .dark-hover-fill-color_upovhrud-700:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-700 { fill: rgb(var(--color_upovhrud-700)); }
.border-color_upovhrud-700,
.hover-border-color_upovhrud-700:hover,
.group:hover .group-hover-border-color_upovhrud-700,
.dark .dark-border-color_upovhrud-700,
.dark .dark-hover-border-color_upovhrud-700:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-700 { border-color: rgb(var(--color_upovhrud-700)); }
.text-color_upovhrud-800,
.hover-text-color_upovhrud-800:hover,
.group:hover .group-hover-text-color_upovhrud-800,
.dark .dark-text-color_upovhrud-800,
.dark .dark-hover-text-color_upovhrud-800:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-800 { color: rgb(var(--color_upovhrud-800)); }
.bg-color_upovhrud-800,
.hover-bg-color_upovhrud-800:hover,
.group:hover .group-hover-bg-color_upovhrud-800,
.dark .dark-bg-color_upovhrud-800,
.dark .dark-hover-bg-color_upovhrud-800:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-800 { background-color: rgb(var(--color_upovhrud-800)); }
.fill-color_upovhrud-800,
.hover-fill-color_upovhrud-800:hover,
.group:hover .group-hover-fill-color_upovhrud-800,
.dark .dark-fill-color_upovhrud-800,
.dark .dark-hover-fill-color_upovhrud-800:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-800 { fill: rgb(var(--color_upovhrud-800)); }
.border-color_upovhrud-800,
.hover-border-color_upovhrud-800:hover,
.group:hover .group-hover-border-color_upovhrud-800,
.dark .dark-border-color_upovhrud-800,
.dark .dark-hover-border-color_upovhrud-800:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-800 { border-color: rgb(var(--color_upovhrud-800)); }
.text-color_upovhrud-900,
.hover-text-color_upovhrud-900:hover,
.group:hover .group-hover-text-color_upovhrud-900,
.dark .dark-text-color_upovhrud-900,
.dark .dark-hover-text-color_upovhrud-900:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-900 { color: rgb(var(--color_upovhrud-900)); }
.bg-color_upovhrud-900,
.hover-bg-color_upovhrud-900:hover,
.group:hover .group-hover-bg-color_upovhrud-900,
.dark .dark-bg-color_upovhrud-900,
.dark .dark-hover-bg-color_upovhrud-900:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-900 { background-color: rgb(var(--color_upovhrud-900)); }
.fill-color_upovhrud-900,
.hover-fill-color_upovhrud-900:hover,
.group:hover .group-hover-fill-color_upovhrud-900,
.dark .dark-fill-color_upovhrud-900,
.dark .dark-hover-fill-color_upovhrud-900:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-900 { fill: rgb(var(--color_upovhrud-900)); }
.border-color_upovhrud-900,
.hover-border-color_upovhrud-900:hover,
.group:hover .group-hover-border-color_upovhrud-900,
.dark .dark-border-color_upovhrud-900,
.dark .dark-hover-border-color_upovhrud-900:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-900 { border-color: rgb(var(--color_upovhrud-900)); }
.text-color_upovhrud-950,
.hover-text-color_upovhrud-950:hover,
.group:hover .group-hover-text-color_upovhrud-950,
.dark .dark-text-color_upovhrud-950,
.dark .dark-hover-text-color_upovhrud-950:hover,
.dark .group:hover .group-dark-hover-text-color_upovhrud-950 { color: rgb(var(--color_upovhrud-950)); }
.bg-color_upovhrud-950,
.hover-bg-color_upovhrud-950:hover,
.group:hover .group-hover-bg-color_upovhrud-950,
.dark .dark-bg-color_upovhrud-950,
.dark .dark-hover-bg-color_upovhrud-950:hover,
.dark .group:hover .group-dark-hover-bg-color_upovhrud-950 { background-color: rgb(var(--color_upovhrud-950)); }
.fill-color_upovhrud-950,
.hover-fill-color_upovhrud-950:hover,
.group:hover .group-hover-fill-color_upovhrud-950,
.dark .dark-fill-color_upovhrud-950,
.dark .dark-hover-fill-color_upovhrud-950:hover,
.dark .group:hover .group-dark-hover-fill-color_upovhrud-950 { fill: rgb(var(--color_upovhrud-950)); }
.border-color_upovhrud-950,
.hover-border-color_upovhrud-950:hover,
.group:hover .group-hover-border-color_upovhrud-950,
.dark .dark-border-color_upovhrud-950,
.dark .dark-hover-border-color_upovhrud-950:hover,
.dark .group:hover .group-dark-hover-border-color_upovhrud-950 { border-color: rgb(var(--color_upovhrud-950)); }
.text-color_bf0jyrdd-50,
.hover-text-color_bf0jyrdd-50:hover,
.group:hover .group-hover-text-color_bf0jyrdd-50,
.dark .dark-text-color_bf0jyrdd-50,
.dark .dark-hover-text-color_bf0jyrdd-50:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-50 { color: rgb(var(--color_bf0jyrdd-50)); }
.bg-color_bf0jyrdd-50,
.hover-bg-color_bf0jyrdd-50:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-50,
.dark .dark-bg-color_bf0jyrdd-50,
.dark .dark-hover-bg-color_bf0jyrdd-50:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-50 { background-color: rgb(var(--color_bf0jyrdd-50)); }
.fill-color_bf0jyrdd-50,
.hover-fill-color_bf0jyrdd-50:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-50,
.dark .dark-fill-color_bf0jyrdd-50,
.dark .dark-hover-fill-color_bf0jyrdd-50:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-50 { fill: rgb(var(--color_bf0jyrdd-50)); }
.border-color_bf0jyrdd-50,
.hover-border-color_bf0jyrdd-50:hover,
.group:hover .group-hover-border-color_bf0jyrdd-50,
.dark .dark-border-color_bf0jyrdd-50,
.dark .dark-hover-border-color_bf0jyrdd-50:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-50 { border-color: rgb(var(--color_bf0jyrdd-50)); }
.text-color_bf0jyrdd-100,
.hover-text-color_bf0jyrdd-100:hover,
.group:hover .group-hover-text-color_bf0jyrdd-100,
.dark .dark-text-color_bf0jyrdd-100,
.dark .dark-hover-text-color_bf0jyrdd-100:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-100 { color: rgb(var(--color_bf0jyrdd-100)); }
.bg-color_bf0jyrdd-100,
.hover-bg-color_bf0jyrdd-100:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-100,
.dark .dark-bg-color_bf0jyrdd-100,
.dark .dark-hover-bg-color_bf0jyrdd-100:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-100 { background-color: rgb(var(--color_bf0jyrdd-100)); }
.fill-color_bf0jyrdd-100,
.hover-fill-color_bf0jyrdd-100:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-100,
.dark .dark-fill-color_bf0jyrdd-100,
.dark .dark-hover-fill-color_bf0jyrdd-100:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-100 { fill: rgb(var(--color_bf0jyrdd-100)); }
.border-color_bf0jyrdd-100,
.hover-border-color_bf0jyrdd-100:hover,
.group:hover .group-hover-border-color_bf0jyrdd-100,
.dark .dark-border-color_bf0jyrdd-100,
.dark .dark-hover-border-color_bf0jyrdd-100:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-100 { border-color: rgb(var(--color_bf0jyrdd-100)); }
.text-color_bf0jyrdd-200,
.hover-text-color_bf0jyrdd-200:hover,
.group:hover .group-hover-text-color_bf0jyrdd-200,
.dark .dark-text-color_bf0jyrdd-200,
.dark .dark-hover-text-color_bf0jyrdd-200:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-200 { color: rgb(var(--color_bf0jyrdd-200)); }
.bg-color_bf0jyrdd-200,
.hover-bg-color_bf0jyrdd-200:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-200,
.dark .dark-bg-color_bf0jyrdd-200,
.dark .dark-hover-bg-color_bf0jyrdd-200:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-200 { background-color: rgb(var(--color_bf0jyrdd-200)); }
.fill-color_bf0jyrdd-200,
.hover-fill-color_bf0jyrdd-200:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-200,
.dark .dark-fill-color_bf0jyrdd-200,
.dark .dark-hover-fill-color_bf0jyrdd-200:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-200 { fill: rgb(var(--color_bf0jyrdd-200)); }
.border-color_bf0jyrdd-200,
.hover-border-color_bf0jyrdd-200:hover,
.group:hover .group-hover-border-color_bf0jyrdd-200,
.dark .dark-border-color_bf0jyrdd-200,
.dark .dark-hover-border-color_bf0jyrdd-200:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-200 { border-color: rgb(var(--color_bf0jyrdd-200)); }
.text-color_bf0jyrdd-300,
.hover-text-color_bf0jyrdd-300:hover,
.group:hover .group-hover-text-color_bf0jyrdd-300,
.dark .dark-text-color_bf0jyrdd-300,
.dark .dark-hover-text-color_bf0jyrdd-300:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-300 { color: rgb(var(--color_bf0jyrdd-300)); }
.bg-color_bf0jyrdd-300,
.hover-bg-color_bf0jyrdd-300:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-300,
.dark .dark-bg-color_bf0jyrdd-300,
.dark .dark-hover-bg-color_bf0jyrdd-300:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-300 { background-color: rgb(var(--color_bf0jyrdd-300)); }
.fill-color_bf0jyrdd-300,
.hover-fill-color_bf0jyrdd-300:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-300,
.dark .dark-fill-color_bf0jyrdd-300,
.dark .dark-hover-fill-color_bf0jyrdd-300:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-300 { fill: rgb(var(--color_bf0jyrdd-300)); }
.border-color_bf0jyrdd-300,
.hover-border-color_bf0jyrdd-300:hover,
.group:hover .group-hover-border-color_bf0jyrdd-300,
.dark .dark-border-color_bf0jyrdd-300,
.dark .dark-hover-border-color_bf0jyrdd-300:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-300 { border-color: rgb(var(--color_bf0jyrdd-300)); }
.text-color_bf0jyrdd-400,
.hover-text-color_bf0jyrdd-400:hover,
.group:hover .group-hover-text-color_bf0jyrdd-400,
.dark .dark-text-color_bf0jyrdd-400,
.dark .dark-hover-text-color_bf0jyrdd-400:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-400 { color: rgb(var(--color_bf0jyrdd-400)); }
.bg-color_bf0jyrdd-400,
.hover-bg-color_bf0jyrdd-400:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-400,
.dark .dark-bg-color_bf0jyrdd-400,
.dark .dark-hover-bg-color_bf0jyrdd-400:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-400 { background-color: rgb(var(--color_bf0jyrdd-400)); }
.fill-color_bf0jyrdd-400,
.hover-fill-color_bf0jyrdd-400:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-400,
.dark .dark-fill-color_bf0jyrdd-400,
.dark .dark-hover-fill-color_bf0jyrdd-400:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-400 { fill: rgb(var(--color_bf0jyrdd-400)); }
.border-color_bf0jyrdd-400,
.hover-border-color_bf0jyrdd-400:hover,
.group:hover .group-hover-border-color_bf0jyrdd-400,
.dark .dark-border-color_bf0jyrdd-400,
.dark .dark-hover-border-color_bf0jyrdd-400:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-400 { border-color: rgb(var(--color_bf0jyrdd-400)); }
.text-color_bf0jyrdd-500,
.hover-text-color_bf0jyrdd-500:hover,
.group:hover .group-hover-text-color_bf0jyrdd-500,
.dark .dark-text-color_bf0jyrdd-500,
.dark .dark-hover-text-color_bf0jyrdd-500:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-500 { color: rgb(var(--color_bf0jyrdd-500)); }
.bg-color_bf0jyrdd-500,
.hover-bg-color_bf0jyrdd-500:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-500,
.dark .dark-bg-color_bf0jyrdd-500,
.dark .dark-hover-bg-color_bf0jyrdd-500:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-500 { background-color: rgb(var(--color_bf0jyrdd-500)); }
.fill-color_bf0jyrdd-500,
.hover-fill-color_bf0jyrdd-500:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-500,
.dark .dark-fill-color_bf0jyrdd-500,
.dark .dark-hover-fill-color_bf0jyrdd-500:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-500 { fill: rgb(var(--color_bf0jyrdd-500)); }
.border-color_bf0jyrdd-500,
.hover-border-color_bf0jyrdd-500:hover,
.group:hover .group-hover-border-color_bf0jyrdd-500,
.dark .dark-border-color_bf0jyrdd-500,
.dark .dark-hover-border-color_bf0jyrdd-500:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-500 { border-color: rgb(var(--color_bf0jyrdd-500)); }
.text-color_bf0jyrdd-600,
.hover-text-color_bf0jyrdd-600:hover,
.group:hover .group-hover-text-color_bf0jyrdd-600,
.dark .dark-text-color_bf0jyrdd-600,
.dark .dark-hover-text-color_bf0jyrdd-600:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-600 { color: rgb(var(--color_bf0jyrdd-600)); }
.bg-color_bf0jyrdd-600,
.hover-bg-color_bf0jyrdd-600:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-600,
.dark .dark-bg-color_bf0jyrdd-600,
.dark .dark-hover-bg-color_bf0jyrdd-600:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-600 { background-color: rgb(var(--color_bf0jyrdd-600)); }
.fill-color_bf0jyrdd-600,
.hover-fill-color_bf0jyrdd-600:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-600,
.dark .dark-fill-color_bf0jyrdd-600,
.dark .dark-hover-fill-color_bf0jyrdd-600:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-600 { fill: rgb(var(--color_bf0jyrdd-600)); }
.border-color_bf0jyrdd-600,
.hover-border-color_bf0jyrdd-600:hover,
.group:hover .group-hover-border-color_bf0jyrdd-600,
.dark .dark-border-color_bf0jyrdd-600,
.dark .dark-hover-border-color_bf0jyrdd-600:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-600 { border-color: rgb(var(--color_bf0jyrdd-600)); }
.text-color_bf0jyrdd-700,
.hover-text-color_bf0jyrdd-700:hover,
.group:hover .group-hover-text-color_bf0jyrdd-700,
.dark .dark-text-color_bf0jyrdd-700,
.dark .dark-hover-text-color_bf0jyrdd-700:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-700 { color: rgb(var(--color_bf0jyrdd-700)); }
.bg-color_bf0jyrdd-700,
.hover-bg-color_bf0jyrdd-700:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-700,
.dark .dark-bg-color_bf0jyrdd-700,
.dark .dark-hover-bg-color_bf0jyrdd-700:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-700 { background-color: rgb(var(--color_bf0jyrdd-700)); }
.fill-color_bf0jyrdd-700,
.hover-fill-color_bf0jyrdd-700:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-700,
.dark .dark-fill-color_bf0jyrdd-700,
.dark .dark-hover-fill-color_bf0jyrdd-700:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-700 { fill: rgb(var(--color_bf0jyrdd-700)); }
.border-color_bf0jyrdd-700,
.hover-border-color_bf0jyrdd-700:hover,
.group:hover .group-hover-border-color_bf0jyrdd-700,
.dark .dark-border-color_bf0jyrdd-700,
.dark .dark-hover-border-color_bf0jyrdd-700:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-700 { border-color: rgb(var(--color_bf0jyrdd-700)); }
.text-color_bf0jyrdd-800,
.hover-text-color_bf0jyrdd-800:hover,
.group:hover .group-hover-text-color_bf0jyrdd-800,
.dark .dark-text-color_bf0jyrdd-800,
.dark .dark-hover-text-color_bf0jyrdd-800:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-800 { color: rgb(var(--color_bf0jyrdd-800)); }
.bg-color_bf0jyrdd-800,
.hover-bg-color_bf0jyrdd-800:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-800,
.dark .dark-bg-color_bf0jyrdd-800,
.dark .dark-hover-bg-color_bf0jyrdd-800:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-800 { background-color: rgb(var(--color_bf0jyrdd-800)); }
.fill-color_bf0jyrdd-800,
.hover-fill-color_bf0jyrdd-800:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-800,
.dark .dark-fill-color_bf0jyrdd-800,
.dark .dark-hover-fill-color_bf0jyrdd-800:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-800 { fill: rgb(var(--color_bf0jyrdd-800)); }
.border-color_bf0jyrdd-800,
.hover-border-color_bf0jyrdd-800:hover,
.group:hover .group-hover-border-color_bf0jyrdd-800,
.dark .dark-border-color_bf0jyrdd-800,
.dark .dark-hover-border-color_bf0jyrdd-800:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-800 { border-color: rgb(var(--color_bf0jyrdd-800)); }
.text-color_bf0jyrdd-900,
.hover-text-color_bf0jyrdd-900:hover,
.group:hover .group-hover-text-color_bf0jyrdd-900,
.dark .dark-text-color_bf0jyrdd-900,
.dark .dark-hover-text-color_bf0jyrdd-900:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-900 { color: rgb(var(--color_bf0jyrdd-900)); }
.bg-color_bf0jyrdd-900,
.hover-bg-color_bf0jyrdd-900:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-900,
.dark .dark-bg-color_bf0jyrdd-900,
.dark .dark-hover-bg-color_bf0jyrdd-900:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-900 { background-color: rgb(var(--color_bf0jyrdd-900)); }
.fill-color_bf0jyrdd-900,
.hover-fill-color_bf0jyrdd-900:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-900,
.dark .dark-fill-color_bf0jyrdd-900,
.dark .dark-hover-fill-color_bf0jyrdd-900:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-900 { fill: rgb(var(--color_bf0jyrdd-900)); }
.border-color_bf0jyrdd-900,
.hover-border-color_bf0jyrdd-900:hover,
.group:hover .group-hover-border-color_bf0jyrdd-900,
.dark .dark-border-color_bf0jyrdd-900,
.dark .dark-hover-border-color_bf0jyrdd-900:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-900 { border-color: rgb(var(--color_bf0jyrdd-900)); }
.text-color_bf0jyrdd-950,
.hover-text-color_bf0jyrdd-950:hover,
.group:hover .group-hover-text-color_bf0jyrdd-950,
.dark .dark-text-color_bf0jyrdd-950,
.dark .dark-hover-text-color_bf0jyrdd-950:hover,
.dark .group:hover .group-dark-hover-text-color_bf0jyrdd-950 { color: rgb(var(--color_bf0jyrdd-950)); }
.bg-color_bf0jyrdd-950,
.hover-bg-color_bf0jyrdd-950:hover,
.group:hover .group-hover-bg-color_bf0jyrdd-950,
.dark .dark-bg-color_bf0jyrdd-950,
.dark .dark-hover-bg-color_bf0jyrdd-950:hover,
.dark .group:hover .group-dark-hover-bg-color_bf0jyrdd-950 { background-color: rgb(var(--color_bf0jyrdd-950)); }
.fill-color_bf0jyrdd-950,
.hover-fill-color_bf0jyrdd-950:hover,
.group:hover .group-hover-fill-color_bf0jyrdd-950,
.dark .dark-fill-color_bf0jyrdd-950,
.dark .dark-hover-fill-color_bf0jyrdd-950:hover,
.dark .group:hover .group-dark-hover-fill-color_bf0jyrdd-950 { fill: rgb(var(--color_bf0jyrdd-950)); }
.border-color_bf0jyrdd-950,
.hover-border-color_bf0jyrdd-950:hover,
.group:hover .group-hover-border-color_bf0jyrdd-950,
.dark .dark-border-color_bf0jyrdd-950,
.dark .dark-hover-border-color_bf0jyrdd-950:hover,
.dark .group:hover .group-dark-hover-border-color_bf0jyrdd-950 { border-color: rgb(var(--color_bf0jyrdd-950)); }
.text-color_jpfshcvb-50,
.hover-text-color_jpfshcvb-50:hover,
.group:hover .group-hover-text-color_jpfshcvb-50,
.dark .dark-text-color_jpfshcvb-50,
.dark .dark-hover-text-color_jpfshcvb-50:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-50 { color: rgb(var(--color_jpfshcvb-50)); }
.bg-color_jpfshcvb-50,
.hover-bg-color_jpfshcvb-50:hover,
.group:hover .group-hover-bg-color_jpfshcvb-50,
.dark .dark-bg-color_jpfshcvb-50,
.dark .dark-hover-bg-color_jpfshcvb-50:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-50 { background-color: rgb(var(--color_jpfshcvb-50)); }
.fill-color_jpfshcvb-50,
.hover-fill-color_jpfshcvb-50:hover,
.group:hover .group-hover-fill-color_jpfshcvb-50,
.dark .dark-fill-color_jpfshcvb-50,
.dark .dark-hover-fill-color_jpfshcvb-50:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-50 { fill: rgb(var(--color_jpfshcvb-50)); }
.border-color_jpfshcvb-50,
.hover-border-color_jpfshcvb-50:hover,
.group:hover .group-hover-border-color_jpfshcvb-50,
.dark .dark-border-color_jpfshcvb-50,
.dark .dark-hover-border-color_jpfshcvb-50:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-50 { border-color: rgb(var(--color_jpfshcvb-50)); }
.text-color_jpfshcvb-100,
.hover-text-color_jpfshcvb-100:hover,
.group:hover .group-hover-text-color_jpfshcvb-100,
.dark .dark-text-color_jpfshcvb-100,
.dark .dark-hover-text-color_jpfshcvb-100:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-100 { color: rgb(var(--color_jpfshcvb-100)); }
.bg-color_jpfshcvb-100,
.hover-bg-color_jpfshcvb-100:hover,
.group:hover .group-hover-bg-color_jpfshcvb-100,
.dark .dark-bg-color_jpfshcvb-100,
.dark .dark-hover-bg-color_jpfshcvb-100:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-100 { background-color: rgb(var(--color_jpfshcvb-100)); }
.fill-color_jpfshcvb-100,
.hover-fill-color_jpfshcvb-100:hover,
.group:hover .group-hover-fill-color_jpfshcvb-100,
.dark .dark-fill-color_jpfshcvb-100,
.dark .dark-hover-fill-color_jpfshcvb-100:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-100 { fill: rgb(var(--color_jpfshcvb-100)); }
.border-color_jpfshcvb-100,
.hover-border-color_jpfshcvb-100:hover,
.group:hover .group-hover-border-color_jpfshcvb-100,
.dark .dark-border-color_jpfshcvb-100,
.dark .dark-hover-border-color_jpfshcvb-100:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-100 { border-color: rgb(var(--color_jpfshcvb-100)); }
.text-color_jpfshcvb-200,
.hover-text-color_jpfshcvb-200:hover,
.group:hover .group-hover-text-color_jpfshcvb-200,
.dark .dark-text-color_jpfshcvb-200,
.dark .dark-hover-text-color_jpfshcvb-200:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-200 { color: rgb(var(--color_jpfshcvb-200)); }
.bg-color_jpfshcvb-200,
.hover-bg-color_jpfshcvb-200:hover,
.group:hover .group-hover-bg-color_jpfshcvb-200,
.dark .dark-bg-color_jpfshcvb-200,
.dark .dark-hover-bg-color_jpfshcvb-200:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-200 { background-color: rgb(var(--color_jpfshcvb-200)); }
.fill-color_jpfshcvb-200,
.hover-fill-color_jpfshcvb-200:hover,
.group:hover .group-hover-fill-color_jpfshcvb-200,
.dark .dark-fill-color_jpfshcvb-200,
.dark .dark-hover-fill-color_jpfshcvb-200:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-200 { fill: rgb(var(--color_jpfshcvb-200)); }
.border-color_jpfshcvb-200,
.hover-border-color_jpfshcvb-200:hover,
.group:hover .group-hover-border-color_jpfshcvb-200,
.dark .dark-border-color_jpfshcvb-200,
.dark .dark-hover-border-color_jpfshcvb-200:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-200 { border-color: rgb(var(--color_jpfshcvb-200)); }
.text-color_jpfshcvb-300,
.hover-text-color_jpfshcvb-300:hover,
.group:hover .group-hover-text-color_jpfshcvb-300,
.dark .dark-text-color_jpfshcvb-300,
.dark .dark-hover-text-color_jpfshcvb-300:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-300 { color: rgb(var(--color_jpfshcvb-300)); }
.bg-color_jpfshcvb-300,
.hover-bg-color_jpfshcvb-300:hover,
.group:hover .group-hover-bg-color_jpfshcvb-300,
.dark .dark-bg-color_jpfshcvb-300,
.dark .dark-hover-bg-color_jpfshcvb-300:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-300 { background-color: rgb(var(--color_jpfshcvb-300)); }
.fill-color_jpfshcvb-300,
.hover-fill-color_jpfshcvb-300:hover,
.group:hover .group-hover-fill-color_jpfshcvb-300,
.dark .dark-fill-color_jpfshcvb-300,
.dark .dark-hover-fill-color_jpfshcvb-300:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-300 { fill: rgb(var(--color_jpfshcvb-300)); }
.border-color_jpfshcvb-300,
.hover-border-color_jpfshcvb-300:hover,
.group:hover .group-hover-border-color_jpfshcvb-300,
.dark .dark-border-color_jpfshcvb-300,
.dark .dark-hover-border-color_jpfshcvb-300:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-300 { border-color: rgb(var(--color_jpfshcvb-300)); }
.text-color_jpfshcvb-400,
.hover-text-color_jpfshcvb-400:hover,
.group:hover .group-hover-text-color_jpfshcvb-400,
.dark .dark-text-color_jpfshcvb-400,
.dark .dark-hover-text-color_jpfshcvb-400:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-400 { color: rgb(var(--color_jpfshcvb-400)); }
.bg-color_jpfshcvb-400,
.hover-bg-color_jpfshcvb-400:hover,
.group:hover .group-hover-bg-color_jpfshcvb-400,
.dark .dark-bg-color_jpfshcvb-400,
.dark .dark-hover-bg-color_jpfshcvb-400:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-400 { background-color: rgb(var(--color_jpfshcvb-400)); }
.fill-color_jpfshcvb-400,
.hover-fill-color_jpfshcvb-400:hover,
.group:hover .group-hover-fill-color_jpfshcvb-400,
.dark .dark-fill-color_jpfshcvb-400,
.dark .dark-hover-fill-color_jpfshcvb-400:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-400 { fill: rgb(var(--color_jpfshcvb-400)); }
.border-color_jpfshcvb-400,
.hover-border-color_jpfshcvb-400:hover,
.group:hover .group-hover-border-color_jpfshcvb-400,
.dark .dark-border-color_jpfshcvb-400,
.dark .dark-hover-border-color_jpfshcvb-400:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-400 { border-color: rgb(var(--color_jpfshcvb-400)); }
.text-color_jpfshcvb-500,
.hover-text-color_jpfshcvb-500:hover,
.group:hover .group-hover-text-color_jpfshcvb-500,
.dark .dark-text-color_jpfshcvb-500,
.dark .dark-hover-text-color_jpfshcvb-500:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-500 { color: rgb(var(--color_jpfshcvb-500)); }
.bg-color_jpfshcvb-500,
.hover-bg-color_jpfshcvb-500:hover,
.group:hover .group-hover-bg-color_jpfshcvb-500,
.dark .dark-bg-color_jpfshcvb-500,
.dark .dark-hover-bg-color_jpfshcvb-500:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-500 { background-color: rgb(var(--color_jpfshcvb-500)); }
.fill-color_jpfshcvb-500,
.hover-fill-color_jpfshcvb-500:hover,
.group:hover .group-hover-fill-color_jpfshcvb-500,
.dark .dark-fill-color_jpfshcvb-500,
.dark .dark-hover-fill-color_jpfshcvb-500:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-500 { fill: rgb(var(--color_jpfshcvb-500)); }
.border-color_jpfshcvb-500,
.hover-border-color_jpfshcvb-500:hover,
.group:hover .group-hover-border-color_jpfshcvb-500,
.dark .dark-border-color_jpfshcvb-500,
.dark .dark-hover-border-color_jpfshcvb-500:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-500 { border-color: rgb(var(--color_jpfshcvb-500)); }
.text-color_jpfshcvb-600,
.hover-text-color_jpfshcvb-600:hover,
.group:hover .group-hover-text-color_jpfshcvb-600,
.dark .dark-text-color_jpfshcvb-600,
.dark .dark-hover-text-color_jpfshcvb-600:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-600 { color: rgb(var(--color_jpfshcvb-600)); }
.bg-color_jpfshcvb-600,
.hover-bg-color_jpfshcvb-600:hover,
.group:hover .group-hover-bg-color_jpfshcvb-600,
.dark .dark-bg-color_jpfshcvb-600,
.dark .dark-hover-bg-color_jpfshcvb-600:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-600 { background-color: rgb(var(--color_jpfshcvb-600)); }
.fill-color_jpfshcvb-600,
.hover-fill-color_jpfshcvb-600:hover,
.group:hover .group-hover-fill-color_jpfshcvb-600,
.dark .dark-fill-color_jpfshcvb-600,
.dark .dark-hover-fill-color_jpfshcvb-600:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-600 { fill: rgb(var(--color_jpfshcvb-600)); }
.border-color_jpfshcvb-600,
.hover-border-color_jpfshcvb-600:hover,
.group:hover .group-hover-border-color_jpfshcvb-600,
.dark .dark-border-color_jpfshcvb-600,
.dark .dark-hover-border-color_jpfshcvb-600:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-600 { border-color: rgb(var(--color_jpfshcvb-600)); }
.text-color_jpfshcvb-700,
.hover-text-color_jpfshcvb-700:hover,
.group:hover .group-hover-text-color_jpfshcvb-700,
.dark .dark-text-color_jpfshcvb-700,
.dark .dark-hover-text-color_jpfshcvb-700:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-700 { color: rgb(var(--color_jpfshcvb-700)); }
.bg-color_jpfshcvb-700,
.hover-bg-color_jpfshcvb-700:hover,
.group:hover .group-hover-bg-color_jpfshcvb-700,
.dark .dark-bg-color_jpfshcvb-700,
.dark .dark-hover-bg-color_jpfshcvb-700:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-700 { background-color: rgb(var(--color_jpfshcvb-700)); }
.fill-color_jpfshcvb-700,
.hover-fill-color_jpfshcvb-700:hover,
.group:hover .group-hover-fill-color_jpfshcvb-700,
.dark .dark-fill-color_jpfshcvb-700,
.dark .dark-hover-fill-color_jpfshcvb-700:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-700 { fill: rgb(var(--color_jpfshcvb-700)); }
.border-color_jpfshcvb-700,
.hover-border-color_jpfshcvb-700:hover,
.group:hover .group-hover-border-color_jpfshcvb-700,
.dark .dark-border-color_jpfshcvb-700,
.dark .dark-hover-border-color_jpfshcvb-700:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-700 { border-color: rgb(var(--color_jpfshcvb-700)); }
.text-color_jpfshcvb-800,
.hover-text-color_jpfshcvb-800:hover,
.group:hover .group-hover-text-color_jpfshcvb-800,
.dark .dark-text-color_jpfshcvb-800,
.dark .dark-hover-text-color_jpfshcvb-800:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-800 { color: rgb(var(--color_jpfshcvb-800)); }
.bg-color_jpfshcvb-800,
.hover-bg-color_jpfshcvb-800:hover,
.group:hover .group-hover-bg-color_jpfshcvb-800,
.dark .dark-bg-color_jpfshcvb-800,
.dark .dark-hover-bg-color_jpfshcvb-800:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-800 { background-color: rgb(var(--color_jpfshcvb-800)); }
.fill-color_jpfshcvb-800,
.hover-fill-color_jpfshcvb-800:hover,
.group:hover .group-hover-fill-color_jpfshcvb-800,
.dark .dark-fill-color_jpfshcvb-800,
.dark .dark-hover-fill-color_jpfshcvb-800:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-800 { fill: rgb(var(--color_jpfshcvb-800)); }
.border-color_jpfshcvb-800,
.hover-border-color_jpfshcvb-800:hover,
.group:hover .group-hover-border-color_jpfshcvb-800,
.dark .dark-border-color_jpfshcvb-800,
.dark .dark-hover-border-color_jpfshcvb-800:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-800 { border-color: rgb(var(--color_jpfshcvb-800)); }
.text-color_jpfshcvb-900,
.hover-text-color_jpfshcvb-900:hover,
.group:hover .group-hover-text-color_jpfshcvb-900,
.dark .dark-text-color_jpfshcvb-900,
.dark .dark-hover-text-color_jpfshcvb-900:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-900 { color: rgb(var(--color_jpfshcvb-900)); }
.bg-color_jpfshcvb-900,
.hover-bg-color_jpfshcvb-900:hover,
.group:hover .group-hover-bg-color_jpfshcvb-900,
.dark .dark-bg-color_jpfshcvb-900,
.dark .dark-hover-bg-color_jpfshcvb-900:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-900 { background-color: rgb(var(--color_jpfshcvb-900)); }
.fill-color_jpfshcvb-900,
.hover-fill-color_jpfshcvb-900:hover,
.group:hover .group-hover-fill-color_jpfshcvb-900,
.dark .dark-fill-color_jpfshcvb-900,
.dark .dark-hover-fill-color_jpfshcvb-900:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-900 { fill: rgb(var(--color_jpfshcvb-900)); }
.border-color_jpfshcvb-900,
.hover-border-color_jpfshcvb-900:hover,
.group:hover .group-hover-border-color_jpfshcvb-900,
.dark .dark-border-color_jpfshcvb-900,
.dark .dark-hover-border-color_jpfshcvb-900:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-900 { border-color: rgb(var(--color_jpfshcvb-900)); }
.text-color_jpfshcvb-950,
.hover-text-color_jpfshcvb-950:hover,
.group:hover .group-hover-text-color_jpfshcvb-950,
.dark .dark-text-color_jpfshcvb-950,
.dark .dark-hover-text-color_jpfshcvb-950:hover,
.dark .group:hover .group-dark-hover-text-color_jpfshcvb-950 { color: rgb(var(--color_jpfshcvb-950)); }
.bg-color_jpfshcvb-950,
.hover-bg-color_jpfshcvb-950:hover,
.group:hover .group-hover-bg-color_jpfshcvb-950,
.dark .dark-bg-color_jpfshcvb-950,
.dark .dark-hover-bg-color_jpfshcvb-950:hover,
.dark .group:hover .group-dark-hover-bg-color_jpfshcvb-950 { background-color: rgb(var(--color_jpfshcvb-950)); }
.fill-color_jpfshcvb-950,
.hover-fill-color_jpfshcvb-950:hover,
.group:hover .group-hover-fill-color_jpfshcvb-950,
.dark .dark-fill-color_jpfshcvb-950,
.dark .dark-hover-fill-color_jpfshcvb-950:hover,
.dark .group:hover .group-dark-hover-fill-color_jpfshcvb-950 { fill: rgb(var(--color_jpfshcvb-950)); }
.border-color_jpfshcvb-950,
.hover-border-color_jpfshcvb-950:hover,
.group:hover .group-hover-border-color_jpfshcvb-950,
.dark .dark-border-color_jpfshcvb-950,
.dark .dark-hover-border-color_jpfshcvb-950:hover,
.dark .group:hover .group-dark-hover-border-color_jpfshcvb-950 { border-color: rgb(var(--color_jpfshcvb-950)); }
.text-color_a7a2ya3x-50,
.hover-text-color_a7a2ya3x-50:hover,
.group:hover .group-hover-text-color_a7a2ya3x-50,
.dark .dark-text-color_a7a2ya3x-50,
.dark .dark-hover-text-color_a7a2ya3x-50:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-50 { color: rgb(var(--color_a7a2ya3x-50)); }
.bg-color_a7a2ya3x-50,
.hover-bg-color_a7a2ya3x-50:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-50,
.dark .dark-bg-color_a7a2ya3x-50,
.dark .dark-hover-bg-color_a7a2ya3x-50:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-50 { background-color: rgb(var(--color_a7a2ya3x-50)); }
.fill-color_a7a2ya3x-50,
.hover-fill-color_a7a2ya3x-50:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-50,
.dark .dark-fill-color_a7a2ya3x-50,
.dark .dark-hover-fill-color_a7a2ya3x-50:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-50 { fill: rgb(var(--color_a7a2ya3x-50)); }
.border-color_a7a2ya3x-50,
.hover-border-color_a7a2ya3x-50:hover,
.group:hover .group-hover-border-color_a7a2ya3x-50,
.dark .dark-border-color_a7a2ya3x-50,
.dark .dark-hover-border-color_a7a2ya3x-50:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-50 { border-color: rgb(var(--color_a7a2ya3x-50)); }
.text-color_a7a2ya3x-100,
.hover-text-color_a7a2ya3x-100:hover,
.group:hover .group-hover-text-color_a7a2ya3x-100,
.dark .dark-text-color_a7a2ya3x-100,
.dark .dark-hover-text-color_a7a2ya3x-100:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-100 { color: rgb(var(--color_a7a2ya3x-100)); }
.bg-color_a7a2ya3x-100,
.hover-bg-color_a7a2ya3x-100:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-100,
.dark .dark-bg-color_a7a2ya3x-100,
.dark .dark-hover-bg-color_a7a2ya3x-100:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-100 { background-color: rgb(var(--color_a7a2ya3x-100)); }
.fill-color_a7a2ya3x-100,
.hover-fill-color_a7a2ya3x-100:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-100,
.dark .dark-fill-color_a7a2ya3x-100,
.dark .dark-hover-fill-color_a7a2ya3x-100:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-100 { fill: rgb(var(--color_a7a2ya3x-100)); }
.border-color_a7a2ya3x-100,
.hover-border-color_a7a2ya3x-100:hover,
.group:hover .group-hover-border-color_a7a2ya3x-100,
.dark .dark-border-color_a7a2ya3x-100,
.dark .dark-hover-border-color_a7a2ya3x-100:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-100 { border-color: rgb(var(--color_a7a2ya3x-100)); }
.text-color_a7a2ya3x-200,
.hover-text-color_a7a2ya3x-200:hover,
.group:hover .group-hover-text-color_a7a2ya3x-200,
.dark .dark-text-color_a7a2ya3x-200,
.dark .dark-hover-text-color_a7a2ya3x-200:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-200 { color: rgb(var(--color_a7a2ya3x-200)); }
.bg-color_a7a2ya3x-200,
.hover-bg-color_a7a2ya3x-200:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-200,
.dark .dark-bg-color_a7a2ya3x-200,
.dark .dark-hover-bg-color_a7a2ya3x-200:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-200 { background-color: rgb(var(--color_a7a2ya3x-200)); }
.fill-color_a7a2ya3x-200,
.hover-fill-color_a7a2ya3x-200:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-200,
.dark .dark-fill-color_a7a2ya3x-200,
.dark .dark-hover-fill-color_a7a2ya3x-200:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-200 { fill: rgb(var(--color_a7a2ya3x-200)); }
.border-color_a7a2ya3x-200,
.hover-border-color_a7a2ya3x-200:hover,
.group:hover .group-hover-border-color_a7a2ya3x-200,
.dark .dark-border-color_a7a2ya3x-200,
.dark .dark-hover-border-color_a7a2ya3x-200:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-200 { border-color: rgb(var(--color_a7a2ya3x-200)); }
.text-color_a7a2ya3x-300,
.hover-text-color_a7a2ya3x-300:hover,
.group:hover .group-hover-text-color_a7a2ya3x-300,
.dark .dark-text-color_a7a2ya3x-300,
.dark .dark-hover-text-color_a7a2ya3x-300:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-300 { color: rgb(var(--color_a7a2ya3x-300)); }
.bg-color_a7a2ya3x-300,
.hover-bg-color_a7a2ya3x-300:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-300,
.dark .dark-bg-color_a7a2ya3x-300,
.dark .dark-hover-bg-color_a7a2ya3x-300:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-300 { background-color: rgb(var(--color_a7a2ya3x-300)); }
.fill-color_a7a2ya3x-300,
.hover-fill-color_a7a2ya3x-300:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-300,
.dark .dark-fill-color_a7a2ya3x-300,
.dark .dark-hover-fill-color_a7a2ya3x-300:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-300 { fill: rgb(var(--color_a7a2ya3x-300)); }
.border-color_a7a2ya3x-300,
.hover-border-color_a7a2ya3x-300:hover,
.group:hover .group-hover-border-color_a7a2ya3x-300,
.dark .dark-border-color_a7a2ya3x-300,
.dark .dark-hover-border-color_a7a2ya3x-300:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-300 { border-color: rgb(var(--color_a7a2ya3x-300)); }
.text-color_a7a2ya3x-400,
.hover-text-color_a7a2ya3x-400:hover,
.group:hover .group-hover-text-color_a7a2ya3x-400,
.dark .dark-text-color_a7a2ya3x-400,
.dark .dark-hover-text-color_a7a2ya3x-400:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-400 { color: rgb(var(--color_a7a2ya3x-400)); }
.bg-color_a7a2ya3x-400,
.hover-bg-color_a7a2ya3x-400:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-400,
.dark .dark-bg-color_a7a2ya3x-400,
.dark .dark-hover-bg-color_a7a2ya3x-400:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-400 { background-color: rgb(var(--color_a7a2ya3x-400)); }
.fill-color_a7a2ya3x-400,
.hover-fill-color_a7a2ya3x-400:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-400,
.dark .dark-fill-color_a7a2ya3x-400,
.dark .dark-hover-fill-color_a7a2ya3x-400:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-400 { fill: rgb(var(--color_a7a2ya3x-400)); }
.border-color_a7a2ya3x-400,
.hover-border-color_a7a2ya3x-400:hover,
.group:hover .group-hover-border-color_a7a2ya3x-400,
.dark .dark-border-color_a7a2ya3x-400,
.dark .dark-hover-border-color_a7a2ya3x-400:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-400 { border-color: rgb(var(--color_a7a2ya3x-400)); }
.text-color_a7a2ya3x-500,
.hover-text-color_a7a2ya3x-500:hover,
.group:hover .group-hover-text-color_a7a2ya3x-500,
.dark .dark-text-color_a7a2ya3x-500,
.dark .dark-hover-text-color_a7a2ya3x-500:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-500 { color: rgb(var(--color_a7a2ya3x-500)); }
.bg-color_a7a2ya3x-500,
.hover-bg-color_a7a2ya3x-500:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-500,
.dark .dark-bg-color_a7a2ya3x-500,
.dark .dark-hover-bg-color_a7a2ya3x-500:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-500 { background-color: rgb(var(--color_a7a2ya3x-500)); }
.fill-color_a7a2ya3x-500,
.hover-fill-color_a7a2ya3x-500:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-500,
.dark .dark-fill-color_a7a2ya3x-500,
.dark .dark-hover-fill-color_a7a2ya3x-500:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-500 { fill: rgb(var(--color_a7a2ya3x-500)); }
.border-color_a7a2ya3x-500,
.hover-border-color_a7a2ya3x-500:hover,
.group:hover .group-hover-border-color_a7a2ya3x-500,
.dark .dark-border-color_a7a2ya3x-500,
.dark .dark-hover-border-color_a7a2ya3x-500:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-500 { border-color: rgb(var(--color_a7a2ya3x-500)); }
.text-color_a7a2ya3x-600,
.hover-text-color_a7a2ya3x-600:hover,
.group:hover .group-hover-text-color_a7a2ya3x-600,
.dark .dark-text-color_a7a2ya3x-600,
.dark .dark-hover-text-color_a7a2ya3x-600:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-600 { color: rgb(var(--color_a7a2ya3x-600)); }
.bg-color_a7a2ya3x-600,
.hover-bg-color_a7a2ya3x-600:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-600,
.dark .dark-bg-color_a7a2ya3x-600,
.dark .dark-hover-bg-color_a7a2ya3x-600:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-600 { background-color: rgb(var(--color_a7a2ya3x-600)); }
.fill-color_a7a2ya3x-600,
.hover-fill-color_a7a2ya3x-600:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-600,
.dark .dark-fill-color_a7a2ya3x-600,
.dark .dark-hover-fill-color_a7a2ya3x-600:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-600 { fill: rgb(var(--color_a7a2ya3x-600)); }
.border-color_a7a2ya3x-600,
.hover-border-color_a7a2ya3x-600:hover,
.group:hover .group-hover-border-color_a7a2ya3x-600,
.dark .dark-border-color_a7a2ya3x-600,
.dark .dark-hover-border-color_a7a2ya3x-600:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-600 { border-color: rgb(var(--color_a7a2ya3x-600)); }
.text-color_a7a2ya3x-700,
.hover-text-color_a7a2ya3x-700:hover,
.group:hover .group-hover-text-color_a7a2ya3x-700,
.dark .dark-text-color_a7a2ya3x-700,
.dark .dark-hover-text-color_a7a2ya3x-700:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-700 { color: rgb(var(--color_a7a2ya3x-700)); }
.bg-color_a7a2ya3x-700,
.hover-bg-color_a7a2ya3x-700:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-700,
.dark .dark-bg-color_a7a2ya3x-700,
.dark .dark-hover-bg-color_a7a2ya3x-700:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-700 { background-color: rgb(var(--color_a7a2ya3x-700)); }
.fill-color_a7a2ya3x-700,
.hover-fill-color_a7a2ya3x-700:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-700,
.dark .dark-fill-color_a7a2ya3x-700,
.dark .dark-hover-fill-color_a7a2ya3x-700:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-700 { fill: rgb(var(--color_a7a2ya3x-700)); }
.border-color_a7a2ya3x-700,
.hover-border-color_a7a2ya3x-700:hover,
.group:hover .group-hover-border-color_a7a2ya3x-700,
.dark .dark-border-color_a7a2ya3x-700,
.dark .dark-hover-border-color_a7a2ya3x-700:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-700 { border-color: rgb(var(--color_a7a2ya3x-700)); }
.text-color_a7a2ya3x-800,
.hover-text-color_a7a2ya3x-800:hover,
.group:hover .group-hover-text-color_a7a2ya3x-800,
.dark .dark-text-color_a7a2ya3x-800,
.dark .dark-hover-text-color_a7a2ya3x-800:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-800 { color: rgb(var(--color_a7a2ya3x-800)); }
.bg-color_a7a2ya3x-800,
.hover-bg-color_a7a2ya3x-800:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-800,
.dark .dark-bg-color_a7a2ya3x-800,
.dark .dark-hover-bg-color_a7a2ya3x-800:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-800 { background-color: rgb(var(--color_a7a2ya3x-800)); }
.fill-color_a7a2ya3x-800,
.hover-fill-color_a7a2ya3x-800:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-800,
.dark .dark-fill-color_a7a2ya3x-800,
.dark .dark-hover-fill-color_a7a2ya3x-800:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-800 { fill: rgb(var(--color_a7a2ya3x-800)); }
.border-color_a7a2ya3x-800,
.hover-border-color_a7a2ya3x-800:hover,
.group:hover .group-hover-border-color_a7a2ya3x-800,
.dark .dark-border-color_a7a2ya3x-800,
.dark .dark-hover-border-color_a7a2ya3x-800:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-800 { border-color: rgb(var(--color_a7a2ya3x-800)); }
.text-color_a7a2ya3x-900,
.hover-text-color_a7a2ya3x-900:hover,
.group:hover .group-hover-text-color_a7a2ya3x-900,
.dark .dark-text-color_a7a2ya3x-900,
.dark .dark-hover-text-color_a7a2ya3x-900:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-900 { color: rgb(var(--color_a7a2ya3x-900)); }
.bg-color_a7a2ya3x-900,
.hover-bg-color_a7a2ya3x-900:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-900,
.dark .dark-bg-color_a7a2ya3x-900,
.dark .dark-hover-bg-color_a7a2ya3x-900:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-900 { background-color: rgb(var(--color_a7a2ya3x-900)); }
.fill-color_a7a2ya3x-900,
.hover-fill-color_a7a2ya3x-900:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-900,
.dark .dark-fill-color_a7a2ya3x-900,
.dark .dark-hover-fill-color_a7a2ya3x-900:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-900 { fill: rgb(var(--color_a7a2ya3x-900)); }
.border-color_a7a2ya3x-900,
.hover-border-color_a7a2ya3x-900:hover,
.group:hover .group-hover-border-color_a7a2ya3x-900,
.dark .dark-border-color_a7a2ya3x-900,
.dark .dark-hover-border-color_a7a2ya3x-900:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-900 { border-color: rgb(var(--color_a7a2ya3x-900)); }
.text-color_a7a2ya3x-950,
.hover-text-color_a7a2ya3x-950:hover,
.group:hover .group-hover-text-color_a7a2ya3x-950,
.dark .dark-text-color_a7a2ya3x-950,
.dark .dark-hover-text-color_a7a2ya3x-950:hover,
.dark .group:hover .group-dark-hover-text-color_a7a2ya3x-950 { color: rgb(var(--color_a7a2ya3x-950)); }
.bg-color_a7a2ya3x-950,
.hover-bg-color_a7a2ya3x-950:hover,
.group:hover .group-hover-bg-color_a7a2ya3x-950,
.dark .dark-bg-color_a7a2ya3x-950,
.dark .dark-hover-bg-color_a7a2ya3x-950:hover,
.dark .group:hover .group-dark-hover-bg-color_a7a2ya3x-950 { background-color: rgb(var(--color_a7a2ya3x-950)); }
.fill-color_a7a2ya3x-950,
.hover-fill-color_a7a2ya3x-950:hover,
.group:hover .group-hover-fill-color_a7a2ya3x-950,
.dark .dark-fill-color_a7a2ya3x-950,
.dark .dark-hover-fill-color_a7a2ya3x-950:hover,
.dark .group:hover .group-dark-hover-fill-color_a7a2ya3x-950 { fill: rgb(var(--color_a7a2ya3x-950)); }
.border-color_a7a2ya3x-950,
.hover-border-color_a7a2ya3x-950:hover,
.group:hover .group-hover-border-color_a7a2ya3x-950,
.dark .dark-border-color_a7a2ya3x-950,
.dark .dark-hover-border-color_a7a2ya3x-950:hover,
.dark .group:hover .group-dark-hover-border-color_a7a2ya3x-950 { border-color: rgb(var(--color_a7a2ya3x-950)); }
.text-color_bolhbrje-50,
.hover-text-color_bolhbrje-50:hover,
.group:hover .group-hover-text-color_bolhbrje-50,
.dark .dark-text-color_bolhbrje-50,
.dark .dark-hover-text-color_bolhbrje-50:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-50 { color: rgb(var(--color_bolhbrje-50)); }
.bg-color_bolhbrje-50,
.hover-bg-color_bolhbrje-50:hover,
.group:hover .group-hover-bg-color_bolhbrje-50,
.dark .dark-bg-color_bolhbrje-50,
.dark .dark-hover-bg-color_bolhbrje-50:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-50 { background-color: rgb(var(--color_bolhbrje-50)); }
.fill-color_bolhbrje-50,
.hover-fill-color_bolhbrje-50:hover,
.group:hover .group-hover-fill-color_bolhbrje-50,
.dark .dark-fill-color_bolhbrje-50,
.dark .dark-hover-fill-color_bolhbrje-50:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-50 { fill: rgb(var(--color_bolhbrje-50)); }
.border-color_bolhbrje-50,
.hover-border-color_bolhbrje-50:hover,
.group:hover .group-hover-border-color_bolhbrje-50,
.dark .dark-border-color_bolhbrje-50,
.dark .dark-hover-border-color_bolhbrje-50:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-50 { border-color: rgb(var(--color_bolhbrje-50)); }
.text-color_bolhbrje-100,
.hover-text-color_bolhbrje-100:hover,
.group:hover .group-hover-text-color_bolhbrje-100,
.dark .dark-text-color_bolhbrje-100,
.dark .dark-hover-text-color_bolhbrje-100:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-100 { color: rgb(var(--color_bolhbrje-100)); }
.bg-color_bolhbrje-100,
.hover-bg-color_bolhbrje-100:hover,
.group:hover .group-hover-bg-color_bolhbrje-100,
.dark .dark-bg-color_bolhbrje-100,
.dark .dark-hover-bg-color_bolhbrje-100:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-100 { background-color: rgb(var(--color_bolhbrje-100)); }
.fill-color_bolhbrje-100,
.hover-fill-color_bolhbrje-100:hover,
.group:hover .group-hover-fill-color_bolhbrje-100,
.dark .dark-fill-color_bolhbrje-100,
.dark .dark-hover-fill-color_bolhbrje-100:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-100 { fill: rgb(var(--color_bolhbrje-100)); }
.border-color_bolhbrje-100,
.hover-border-color_bolhbrje-100:hover,
.group:hover .group-hover-border-color_bolhbrje-100,
.dark .dark-border-color_bolhbrje-100,
.dark .dark-hover-border-color_bolhbrje-100:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-100 { border-color: rgb(var(--color_bolhbrje-100)); }
.text-color_bolhbrje-200,
.hover-text-color_bolhbrje-200:hover,
.group:hover .group-hover-text-color_bolhbrje-200,
.dark .dark-text-color_bolhbrje-200,
.dark .dark-hover-text-color_bolhbrje-200:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-200 { color: rgb(var(--color_bolhbrje-200)); }
.bg-color_bolhbrje-200,
.hover-bg-color_bolhbrje-200:hover,
.group:hover .group-hover-bg-color_bolhbrje-200,
.dark .dark-bg-color_bolhbrje-200,
.dark .dark-hover-bg-color_bolhbrje-200:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-200 { background-color: rgb(var(--color_bolhbrje-200)); }
.fill-color_bolhbrje-200,
.hover-fill-color_bolhbrje-200:hover,
.group:hover .group-hover-fill-color_bolhbrje-200,
.dark .dark-fill-color_bolhbrje-200,
.dark .dark-hover-fill-color_bolhbrje-200:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-200 { fill: rgb(var(--color_bolhbrje-200)); }
.border-color_bolhbrje-200,
.hover-border-color_bolhbrje-200:hover,
.group:hover .group-hover-border-color_bolhbrje-200,
.dark .dark-border-color_bolhbrje-200,
.dark .dark-hover-border-color_bolhbrje-200:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-200 { border-color: rgb(var(--color_bolhbrje-200)); }
.text-color_bolhbrje-300,
.hover-text-color_bolhbrje-300:hover,
.group:hover .group-hover-text-color_bolhbrje-300,
.dark .dark-text-color_bolhbrje-300,
.dark .dark-hover-text-color_bolhbrje-300:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-300 { color: rgb(var(--color_bolhbrje-300)); }
.bg-color_bolhbrje-300,
.hover-bg-color_bolhbrje-300:hover,
.group:hover .group-hover-bg-color_bolhbrje-300,
.dark .dark-bg-color_bolhbrje-300,
.dark .dark-hover-bg-color_bolhbrje-300:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-300 { background-color: rgb(var(--color_bolhbrje-300)); }
.fill-color_bolhbrje-300,
.hover-fill-color_bolhbrje-300:hover,
.group:hover .group-hover-fill-color_bolhbrje-300,
.dark .dark-fill-color_bolhbrje-300,
.dark .dark-hover-fill-color_bolhbrje-300:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-300 { fill: rgb(var(--color_bolhbrje-300)); }
.border-color_bolhbrje-300,
.hover-border-color_bolhbrje-300:hover,
.group:hover .group-hover-border-color_bolhbrje-300,
.dark .dark-border-color_bolhbrje-300,
.dark .dark-hover-border-color_bolhbrje-300:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-300 { border-color: rgb(var(--color_bolhbrje-300)); }
.text-color_bolhbrje-400,
.hover-text-color_bolhbrje-400:hover,
.group:hover .group-hover-text-color_bolhbrje-400,
.dark .dark-text-color_bolhbrje-400,
.dark .dark-hover-text-color_bolhbrje-400:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-400 { color: rgb(var(--color_bolhbrje-400)); }
.bg-color_bolhbrje-400,
.hover-bg-color_bolhbrje-400:hover,
.group:hover .group-hover-bg-color_bolhbrje-400,
.dark .dark-bg-color_bolhbrje-400,
.dark .dark-hover-bg-color_bolhbrje-400:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-400 { background-color: rgb(var(--color_bolhbrje-400)); }
.fill-color_bolhbrje-400,
.hover-fill-color_bolhbrje-400:hover,
.group:hover .group-hover-fill-color_bolhbrje-400,
.dark .dark-fill-color_bolhbrje-400,
.dark .dark-hover-fill-color_bolhbrje-400:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-400 { fill: rgb(var(--color_bolhbrje-400)); }
.border-color_bolhbrje-400,
.hover-border-color_bolhbrje-400:hover,
.group:hover .group-hover-border-color_bolhbrje-400,
.dark .dark-border-color_bolhbrje-400,
.dark .dark-hover-border-color_bolhbrje-400:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-400 { border-color: rgb(var(--color_bolhbrje-400)); }
.text-color_bolhbrje-500,
.hover-text-color_bolhbrje-500:hover,
.group:hover .group-hover-text-color_bolhbrje-500,
.dark .dark-text-color_bolhbrje-500,
.dark .dark-hover-text-color_bolhbrje-500:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-500 { color: rgb(var(--color_bolhbrje-500)); }
.bg-color_bolhbrje-500,
.hover-bg-color_bolhbrje-500:hover,
.group:hover .group-hover-bg-color_bolhbrje-500,
.dark .dark-bg-color_bolhbrje-500,
.dark .dark-hover-bg-color_bolhbrje-500:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-500 { background-color: rgb(var(--color_bolhbrje-500)); }
.fill-color_bolhbrje-500,
.hover-fill-color_bolhbrje-500:hover,
.group:hover .group-hover-fill-color_bolhbrje-500,
.dark .dark-fill-color_bolhbrje-500,
.dark .dark-hover-fill-color_bolhbrje-500:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-500 { fill: rgb(var(--color_bolhbrje-500)); }
.border-color_bolhbrje-500,
.hover-border-color_bolhbrje-500:hover,
.group:hover .group-hover-border-color_bolhbrje-500,
.dark .dark-border-color_bolhbrje-500,
.dark .dark-hover-border-color_bolhbrje-500:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-500 { border-color: rgb(var(--color_bolhbrje-500)); }
.text-color_bolhbrje-600,
.hover-text-color_bolhbrje-600:hover,
.group:hover .group-hover-text-color_bolhbrje-600,
.dark .dark-text-color_bolhbrje-600,
.dark .dark-hover-text-color_bolhbrje-600:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-600 { color: rgb(var(--color_bolhbrje-600)); }
.bg-color_bolhbrje-600,
.hover-bg-color_bolhbrje-600:hover,
.group:hover .group-hover-bg-color_bolhbrje-600,
.dark .dark-bg-color_bolhbrje-600,
.dark .dark-hover-bg-color_bolhbrje-600:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-600 { background-color: rgb(var(--color_bolhbrje-600)); }
.fill-color_bolhbrje-600,
.hover-fill-color_bolhbrje-600:hover,
.group:hover .group-hover-fill-color_bolhbrje-600,
.dark .dark-fill-color_bolhbrje-600,
.dark .dark-hover-fill-color_bolhbrje-600:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-600 { fill: rgb(var(--color_bolhbrje-600)); }
.border-color_bolhbrje-600,
.hover-border-color_bolhbrje-600:hover,
.group:hover .group-hover-border-color_bolhbrje-600,
.dark .dark-border-color_bolhbrje-600,
.dark .dark-hover-border-color_bolhbrje-600:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-600 { border-color: rgb(var(--color_bolhbrje-600)); }
.text-color_bolhbrje-700,
.hover-text-color_bolhbrje-700:hover,
.group:hover .group-hover-text-color_bolhbrje-700,
.dark .dark-text-color_bolhbrje-700,
.dark .dark-hover-text-color_bolhbrje-700:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-700 { color: rgb(var(--color_bolhbrje-700)); }
.bg-color_bolhbrje-700,
.hover-bg-color_bolhbrje-700:hover,
.group:hover .group-hover-bg-color_bolhbrje-700,
.dark .dark-bg-color_bolhbrje-700,
.dark .dark-hover-bg-color_bolhbrje-700:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-700 { background-color: rgb(var(--color_bolhbrje-700)); }
.fill-color_bolhbrje-700,
.hover-fill-color_bolhbrje-700:hover,
.group:hover .group-hover-fill-color_bolhbrje-700,
.dark .dark-fill-color_bolhbrje-700,
.dark .dark-hover-fill-color_bolhbrje-700:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-700 { fill: rgb(var(--color_bolhbrje-700)); }
.border-color_bolhbrje-700,
.hover-border-color_bolhbrje-700:hover,
.group:hover .group-hover-border-color_bolhbrje-700,
.dark .dark-border-color_bolhbrje-700,
.dark .dark-hover-border-color_bolhbrje-700:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-700 { border-color: rgb(var(--color_bolhbrje-700)); }
.text-color_bolhbrje-800,
.hover-text-color_bolhbrje-800:hover,
.group:hover .group-hover-text-color_bolhbrje-800,
.dark .dark-text-color_bolhbrje-800,
.dark .dark-hover-text-color_bolhbrje-800:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-800 { color: rgb(var(--color_bolhbrje-800)); }
.bg-color_bolhbrje-800,
.hover-bg-color_bolhbrje-800:hover,
.group:hover .group-hover-bg-color_bolhbrje-800,
.dark .dark-bg-color_bolhbrje-800,
.dark .dark-hover-bg-color_bolhbrje-800:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-800 { background-color: rgb(var(--color_bolhbrje-800)); }
.fill-color_bolhbrje-800,
.hover-fill-color_bolhbrje-800:hover,
.group:hover .group-hover-fill-color_bolhbrje-800,
.dark .dark-fill-color_bolhbrje-800,
.dark .dark-hover-fill-color_bolhbrje-800:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-800 { fill: rgb(var(--color_bolhbrje-800)); }
.border-color_bolhbrje-800,
.hover-border-color_bolhbrje-800:hover,
.group:hover .group-hover-border-color_bolhbrje-800,
.dark .dark-border-color_bolhbrje-800,
.dark .dark-hover-border-color_bolhbrje-800:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-800 { border-color: rgb(var(--color_bolhbrje-800)); }
.text-color_bolhbrje-900,
.hover-text-color_bolhbrje-900:hover,
.group:hover .group-hover-text-color_bolhbrje-900,
.dark .dark-text-color_bolhbrje-900,
.dark .dark-hover-text-color_bolhbrje-900:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-900 { color: rgb(var(--color_bolhbrje-900)); }
.bg-color_bolhbrje-900,
.hover-bg-color_bolhbrje-900:hover,
.group:hover .group-hover-bg-color_bolhbrje-900,
.dark .dark-bg-color_bolhbrje-900,
.dark .dark-hover-bg-color_bolhbrje-900:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-900 { background-color: rgb(var(--color_bolhbrje-900)); }
.fill-color_bolhbrje-900,
.hover-fill-color_bolhbrje-900:hover,
.group:hover .group-hover-fill-color_bolhbrje-900,
.dark .dark-fill-color_bolhbrje-900,
.dark .dark-hover-fill-color_bolhbrje-900:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-900 { fill: rgb(var(--color_bolhbrje-900)); }
.border-color_bolhbrje-900,
.hover-border-color_bolhbrje-900:hover,
.group:hover .group-hover-border-color_bolhbrje-900,
.dark .dark-border-color_bolhbrje-900,
.dark .dark-hover-border-color_bolhbrje-900:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-900 { border-color: rgb(var(--color_bolhbrje-900)); }
.text-color_bolhbrje-950,
.hover-text-color_bolhbrje-950:hover,
.group:hover .group-hover-text-color_bolhbrje-950,
.dark .dark-text-color_bolhbrje-950,
.dark .dark-hover-text-color_bolhbrje-950:hover,
.dark .group:hover .group-dark-hover-text-color_bolhbrje-950 { color: rgb(var(--color_bolhbrje-950)); }
.bg-color_bolhbrje-950,
.hover-bg-color_bolhbrje-950:hover,
.group:hover .group-hover-bg-color_bolhbrje-950,
.dark .dark-bg-color_bolhbrje-950,
.dark .dark-hover-bg-color_bolhbrje-950:hover,
.dark .group:hover .group-dark-hover-bg-color_bolhbrje-950 { background-color: rgb(var(--color_bolhbrje-950)); }
.fill-color_bolhbrje-950,
.hover-fill-color_bolhbrje-950:hover,
.group:hover .group-hover-fill-color_bolhbrje-950,
.dark .dark-fill-color_bolhbrje-950,
.dark .dark-hover-fill-color_bolhbrje-950:hover,
.dark .group:hover .group-dark-hover-fill-color_bolhbrje-950 { fill: rgb(var(--color_bolhbrje-950)); }
.border-color_bolhbrje-950,
.hover-border-color_bolhbrje-950:hover,
.group:hover .group-hover-border-color_bolhbrje-950,
.dark .dark-border-color_bolhbrje-950,
.dark .dark-hover-border-color_bolhbrje-950:hover,
.dark .group:hover .group-dark-hover-border-color_bolhbrje-950 { border-color: rgb(var(--color_bolhbrje-950)); }

            

#ov-main-header-to-hide {
  display: none !important;
}

#ov-main-header {
  position: fixed;
  inset-inline: 0;
  top: 0;
  width: 100%;
  z-index: 40;
  transform: none;
  opacity: 1;
  transition:
    transform var(--ov-header-scroll-duration) var(--ov-header-scroll-easing),
    opacity calc(var(--ov-header-scroll-duration) * 0.72) ease;
}

#ov-main-header.is-header-hidden {
  transform: translateY(calc(-100% - 2rem));
  opacity: 0;
}

#ov-main-header.is-menu-open{
  transform: none;
  opacity: 1;
}

#ov-main-header-content {
  position: relative;
  isolation: isolate;
  display: grid;
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: var(--ov-header-min-height-mobile);
  padding-inline: var(--ov-header-content-padding-mobile);
  border-radius: 0;
  box-shadow: var(--ov-header-shadow-mobile);
}

#ov-main-header-content::before,
#ov-main-header-content::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#ov-main-header-content::before {
  z-index: 0;
  inset: auto 0 0;
  height: var(--ov-header-mobile-line-width);
  background: linear-gradient(
    90deg,
    var(--ov-header-light-start),
    var(--ov-header-light-middle) 43%,
    rgb(255 255 255 / 0.12) 68%,
    var(--ov-header-light-end)
  );
}

#ov-main-header-content::after {
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, var(--ov-header-inner-highlight), transparent 42%),
    var(--ov-header-surface);
  -webkit-backdrop-filter: blur(var(--ov-header-blur)) saturate(var(--ov-header-saturation));
  backdrop-filter: blur(var(--ov-header-blur)) saturate(var(--ov-header-saturation));
}

#ov-main-header-logo {
  position: relative;
  z-index: 2;
  display: block;
  width: min(var(--ov-header-logo-width-mobile), 100%);
  min-width: 0;
  line-height: 0;
  overflow: visible;
}

#ov-main-header-logo > svg,
#ov-main-header-logo > a,
#ov-main-header-logo > a > svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  overflow: visible;
}

#ov-main-menu-header {
  position: static;
  z-index: 3;
  display: contents;
}

#ov-main-header-toggler {
  position: relative;
  z-index: 42;
  grid-column: 2;
  justify-self: end;
  width: var(--ov-header-toggle-size);
}

#ov-main-header-toggler > a {
  display: grid;
  width: var(--ov-header-toggle-size);
  height: var(--ov-header-toggle-size);
  place-items: center;
  border: 0;
  border-radius: 0;
  color: var(--ov-header-toggle-color);
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  transition:
    color var(--ov-header-transition-duration) var(--ov-header-transition-easing),
    opacity var(--ov-header-transition-duration) ease;
}

#ov-main-header-toggler > a:hover {
  color: var(--ov-header-toggle-color-hover);
  background: transparent;
}

#ov-main-header-toggler > a:focus-visible {
  outline: 2px solid var(--ov-header-focus-color);
  outline-offset: 3px;
}

.ov-burger-icon {
  display: block;
  width: var(--ov-header-toggle-icon-width) !important;
  height: auto;
  overflow: visible;
}

.ov-burger-icon rect {
  fill: currentColor;
  transform-box: fill-box;
  transform-origin: center;
  transition:
    transform var(--ov-header-transition-duration) var(--ov-header-transition-easing),
    opacity calc(var(--ov-header-transition-duration) * 0.7) ease;
}

#ov-main-header.is-menu-open .ov-burger-line--top,
#ov-main-header.is-menu-open .ov-burger-icon rect:first-child {
  opacity: 0;
  transform: translateY(-8px) scaleX(0.72);
}

#ov-main-header.is-menu-open .ov-burger-line--middle,
#ov-main-header.is-menu-open .ov-burger-icon rect:nth-child(2) {
  transform: scaleX(1.2308) rotate(45deg);
}

#ov-main-header.is-menu-open .ov-burger-line--bottom,
#ov-main-header.is-menu-open .ov-burger-icon rect:nth-child(3) {
  transform: translateY(-12px) rotate(-45deg);
}

#ov-main-menu-items {
  position: fixed;
  z-index: 40;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100svh;
  min-height: 0;
  padding:
    calc(var(--ov-header-min-height-mobile) + 1rem)
    var(--ov-header-overlay-padding)
    calc(var(--ov-header-min-height-mobile) + 1rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  color: var(--ov-header-menu-copy);
  background:
    radial-gradient(circle at 14% 18%, var(--ov-header-overlay-signal), transparent 38%),
    radial-gradient(circle at 88% 78%, var(--ov-header-overlay-horizon), transparent 42%),
    linear-gradient(145deg, var(--ov-header-overlay-start), var(--ov-header-overlay-end));
  -webkit-backdrop-filter: blur(var(--ov-header-overlay-blur)) saturate(125%);
  backdrop-filter: blur(var(--ov-header-overlay-blur)) saturate(125%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-12px);
  transition:
    opacity var(--ov-header-transition-duration) ease,
    transform var(--ov-header-transition-duration) var(--ov-header-transition-easing),
    visibility 0s linear var(--ov-header-transition-duration);
}

#ov-main-header.is-menu-open #ov-main-menu-items {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

#ov-main-menu-items-list {
  display: flex;
  flex-direction: column;
  width: min(100%, 36rem);
  margin: 0 auto;
  padding: 0;
  gap: 0;
  list-style: none;
}

#ov-main-menu-items-list > li {
  border-bottom: 1px solid var(--ov-header-menu-divider);
}

#ov-main-menu-items-list > li:first-child {
  border-top: 1px solid var(--ov-header-menu-divider);
}

#ov-main-menu-items-list a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4.75rem;
  padding-inline: 0.25rem 2.5rem;
  color: var(--ov-header-menu-copy);
  font-family: var(--ov-header-font-display);
  font-size: clamp(1.65rem, 8vw, 2.6rem);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-decoration: none;
  transition:
    color var(--ov-header-transition-duration) ease,
    padding var(--ov-header-transition-duration) var(--ov-header-transition-easing);
}

#ov-main-menu-items-list a::after {
  content: "";
  position: absolute;
  right: 0.25rem;
  width: 1.5rem;
  height: 1px;
  background: linear-gradient(90deg, var(--ov-header-light-start), var(--ov-header-light-end));
  transform: scaleX(0.42);
  transform-origin: right;
  transition: transform var(--ov-header-transition-duration) var(--ov-header-transition-easing);
}

#ov-main-menu-items-list a:hover,
#ov-main-menu-items-list a:focus-visible {
  color: var(--ov-header-menu-copy-hover);
  padding-left: 0.75rem;
  outline: none;
}

#ov-main-menu-items-list a:hover::after,
#ov-main-menu-items-list a:focus-visible::after {
  transform: scaleX(1);
}

html.ov-menu-open,
body.ov-menu-open {
  overflow: hidden;
}

body.ov-menu-open {
  position: fixed;
  inset-inline: 0;
  top: var(--ov-menu-scroll-offset, 0);
  width: 100%;
}

@media (min-width: 768px) {
  #ov-main-header {
    width: calc(100% - 32px);
  }

  #ov-main-header-content {
    min-height: var(--ov-header-min-height-tablet);
    padding-inline: var(--ov-header-content-padding-tablet);
    border-radius: var(--ov-header-radius-tablet);
    box-shadow: var(--ov-header-shadow-contact), var(--ov-header-shadow-depth), var(--ov-header-shadow-ambient);
  }

  #ov-main-header-content::before {
    z-index: -2;
    inset: 0;
    height: auto;
    border-radius: inherit;
    background: linear-gradient(
      112deg,
      var(--ov-header-light-start),
      var(--ov-header-light-middle) 43%,
      rgb(255 255 255 / 0.12) 68%,
      var(--ov-header-light-end)
    );
  }

  #ov-main-header-content::after {
    inset: var(--ov-header-border-width);
    border-radius: calc(var(--ov-header-radius-tablet) - var(--ov-header-border-width));
  }

  #ov-main-header-logo {
    width: var(--ov-header-logo-width-tablet);
  }

  #ov-main-menu-items {
    padding-block: calc(var(--ov-header-min-height-tablet) + 1rem);
  }
}

@media (min-width: 1024px) {
  #ov-main-header-content {
    grid-template-columns: auto minmax(0, 1fr);
  }

  #ov-main-header-logo {
    grid-column: 1;
    width: var(--ov-header-logo-width-desktop);
  }

  #ov-main-menu-header {
    display: block;
    grid-column: 2;
    min-width: 0;
  }

  #ov-main-header-toggler {
    display: none;
  }

  #ov-main-menu-items {
    position: static;
    display: block;
    height: auto;
    min-height: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: none;
  }

  #ov-main-menu-items-list {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    gap: clamp(1.25rem, 2.6vw, 2.75rem);
  }

  #ov-main-menu-items-list > li,
  #ov-main-menu-items-list > li:first-child {
    border: 0;
  }

  #ov-main-menu-items-list a {
    min-height: 2.75rem;
    padding: 0.5rem 0;
    font-size: var(--ov-header-menu-size-desktop);
    font-weight: 650;
    letter-spacing: -0.015em;
    text-transform: uppercase;
  }

  #ov-main-menu-items-list a span {
    color: transparent !important;
    background: linear-gradient(
      90deg,
      var(--ov-header-light-start) 0%,
      var(--ov-header-light-middle) 18%,
      var(--ov-header-light-end) 36%,
      var(--ov-header-menu-copy) 48%,
      var(--ov-header-menu-copy) 100%
    );
    background-size: 230% 100%;
    background-position: 100% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    transition: background-position var(--ov-header-menu-hover-duration) var(--ov-header-transition-easing);
  }

  #ov-main-menu-items-list a::after {
    display: none;
  }

  #ov-main-menu-items-list a:hover,
  #ov-main-menu-items-list a:focus-visible {
    padding-inline: 0;
  }

  #ov-main-menu-items-list a:hover span,
  #ov-main-menu-items-list a:focus-visible span {
    background-position: 0 50%;
  }
}

@media (min-width: 1280px) {
  #ov-main-header-content {
    min-height: var(--ov-header-min-height-desktop);
    padding-inline: calc(var(--ov-header-content-padding-desktop) + var(--ov-header-skew-compensation));
    border-radius: var(--ov-header-radius-desktop);
    box-shadow: none;
  }

  #ov-main-header-content::before {
    inset-inline: var(--ov-header-skew-compensation);
    transform: skewX(calc(-1 * var(--ov-header-angle)));
    filter: var(--ov-header-shadow-skewed);
  }

  #ov-main-header-content::after {
    inset-block: var(--ov-header-border-width);
    inset-inline: calc(var(--ov-header-skew-compensation) + var(--ov-header-border-width));
    border-radius: calc(var(--ov-header-radius-desktop) - var(--ov-header-border-width));
    transform: skewX(calc(-1 * var(--ov-header-angle)));
  }
}

@media (prefers-reduced-motion: reduce) {
  #ov-main-header *,
  #ov-main-header *::before,
  #ov-main-header *::after {
    transition-duration: 0.01ms !important;
  }
}


/*
 * Keep CMS off-canvas UI and decorative paint from widening the layout viewport.
 * `clip` does not create a horizontal scroll container; `hidden` is the fallback.
 */


:root {
  /* Brand color aliases */
  --ov-signal-50-rgb: var(--color_bf0jyrdd-50);
  --ov-signal-100-rgb: var(--color_bf0jyrdd-100);
  --ov-signal-200-rgb: var(--color_bf0jyrdd-200);
  --ov-signal-300-rgb: var(--color_bf0jyrdd-300);
  --ov-signal-400-rgb: var(--color_bf0jyrdd-400);
  --ov-signal-500-rgb: var(--color_bf0jyrdd-500);
  --ov-signal-600-rgb: var(--color_bf0jyrdd-600);
  --ov-signal-700-rgb: var(--color_bf0jyrdd-700);
  --ov-signal-800-rgb: var(--color_bf0jyrdd-800);
  --ov-signal-900-rgb: var(--color_bf0jyrdd-900);
  --ov-signal-950-rgb: var(--color_bf0jyrdd-950);

  --ov-unity-50-rgb: var(--color_jpfshcvb-50);
  --ov-unity-100-rgb: var(--color_jpfshcvb-100);
  --ov-unity-200-rgb: var(--color_jpfshcvb-200);
  --ov-unity-300-rgb: var(--color_jpfshcvb-300);
  --ov-unity-400-rgb: var(--color_jpfshcvb-400);
  --ov-unity-500-rgb: var(--color_jpfshcvb-500);
  --ov-unity-600-rgb: var(--color_jpfshcvb-600);
  --ov-unity-700-rgb: var(--color_jpfshcvb-700);
  --ov-unity-800-rgb: var(--color_jpfshcvb-800);
  --ov-unity-900-rgb: var(--color_jpfshcvb-900);
  --ov-unity-950-rgb: var(--color_jpfshcvb-950);

  --ov-horizon-50-rgb: var(--color_a7a2ya3x-50);
  --ov-horizon-100-rgb: var(--color_a7a2ya3x-100);
  --ov-horizon-200-rgb: var(--color_a7a2ya3x-200);
  --ov-horizon-300-rgb: var(--color_a7a2ya3x-300);
  --ov-horizon-400-rgb: var(--color_a7a2ya3x-400);
  --ov-horizon-500-rgb: var(--color_a7a2ya3x-500);
  --ov-horizon-600-rgb: var(--color_a7a2ya3x-600);
  --ov-horizon-700-rgb: var(--color_a7a2ya3x-700);
  --ov-horizon-800-rgb: var(--color_a7a2ya3x-800);
  --ov-horizon-900-rgb: var(--color_a7a2ya3x-900);
  --ov-horizon-950-rgb: var(--color_a7a2ya3x-950);

  --ov-midnight-50-rgb: var(--color_bolhbrje-50);
  --ov-midnight-100-rgb: var(--color_bolhbrje-100);
  --ov-midnight-200-rgb: var(--color_bolhbrje-200);
  --ov-midnight-300-rgb: var(--color_bolhbrje-300);
  --ov-midnight-400-rgb: var(--color_bolhbrje-400);
  --ov-midnight-500-rgb: var(--color_bolhbrje-500);
  --ov-midnight-600-rgb: var(--color_bolhbrje-600);
  --ov-midnight-700-rgb: var(--color_bolhbrje-700);
  --ov-midnight-800-rgb: var(--color_bolhbrje-800);
  --ov-midnight-900-rgb: var(--color_bolhbrje-900);
  --ov-midnight-950-rgb: var(--color_bolhbrje-950);

    /* Brand font family */
  --ov-title-font-display: "Figtree", "Noto Sans Variable", sans-serif;

  /* HEADER */
  /* Header surface 77% opaque, not 77% transparent */
  --ov-header-surface-rgb: var(--ov-midnight-950-rgb);
  --ov-header-surface-opacity: 0.77;
  --ov-header-surface:
    rgb(var(--ov-header-surface-rgb) / var(--ov-header-surface-opacity));

  /* Glass depth and illumination */
  --ov-header-blur: 18px;
  --ov-header-saturation: 135%;
  --ov-header-border-width: 1.5px;
  --ov-header-mobile-line-width: 1.5px;
  --ov-header-light-start: rgb(var(--ov-signal-400-rgb) / 0.82);
  --ov-header-light-middle: rgb(var(--ov-unity-500-rgb) / 0.42);
  --ov-header-light-end: rgb(var(--ov-horizon-500-rgb) / 0.76);
  --ov-header-inner-highlight: rgb(255 255 255 / 0.07);

  /* Language menu */
  --ov-language-menu-start: rgb(var(--ov-midnight-900-rgb) / 0.98);
  --ov-language-menu-end: rgb(var(--ov-midnight-950-rgb) / 0.98);
  --ov-language-menu-border: rgb(var(--ov-unity-500-rgb) / 0.34);
  --ov-language-menu-radius: 14px;
  --ov-language-menu-padding: 8px;
  --ov-language-item-padding-x: 18px;
  --ov-language-item-padding-y: 12px;
  --ov-language-item-hover: rgb(var(--ov-unity-500-rgb) / 0.16);
  --ov-language-menu-shadow: 0 18px 42px rgb(5 3 20 / 0.42);

  /* Header size and shape */
  --ov-header-min-height-mobile: 72px;
  --ov-header-min-height-tablet: 88px;
  --ov-header-min-height-desktop: 80px;
  --ov-header-content-padding-mobile: 20px;
  --ov-header-content-padding-tablet: 28px;
  --ov-header-content-padding-desktop: 32px;
  --ov-header-logo-width-mobile: 146px;
  --ov-header-logo-width-tablet: 169px;
  --ov-header-logo-width-desktop: 159px;
  --ov-header-toggle-size: 48px;
  --ov-header-toggle-icon-width: 28px;
  --ov-header-toggle-color: rgb(var(--ov-midnight-50-rgb));
  --ov-header-toggle-color-hover: rgb(var(--ov-horizon-200-rgb));
  --ov-header-toggle-surface: rgb(var(--ov-midnight-950-rgb) / 0.28);
  --ov-header-toggle-surface-hover: rgb(var(--ov-unity-700-rgb) / 0.34);
  --ov-header-toggle-border: rgb(var(--ov-midnight-100-rgb) / 0.20);
  --ov-header-toggle-border-hover: rgb(var(--ov-horizon-300-rgb) / 0.58);
  --ov-header-focus-color: rgb(var(--ov-horizon-300-rgb));
  --ov-header-overlay-padding: clamp(24px, 7vw, 56px);
  --ov-header-overlay-blur: 24px;
  --ov-header-overlay-start: rgb(var(--ov-midnight-950-rgb) / 0.98);
  --ov-header-overlay-end: rgb(var(--ov-unity-950-rgb) / 0.97);
  --ov-header-overlay-signal: rgb(var(--ov-signal-600-rgb) / 0.22);
  --ov-header-overlay-horizon: rgb(var(--ov-horizon-600-rgb) / 0.18);
  --ov-header-menu-copy: rgb(var(--ov-midnight-50-rgb) / 0.90);
  --ov-header-menu-copy-hover: rgb(var(--ov-horizon-100-rgb));
  --ov-header-menu-divider: rgb(var(--ov-unity-300-rgb) / 0.18);
  --ov-header-menu-size-desktop: 1rem;
  --ov-header-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-language-trigger-padding-desktop: 12px;
  --ov-header-radius-tablet: 12px;
  --ov-header-radius-desktop: 18px;
  --ov-header-desktop-gutter: clamp(16px, 2.5vw, 40px);
  --ov-header-angle: 20deg;
  /* Skew width compensation */
  --ov-header-skew-projection: 44px;
  --ov-header-skew-compensation: 22px;

  /* Centered, layered elevation */
  --ov-header-shadow-mobile: 0 12px 28px rgb(5 3 20 / 0.22);
  --ov-header-shadow-contact: 0 3px 7px rgb(5 3 20 / 0.28);
  --ov-header-shadow-depth: 0 18px 42px rgb(5 3 20 / 0.30);
  --ov-header-shadow-ambient:
    0 8px 34px rgb(var(--ov-unity-600-rgb) / 0.13);
  --ov-header-shadow-skewed:
    drop-shadow(0 3px 7px rgb(5 3 20 / 0.28))
    drop-shadow(0 18px 30px rgb(5 3 20 / 0.24))
    drop-shadow(0 8px 24px rgb(var(--ov-unity-600-rgb) / 0.10));

  /* Motion */
  --ov-header-transition-duration: 240ms;
  --ov-header-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --ov-header-scroll-duration: 420ms;
  --ov-header-scroll-easing: cubic-bezier(0.32, 0.72, 0, 1);
  --ov-header-menu-hover-duration: 360ms;

  /* HERO SECTION */
  /* Responsive hero height is owned by the CMS content Container. */
  --ov-hero-content-width: 72rem;
  --ov-hero-content-padding-inline: clamp(20px, 4vw, 48px);
  --ov-hero-content-padding-bottom: clamp(48px, 9vh, 104px);
  --ov-hero-video-scale-mobile: 1;
  --ov-hero-video-scale-tablet: 1;
  --ov-hero-video-scale-desktop: 1;
  --ov-hero-video-max-width: 1920px;
  --ov-hero-video-background: rgb(7 2 16);
  --ov-hero-atmosphere-violet: rgb(var(--ov-unity-800-rgb) / 0.15);
  --ov-hero-atmosphere-indigo: rgb(var(--ov-unity-950-rgb) / 0.18);
  --ov-hero-atmosphere-signal: rgb(var(--ov-signal-900-rgb) / 0.25);
  --ov-hero-video-position-mobile: center center;
  --ov-hero-video-position-wide: 72% center;
  --ov-hero-video-origin-wide: 72% 46%;
  --ov-hero-video-filter: saturate(1.18) contrast(1.28) brightness(0.96);
  --ov-hero-particles-opacity: 0.72;
  --ov-hero-title-size: clamp(2.75rem, 8vw, 4.5rem);
  --ov-hero-title-size-desktop: clamp(3.75rem, 5.4vw, 5.5rem);
  --ov-hero-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-hero-font-body: "Noto Sans Variable", sans-serif;
  --ov-hero-copy: rgb(var(--ov-midnight-50-rgb) / 0.96);
  --ov-hero-copy-muted: rgb(var(--ov-midnight-100-rgb) / 0.82);
  --ov-hero-eyebrow: rgb(var(--ov-horizon-300-rgb));
  /* Exact color progression from the OneVoice27 logo SVG. */
  --ov-hero-title-gradient: linear-gradient(
    90deg,
    #d28ebe 0%,
    #bb6cae 7%,
    #9e439a 17%,
    #943393 22%,
    #713d98 32%,
    #4a489e 45%,
    #3b4da1 52%,
    rgb(61 84 162 / 0.99) 60%,
    rgb(67 107 164 / 0.96) 71%,
    rgb(78 144 169 / 0.91) 83%,
    rgb(84 164 172 / 0.88) 89%,
    rgb(84 164 172 / 0.88) 100%
  );
  --ov-hero-scrim-top: rgb(var(--ov-midnight-950-rgb) / 0.20);
  --ov-hero-scrim-bottom: rgb(var(--ov-midnight-950-rgb) / 0.92);
  --ov-hero-vignette: rgb(4 3 18 / 0.48);
  --ov-hero-action-surface: linear-gradient(
    125deg,
    rgb(var(--ov-signal-800-rgb)) 0%,
    rgb(var(--ov-unity-700-rgb)) 50%,
    rgb(var(--ov-horizon-700-rgb)) 100%
  );
  --ov-hero-action-surface-hover: linear-gradient(
    125deg,
    rgb(var(--ov-signal-700-rgb)) 0%,
    rgb(var(--ov-unity-600-rgb)) 50%,
    rgb(var(--ov-horizon-600-rgb)) 100%
  );
  --ov-hero-action-label: rgb(var(--ov-midnight-50-rgb));
  --ov-hero-action-shadow:
    0 10px 30px rgb(var(--ov-unity-700-rgb) / 0.34),
    0 2px 10px rgb(3 2 18 / 0.28);
  --ov-hero-action-inner-edge: rgb(var(--ov-unity-200-rgb) / 0.34);
  --ov-hero-action-highlight: rgb(var(--ov-signal-100-rgb));
  --ov-hero-action-highlight-subtle: rgb(var(--ov-horizon-300-rgb));
  --ov-hero-action-beam-width: 1.5px;
  --ov-hero-action-beam-duration: 3s;
  --ov-hero-action-texture-size: 7px;
  --ov-hero-action-texture-dot: 0.8px;
  --ov-hero-action-texture-opacity: 0.42;

  /* Map section */
  --ov-map-content-width: 72rem; /* CMS 6xl container: 1152px */
  --ov-map-mobile-inline-padding: 20px;
  --ov-map-control-gap: 20px;
  --ov-map-card-gap: 12px;
  --ov-map-search-width: 320px;
  --ov-map-search-height: 44px;
  --ov-map-card-width: 240px;
  --ov-map-card-radius: 16px;
  --ov-map-card-padding-inline-mobile: clamp(12px, 4vw, 20px);
  --ov-map-active-header-clearance: var(--ov-header-min-height-mobile);
  --ov-map-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-map-font-body: "Noto Sans Variable", sans-serif;
  --ov-map-section-surface: rgb(var(--ov-midnight-950-rgb));
  --ov-map-section-copy: rgb(var(--ov-midnight-50-rgb) / 0.96);
  --ov-map-section-muted: rgb(var(--ov-midnight-100-rgb) / 0.76);
  --ov-map-section-eyebrow: rgb(var(--ov-horizon-300-rgb));
  --ov-map-copy-width: 42rem;
  --ov-map-transition-depth: clamp(150px, 34vw, 340px);
  /* Map height/min-height are owned by the CMS map Container. */
  --ov-map-wedge-depth: clamp(32px, 3.2vw, 52px);
  --ov-map-transition-orb-size: clamp(220px, 45svh, 520px);
  --ov-map-bottom-orb-size: clamp(520px, 72vw, 1100px);
  --ov-map-form-tail-depth: clamp(140px, 18vw, 280px);
  --ov-map-counters-top: clamp(152px, 21svh, 236px);
  --ov-map-edge-width: 3px;
  --ov-map-edge-start: rgb(var(--ov-signal-950-rgb) / 0.78);
  --ov-map-edge-middle: rgb(var(--ov-unity-900-rgb) / 0.88);
  --ov-map-edge-end: rgb(var(--ov-midnight-800-rgb) / 0.82);
  --ov-map-counter-surface: rgb(var(--ov-midnight-950-rgb) / 0.76);
  --ov-map-counter-border: rgb(var(--ov-unity-300-rgb) / 0.22);
  --ov-map-counter-shadow:
    0 30px 72px rgb(var(--ov-midnight-950-rgb) / 0.62),
    0 10px 24px rgb(var(--ov-midnight-950-rgb) / 0.42),
    inset 0 1px 0 rgb(var(--ov-midnight-50-rgb) / 0.08);
  --ov-map-form-width: 62rem;
  --ov-map-form-gap: 16px;
  --ov-map-form-radius: 16px;
  --ov-map-field-height: 54px;
  --ov-map-field-surface: rgb(var(--ov-midnight-900-rgb) / 0.58);
  --ov-map-field-surface-focus: rgb(var(--ov-midnight-800-rgb) / 0.7);
  --ov-map-field-border: rgb(var(--ov-midnight-100-rgb) / 0.18);
  --ov-map-field-border-hover: rgb(var(--ov-horizon-400-rgb) / 0.46);
  --ov-map-field-copy: rgb(var(--ov-midnight-50-rgb) / 0.94);
  --ov-map-field-placeholder: rgb(var(--ov-midnight-200-rgb) / 0.56);
  --ov-map-option-surface: rgb(var(--ov-midnight-900-rgb) / 0.42);
  --ov-map-option-surface-active: rgb(var(--ov-horizon-800-rgb) / 0.16);
  --ov-map-option-border: rgb(var(--ov-midnight-100-rgb) / 0.16);
  --ov-map-option-border-active: rgb(var(--ov-horizon-400-rgb) / 0.72);
  --ov-map-form-focus: rgb(var(--ov-horizon-300-rgb));

  /* Map desktop composition */
  --ov-map-desktop-inline-gutter: 24px;
  --ov-map-desktop-search-offset: 32px;
  --ov-map-desktop-stats-offset: 104px;
  --ov-map-overlay-unity: rgb(var(--ov-unity-600-rgb) / 0.24);
  --ov-map-overlay-signal: rgb(var(--ov-signal-700-rgb) / 0.16);
  --ov-map-overlay-horizon: rgb(var(--ov-horizon-700-rgb) / 0.12);
  --ov-map-overlay-top: rgb(var(--ov-midnight-950-rgb) / 0.34);
  --ov-map-overlay-bottom: rgb(var(--ov-midnight-950-rgb) / 0.58);
  --ov-map-vignette: rgb(4 3 18 / 0.54);
  --ov-map-control-surface: rgb(var(--ov-midnight-950-rgb) / 0.90);
  --ov-map-control-hover: rgb(var(--ov-midnight-800-rgb) / 0.94);
  --ov-map-control-border: rgb(var(--ov-unity-400-rgb) / 0.30);
  --ov-map-control-shadow: 0 12px 30px rgb(4 3 18 / 0.34);

  /* ABOUT US SECTION */
  /* Typography */
  --ov-about-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-about-font-body: "Noto Sans Variable", sans-serif;
  --ov-about-title-weight: 900;
  --ov-about-card-title-weight: 800;
  --ov-about-number-weight: 900;

  /* Section atmosphere and transition from the map */
  --ov-about-map-edge: rgb(var(--ov-midnight-950-rgb));
  --ov-about-transition-height: clamp(120px, 18vw, 260px);

  /* Text */
  --ov-about-copy: rgb(var(--ov-midnight-50-rgb) / 0.94);
  --ov-about-copy-muted: rgb(var(--ov-midnight-100-rgb) / 0.80);
  --ov-about-title-gradient-start: rgb(var(--ov-signal-300-rgb));
  --ov-about-title-gradient-middle: rgb(var(--ov-unity-400-rgb));
  --ov-about-title-gradient-end: rgb(var(--ov-horizon-400-rgb));

  /* Premium glass cards */
  --ov-about-card-radius: 16px;
  --ov-about-card-surface-top: rgb(var(--ov-midnight-800-rgb) / 0.44);
  --ov-about-card-surface-bottom: rgb(var(--ov-midnight-950-rgb) / 0.62);
  --ov-about-card-border: rgb(var(--ov-midnight-100-rgb) / 0.18);
  --ov-about-card-inner-highlight: rgb(255 255 255 / 0.075);
  --ov-about-card-inner-shadow: rgb(3 2 18 / 0.30);
  --ov-about-card-hover-border: rgb(var(--ov-unity-200-rgb) / 0.34);
  --ov-about-card-blur: 14px;
  --ov-about-card-shadow:
    0 1px 0 rgb(255 255 255 / 0.035) inset,
    0 20px 46px rgb(3 2 18 / 0.24);
  --ov-about-card-hover-shadow:
    0 1px 0 rgb(255 255 255 / 0.055) inset,
    0 24px 52px rgb(3 2 18 / 0.30);

  /* Shared editorial accent */
  --ov-about-card-accent-start: rgb(var(--ov-signal-300-rgb));
  --ov-about-card-accent-end: rgb(var(--ov-unity-300-rgb));
  --ov-about-card-accent-shadow: rgb(var(--ov-signal-400-rgb) / 0.18);
  --ov-about-card-registration-width: 64px;

  /* Card details and motion */
  --ov-about-card-title-tracking: -0.035em;
  --ov-about-card-title-gap: 6px;
  --ov-about-divider-width: 38%;
  --ov-about-number-shadow: 0 2px 12px var(--ov-about-card-accent-shadow);
  --ov-about-transition-duration: 320ms;
  --ov-about-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);

  /* GETTING INVOLVED SECTION */
  /* Typography */
  --ov-involve-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-involve-font-body: "Noto Sans Variable", sans-serif;
  --ov-involve-title-weight: 900;
  --ov-involve-item-title-weight: 800;

  /* Section and architectural frame */
  --ov-involve-surface: rgb(var(--ov-midnight-900-rgb));
  --ov-involve-surface-deep: rgb(var(--ov-midnight-950-rgb));
  --ov-involve-wedge-top-depth: clamp(18px, 3.6vw, 52px);
  --ov-involve-wedge-bottom-depth: clamp(16px, 3vw, 44px);
  --ov-involve-overlap-guard: 1px;
  --ov-involve-padding-top: clamp(88px, 10vw, 144px);
  --ov-involve-padding-bottom: clamp(80px, 9vw, 132px);
  --ov-involve-edge-start: rgb(var(--ov-signal-300-rgb) / 0.48);
  --ov-involve-edge-end: rgb(var(--ov-unity-300-rgb) / 0.42);
  --ov-involve-edge-shadow: rgb(var(--ov-signal-400-rgb) / 0.12);
  --ov-involve-frame-radius: 18px;
  --ov-involve-frame-shadow:
    0 34px 76px rgb(2 2 12 / 0.58),
    0 0 54px rgb(var(--ov-unity-700-rgb) / 0.22);
  --ov-involve-frame-glow-signal: rgb(var(--ov-signal-400-rgb) / 0.54);
  --ov-involve-frame-glow-unity: rgb(var(--ov-unity-500-rgb) / 0.46);
  --ov-involve-frame-glow-horizon: rgb(var(--ov-horizon-400-rgb) / 0.48);
  --ov-involve-frame-glow-blur: 26px;
  --ov-involve-frame-opacity: 1;

  /* Triptych pieces */
  --ov-involve-piece-surface: rgb(var(--ov-midnight-900-rgb) / 0.48);
  --ov-involve-piece-surface-hover: rgb(var(--ov-midnight-800-rgb) / 0.54);
  --ov-involve-piece-seam: rgb(var(--ov-midnight-100-rgb) / 0.15);
  --ov-involve-piece-padding: clamp(18px, 2.2vw, 28px);
  --ov-involve-piece-min-content-height: 150px;
  --ov-involve-piece-shadow-alpha: 0;
  --ov-involve-piece-glow-alpha: 0;
  --ov-involve-separation-max: 56px;
  --ov-involve-separation: 0px;
  --ov-involve-separation-soft: 0px;
  --ov-involve-separation-center: 0px;
  --ov-involve-item-x: 0px;
  --ov-involve-item-y: 0px;
  --ov-involve-item-opacity: 1;

  /* Image treatment */
  --ov-involve-media-ratio-mobile: 16 / 9;
  --ov-involve-media-ratio-desktop: 4 / 3;
  --ov-involve-media-overlay:
    linear-gradient(180deg, transparent 42%, rgb(5 5 14 / 0.44) 100%);
  --ov-involve-media-saturation: 88%;

  /* Text and actions */
  --ov-involve-copy: rgb(var(--ov-midnight-50-rgb) / 0.90);
  --ov-involve-copy-muted: rgb(var(--ov-midnight-100-rgb) / 0.68);
  --ov-involve-accent-start: rgb(var(--ov-signal-300-rgb));
  --ov-involve-accent-end: rgb(var(--ov-unity-300-rgb));
  --ov-involve-action-focus: rgb(var(--ov-signal-300-rgb) / 0.92);
  --ov-involve-transition-duration: 320ms;
  --ov-involve-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);

  /* NEWS SECTION */
  /* Typography and section */
  --ov-news-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-news-font-body: "Noto Sans Variable", sans-serif;
  --ov-news-title-weight: 900;
  --ov-news-card-title-weight: 800;
  --ov-news-surface: rgb(var(--ov-midnight-950-rgb));
  --ov-news-copy: rgb(var(--ov-midnight-50-rgb) / 0.94);
  --ov-news-copy-muted: rgb(var(--ov-midnight-100-rgb) / 0.74);
  --ov-news-eyebrow: rgb(var(--ov-signal-300-rgb) / 0.92);
  --ov-news-atmosphere-unity: rgb(var(--ov-unity-950-rgb) / 0.34);
  --ov-news-atmosphere-horizon: rgb(var(--ov-horizon-950-rgb) / 0.28);

  /* Editorial cards */
  --ov-news-card-ratio: 4 / 5;
  --ov-news-card-radius: 16px;
  --ov-news-card-border: rgb(var(--ov-midnight-100-rgb) / 0.18);
  --ov-news-card-border-active: rgb(var(--ov-unity-200-rgb) / 0.38);
  --ov-news-card-overlay:
    linear-gradient(
      180deg,
      rgb(var(--ov-signal-950-rgb) / 0.10) 18%,
      rgb(var(--ov-signal-950-rgb) / 0.52) 62%,
      rgb(3 3 12 / 0.96) 100%
    );
  --ov-news-card-panel: rgb(247 239 232 / 0.96);
  --ov-news-card-panel-text: rgb(var(--ov-midnight-950-rgb));
  --ov-news-card-panel-inset: 4px;
  --ov-news-card-panel-radius: 12px;
  --ov-news-card-padding: clamp(18px, 2.4vw, 28px);
  --ov-news-card-image-scale: 1.035;
  --ov-news-card-motion-duration: 760ms;
  --ov-news-card-panel-duration: 240ms;
  --ov-news-card-easing: cubic-bezier(0.16, 1, 0.3, 1);

  /* Pagination */
  --ov-news-pagination-color: rgb(var(--ov-midnight-50-rgb) / 0.90);
  --ov-news-pagination-active: rgb(var(--ov-signal-300-rgb));
  --ov-news-pagination-surface: rgb(var(--ov-midnight-800-rgb) / 0.72);
  --ov-news-pagination-focus: rgb(var(--ov-horizon-300-rgb));
  --ov-news-pagination-shadow: 0 8px 22px rgb(2 2 12 / 0.28);

  /* RESOURCES SECTION */
  --ov-resources-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-resources-font-body: "Noto Sans Variable", sans-serif;
  --ov-resources-title-weight: 900;
  --ov-resources-card-title-weight: 800;
  --ov-resources-surface: rgb(var(--ov-midnight-950-rgb));
  --ov-resources-surface-music: rgb(var(--ov-unity-950-rgb));
  --ov-resources-surface-materials: rgb(var(--ov-horizon-950-rgb));
  --ov-resources-surface-video: rgb(var(--ov-signal-950-rgb));
  --ov-resources-copy: rgb(var(--ov-midnight-50-rgb) / 0.94);
  --ov-resources-copy-muted: rgb(var(--ov-midnight-100-rgb) / 0.76);
  --ov-resources-eyebrow: rgb(var(--ov-horizon-300-rgb) / 0.92);
  --ov-resources-padding-top: clamp(88px, 10vw, 144px);
  --ov-resources-padding-bottom: clamp(88px, 10vw, 152px);
  --ov-resources-mobile-card-width: 328px;
  --ov-resources-mobile-card-height: 248px;
  --ov-resources-music-min-width: 226px;
  --ov-resources-music-width: 320px;
  --ov-resources-music-height: 296px;
  --ov-resources-materials-min-width: 192px;
  --ov-resources-materials-width: 272px;
  --ov-resources-materials-height: 336px;
  --ov-resources-video-min-width: 258px;
  --ov-resources-video-width: 368px;
  --ov-resources-video-height: 256px;
  --ov-resources-copy-min-width: 354px;
  --ov-resources-copy-width: 528px;
  --ov-resources-copy-height: 523px;
  --ov-resources-music-track: 320fr;
  --ov-resources-copy-track: 528fr;
  --ov-resources-materials-track: 272fr;
  --ov-resources-card-radius: var(--ov-about-card-radius);
  --ov-resources-card-padding-mobile: 24px;
  --ov-resources-card-padding-desktop: 20px;
  --ov-resources-card-surface-top: var(--ov-about-card-surface-top);
  --ov-resources-card-surface-bottom: var(--ov-about-card-surface-bottom);
  --ov-resources-card-border: var(--ov-about-card-border);
  --ov-resources-card-inner-highlight: var(--ov-about-card-inner-highlight);
  --ov-resources-card-shadow: var(--ov-about-card-shadow);
  --ov-resources-card-hover-shadow: var(--ov-about-card-hover-shadow);
  --ov-resources-indicator-size: 16px;
  --ov-resources-music-accent: rgb(var(--ov-unity-400-rgb));
  --ov-resources-materials-accent: rgb(var(--ov-horizon-400-rgb));
  --ov-resources-video-accent: rgb(var(--ov-signal-400-rgb));
  --ov-resources-grid-column-gap: 16px;
  --ov-resources-grid-row-gap: 16px;
  --ov-resources-atmosphere-duration: 1000ms;
  --ov-resources-atmosphere-scale: 1.1;
  --ov-resources-particles-opacity-low: 0.16;
  --ov-resources-particles-opacity-high: 0.3;
  --ov-resources-particles-duration: 26s;
  --ov-resources-particles-drift-x: 7px;
  --ov-resources-particles-drift-x-end: -4px;
  --ov-resources-particles-drift-y-mid: -10px;
  --ov-resources-particles-drift-y: -18px;
  --ov-resources-focus: rgb(var(--ov-horizon-300-rgb));
  --ov-resources-transition-duration: 420ms;
  --ov-resources-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --ov-resources-panel-surface: rgb(var(--ov-midnight-950-rgb) / 0.985);
  --ov-resources-panel-copy: rgb(var(--ov-midnight-50-rgb) / 0.96);
  --ov-resources-panel-muted: rgb(var(--ov-midnight-100-rgb) / 0.72);
  --ov-resources-panel-edge: rgb(var(--ov-horizon-300-rgb) / 0.22);
  --ov-resources-panel-radius: 18px;
  --ov-resources-panel-padding: clamp(20px, 5vw, 56px);
  --ov-resources-panel-layer-one: rgb(var(--ov-signal-700-rgb));
  --ov-resources-panel-layer-two: rgb(var(--ov-unity-700-rgb));
  --ov-resources-panel-duration: 620ms;
  --ov-resources-panel-stagger: 90ms;
  --ov-resources-panel-content-exit-duration: 180ms;
  --ov-resources-panel-z-index: 10000;
  --ov-resources-file-surface: rgb(var(--ov-midnight-800-rgb) / 0.42);
  --ov-resources-file-border: rgb(var(--ov-midnight-100-rgb) / 0.16);
  --ov-resources-file-radius: 14px;
  --ov-resources-file-min-width: 17.5rem;
  --ov-resources-file-max-width: 23rem;
  --ov-resources-file-meta-min-height: 3.3125rem;
  --ov-resources-file-type-surface: rgb(var(--ov-midnight-100-rgb) / 0.08);
  --ov-resources-file-type-border: rgb(var(--ov-midnight-100-rgb) / 0.28);
  --ov-resources-file-type-copy: rgb(var(--ov-midnight-50-rgb) / 0.9);
  --ov-resources-download-surface: rgb(var(--ov-midnight-900-rgb) / 0.72);
  --ov-resources-download-border: rgb(var(--ov-horizon-300-rgb) / 0.48);
  --ov-resources-download-hover: rgb(var(--ov-horizon-700-rgb) / 0.42);
  --ov-resources-download-radius: 16px;

  /* FOOTER SECTION */
  --ov-footer-font-display: "Figtree", "Noto Sans Variable", sans-serif;
  --ov-footer-font-body: "Noto Sans Variable", sans-serif;
  --ov-footer-statement: "OneVoice27 Mission for all.";
  --ov-footer-logo-url: url("./723467479d390bd6.svg");
  --ov-footer-logo-width: clamp(190px, 26vw, 300px);
  --ov-footer-logo-height: clamp(72px, 10vw, 108px);
  --ov-footer-surface: rgb(var(--ov-midnight-900-rgb));
  --ov-footer-surface-deep: rgb(var(--ov-midnight-950-rgb));
  --ov-footer-copy: rgb(var(--ov-midnight-50-rgb) / 0.92);
  --ov-footer-copy-muted: rgb(var(--ov-midnight-100-rgb) / 0.66);
  --ov-footer-edge: rgb(var(--ov-unity-300-rgb) / 0.18);
  --ov-footer-signal-halo: rgb(var(--ov-signal-500-rgb) / 0.14);
  --ov-footer-unity-halo: rgb(var(--ov-unity-500-rgb) / 0.13);
  --ov-footer-horizon-halo: rgb(var(--ov-horizon-400-rgb) / 0.10);
  --ov-footer-wave: rgb(var(--ov-midnight-700-rgb) / 0.16);
  --ov-footer-padding-block: clamp(72px, 10vw, 124px);
  --ov-footer-content-gap: clamp(20px, 3vw, 34px);
  --ov-footer-wedge-top-depth: clamp(24px, 3vw, 44px);
  --ov-footer-overlap-guard: 1px;
  --ov-footer-wave-duration: 28s;
  --ov-footer-halo-duration: 22s;
  --ov-page-canvas: rgb(var(--ov-midnight-950-rgb));
}

/* Automatic skew calculation */
@supports (width: calc(1px * tan(1deg))) {
  :root {
    --ov-header-skew-projection: calc(
      var(--ov-header-min-height-desktop) * tan(var(--ov-header-angle))
    );
    --ov-header-skew-compensation: calc(
      var(--ov-header-skew-projection) / 2
    );
  }
}

/*
 * Shared section-copy typography.
 * The CMS owns size, family alias, color, alignment, width and responsive layout.
 */
.ov-eyebrow {
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.ov-title {
  font-family: var(--ov-title-font-display);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.04;
  text-wrap: balance;
}

.ov-description {
  line-height: 1.65;
  text-wrap: balance;
}


#ov-map {
  position: relative;
  isolation: isolate;
  /* The divider atmosphere intentionally reaches into the preceding hero. */
  overflow: visible;
  margin-top: calc(0px - var(--ov-map-wedge-depth) - 1px);
}

#ov-map::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: clamp(260px, 38vw, 560px);
  pointer-events: none;
  background:
    radial-gradient(circle at 12% -18%, rgb(var(--ov-signal-700-rgb) / 0.22) 0, transparent 42%),
    radial-gradient(circle at 50% -42%, rgb(var(--ov-unity-700-rgb) / 0.24) 0, transparent 46%),
    radial-gradient(circle at 88% -22%, rgb(var(--ov-horizon-700-rgb) / 0.2) 0, transparent 40%);
  clip-path: polygon(0 var(--ov-map-wedge-depth), 100% 0, 100% 100%, 0 100%);
}

/* Clip the CMS section surface too, allowing the live hero to show through. */
#ov-map > .pointer-events-none[class*="inset-0"] {
  clip-path: polygon(0 var(--ov-map-wedge-depth), 100% 0, 100% 100%, 0 100%);
}

/* Shared CMS HTML-embed geometry for both diagonal edges. */
#ov-map > .ov-map-skew-mask {
  z-index: 9;
  display: block;
  width: 100%;
  height: var(--ov-map-wedge-depth);
  padding: 0;
  overflow: visible;
  pointer-events: none;
}

#ov-map > .ov-map-skew-mask--top {
  position: absolute;
  inset: 0 0 auto;
}

#ov-map > .ov-map-skew-mask--bottom {
  position: relative;
  margin-top: calc(0px - var(--ov-map-wedge-depth));
}

/* Large boundary atmosphere spanning the map and the top of the form. */
#ov-map > .ov-map-skew-mask--bottom::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  width: var(--ov-map-bottom-orb-size);
  aspect-ratio: 1;
  transform: translate(38%, -50%);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgb(var(--ov-signal-700-rgb) / 0.15) 0,
    rgb(var(--ov-unity-900-rgb) / 0.22) 30%,
    rgb(var(--ov-unity-950-rgb) / 0.34) 48%,
    transparent 70%
  );
}

@media (max-width: 767px) {
  /*
   * Preserve the off-canvas light source without letting its element widen the
   * mobile page. The gradient center, rather than the box, sits beyond the edge.
   */
  #ov-map > .ov-map-skew-mask--bottom::after {
    right: 0;
    width: 100%;
    height: min(var(--ov-map-bottom-orb-size), 135vw);
    aspect-ratio: auto;
    transform: translateY(-50%);
    border-radius: 0;
    background: radial-gradient(
      circle at 112% 50%,
      rgb(var(--ov-signal-700-rgb) / 0.15) 0,
      rgb(var(--ov-unity-900-rgb) / 0.22) 30%,
      rgb(var(--ov-unity-950-rgb) / 0.34) 48%,
      transparent 70%
    );
  }
}

/* Static transition light: one gradient layer, no blur/filter or animation. */
#ov-map > .ov-map-skew-mask--top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: var(--ov-map-transition-orb-size);
  aspect-ratio: 1;
  transform: translate(-38%, -72%);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgb(var(--ov-unity-950-rgb) / 0.7) 0,
    rgb(var(--ov-unity-950-rgb) / 0.34) 34%,
    transparent 68%
  );
}

#ov-map > .ov-map-skew-mask > [style="display:contents"] {
  display: contents !important;
}

#ov-map > .ov-map-skew-mask svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Defensive: older embed revisions included an opaque black polygon. */
#ov-map > .ov-map-skew-mask polygon {
  display: none;
}

#ov-map-content {
  position: absolute;
  inset: 0 0 auto;
  pointer-events: none;
}

#ov-map-copy {
  text-shadow:
    0 2px 2px rgb(var(--ov-midnight-950-rgb) / 0.96),
    0 7px 18px rgb(var(--ov-midnight-950-rgb) / 0.78);
}

#ov-map-element {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  clip-path: polygon(
    0 var(--ov-map-wedge-depth),
    100% 0,
    100% calc(100% - var(--ov-map-wedge-depth)),
    0 100%
  );
}

/* The CMS Container owns the dimensions; bridge them to the generated map. */
#ov-map-element > .awe-map {
  height: 100%;
  min-height: inherit;
  aspect-ratio: auto;
}

#ov-map-element::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  z-index: 5;
  pointer-events: none;
}

#ov-map-element::before {
  top: -3px;
  height: calc(var(--ov-map-transition-depth) + 4px);
  background:
    linear-gradient(
      to bottom,
      var(--ov-hero-video-background) 0,
      rgb(var(--ov-midnight-950-rgb) / 0.94) 18%,
      transparent 62%
    ),
    radial-gradient(circle at 10% -16%, rgb(var(--ov-signal-600-rgb) / 0.25) 0, transparent 18%),
    radial-gradient(circle at 48% -38%, rgb(var(--ov-unity-600-rgb) / 0.3) 0, transparent 44%),
    radial-gradient(circle at 90% -18%, rgb(var(--ov-horizon-600-rgb) / 0.22) 0, transparent 18%),
    linear-gradient(to bottom, var(--ov-hero-video-background) 0%, rgb(var(--ov-midnight-950-rgb) / 0.72) 32%, transparent 100%);
}

/*
 * Keep Mapbox cooperative gestures enabled, but present its transient guidance
 * as a focused interaction cue instead of an unstyled full-map message.
 */
#ov-map-element .mapboxgl-touch-pan-blocker,
#ov-map-element .mapboxgl-scroll-zoom-blocker {
  top:20%;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 28px;
  color: rgb(var(--ov-midnight-50-rgb) / 0.94);
  background: transparent;
  font-family: var(--ov-map-font-body);
  font-size: clamp(0.8125rem, 1.2vw, 1rem) !important;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.01em;
  text-align: center;
  text-shadow: 0 1px 3px rgb(var(--ov-midnight-950-rgb) / 0.9);
}

#ov-map-element .mapboxgl-touch-pan-blocker::before,
#ov-map-element .mapboxgl-scroll-zoom-blocker::before {
  content: "";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border: 2px solid rgb(var(--ov-horizon-300-rgb) / 0.95);
  border-radius: 50%;
  background: rgb(var(--ov-horizon-300-rgb) / 0.3);
  box-shadow:
    0 0 0 5px rgb(var(--ov-horizon-400-rgb) / 0.1),
    0 0 16px rgb(var(--ov-horizon-400-rgb) / 0.5);
}

#ov-map-element .mapboxgl-touch-pan-blocker::after,
#ov-map-element .mapboxgl-scroll-zoom-blocker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: min(calc(100% - 32px), 420px);
  height: 58px;
  transform: translate(-50%, -50%);
  border: 1px solid rgb(var(--ov-horizon-300-rgb) / 0.24);
  border-radius: 999px;
  background:
    linear-gradient(105deg, rgb(var(--ov-unity-800-rgb) / 0.76), rgb(var(--ov-midnight-950-rgb) / 0.88)),
    rgb(var(--ov-midnight-950-rgb) / 0.82);
  box-shadow:
    inset 0 1px 0 rgb(var(--ov-midnight-50-rgb) / 0.09),
    0 14px 34px rgb(var(--ov-midnight-950-rgb) / 0.38),
    0 0 24px rgb(var(--ov-unity-700-rgb) / 0.12);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
}

#ov-map-element .mapboxgl-touch-pan-blocker.mapboxgl-touch-pan-blocker-show,
#ov-map-element .mapboxgl-scroll-zoom-blocker.mapboxgl-scroll-zoom-blocker-show {
  opacity: .8;
}

@media (max-width: 479px) {
  #ov-map-element .mapboxgl-touch-pan-blocker,
  #ov-map-element .mapboxgl-scroll-zoom-blocker {
    gap: 8px;
    padding-inline: 24px;
    font-size: 0.8125rem !important;
  }

  #ov-map-element .mapboxgl-touch-pan-blocker::after,
  #ov-map-element .mapboxgl-scroll-zoom-blocker::after {
    width: min(calc(100% - 24px), 340px);
    height: 54px;
  }
}

#ov-map-element .awe-map-counters {
  inset-inline: 50% auto !important;
  top: var(--ov-map-counters-top) !important;
  bottom: auto !important;
  width: min(72vw, 17.5rem);
  max-width: 17.5rem;
  margin-inline: 0;
  transform: translateX(-50%);
}

#ov-map-element .awe-map-counters-cards {
  flex-flow: column nowrap;
  align-items: stretch;
}

#ov-map-element .awe-map-counter {
  position: relative;
  isolation: isolate;
  width: 100% !important;
  min-width: 0;
  min-height: 112px;
  padding: 16px !important;
  border-color: var(--ov-map-counter-border) !important;
  background: var(--ov-map-counter-surface) !important;
  box-shadow: var(--ov-map-counter-shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#ov-map-element .awe-map-counter::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, var(--ov-map-counter-accent) 0, transparent 46%),
    linear-gradient(145deg, rgb(var(--ov-midnight-50-rgb) / 0.035), transparent 48%);
}

#ov-map-element .awe-map-counter::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 1px 0 rgb(var(--ov-midnight-50-rgb) / 0.12),
    inset 0 -1px 0 rgb(var(--ov-unity-900-rgb) / 0.34);
}

#ov-map-element .awe-map-counter:nth-child(1) {
  --ov-map-counter-accent: rgb(var(--ov-signal-500-rgb) / 0.19);
  --ov-map-counter-value: rgb(var(--ov-signal-400-rgb));
  background:
    radial-gradient(circle at 12% 0%, rgb(var(--ov-signal-500-rgb) / 0.16), transparent 52%),
    linear-gradient(145deg, rgb(var(--ov-unity-800-rgb) / 0.86), var(--ov-map-counter-surface)) !important;
}

#ov-map-element .awe-map-counter:nth-child(2) {
  --ov-map-counter-accent: rgb(var(--ov-horizon-500-rgb) / 0.18);
  --ov-map-counter-value: rgb(var(--ov-horizon-400-rgb));
  background:
    radial-gradient(circle at 88% 0%, rgb(var(--ov-horizon-500-rgb) / 0.15), transparent 52%),
    linear-gradient(145deg, rgb(var(--ov-unity-800-rgb) / 0.82), var(--ov-map-counter-surface)) !important;
}

#ov-map-element .awe-map-counter-label {
  position: relative;
  z-index: 1;
  color: rgb(var(--ov-midnight-50-rgb) / 0.8) !important;
  font-size: clamp(0.625rem, 2.8vw, 0.75rem) !important;
  letter-spacing: 0.18em;
  text-shadow: 0 1px 2px rgb(var(--ov-midnight-950-rgb) / 0.92);
}

#ov-map-element .awe-map-counter-label > span {
  background-color: var(--ov-map-counter-value) !important;
  box-shadow: 0 0 8px var(--ov-map-counter-value), 0 0 18px var(--ov-map-counter-accent) !important;
}

#ov-map-element .awe-map-counter-value {
  position: relative;
  z-index: 1;
  color: var(--ov-map-counter-value) !important;
  margin-top: 12px !important;
  font-size: clamp(2.5rem, 12vw, 4rem) !important;
  font-variant-numeric: tabular-nums;
  text-shadow:
    0 1px 1px rgb(var(--ov-midnight-950-rgb) / 0.8),
    0 0 8px color-mix(in srgb, var(--ov-map-counter-value) 34%, transparent) !important;
}

#ov-light-form-container form,
#ov-light-form-container .ov-light-form {
  width: 100%;
}

#ov-light-form-container form,
#ov-light-form-container .ov-light-form {
  display: flex;
  flex-direction: column;
  gap: var(--ov-map-form-gap);
  font-family: var(--ov-map-font-body);
}

#ov-light-form-container label {
  color: var(--ov-map-section-copy);
  font-family: var(--ov-map-font-body);
  font-size: 0.875rem;
  font-weight: 650;
  line-height: 1.4;
}

#ov-light-form-container label[for="LIGHT_TYPE"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

#ov-light-form-container label[for^="LIGHT_TYPE-"] {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  padding: 24px;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  overflow: hidden;
  border: 1px solid var(--ov-map-option-border);
  border-radius: var(--ov-map-form-radius);
  background: var(--ov-map-option-surface);
  box-shadow:
    inset 0 1px 0 rgb(var(--ov-midnight-50-rgb) / 0.04),
    0 16px 38px rgb(var(--ov-midnight-950-rgb) / 0.16);
  cursor: pointer;
  transition:
    border-color 240ms ease,
    background-color 240ms ease,
    box-shadow 240ms ease,
    transform 240ms ease;
}

/* Abstract light beacon; decorative, compact and independent of icon assets. */
#ov-light-form-container label[for^="LIGHT_TYPE-"]::before {
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  /* border: 1px solid rgb(var(--ov-midnight-100-rgb) / 0.14);
  border-radius: 12px; */
  background:
    radial-gradient(circle, var(--ov-map-option-beacon) 0 2px, transparent 3px),
    radial-gradient(circle, var(--ov-map-option-halo) 0, transparent 68%),
    rgb(var(--ov-midnight-950-rgb) / 0.02);
  /* box-shadow: inset 0 1px 0 rgb(var(--ov-midnight-50-rgb) / 0.06); */
}

#ov-light-form-container label[for="LIGHT_TYPE-individual"] {
  --ov-map-option-beacon: rgb(var(--ov-horizon-300-rgb));
  --ov-map-option-halo: rgb(var(--ov-horizon-500-rgb) / 0.32);
}

#ov-light-form-container label[for="LIGHT_TYPE-group"] {
  --ov-map-option-beacon: rgb(var(--ov-signal-300-rgb));
  --ov-map-option-halo: rgb(var(--ov-signal-500-rgb) / 0.3);
}

#ov-light-form-container label[for^="LIGHT_TYPE-"]:hover,
#ov-light-form-container label[for^="LIGHT_TYPE-"]:focus-within {
  border-color: var(--ov-map-field-border-hover);
  transform: translateY(-2px);
}

#ov-light-form-container label[for^="LIGHT_TYPE-"]:has(input:checked) {
  border-color: var(--ov-map-option-border-active);
  background:
    radial-gradient(circle at 10% 12%, var(--ov-map-option-halo), transparent 42%),
    var(--ov-map-option-surface-active);
  box-shadow:
    inset 0 1px 0 rgb(var(--ov-midnight-50-rgb) / 0.08),
    0 18px 42px rgb(var(--ov-midnight-950-rgb) / 0.28),
    0 0 24px var(--ov-map-option-halo);
}

#ov-light-form-container label[for^="LIGHT_TYPE-"] > span:first-of-type > span:last-child {
  border-color: rgb(var(--ov-midnight-100-rgb) / 0.42);
  background: rgb(var(--ov-midnight-950-rgb) / 0.52);
  box-shadow: inset 0 0 0 3px rgb(var(--ov-midnight-950-rgb));
  transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

#ov-light-form-container label[for^="LIGHT_TYPE-"]:has(input:checked) > span:first-of-type > span:last-child {
  border-color: var(--ov-map-option-beacon);
  background: var(--ov-map-option-beacon);
  box-shadow:
    inset 0 0 0 3px rgb(var(--ov-midnight-950-rgb)),
    0 0 10px var(--ov-map-option-beacon);
}

#ov-light-form-container input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0 10px 1px 0;
  accent-color: var(--ov-map-form-focus);
}

#ov-light-form-container input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
#ov-light-form-container textarea,
#ov-light-form-container select,
#ov-light-form-container input[role="combobox"] {
  width: 100%;
  min-width: 0;
  min-height: var(--ov-map-field-height);
  padding: 14px 16px;
  color: var(--ov-map-field-copy);
  border: 1px solid var(--ov-map-field-border);
  border-radius: var(--ov-map-form-radius);
  outline: none;
  background: var(--ov-map-field-surface);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
  font: 500 1rem/1.4 var(--ov-map-font-body);
  transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

#ov-light-form-container textarea {
  min-height: 120px;
  resize: vertical;
}

#ov-light-form-container input::placeholder,
#ov-light-form-container textarea::placeholder {
  color: var(--ov-map-field-placeholder);
  opacity: 1;
}

#ov-light-form-container input:not([type="radio"]):not([type="checkbox"]):focus,
#ov-light-form-container textarea:focus,
#ov-light-form-container select:focus,
#ov-light-form-container input[role="combobox"]:focus {
  border-color: var(--ov-map-form-focus);
  background: var(--ov-map-field-surface-focus);
  box-shadow: 0 0 0 3px rgb(var(--ov-horizon-400-rgb) / 0.12);
}

#ov-light-form-container input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  accent-color: var(--ov-map-form-focus);
}

#ov-light-form-container button[type="submit"] {
  --ov-hero-beam: 0deg;
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  min-height: 54px;
  margin-top: 8px;
  padding: 14px 28px;
  overflow: hidden;
  color: var(--ov-hero-action-label) !important;
  border: var(--ov-hero-action-beam-width) solid transparent !important;
  border-radius: 999px;
  background:
    var(--ov-hero-action-surface) padding-box,
    conic-gradient(
      from var(--ov-hero-beam),
      transparent 0deg 238deg,
      var(--ov-hero-action-highlight-subtle) 270deg,
      var(--ov-hero-action-highlight) 294deg,
      white 304deg,
      rgb(var(--ov-signal-200-rgb)) 316deg,
      transparent 348deg 360deg
    ) border-box !important;
  box-shadow:
    inset 0 0 0 1px var(--ov-hero-action-inner-edge),
    var(--ov-hero-action-shadow);
  font-family: var(--ov-hero-font-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transform: translateY(0);
  animation: ov-hero-beam var(--ov-hero-action-beam-duration) linear infinite;
  transition:
    box-shadow 320ms ease,
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

#ov-light-form-container button[type="submit"]::before,
#ov-light-form-container button[type="submit"]::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}

#ov-light-form-container button[type="submit"]::before {
  z-index: 0;
  inset: 1px;
  background:
    radial-gradient(circle at 20% 12%, rgb(var(--ov-signal-100-rgb) / 0.16), transparent 34%),
    linear-gradient(110deg, transparent 30%, rgb(255 255 255 / 0.08) 50%, transparent 70%);
}

#ov-light-form-container button[type="submit"]::after {
  z-index: 1;
  inset: 2px;
  opacity: var(--ov-hero-action-texture-opacity);
  background-image: radial-gradient(
    circle,
    rgb(var(--ov-midnight-50-rgb) / 0.72) var(--ov-hero-action-texture-dot),
    transparent calc(var(--ov-hero-action-texture-dot) + 0.3px)
  );
  background-size: var(--ov-hero-action-texture-size) var(--ov-hero-action-texture-size);
  -webkit-mask-image: conic-gradient(
    from var(--ov-hero-beam),
    transparent 0deg 242deg,
    rgb(0 0 0 / 0.18) 260deg,
    black 286deg 316deg,
    rgb(0 0 0 / 0.18) 338deg,
    transparent 356deg 360deg
  );
  mask-image: conic-gradient(
    from var(--ov-hero-beam),
    transparent 0deg 242deg,
    rgb(0 0 0 / 0.18) 260deg,
    black 286deg 316deg,
    rgb(0 0 0 / 0.18) 338deg,
    transparent 356deg 360deg
  );
  animation: ov-hero-beam var(--ov-hero-action-beam-duration) linear infinite;
}

#ov-light-form-container button[type="submit"] > * {
  position: relative;
  z-index: 2;
}

#ov-light-form-container button[type="submit"]:hover,
#ov-light-form-container button[type="submit"]:focus-visible {
  transform: translateY(-2px);
}

#ov-light-form-container button[type="submit"]:focus-visible {
  outline: 2px solid var(--ov-map-section-copy);
  outline-offset: 4px;
}

@media (min-width: 48rem) {
  #ov-map-element .awe-map-counters {
    inset-inline: 50% auto !important;
    top: clamp(240px, 26svh, 290px) !important;
    bottom: auto;
    width: min(calc(100% - 64px), 38rem);
    max-width: 38rem;
    margin-inline: 0;
  }

  #ov-map-element .awe-map-counters-cards {
    flex-flow: row nowrap;
    align-items: stretch;
  }

  #ov-map-element .awe-map-counter {
    flex: 1 1 0;
    min-height: 132px;
    padding: 24px 28px !important;
  }

  #ov-map-element .awe-map-counter-value {
    font-size: clamp(3.5rem, 6vw, 4.5rem) !important;
  }

  #ov-light-form-container label[for^="LIGHT_TYPE-"] {
    min-height: 190px;
  }
}

@media (min-width: 64rem) {
  #ov-map-element .awe-map-counters {
    top: clamp(240px, 27vh, 300px) !important;
    width: min(calc(100% - 64px), 40rem);
    max-width: 40rem;
  }

  #ov-map-element .awe-map-counter {
    min-height: 156px;
    padding: 26px 32px !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  #ov-light-form-container *,
  #ov-light-form-container *::before,
  #ov-light-form-container *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  #ov-light-form-container button[type="submit"],
  #ov-light-form-container button[type="submit"]::after {
    animation: none;
  }
}


#ov-about {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ov-about-copy);
  background: radial-gradient(circle at 19% -3%, rgb(var(--ov-signal-950-rgb) / .3) 60%, transparent 66.05%),
    radial-gradient(circle at -34% -41%, rgb(var(--ov-horizon-950-rgb) / .9) 42%, transparent 54.05%),
    radial-gradient(circle at -89% 47%, rgb(var(--ov-signal-900-rgb) / .9) 47%, transparent 52.05%),
    linear-gradient(162deg,  rgb(var(--ov-midnight-900-rgb) / .9) 46%, transparent 50.05%),
    rgb(var(--ov-unity-950-rgb));
}

/* The map finishes cleanly; About introduces its own atmosphere from the top. */
#ov-about::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  height: var(--ov-about-transition-height);
  pointer-events: none;
}

#ov-about-content {
  color: var(--ov-about-copy);
}

/*
 * The CMS keeps the video thumbnail inert until Jetstream consent is granted.
 * Surface its generated privacy notice above that thumbnail so the disabled
 * play control never looks broken or unexplained.
 */
#ov-about .ov-about-video > div:has(> .border-l-4) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

#ov-about .ov-about-video .border-l-4 {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: clamp(18px, 4vw, 40px);
  overflow: auto;
  border: 0;
  border-radius: inherit;
  color: rgb(var(--ov-midnight-50-rgb) / 0.94);
  background: rgb(var(--ov-midnight-950-rgb) / 0.68);
  text-align: center;
}

#ov-about .ov-about-video .border-l-4::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 42%, rgb(var(--ov-unity-700-rgb) / 0.24), transparent 48%),
    linear-gradient(180deg, rgb(var(--ov-midnight-950-rgb) / 0.28), rgb(var(--ov-midnight-950-rgb) / 0.82));
}

#ov-about .ov-about-video .border-l-4 > div:last-child {
  width: min(100%, 620px);
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid rgb(var(--ov-horizon-300-rgb) / 0.24);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgb(var(--ov-unity-800-rgb) / 0.72), rgb(var(--ov-midnight-950-rgb) / 0.88));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.08),
    0 22px 54px rgb(var(--ov-midnight-950-rgb) / 0.5),
    0 0 34px rgb(var(--ov-unity-700-rgb) / 0.12);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  backdrop-filter: blur(14px) saturate(120%);
}

#ov-about .ov-about-video .border-l-4 > div:first-child {
  width: 28px;
  height: 28px;
  margin: 0;
  color: rgb(var(--ov-horizon-300-rgb));
  filter: drop-shadow(0 0 10px rgb(var(--ov-horizon-400-rgb) / 0.35));
}

#ov-about .ov-about-video .border-l-4 h4 {
  margin-bottom: 10px;
  color: rgb(var(--ov-midnight-50-rgb));
  font-family: var(--ov-about-font-display);
  font-size: clamp(1rem, 2.2vw, 1.35rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  text-transform: none;
  text-wrap: balance;
}

#ov-about .ov-about-video .border-l-4 p {
  color: rgb(var(--ov-midnight-100-rgb) / 0.82);
  font-size: clamp(0.75rem, 1.5vw, 0.9375rem);
  line-height: 1.5;
  text-wrap: balance;
}

#ov-about .ov-about-video .border-l-4 p.text-lg {
  color: rgb(var(--ov-midnight-50-rgb) / 0.92);
  font-size: clamp(0.8125rem, 1.7vw, 1rem);
  font-weight: 650;
}

#ov-about .ov-about-video .border-l-4 button {
  min-height: 42px;
  padding: 10px 20px;
  border-color: rgb(var(--ov-horizon-300-rgb) / 0.38);
  background: linear-gradient(
    100deg,
    rgb(var(--ov-unity-600-rgb)),
    rgb(var(--ov-signal-500-rgb)) 52%,
    rgb(var(--ov-horizon-500-rgb))
  );
  color: rgb(var(--ov-midnight-50-rgb));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.18),
    0 10px 24px rgb(var(--ov-midnight-950-rgb) / 0.34),
    0 0 20px rgb(var(--ov-unity-500-rgb) / 0.16);
}

#ov-about .ov-about-video .border-l-4 button:hover,
#ov-about .ov-about-video .border-l-4 button:focus-visible {
  border-color: rgb(var(--ov-horizon-200-rgb) / 0.68);
  filter: brightness(1.08);
}

@media (max-width: 479px) {
  #ov-about .ov-about-video .border-l-4 {
    justify-content: flex-start;
    gap: 6px;
    padding: 12px;
  }

  #ov-about .ov-about-video .border-l-4 > div:first-child {
    display: none;
  }

  #ov-about .ov-about-video .border-l-4 > div:last-child {
    margin-block: auto;
    padding: 14px;
    border-radius: 14px;
  }

  #ov-about .ov-about-video .border-l-4 h4 {
    margin-bottom: 6px;
    font-size: 0.9375rem;
  }

  #ov-about .ov-about-video .border-l-4 p {
    font-size: 0.6875rem;
    line-height: 1.35;
  }

  #ov-about .ov-about-video .border-l-4 p.text-lg {
    font-size: 0.75rem;
  }

  #ov-about .ov-about-video .border-l-4 .mt-6 {
    margin-top: 10px;
  }

  #ov-about .ov-about-video .border-l-4 button {
    width: 100%;
    min-height: 36px;
    padding: 8px 14px;
  }
}

#ov-about .ov-about-title-text,
#ov-about .ov-about-title-number {
  font-family: var(--ov-about-font-display);
}

#ov-about .ov-about-title {
  color: var(--ov-about-title-gradient-start);
  background: linear-gradient(
    104deg,
    var(--ov-about-title-gradient-start) 2%,
    var(--ov-about-title-gradient-middle) 52%,
    var(--ov-about-title-gradient-end) 98%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#ov-about .ov-about-brief-card,
#ov-about .ov-about-excerpt-card {
  font-family: var(--ov-about-font-body);
}

#ov-about .ov-about-brief-card,
#ov-about .ov-about-excerpt-card {
  color: var(--ov-about-copy);
  line-height: 1.65;
}

#ov-about .ov-about-excerpt-card {
  color: var(--ov-about-copy-muted);
}

/* Editorial optical glass: one material and one light source for every card. */
#ov-about .ov-about-step-card {
  isolation: isolate;
  border-color: var(--ov-about-card-border);
  border-radius: var(--ov-about-card-radius);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.045), transparent 30%),
    linear-gradient(
      180deg,
      var(--ov-about-card-surface-top),
      var(--ov-about-card-surface-bottom)
    );
  box-shadow: var(--ov-about-card-shadow);
  -webkit-backdrop-filter:
    blur(var(--ov-about-card-blur))
    saturate(112%);
  backdrop-filter:
    blur(var(--ov-about-card-blur))
    saturate(112%);
  transition:
    box-shadow var(--ov-about-transition-duration) var(--ov-about-transition-easing),
    border-color var(--ov-about-transition-duration) var(--ov-about-transition-easing);
}

#ov-about .ov-about-step-card::before,
#ov-about .ov-about-step-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

/* Consistent top-left specular light and darker lower-right material edge. */
#ov-about .ov-about-step-card::before {
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(145deg, rgb(255 255 255 / 0.035), transparent 36%);
  box-shadow:
    inset 1px 1px 0 var(--ov-about-card-inner-highlight),
    inset -1px -1px 0 var(--ov-about-card-inner-shadow);
  opacity: 0.58;
  transition:
    opacity var(--ov-about-transition-duration) ease,
    box-shadow var(--ov-about-transition-duration) var(--ov-about-transition-easing);
}

/* One restrained OneVoice27 signature instead of full-perimeter neon. */
#ov-about .ov-about-step-card::after {
  top: 0;
  left: 24px;
  width: var(--ov-about-card-registration-width);
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ov-about-card-accent-start) 28%,
    var(--ov-about-card-accent-end) 62%,
    transparent 100%
  );
  box-shadow: 0 1px 8px var(--ov-about-card-accent-shadow);
  opacity: 0.76;
  transition: opacity var(--ov-about-transition-duration) ease;
}

#ov-about .ov-about-title-card {
  position: relative;
  gap: var(--ov-about-card-title-gap);
}

#ov-about .ov-about-title-text {
  position: relative;
  z-index: 1;
  font-weight: var(--ov-about-card-title-weight);
  color: var(--ov-about-copy);
  letter-spacing: var(--ov-about-card-title-tracking);
  text-wrap: balance;
}

#ov-about .ov-about-title-number {
  position: relative;
  z-index: 1;
  font-weight: var(--ov-about-number-weight);
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--ov-about-card-accent-start);
  background: linear-gradient(
    145deg,
    rgb(var(--ov-midnight-50-rgb) / 0.92),
    rgb(var(--ov-unity-200-rgb) / 0.90) 52%,
    rgb(var(--ov-unity-400-rgb) / 0.88)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: var(--ov-about-number-shadow);
}

#ov-about .ov-about-brief-card li::marker {
  color: var(--ov-about-copy-muted);
}

#ov-about .ov-about-brief-card p {
  color: var(--ov-about-copy);
  font-weight: 500;
}

#ov-about .ov-about-divider-card hr {
  width: var(--ov-about-divider-width);
  margin-inline: 0 auto;
  background: linear-gradient(
    90deg,
    rgb(var(--ov-unity-200-rgb) / 0.55),
    rgb(var(--ov-midnight-100-rgb) / 0.32) 30%,
    rgb(var(--ov-midnight-100-rgb) / 0.16)
  );
  transform-origin: left center;
  transition: width var(--ov-about-transition-duration) var(--ov-about-transition-easing);
}

/* Tablet: protect the heading column while allowing long copy to reflow. */
@media (min-width: 48rem) and (max-width: 63.999rem) {
  #ov-about .ov-about-title-card {
    flex: 0 1 34%;
    min-width: 0;
  }

  #ov-about .ov-about-content-card {
    flex: 1 1 66%;
    min-width: 0;
  }
}

/* Desktop cards share height; revised excerpts settle against a common base. */
@media (min-width: 64rem) {
  #ov-about-steps {
    align-items: stretch;
  }

  #ov-about .ov-about-step-card {
    align-self: stretch;
  }

  #ov-about .ov-about-content-card {
    flex: 1 1 auto;
  }

  #ov-about .ov-about-divider-card {
    margin-top: auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  #ov-about .ov-about-step-card:hover {
    border-color: var(--ov-about-card-hover-border);
    box-shadow: var(--ov-about-card-hover-shadow);
  }

  #ov-about .ov-about-step-card:hover::before {
    opacity: 1;
    box-shadow:
      inset 1px 1px 0 rgb(255 255 255 / 0.12),
      inset -1px -1px 0 var(--ov-about-card-inner-shadow),
      inset 0 0 0 1px rgb(var(--ov-unity-200-rgb) / 0.10);
  }

  #ov-about .ov-about-step-card:hover::after {
    opacity: 1;
  }

  #ov-about .ov-about-step-card:hover .ov-about-divider-card hr {
    width: 100%;
  }
}

/* Preserve readable text if background-clip is unavailable. */
@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  #ov-about .ov-about-title {
    color: var(--ov-about-title-gradient-middle);
    background: none;
    -webkit-text-fill-color: currentColor;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ov-about .ov-about-step-card,
  #ov-about .ov-about-step-card::before,
  #ov-about .ov-about-step-card::after,
  #ov-about .ov-about-divider-card hr {
    transition: none;
  }

  #ov-about .ov-about-step-card:hover {
    box-shadow: var(--ov-about-card-shadow);
  }
}


/*
 * Getting Involved visual layer.
 * The CMS owns width, padding, direction and responsive child sizing.
 */
#ov-involve {
  position: relative;
  z-index: 2;
  isolation: isolate;
  overflow: hidden;
  margin-top: calc(
    0px - var(--ov-involve-wedge-top-depth) - var(--ov-involve-overlap-guard)
  );
  margin-bottom: calc(
    0px - var(--ov-involve-wedge-bottom-depth) - var(--ov-involve-overlap-guard)
  );
  color: var(--ov-involve-copy);
  background: transparent;
}

/* Angled section silhouette; content and interactive geometry remain straight. */
#ov-involve::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at -25% 50%, rgb(var(--ov-midnight-900-rgb) / 0.28) 49%, transparent 59.05%),
    radial-gradient(circle at 66% 23%, rgb(var(--ov-unity-950-rgb) / 0.78) 45%, transparent 55.05%),
    radial-gradient(circle at -78% 85%, rgb(var(--ov-horizon-700-rgb) / 0.18) 47%, transparent 57.05%),
    linear-gradient(-282deg, rgb(var(--ov-midnight-900-rgb) / 0.78) 49%, transparent 59.05%),
    linear-gradient(180deg, var(--ov-involve-surface), var(--ov-involve-surface-deep));
  clip-path: polygon(
    0 var(--ov-involve-wedge-top-depth),
    100% 0,
    100% 100%,
    0 calc(100% - var(--ov-involve-wedge-bottom-depth))
  );
}

/* Quiet structural edge: gradient color, no glow and no transformed content. */
#ov-involve::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ov-involve-edge-start) 28%,
    var(--ov-involve-edge-end) 62%,
    transparent 100%
  );
  clip-path: polygon(
    0 var(--ov-involve-wedge-top-depth),
    100% 0,
    100% 100%,
    0 calc(100% - var(--ov-involve-wedge-bottom-depth))
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  filter: drop-shadow(0 1px 5px var(--ov-involve-edge-shadow));
  opacity: 0.76;
}

#ov-involve-content {
  color: var(--ov-involve-copy);
  padding-top: var(--ov-involve-padding-top);
  padding-bottom: var(--ov-involve-padding-bottom);
}

#ov-involve .ov-involve-item-title {
  font-family: var(--ov-involve-font-display);
}

#ov-involve .ov-involve-action {
  font-family: var(--ov-involve-font-body);
}

#ov-involve .ov-involve-triptych {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* A borderless, directional light field arrives only after assembly. */
#ov-involve .ov-involve-triptych::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -18px;
  border-radius: calc(var(--ov-involve-frame-radius) + 18px);
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 14%, var(--ov-involve-frame-glow-signal), transparent 38%),
    radial-gradient(circle at 52% 104%, var(--ov-involve-frame-glow-unity), transparent 48%),
    radial-gradient(circle at 94% 72%, var(--ov-involve-frame-glow-horizon), transparent 40%);
  box-shadow: var(--ov-involve-frame-shadow);
  filter: blur(var(--ov-involve-frame-glow-blur));
  opacity: var(--ov-involve-frame-opacity);
  transition: opacity 180ms linear;
}

#ov-involve .ov-involve-item {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ov-involve-piece-seam);
  border-radius: calc(var(--ov-involve-frame-radius) - 4px);
  background: var(--ov-involve-piece-surface);
  box-shadow:
    0 18px 40px rgb(2 2 12 / var(--ov-involve-piece-shadow-alpha)),
    0 12px 34px rgb(var(--ov-unity-800-rgb) / var(--ov-involve-piece-glow-alpha));
  opacity: var(--ov-involve-item-opacity);
  transform: translate3d(var(--ov-involve-item-x), var(--ov-involve-item-y), 0);
  transition:
    background-color var(--ov-involve-transition-duration) ease,
    border-color var(--ov-involve-transition-duration) ease,
    box-shadow 180ms linear;
  will-change: transform, opacity;
}

#ov-involve .ov-involve-media {
  position: relative;
  flex: none;
  aspect-ratio: var(--ov-involve-media-ratio-mobile);
  overflow: hidden;
  border-radius: 0;
  background: var(--ov-involve-surface-deep);
  box-shadow: none;
}

#ov-involve .ov-involve-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--ov-involve-media-overlay);
}

#ov-involve .ov-involve-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(var(--ov-involve-media-saturation));
  transform: scale(1.001);
  transition:
    transform var(--ov-involve-transition-duration) var(--ov-involve-transition-easing),
    filter var(--ov-involve-transition-duration) ease;
}

#ov-involve .ov-involve-item-content {
  flex: 1 1 auto;
  min-width: 0;
  min-height: var(--ov-involve-piece-min-content-height);
  padding: var(--ov-involve-piece-padding);
}

#ov-involve .ov-involve-item-title {
  color: var(--ov-involve-copy);
  font-weight: var(--ov-involve-item-title-weight);
  letter-spacing: -0.03em;
  line-height: 1.08;
  text-wrap: balance;
}

#ov-involve .ov-involve-action {
  position: relative;
  margin-top: auto;
  padding-block: 10px;
  color: var(--ov-involve-copy);
  letter-spacing: 0.08em;
  text-underline-offset: 4px;
}

#ov-involve .ov-involve-action::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--ov-involve-accent-start),
    var(--ov-involve-accent-end),
    transparent
  );
  transform: scaleX(0.34);
  transform-origin: left;
  transition: transform var(--ov-involve-transition-duration) var(--ov-involve-transition-easing);
}

#ov-involve .ov-involve-action:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--ov-involve-action-focus);
  outline-offset: 4px;
}

@media (max-width: 63.999rem) {
  #ov-involve .ov-involve-triptych::before {
    display: none;
  }
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
  #ov-involve .ov-involve-media {
    align-self: stretch;
    aspect-ratio: auto;
    min-height: 220px;
  }

  #ov-involve .ov-involve-item-content {
    align-self: stretch;
  }
}

@media (min-width: 64rem) {
  #ov-involve .ov-involve-triptych {
    overflow: visible;
  }

  #ov-involve .ov-involve-item {
    align-self: stretch;
    border-radius: 0;
    opacity: 1;
  }

  #ov-involve .ov-involve-item:first-child {
    border-radius:
      calc(var(--ov-involve-frame-radius) - 2px)
      0
      0
      calc(var(--ov-involve-frame-radius) - 2px);
  }

  #ov-involve .ov-involve-item:last-child {
    border-radius:
      0
      calc(var(--ov-involve-frame-radius) - 2px)
      calc(var(--ov-involve-frame-radius) - 2px)
      0;
  }

  #ov-involve .ov-involve-media {
    aspect-ratio: var(--ov-involve-media-ratio-desktop);
  }

  #ov-involve .ov-involve-piece--personal,
  #ov-involve .ov-involve-item:nth-child(1) {
    transform: translate3d(
      calc(0px - var(--ov-involve-separation)),
      var(--ov-involve-separation-soft),
      0
    );
  }

  #ov-involve .ov-involve-piece--toolkit,
  #ov-involve .ov-involve-item:nth-child(2) {
    transform: translate3d(0, calc(0px - var(--ov-involve-separation-center)), 0);
  }

  #ov-involve .ov-involve-piece--sharing,
  #ov-involve .ov-involve-item:nth-child(3) {
    transform: translate3d(
      var(--ov-involve-separation),
      var(--ov-involve-separation-soft),
      0
    );
  }
}

@media (hover: hover) and (pointer: fine) {
  #ov-involve .ov-involve-item:hover {
    border-color: rgb(var(--ov-midnight-50-rgb) / 0.26);
    background: var(--ov-involve-piece-surface-hover);
  }

  #ov-involve .ov-involve-item:hover .ov-involve-media img {
    filter: saturate(100%);
    transform: scale(1.025);
  }

  #ov-involve .ov-involve-action:hover::before {
    transform: scaleX(1);
  }

  #ov-involve .ov-involve-action:hover svg {
    transform: translateX(3px);
  }

  #ov-involve .ov-involve-action svg {
    transition: transform var(--ov-involve-transition-duration) var(--ov-involve-transition-easing);
  }
}

@media (prefers-reduced-motion: reduce) {
  #ov-involve {
    --ov-involve-separation: 0px !important;
    --ov-involve-separation-soft: 0px !important;
    --ov-involve-separation-center: 0px !important;
    --ov-involve-piece-shadow-alpha: 0 !important;
    --ov-involve-piece-glow-alpha: 0 !important;
    --ov-involve-frame-opacity: 1 !important;
  }

  #ov-involve .ov-involve-triptych::before,
  #ov-involve .ov-involve-item,
  #ov-involve .ov-involve-media img,
  #ov-involve .ov-involve-action::before,
  #ov-involve .ov-involve-action svg {
    transition: none;
  }
}


/*
 * News visual layer.
 * The CMS owns the feed markup, grid breakpoints and article destinations.
 */
#ov-news {
  position: relative;
  isolation: isolate;
  color: var(--ov-news-copy);
  background: var(--ov-news-surface);
  scroll-margin-top: calc(var(--ov-header-min-height-desktop) + 24px);
}

/* Dark blue atmosphere only; cards and text retain editorial priority. */
#ov-news::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 18%, var(--ov-news-atmosphere-horizon), transparent 38%),
    radial-gradient(circle at 8% 72%, var(--ov-news-atmosphere-unity), transparent 42%),
    radial-gradient(circle at 62% 106%, rgb(var(--ov-horizon-950-rgb) / 0.18), transparent 36%);
}

#ov-news-content {
  position: relative;
  z-index: 1;
  color: var(--ov-news-copy);
}

#ov-news-feed {
  opacity: 1;
  transition: opacity var(--ov-news-card-panel-duration) ease;
}

#ov-news-feed.is-loading {
  opacity: 0.56;
  pointer-events: none;
}

/* Every story remains one stable image-and-headline composition. */
#ov-news-feed article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--ov-news-card-border);
  border-radius: var(--ov-news-card-radius);
  background: var(--ov-news-surface);
  transition: border-color var(--ov-news-card-panel-duration) ease;
}

#ov-news-feed article > div:first-child {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ov-news-card-ratio);
  overflow: hidden;
  border-radius: inherit;
}

#ov-news-feed article > div:first-child > a {
  display: block;
  width: 100%;
  height: 100%;
}

#ov-news-feed article > div:first-child::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: var(--ov-news-card-overlay);
}

#ov-news-feed article img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  transform: scale(1.001);
  transition: transform var(--ov-news-card-motion-duration) var(--ov-news-card-easing);
  will-change: transform;
}

#ov-news-feed article > div:last-child {
  position: absolute;
  z-index: 2;
  isolation: isolate;
  right: var(--ov-news-card-panel-inset);
  bottom: var(--ov-news-card-panel-inset);
  left: var(--ov-news-card-panel-inset);
  margin: 0;
  padding: var(--ov-news-card-padding);
  justify-content: flex-end;
  border-radius: var(--ov-news-card-panel-radius);
  color: var(--ov-news-copy);
  background: transparent;
  transition:
    color var(--ov-news-card-panel-duration) ease;
}

/* The hover shelf follows its headline content rather than a fixed height. */
#ov-news-feed article > div:last-child::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: var(--ov-news-card-panel-radius);
  pointer-events: none;
  background: transparent;
  box-shadow: none;
  transition:
    background-color var(--ov-news-card-panel-duration) ease,
    box-shadow var(--ov-news-card-panel-duration) ease;
}

#ov-news-feed article > div:last-child > * {
  position: relative;
  z-index: 1;
}

#ov-news-feed article h3 {
  margin: 0;
  color: inherit;
  font-family: var(--ov-news-font-display);
  font-weight: var(--ov-news-card-title-weight);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  letter-spacing: -0.03em;
  line-height: 1.08;
  text-wrap: balance;
}

#ov-news-feed article h3 a {
  display: -webkit-box;
  overflow: hidden;
  color: inherit !important;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* The CMS excerpt remains in the DOM but is omitted from this compact card. */
#ov-news-feed article > div:last-child > p {
  display: none;
}

#ov-news-feed article:focus-within {
  border-color: var(--ov-news-card-border-active);
  outline: 2px solid var(--ov-news-pagination-focus);
  outline-offset: 3px;
}

#ov-news-feed article h3 a:focus-visible,
#ov-news-feed article > div:first-child > a:focus-visible {
  outline: 2px solid var(--ov-news-pagination-focus);
  outline-offset: -4px;
}

#ov-news-feed article:focus-within > div:last-child {
  color: var(--ov-news-card-panel-text);
}

#ov-news-feed article:focus-within > div:last-child::before {
  background: var(--ov-news-card-panel);
  box-shadow: 0 12px 30px rgb(2 2 12 / 0.24);
}

/* Pagination: crisp type, generous targets and a non-colour active indicator. */
#ov-news-feed > :last-child a,
#ov-news-feed > :last-child span {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--ov-news-pagination-color);
  font-family: var(--ov-news-font-body);
  text-decoration: none;
}

#ov-news-feed > :last-child span {
  color: var(--ov-news-pagination-active);
  background: var(--ov-news-pagination-surface);
  box-shadow: var(--ov-news-pagination-shadow);
}

#ov-news-feed > :last-child a:hover {
  color: var(--ov-news-pagination-active);
  background: rgb(var(--ov-midnight-800-rgb) / 0.44);
}

#ov-news-feed > :last-child a:focus-visible {
  outline: 2px solid var(--ov-news-pagination-focus);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  #ov-news-feed article:hover {
    border-color: var(--ov-news-card-border-active);
  }

  #ov-news-feed article:hover img {
    transform: scale(var(--ov-news-card-image-scale));
  }

  #ov-news-feed article:hover > div:last-child {
    color: var(--ov-news-card-panel-text);
  }

  #ov-news-feed article:hover > div:last-child::before {
    background: var(--ov-news-card-panel);
    box-shadow: 0 12px 30px rgb(2 2 12 / 0.24);
  }
}

@media (prefers-reduced-motion: reduce) {
  #ov-news-feed article,
  #ov-news-feed,
  #ov-news-feed article img,
  #ov-news-feed article > div:last-child,
  #ov-news-feed article > div:last-child::before {
    transition: none;
  }

  #ov-news-feed article:hover img {
    transform: none;
  }
}


#ov-resources {
  --ov-resources-card-accent: var(--ov-resources-music-accent);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ov-resources-copy);
  background-color: var(--ov-resources-surface);
  transition: background-color var(--ov-resources-transition-duration) var(--ov-resources-transition-easing);
}

#ov-resources.is-panel-host-open {
  z-index: var(--ov-resources-panel-z-index);
  overflow: visible;
}

#ov-resources::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -8%;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 18%, rgb(var(--ov-signal-800-rgb) / 0.18), transparent 32%),
    radial-gradient(circle at 82% 28%, rgb(var(--ov-horizon-800-rgb) / 0.16), transparent 38%),
    radial-gradient(circle at 52% 84%, rgb(var(--ov-unity-800-rgb) / 0.22), transparent 42%),
    linear-gradient(145deg, rgb(var(--ov-midnight-900-rgb) / 0.38), transparent 58%);
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
}

#ov-resources::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -24px;
  pointer-events: none;
  opacity: var(--ov-resources-particles-opacity-low);
  background:
    radial-gradient(circle at 13px 29px, rgb(var(--ov-horizon-100-rgb) / 0.88) 0 0.7px, transparent 1.35px) 0 0 / 97px 113px repeat,
    radial-gradient(circle at 79px 41px, rgb(var(--ov-unity-200-rgb) / 0.78) 0 0.9px, transparent 1.55px) 17px 31px / 139px 157px repeat,
    radial-gradient(circle at 47px 127px, rgb(var(--ov-signal-200-rgb) / 0.68) 0 1.1px, transparent 1.85px) 53px 11px / 179px 193px repeat,
    radial-gradient(circle at 193px 67px, rgb(var(--ov-horizon-200-rgb) / 0.74) 0 1.45px, transparent 2.35px) 23px 79px / 257px 233px repeat,
    radial-gradient(circle at 271px 181px, rgb(var(--ov-unity-100-rgb) / 0.62) 0 1.8px, transparent 2.9px) 101px 47px / 337px 311px repeat;
  transform: translate3d(0, 0, 0);
  animation: ov-resources-particles var(--ov-resources-particles-duration) ease-in-out infinite alternate;
  will-change: transform, opacity;
}

#ov-resources.is-music-active {
  background-color: var(--ov-resources-surface-music);
}

#ov-resources.is-music-active::before {
  background:
    radial-gradient(circle at 18% 24%, rgb(var(--ov-unity-500-rgb) / 0.42), transparent 34%),
    radial-gradient(circle at 76% 18%, rgb(var(--ov-horizon-800-rgb) / 0.18), transparent 38%),
    radial-gradient(circle at 68% 82%, rgb(var(--ov-signal-800-rgb) / 0.24), transparent 42%),
    linear-gradient(145deg, rgb(var(--ov-midnight-950-rgb) / 0.12), rgb(var(--ov-unity-900-rgb) / 0.46));
  animation: ov-resources-zoom-music var(--ov-resources-atmosphere-duration) var(--ov-resources-transition-easing) forwards;
}

#ov-resources.is-materials-active {
  background-color: var(--ov-resources-surface-materials);
}

#ov-resources.is-materials-active::before {
  background:
    radial-gradient(circle at 82% 24%, rgb(var(--ov-horizon-500-rgb) / 0.40), transparent 34%),
    radial-gradient(circle at 22% 74%, rgb(var(--ov-unity-700-rgb) / 0.32), transparent 40%),
    radial-gradient(circle at 54% 16%, rgb(var(--ov-signal-900-rgb) / 0.18), transparent 36%),
    linear-gradient(155deg, rgb(var(--ov-midnight-950-rgb) / 0.14), rgb(var(--ov-horizon-900-rgb) / 0.44));
  animation: ov-resources-zoom-materials var(--ov-resources-atmosphere-duration) var(--ov-resources-transition-easing) forwards;
}

#ov-resources.is-video-active {
  background-color: var(--ov-resources-surface-video);
}

#ov-resources.is-video-active::before {
  background:
    radial-gradient(circle at 52% 82%, rgb(var(--ov-signal-500-rgb) / 0.42), transparent 34%),
    radial-gradient(circle at 14% 20%, rgb(var(--ov-horizon-700-rgb) / 0.26), transparent 40%),
    radial-gradient(circle at 88% 26%, rgb(var(--ov-unity-800-rgb) / 0.24), transparent 38%),
    linear-gradient(135deg, rgb(var(--ov-midnight-950-rgb) / 0.12), rgb(var(--ov-signal-900-rgb) / 0.44));
  animation: ov-resources-zoom-video var(--ov-resources-atmosphere-duration) var(--ov-resources-transition-easing) forwards;
}

@keyframes ov-resources-zoom-music {
  from { transform: scale(1); }
  to { transform: scale(var(--ov-resources-atmosphere-scale)); }
}

@keyframes ov-resources-zoom-materials {
  from { transform: scale(1); }
  to { transform: scale(var(--ov-resources-atmosphere-scale)); }
}

@keyframes ov-resources-zoom-video {
  from { transform: scale(1); }
  to { transform: scale(var(--ov-resources-atmosphere-scale)); }
}

@keyframes ov-resources-particles {
  0% {
    opacity: var(--ov-resources-particles-opacity-low);
    transform: translate3d(0, 0, 0);
  }
  48% {
    opacity: var(--ov-resources-particles-opacity-high);
    transform: translate3d(var(--ov-resources-particles-drift-x), var(--ov-resources-particles-drift-y-mid), 0);
  }
  100% {
    opacity: 0.22;
    transform: translate3d(var(--ov-resources-particles-drift-x-end), var(--ov-resources-particles-drift-y), 0);
  }
}

#ov-resources-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
  padding:
    var(--ov-resources-padding-top)
    max(16px, env(safe-area-inset-right))
    var(--ov-resources-padding-bottom)
    max(16px, env(safe-area-inset-left)) !important;
  gap: 24px;
}

#ov-resources-copy {
  order: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(100%, var(--ov-resources-copy-width));
  max-width: var(--ov-resources-copy-width);
  margin: 0 0 28px;
  padding: 0;
  gap: 10px;
  text-align: center;
}

#ov-resources .ov-resources-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: min(100%, var(--ov-resources-mobile-card-width));
  height: var(--ov-resources-mobile-card-height);
  padding: var(--ov-resources-card-padding-mobile) !important;
  overflow: hidden;
  border: 1px solid var(--ov-resources-card-border);
  border-radius: var(--ov-resources-card-radius);
  color: var(--ov-resources-copy);
  background:
    linear-gradient(180deg, var(--ov-resources-card-inner-highlight), transparent 34%),
    linear-gradient(145deg, var(--ov-resources-card-surface-top), var(--ov-resources-card-surface-bottom));
  box-shadow: var(--ov-resources-card-shadow);
  -webkit-backdrop-filter: blur(var(--ov-about-card-blur)) saturate(125%);
  backdrop-filter: blur(var(--ov-about-card-blur)) saturate(125%);
  transform: translateY(0);
  transition:
    border-color var(--ov-resources-transition-duration) ease,
    box-shadow var(--ov-resources-transition-duration) ease,
    transform var(--ov-resources-transition-duration) var(--ov-resources-transition-easing);
}

#ov-resources .ov-resources-card > div[aria-hidden],
#ov-resources .ov-resources-card > div:first-child:not(.ov-resources-card-indicator) {
  opacity: 0 !important;
}

#ov-resources-card-music {
  --ov-resources-card-accent: var(--ov-resources-music-accent);
}

#ov-resources-card-materials {
  --ov-resources-card-accent: var(--ov-resources-materials-accent);
}

#ov-resources-card-video {
  --ov-resources-card-accent: var(--ov-resources-video-accent);
}

#ov-resources .ov-resources-card:hover,
#ov-resources .ov-resources-card:focus-within {
  border-color: var(--ov-resources-card-accent);
  box-shadow: var(--ov-resources-card-shadow);
  transform: translateY(-4px);
}

#ov-resources .ov-resources-card-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--ov-resources-copy-muted);
  font-family: var(--ov-resources-font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#ov-resources .ov-resources-card-indicator::after {
  content: "";
  flex: 0 0 var(--ov-resources-indicator-size);
  width: var(--ov-resources-indicator-size);
  height: var(--ov-resources-indicator-size);
  margin-left: 16px;
  border-radius: 50%;
  background: var(--ov-resources-card-accent);
  box-shadow: none;
}

#ov-resources .ov-resources-card-indicator p,
#ov-resources .ov-resources-card-title,
#ov-resources .ov-resources-card-description {
  margin: 0;
}

#ov-resources .ov-resources-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: auto;
  gap: 7px;
}

#ov-resources .ov-resources-card-title {
  color: var(--ov-resources-copy);
  font-family: var(--ov-resources-font-display);
  font-size: clamp(1.25rem, 6vw, 1.35rem);
  font-weight: var(--ov-resources-card-title-weight);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

#ov-resources .ov-resources-card-description {
  color: var(--ov-resources-copy-muted);
  font-family: var(--ov-resources-font-body);
  line-height: 1.45;
}

#ov-resources .ov-resources-card-actions {
  margin-top: 12px;
}

#ov-resources .ov-resources-panel-trigger {
  position: relative;
  min-height: 0;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  color: var(--ov-resources-copy) !important;
  background: transparent !important;
  font-family: var(--ov-resources-font-body);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  box-shadow: none;
}

#ov-resources .ov-resources-panel-trigger::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--ov-resources-card-accent), transparent);
  transform: scaleX(0.34);
  transform-origin: left;
  transition: transform var(--ov-resources-transition-duration) var(--ov-resources-transition-easing);
}

#ov-resources .ov-resources-panel-trigger:hover::before,
#ov-resources .ov-resources-panel-trigger:focus-visible::before {
  transform: scaleX(1);
}

#ov-resources .ov-resources-panel-trigger:focus-visible {
  outline: 2px solid var(--ov-resources-card-accent);
  outline-offset: 5px;
}

@media (min-width: 64rem) {
  #ov-resources-content {
    display: grid;
    width: calc(100% - 32px);
    max-width: 72rem;
    padding-right: 0 !important;
    padding-left: 0 !important;
    grid-template-columns:
      minmax(0, var(--ov-resources-music-track))
      minmax(0, var(--ov-resources-copy-track))
      minmax(0, var(--ov-resources-materials-track));
    grid-template-rows: auto auto;
    justify-content: center;
    align-items: start;
    column-gap: var(--ov-resources-grid-column-gap) !important;
    row-gap: var(--ov-resources-grid-row-gap) !important;
  }

  #ov-resources-copy {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: var(--ov-resources-copy-width);
    height: auto !important;
    max-height: var(--ov-resources-copy-height);
    margin: 0;
    padding: 32px;
    aspect-ratio: 528 / 523;
    border: 1px dotted rgb(var(--ov-horizon-500-rgb) / .25);
    border-radius: var(--ov-resources-card-radius);
    background: rgb(var(--ov-horizon-500-rgb) / .05);
    /* border: 1px solid var(--ov-resources-card-border);
    border-radius: var(--ov-resources-card-radius);
    background:
      linear-gradient(180deg, var(--ov-resources-card-inner-highlight), transparent 34%),
      linear-gradient(145deg, var(--ov-resources-card-surface-top), var(--ov-resources-card-surface-bottom));
    box-shadow: var(--ov-resources-card-shadow); */
  }

  #ov-resources .ov-resources-card {
    height: auto !important;
    padding: var(--ov-resources-card-padding-desktop) !important;
  }

  #ov-resources-card-music {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: var(--ov-resources-music-width);
    height: auto !important;
    max-height: var(--ov-resources-music-height);
    aspect-ratio: 320 / 296;
  }

  #ov-resources-card-materials {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    width: 100%;
    max-width: var(--ov-resources-materials-width);
    height: auto !important;
    max-height: var(--ov-resources-materials-height);
    aspect-ratio: 272 / 336;
  }

  #ov-resources #ov-resources-card-video {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    width: min(69.697%, var(--ov-resources-video-width));
    height: auto !important;
    max-height: var(--ov-resources-video-height);
    aspect-ratio: 368 / 256;
  }

  #ov-resources .ov-resources-card-description {
    font-size: 0.875rem;
  }

  #ov-resources .ov-resources-card-actions {
    margin-top: 4px;
  }
}

#ov-resources-panels {
  position: fixed;
  z-index: var(--ov-resources-panel-z-index);
  inset: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  visibility: hidden;
  pointer-events: none;
}

#ov-resources-panels::before,
#ov-resources-panels::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translate3d(100%, 0, 0);
  transition: transform var(--ov-resources-panel-duration) var(--ov-resources-transition-easing);
}

#ov-resources-panels::before {
  z-index: 0;
  background: var(--ov-resources-panel-layer-one);
}

#ov-resources-panels::after {
  z-index: 1;
  background: var(--ov-resources-panel-layer-two);
  transition-delay: var(--ov-resources-panel-stagger);
}

#ov-resources-panels.is-opening,
#ov-resources-panels.is-open,
#ov-resources-panels.is-closing {
  visibility: visible;
  pointer-events: auto;
}

#ov-resources-panels.is-open::before,
#ov-resources-panels.is-open::after {
  transform: translate3d(0, 0, 0);
}

#ov-resources-panels.is-closing::before,
#ov-resources-panels.is-closing::after {
  transition-delay: var(--ov-resources-panel-content-exit-duration);
}

#ov-resources-panels .ov-resources-panel {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  min-height: 100svh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: var(--ov-resources-panel-copy);
  background:
    radial-gradient(circle at 15% 12%, rgb(var(--ov-unity-600-rgb) / 0.2), transparent 38%),
    radial-gradient(circle at 86% 84%, rgb(var(--ov-horizon-700-rgb) / 0.16), transparent 42%),
    var(--ov-resources-panel-surface);
  opacity: 0;
  transform: translate3d(8%, 0, 0);
  transition:
    opacity var(--ov-resources-panel-duration) var(--ov-resources-transition-easing),
    transform var(--ov-resources-panel-duration) var(--ov-resources-transition-easing);
  transition-delay: calc(var(--ov-resources-panel-stagger) * 2);
  -webkit-overflow-scrolling: touch;
}

#ov-resources-panels .ov-resources-panel.is-active {
  display: block;
}

#ov-resources-panels.is-open .ov-resources-panel.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

#ov-resources-panels.is-closing .ov-resources-panel.is-active {
  opacity: 0;
  transform: translate3d(4%, 0, 0);
  transition-duration: var(--ov-resources-panel-content-exit-duration);
  transition-delay: 0ms;
}

#ov-resources-panels .ov-resources-panel-inner {
  position: relative;
  z-index: 1;
  width: min(100%, 72rem);
  min-height: 100%;
  margin-inline: auto;
  padding:
    max(var(--ov-resources-panel-padding), env(safe-area-inset-top))
    max(16px, env(safe-area-inset-right))
    max(var(--ov-resources-panel-padding), env(safe-area-inset-bottom))
    max(16px, env(safe-area-inset-left)) !important;
  gap: clamp(28px, 5vw, 56px) !important;
}

#ov-resources-panels .ov-resources-panel-header {
  gap: clamp(24px, 4vw, 44px) !important;
}

#ov-resources-panels .ov-resources-panel-copy {
  gap: 10px !important;
}

#ov-resources-panels .ov-resources-panel-title,
#ov-resources-panels .ov-resources-panel-description {
  margin: 0;
}

#ov-resources-panels .ov-resources-panel-title {
  color: var(--ov-resources-panel-copy);
  font-family: var(--ov-resources-font-display);
  font-size: clamp(1.25rem, 6vw, 1.35rem);
  font-weight: var(--ov-resources-card-title-weight);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

#ov-resources-panels .ov-resources-panel-description {
  max-width: 42rem;
  color: var(--ov-resources-panel-muted);
  font-family: var(--ov-resources-font-body);
  line-height: 1.55;
}

#ov-resources-panels .ov-resources-back-action {
  border-color: var(--ov-resources-panel-edge) !important;
  color: var(--ov-resources-panel-copy) !important;
  background: rgb(var(--ov-midnight-800-rgb) / 0.52) !important;
}

#ov-resources-panels .ov-resources-back-action:hover,
#ov-resources-panels .ov-resources-back-action:focus-visible {
  border-color: var(--ov-resources-focus) !important;
  background: rgb(var(--ov-unity-700-rgb) / 0.55) !important;
}

#ov-resources-panels .ov-resources-file-action {
  position: relative;
  margin-top: auto;
  min-height: 38px;
  padding: 9px 14px !important;
  overflow: visible;
  border: 1px solid transparent !important;
  border-radius: var(--ov-resources-download-radius);
  color: rgb(var(--ov-horizon-400-rgb)) !important;
  background: transparent !important;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  box-shadow: none;
  transition:
    border-color var(--ov-resources-transition-duration) ease,
    color var(--ov-resources-transition-duration) ease,
    transform var(--ov-resources-transition-duration) var(--ov-resources-transition-easing);
}

#ov-resources-panels .ov-resources-file-action::after {
  content: "\2193";
  margin-left: 10px;
  color: rgb(var(--ov-horizon-100-rgb));
  opacity: 0;
  transform: translateY(-7px) scale(0.9);
  transition:
    opacity var(--ov-resources-transition-duration) ease,
    transform var(--ov-resources-transition-duration) var(--ov-resources-transition-easing);
}

#ov-resources-panels .ov-resources-file-action:hover,
#ov-resources-panels .ov-resources-file-action:focus-visible {
  border-color: rgb(var(--ov-horizon-100-rgb) / .3) !important;
  color: rgb(var(--ov-horizon-100-rgb)) !important;
  transform: translateY(-1px) scale(1.02);
}

#ov-resources-panels .ov-resources-file-action:hover::after,
#ov-resources-panels .ov-resources-file-action:focus-visible::after {
  opacity: 1;
  transform: translateY(0) scale(1.1);
}

#ov-resources-panels .ov-resources-file-grid,
#ov-resources-panels .ov-resources-panel-list,
#ov-resources-panels .ov-resources-file-repeater {
  width: 100%;
  gap: 16px !important;
}

#ov-resources-panels .ov-resources-file-item {
  width: 100%;
  min-width: 0;
  max-width: var(--ov-resources-file-max-width);
  height: 100%;
  align-self: stretch;
  padding: 18px;
  gap: 18px;
  border: 1px solid var(--ov-resources-file-border);
  border-radius: var(--ov-resources-file-radius);
  background: var(--ov-resources-file-surface);
}

#ov-resources-panels .ov-resources-file-grid,
#ov-resources-panels .ov-resources-file-grid .ov-resources-file-repeater,
#ov-resources-panels .ov-resources-language-group-inner,
#ov-resources-panels .ov-resources-language-group-inner .ov-resources-file-repeater {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  gap: 16px !important;
}

#ov-resources-panels .ov-resources-file-meta {
  min-width: 0;
  min-height: var(--ov-resources-file-meta-min-height);
  align-content: flex-start;
}

#ov-resources-panels .ov-resources-file-name,
#ov-resources-panels .ov-resources-file-type {
  margin: 0;
  overflow-wrap: anywhere;
}

#ov-resources-panels .ov-resources-file-name {
  color: var(--ov-resources-panel-copy);
  font-family: var(--ov-resources-font-display);
  font-weight: 700;
}

#ov-resources-panels .ov-resources-file-type {
  flex: 0 0 auto;
  padding: 3px 7px;
  border: 1px solid var(--ov-resources-file-type-border);
  border-radius: 6px;
  color: var(--ov-resources-file-type-copy);
  background: var(--ov-resources-file-type-surface);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

#ov-resources-panels .ov-resources-file-type[data-file-type="pdf"] {
  border-color: rgb(var(--ov-signal-400-rgb) / 0.66);
  color: rgb(var(--ov-signal-200-rgb));
  background: rgb(var(--ov-signal-800-rgb) / 0.2);
}

#ov-resources-panels .ov-resources-file-type[data-file-type="zip"] {
  border-color: rgb(var(--ov-midnight-200-rgb) / 0.4);
  color: rgb(var(--ov-midnight-50-rgb) / 0.88);
}

#ov-resources-panels .ov-resources-file-type[data-file-type="pptx"] {
  border-color: rgb(var(--ov-unity-400-rgb) / 0.66);
  color: rgb(var(--ov-unity-200-rgb));
  background: rgb(var(--ov-unity-800-rgb) / 0.2);
}

#ov-resources-panels .ov-resources-file-type[data-file-type="png"] {
  border-color: rgb(var(--ov-horizon-400-rgb) / 0.66);
  color: rgb(var(--ov-horizon-100-rgb));
  background: rgb(var(--ov-horizon-800-rgb) / 0.2);
}

#ov-resources-panels .ov-resources-language-group {
  width: 100%;
  border-bottom: 1px solid var(--ov-resources-file-border);
}

#ov-resources-panels .ov-resources-language-group > summary {
  padding: 18px 0;
  color: var(--ov-resources-panel-copy) !important;
  list-style: none;
}

#ov-resources-panels .ov-resources-language-group > summary::-webkit-details-marker {
  display: none;
}

#ov-resources-panels .ov-resources-language-group > summary svg {
  transition: transform var(--ov-resources-transition-duration) var(--ov-resources-transition-easing);
}

#ov-resources-panels .ov-resources-language-group[open] > summary svg {
  transform: rotate(90deg);
}

html.ov-resources-panel-locked,
body.ov-resources-panel-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
}

@media (min-width: 48rem) {
  #ov-resources-panels .ov-resources-file-grid,
  #ov-resources-panels .ov-resources-file-grid .ov-resources-file-repeater,
  #ov-resources-panels .ov-resources-language-group-inner,
  #ov-resources-panels .ov-resources-language-group-inner .ov-resources-file-repeater {
    grid-template-columns: repeat(
      auto-fit,
      minmax(min(100%, var(--ov-resources-file-min-width)), 1fr)
    );
  }

  #ov-resources-panels .ov-resources-file-item {
    padding: 22px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ov-resources,
  #ov-resources::before,
  #ov-resources::after,
  #ov-resources .ov-resources-card,
  #ov-resources .ov-resources-panel-trigger::before {
    transition: none;
  }

  #ov-resources-panels::before,
  #ov-resources-panels::after,
  #ov-resources-panels .ov-resources-panel,
  #ov-resources-panels .ov-resources-language-group > summary svg {
    transition: none;
  }

  #ov-resources-panels .ov-resources-file-action,
  #ov-resources-panels .ov-resources-file-action::after {
    transition: none;
  }

  #ov-resources::after {
    opacity: var(--ov-resources-particles-opacity-low);
    animation: none;
    transform: none;
  }
}


/* Footer visual layer for the CMS-rendered #ov-main-footer hierarchy. */
#ov-main-footer {
  --ov-footer-style-loaded: 1;
  position: relative;
  z-index: 2;
  isolation: isolate;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin-top: calc(
    0px - var(--ov-footer-wedge-top-depth, clamp(24px, 3vw, 44px)) -
    var(--ov-footer-overlap-guard, 1px) - 2px
  );
  color: var(--ov-footer-copy, rgb(247 247 255 / 0.92));
  background: linear-gradient(
    180deg,
    var(--ov-footer-surface, rgb(12 11 38)),
    var(--ov-footer-surface-deep, rgb(5 5 18))
  );
  clip-path: polygon(
    0 var(--ov-footer-wedge-top-depth, clamp(24px, 3vw, 44px)),
    100% 0,
    100% 100%,
    0 100%
  );
}

#ov-main-footer::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, var(--ov-footer-signal-halo, rgb(224 81 177 / 0.14)), transparent 32%),
    radial-gradient(circle at 82% 24%, var(--ov-footer-unity-halo, rgb(91 90 214 / 0.13)), transparent 34%),
    radial-gradient(ellipse at 50% 100%, transparent 0 46%, var(--ov-footer-wave, rgb(54 61 116 / 0.16)) 46.4% 47%, transparent 47.4% 100%),
    radial-gradient(ellipse at 54% 106%, transparent 0 56%, var(--ov-footer-wave, rgb(54 61 116 / 0.16)) 56.4% 57%, transparent 57.4% 100%);
  background-position:
    0 0,
    0 0,
    -2vw 0,
    2vw 0;
  background-size:
    auto,
    auto,
    108% 108%,
    112% 112%;
  animation: ov-footer-wave-drift var(--ov-footer-wave-duration, 28s) ease-in-out infinite alternate;
}

#ov-main-footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(var(--ov-footer-wedge-top-depth, clamp(24px, 3vw, 44px)) - 34%);
  left: 50%;
  width: min(760px, 92vw);
  aspect-ratio: 1.8;
  pointer-events: none;
  background:
    radial-gradient(circle at 34% 46%, var(--ov-footer-signal-halo, rgb(224 81 177 / 0.14)), transparent 38%),
    radial-gradient(circle at 66% 42%, var(--ov-footer-horizon-halo, rgb(67 184 208 / 0.10)), transparent 40%);
  filter: blur(32px);
  opacity: 0.78;
  transform: translateX(-50%);
  animation: ov-footer-halo-drift var(--ov-footer-halo-duration, 22s) ease-in-out infinite alternate;
}

#ov-main-footer-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* Remove the CMS decorative layer and additional inline logo. */
#ov-main-footer-content > div:first-child,
#ov-main-footer-content > svg {
  display: none;
}

#ov-main-footer-content > footer {
  width: 100%;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-block: var(--ov-footer-padding-block, clamp(72px, 10vw, 124px));
  color: var(--ov-footer-copy, rgb(247 247 255 / 0.92));
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#ov-main-footer-content > footer > div {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(calc(100% - 32px), 1152px);
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--ov-footer-content-gap, clamp(20px, 3vw, 34px));
  text-align: center;
}

/* Native church-logo wrapper becomes the project-logo mount. */
#ov-main-footer-content > footer > div > div:first-child {
  order: 1;
  display: grid;
  width: var(--ov-footer-logo-width, clamp(190px, 26vw, 300px));
  min-height: var(--ov-footer-logo-height, clamp(72px, 10vw, 108px));
  padding: 0;
  place-items: center;
}

#ov-main-footer-content > footer > div > div:first-child svg {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

#ov-main-footer-content > footer > div > div:first-child::before {
  content: "";
  display: block;
  width: 300px;
  height: var(--ov-footer-logo-height, clamp(72px, 10vw, 108px));
  background-image: var(--ov-footer-logo-url, url("./723467479d390bd6.svg"));
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 0 22px var(--ov-footer-unity-halo, rgb(91 90 214 / 0.13)));
}

#ov-main-footer-content > footer > div > div:nth-child(2) {
  order: 2;
  width: min(100%, 680px);
  padding: 0;
  color: var(--ov-footer-copy, rgb(247 247 255 / 0.92));
}

#ov-main-footer-content > footer > div > div:nth-child(2) p {
  display: none;
}

#ov-main-footer-content > footer > div > nav:empty {
  display: none;
}

#ov-main-footer-content > footer > div > div:last-child {
  order: 3;
  align-self: center;
  width: min(100%, 680px);
  padding: 0;
  color: var(--ov-footer-copy-muted, rgb(214 213 232 / 0.66));
  font-family: var(--ov-footer-font-body, "Noto Sans Variable", sans-serif);
  font-size: 0.75rem;
  line-height: 1.7;
  text-align: center;
  text-wrap: balance;
}

@keyframes ov-footer-wave-drift {
  from {
    background-position: 0 0, 0 0, -2vw 0, 2vw 0;
  }
  to {
    background-position: 2vw 1vw, -2vw 1vw, 2vw -1vw, -2vw 1vw;
  }
}

@keyframes ov-footer-halo-drift {
  from { transform: translate3d(-52%, 0, 0) scale(0.98); }
  to { transform: translate3d(-48%, 7%, 0) scale(1.06); }
}

@media (min-width: 48rem) {
  #ov-main-footer-content > footer > div {
    width: min(calc(100% - 64px), 1152px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #ov-main-footer::before {
    animation: none;
  }

  #ov-main-footer::after {
    animation: none;
    transform: translateX(-50%);
  }
}


@property --ov-hero-beam {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/*
 * Hero visual layer.
 * `.ov-hero` is intentional: the current CMS output has an invalid compound
 * id (`ov-hero ov-section`), so relying only on #ov-hero would not match.
 */
.ov-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ov-hero-copy);
  background-color: var(--ov-hero-video-background, rgb(7 2 16));
}

.ov-hero > .bg-color_bolhbrje-950,
.ov-hero .ov-hero-video,
.ov-hero .ov-hero-video > .bg-color_bolhbrje-950 {
  background-color: var(--ov-hero-video-background, rgb(7 2 16)) !important;
}

/* Contrast layer: quiet at the top, strongest behind the copy. */
.ov-hero::after {
  content: "";
  position: absolute;
  z-index: 15;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to top, rgb(8, 3, 19) 5.88%, transparent 28.15%),
    radial-gradient(circle at 99% -64%, var(--ov-hero-atmosphere-indigo) 57%, transparent 72.05%),
    radial-gradient(circle at 27% 84%, var(--ov-hero-atmosphere-violet) 41%, transparent 60.05%),
    radial-gradient(circle at -67% 95%, var(--ov-hero-atmosphere-signal) 46%, transparent 57.05%),
    linear-gradient(140deg, rgb(7 2 16 / 0.14) 32%, transparent 40.05%),
    linear-gradient(180deg, transparent 55%, rgb(7 2 16 / 0.34) 100%);
}

.ov-hero .ov-hero-video {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.ov-hero .ov-hero-video > div,
.ov-hero .ov-hero-video video {
  width: 100%;
  height: 100%;
}

.ov-hero .ov-hero-video video {
  position: relative;
  z-index: 0;
  display: block;
  max-width: none;
  object-fit: cover;
  object-position: var(--ov-hero-video-position-mobile);
  transform: scale(var(--ov-hero-video-scale-mobile));
  transform-origin: center;
  filter: var(--ov-hero-video-filter, saturate(1.14) contrast(1.16) brightness(0.92));
}

/* The CMS supplies z-10; positioning is the missing Box capability. */
.ov-hero .ov-hero-video-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.ov-hero .ov-hero-video-particles canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: var(--ov-hero-particles-opacity, 0.72);
  pointer-events: none;
  mix-blend-mode: screen;
}

/* Defensive fallback while the current embed still outputs `controls`. */
.ov-hero .ov-hero-video video::-webkit-media-controls {
  display: none !important;
}

.ov-hero .ov-hero-content {
  box-sizing: border-box;
}

.ov-hero .ov-hero-intro {
  /* max-width: 40rem; */
  margin: 0;
  gap: 12px;
  overflow: visible;
}

.ov-hero .ov-hero-intro > p:first-of-type {
  /* color: var(--ov-hero-eyebrow); */
  font-family: var(--ov-hero-font-body);
  font-weight: 700;
  letter-spacing: 0.10em;
  line-height: 1.4;
  text-transform: uppercase;
}

.ov-hero .ov-hero-intro > h1 {
  margin: -0.08em 0 -0.12em;
  padding: 0.08em 0 0.12em;
  overflow: visible;
  color: var(--ov-hero-copy);
  font-family: var(--ov-hero-font-display);
  /* font-size: var(--ov-hero-title-size);
  font-weight: 900; */
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-wrap: balance;
  background: var(--ov-hero-title-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.ov-hero .ov-hero-intro > h1 + p {
  max-width: 54ch;
  /*color: var(--ov-hero-copy-muted);*/
  font-family: var(--ov-hero-font-body);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.65;
  text-wrap: balance;
}

.ov-hero :is(.ov-hero-actions, .ov-hero-primary-action-shell) {
  margin: 12px 0 0;
  padding: 0;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  contain: none !important;
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action) {
  --ov-hero-beam: 0deg;
  position: relative;
  z-index: 0;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 16px 40px;
  overflow: hidden !important;
  border: var(--ov-hero-action-beam-width) solid transparent !important;
  border-radius: 999px;
  color: var(--ov-hero-action-label) !important;
  background:
    var(--ov-hero-action-surface) padding-box,
    conic-gradient(
      from var(--ov-hero-beam),
      transparent 0deg,
      transparent 238deg,
      var(--ov-hero-action-highlight-subtle) 270deg,
      var(--ov-hero-action-highlight) 294deg,
      white 304deg,
      rgb(var(--ov-signal-200-rgb)) 316deg,
      transparent 348deg,
      transparent 360deg
    ) border-box !important;
  box-shadow:
    inset 0 0 0 1px var(--ov-hero-action-inner-edge),
    var(--ov-hero-action-shadow);
  font-family: var(--ov-hero-font-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateY(0);
  animation: ov-hero-beam var(--ov-hero-action-beam-duration) linear infinite;
  transition:
    box-shadow 320ms ease,
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action)::before,
.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action)::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action)::before {
  z-index: 0;
  inset: 1px;
  border-radius: inherit;
  background:
    radial-gradient(circle at 20% 12%, rgb(var(--ov-signal-100-rgb) / 0.16), transparent 34%),
    linear-gradient(110deg, transparent 30%, rgb(255 255 255 / 0.08) 50%, transparent 70%);
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action)::after {
  z-index: 1;
  inset: 2px;
  border-radius: inherit;
  opacity: var(--ov-hero-action-texture-opacity);
  background-image: radial-gradient(
    circle,
    rgb(var(--ov-midnight-50-rgb) / 0.72) var(--ov-hero-action-texture-dot),
    transparent calc(var(--ov-hero-action-texture-dot) + 0.3px)
  );
  background-size:
    var(--ov-hero-action-texture-size)
    var(--ov-hero-action-texture-size);
  -webkit-mask-image: conic-gradient(
    from var(--ov-hero-beam),
    transparent 0deg 242deg,
    rgb(0 0 0 / 0.18) 260deg,
    black 286deg 316deg,
    rgb(0 0 0 / 0.18) 338deg,
    transparent 356deg 360deg
  );
  mask-image: conic-gradient(
    from var(--ov-hero-beam),
    transparent 0deg 242deg,
    rgb(0 0 0 / 0.18) 260deg,
    black 286deg 316deg,
    rgb(0 0 0 / 0.18) 338deg,
    transparent 356deg 360deg
  );
  animation: ov-hero-beam var(--ov-hero-action-beam-duration) linear infinite;
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action) > span {
  position: relative;
  z-index: 2;
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action):is(:hover, :focus-visible) {
  transform: translateY(-2px);
}

.ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action):focus-visible {
  outline: 2px solid var(--ov-hero-copy);
  outline-offset: 4px;
}

@keyframes ov-hero-beam {
  to {
    --ov-hero-beam: 360deg;
  }
}

@media (min-width: 40rem) {
  .ov-hero .ov-hero-video video {
    object-position: var(--ov-hero-video-position-wide);
    transform: scale(var(--ov-hero-video-scale-tablet));
    transform-origin: var(--ov-hero-video-origin-wide);
  }
}

@media (min-width: 80rem) {
  .ov-hero .ov-hero-intro > h1 {
    font-size: var(--ov-hero-title-size-desktop);
  }

  .ov-hero .ov-hero-video video {
    width: auto;
    max-width: min(100%, var(--ov-hero-video-max-width, 1920px));
    aspect-ratio: 16 / 9;
    margin-left: auto;
    object-fit: contain;
    object-position: right top;
    transform: scale(var(--ov-hero-video-scale-desktop));
    mix-blend-mode: screen;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, rgb(0 0 0 / 0.35) 4%, black 14%),
      linear-gradient(to bottom, black 0%, black 76%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0%, rgb(0 0 0 / 0.35) 4%, black 14%),
      linear-gradient(to bottom, black 0%, black 76%, transparent 100%);
    mask-composite: intersect;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action),
  .ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action)::before,
  .ov-hero :is(#ov-hero-primary-action, .ov-hero-primary-action)::after {
    transition: none;
    animation: none;
  }
}