/* generated by tools/build_site.py from brand/just-because.svg: the logo's 'because' colour cycle */
@property --because { syntax: '<color>'; inherits: true; initial-value: #007A55; }
@keyframes because-cycle {0.0000%{--because:#0076D8}0.6250%{--because:#007FB8}1.2500%{--because:#008396}1.8750%{--because:#008179}2.5000%{--because:#007E64}3.1250%{--because:#007B59}3.7500%{--because:#007A55}8.7500%{--because:#007A55}9.3750%{--because:#007B58}10.0000%{--because:#007E5F}10.6250%{--because:#00836C}11.2500%{--because:#00897D}11.8750%{--because:#008F93}12.5000%{--because:#0094AA}13.1250%{--because:#0098C2}13.7500%{--because:#009AD7}14.3750%{--because:#009BE8}15.0000%{--because:#189BF4}15.6250%{--because:#339BFB}16.2500%{--because:#3A9BFD}21.2500%{--because:#3A9BFD}21.8750%{--because:#319CFC}22.5000%{--because:#009FF8}23.1250%{--because:#00A3EF}23.7500%{--because:#00A8E1}24.3750%{--because:#00ADCD}25.0000%{--because:#00B0B3}25.6250%{--because:#00B095}26.2500%{--because:#00AE78}26.8750%{--because:#00AB5D}27.5000%{--because:#31A745}28.1250%{--because:#48A435}28.7500%{--because:#4FA32E}33.7500%{--because:#4FA32E}34.3750%{--because:#53A42C}35.0000%{--because:#5EA526}35.6250%{--because:#6EA71B}36.2500%{--because:#81AA05}36.8750%{--because:#96AC00}37.5000%{--because:#ABAF00}38.1250%{--because:#BEB100}38.7500%{--because:#D0B300}39.3750%{--because:#DEB500}40.0000%{--because:#E9B600}40.6250%{--because:#F0B700}41.2500%{--because:#F2B705}46.2500%{--because:#F2B705}46.8750%{--because:#F2B603}47.5000%{--because:#F3B300}48.1250%{--because:#F4AF00}48.7500%{--because:#F5AA00}49.3750%{--because:#F6A300}50.0000%{--because:#F69C00}50.6250%{--because:#F79500}51.2500%{--because:#F68F0B}51.8750%{--because:#F68A15}52.5000%{--because:#F6851B}53.1250%{--because:#F5831F}53.7500%{--because:#F58220}58.7500%{--because:#F58220}59.3750%{--because:#F38418}60.0000%{--because:#EE8900}60.6250%{--because:#E49200}61.2500%{--because:#D49D00}61.8750%{--because:#BEA900}62.5000%{--because:#A2B331}63.1250%{--because:#83BC58}63.7500%{--because:#64C176}64.3750%{--because:#47C48F}65.0000%{--because:#30C5A0}65.6250%{--because:#22C5AB}66.2500%{--because:#1DC5AE}71.2500%{--because:#1DC5AE}71.8750%{--because:#10C5B0}72.5000%{--because:#00C3B6}73.1250%{--because:#00C0BF}73.7500%{--because:#00BCCA}74.3750%{--because:#00B5D7}75.0000%{--because:#00ADE4}75.6250%{--because:#00A3EE}76.2500%{--because:#2898F5}76.8750%{--because:#488FF8}77.5000%{--because:#5B87F9}78.1250%{--because:#6582F8}78.7500%{--because:#6880F8}83.7500%{--because:#6880F8}84.3750%{--because:#6A7FF8}85.0000%{--because:#707BF9}85.6250%{--because:#7976FA}86.2500%{--because:#856EFA}86.8750%{--because:#9364F7}87.5000%{--because:#A159F2}88.1250%{--because:#AE4DEA}88.7500%{--because:#BA40DF}89.3750%{--because:#C334D5}90.0000%{--because:#CA27CC}90.6250%{--because:#CF1DC5}91.2500%{--because:#D019C3}96.2500%{--because:#D019C3}96.8750%{--because:#CB20C8}97.5000%{--because:#BC30D6}98.1250%{--because:#A242E7}98.7500%{--because:#7E54F1}99.3750%{--because:#4966ED}100.0000%{--because:#0076D8}}
h1, h2 { animation: because-cycle 38.492s linear infinite; }
@keyframes because-fill {0.0000%{fill:#0076D8}0.6250%{fill:#007FB8}1.2500%{fill:#008396}1.8750%{fill:#008179}2.5000%{fill:#007E64}3.1250%{fill:#007B59}3.7500%{fill:#007A55}8.7500%{fill:#007A55}9.3750%{fill:#007B58}10.0000%{fill:#007E5F}10.6250%{fill:#00836C}11.2500%{fill:#00897D}11.8750%{fill:#008F93}12.5000%{fill:#0094AA}13.1250%{fill:#0098C2}13.7500%{fill:#009AD7}14.3750%{fill:#009BE8}15.0000%{fill:#189BF4}15.6250%{fill:#339BFB}16.2500%{fill:#3A9BFD}21.2500%{fill:#3A9BFD}21.8750%{fill:#319CFC}22.5000%{fill:#009FF8}23.1250%{fill:#00A3EF}23.7500%{fill:#00A8E1}24.3750%{fill:#00ADCD}25.0000%{fill:#00B0B3}25.6250%{fill:#00B095}26.2500%{fill:#00AE78}26.8750%{fill:#00AB5D}27.5000%{fill:#31A745}28.1250%{fill:#48A435}28.7500%{fill:#4FA32E}33.7500%{fill:#4FA32E}34.3750%{fill:#53A42C}35.0000%{fill:#5EA526}35.6250%{fill:#6EA71B}36.2500%{fill:#81AA05}36.8750%{fill:#96AC00}37.5000%{fill:#ABAF00}38.1250%{fill:#BEB100}38.7500%{fill:#D0B300}39.3750%{fill:#DEB500}40.0000%{fill:#E9B600}40.6250%{fill:#F0B700}41.2500%{fill:#F2B705}46.2500%{fill:#F2B705}46.8750%{fill:#F2B603}47.5000%{fill:#F3B300}48.1250%{fill:#F4AF00}48.7500%{fill:#F5AA00}49.3750%{fill:#F6A300}50.0000%{fill:#F69C00}50.6250%{fill:#F79500}51.2500%{fill:#F68F0B}51.8750%{fill:#F68A15}52.5000%{fill:#F6851B}53.1250%{fill:#F5831F}53.7500%{fill:#F58220}58.7500%{fill:#F58220}59.3750%{fill:#F38418}60.0000%{fill:#EE8900}60.6250%{fill:#E49200}61.2500%{fill:#D49D00}61.8750%{fill:#BEA900}62.5000%{fill:#A2B331}63.1250%{fill:#83BC58}63.7500%{fill:#64C176}64.3750%{fill:#47C48F}65.0000%{fill:#30C5A0}65.6250%{fill:#22C5AB}66.2500%{fill:#1DC5AE}71.2500%{fill:#1DC5AE}71.8750%{fill:#10C5B0}72.5000%{fill:#00C3B6}73.1250%{fill:#00C0BF}73.7500%{fill:#00BCCA}74.3750%{fill:#00B5D7}75.0000%{fill:#00ADE4}75.6250%{fill:#00A3EE}76.2500%{fill:#2898F5}76.8750%{fill:#488FF8}77.5000%{fill:#5B87F9}78.1250%{fill:#6582F8}78.7500%{fill:#6880F8}83.7500%{fill:#6880F8}84.3750%{fill:#6A7FF8}85.0000%{fill:#707BF9}85.6250%{fill:#7976FA}86.2500%{fill:#856EFA}86.8750%{fill:#9364F7}87.5000%{fill:#A159F2}88.1250%{fill:#AE4DEA}88.7500%{fill:#BA40DF}89.3750%{fill:#C334D5}90.0000%{fill:#CA27CC}90.6250%{fill:#CF1DC5}91.2500%{fill:#D019C3}96.2500%{fill:#D019C3}96.8750%{fill:#CB20C8}97.5000%{fill:#BC30D6}98.1250%{fill:#A242E7}98.7500%{fill:#7E54F1}99.3750%{fill:#4966ED}100.0000%{fill:#0076D8}}
.logo-live [data-part=because] { animation: because-fill 38.492s linear infinite; }
@media (prefers-reduced-motion: reduce) { h1, h2, .logo-live [data-part=because] { animation: none; } }