/* o1tean hero intro: the simplified sting from o1tean-logo-animated.svg, as an external sheet so it runs under the site's CSP.
   main.js adds .is-playing to .hero-logo once per session, after the boot screen. Base styles are the master, so with
   no class (or with animations off: reduced motion, the site's motion toggle) the inline SVG is the static logo. */
.hero-logo.is-playing #g-o { transform-box: fill-box; transform-origin: 50% 50%; animation: o1i-pop 0.42s cubic-bezier(.333,1.3,.667,1) 0.1s backwards; }
.hero-logo.is-playing #g-t, .hero-logo.is-playing #g-e, .hero-logo.is-playing #g-a, .hero-logo.is-playing #g-n { transform-box: fill-box; transform-origin: 50% 100%; animation: o1i-pop 0.3s cubic-bezier(.333,1.3,.667,1) backwards; }
.hero-logo.is-playing #g-t { animation-delay: 0.7s; }
.hero-logo.is-playing #g-e { animation-delay: 0.82s; }
.hero-logo.is-playing #g-a { animation-delay: 0.94s; }
.hero-logo.is-playing #g-n { animation-delay: 1.06s; }
.hero-logo.is-playing #cell { transform-box: fill-box; transform-origin: 50% 50%; animation: o1i-open 0.36s cubic-bezier(.16,1,.3,1) 0.42s backwards; }
.hero-logo.is-playing #cell-top-l { transform-box: fill-box; transform-origin: 50% 103.896%; animation: o1i-ltop 2.437s linear backwards; }
.hero-logo.is-playing #cell-top { animation: o1i-otop 2.437s linear backwards; }
.hero-logo.is-playing #cell-bottom { animation: o1i-bot 2.437s linear backwards; }
.hero-logo.is-playing #cell-flap { transform-box: fill-box; transform-origin: 50% -3.896%; animation: o1i-back 2.437s linear backwards; }
@keyframes o1i-pop { from { transform: scale(0); } }
@keyframes o1i-open { from { transform: scaleY(0); fill: rgb(107,39,107); } }
@keyframes o1i-ltop { 0%{visibility:visible;fill:rgb(107,39,107)}17.237%{fill:rgb(107,39,107);animation-timing-function:cubic-bezier(.16,1,.3,1)}32.011%{fill:#ff5fd2}82.079%{fill:#ff5fd2;transform:scaleY(1)}82.079%{visibility:visible;transform:scaleY(1);fill:#ff5fd2}83.434%{visibility:visible;transform:scaleY(1);fill:rgb(255,121,217)}84.829%{visibility:visible;transform:scaleY(1);fill:rgb(255,132,220)}86.183%{visibility:visible;transform:scaleY(1);fill:rgb(255,109,214)}87.538%{visibility:visible;transform:scaleY(0.99);fill:rgb(253,94,209)}88.933%{visibility:visible;transform:scaleY(0.907);fill:rgb(241,90,200)}90.287%{visibility:visible;transform:scaleY(0.704);fill:rgb(211,78,180)}91.642%{visibility:visible;transform:scaleY(0.349);fill:rgb(158,59,143)}92.627%{visibility:visible;transform:scaleY(0.008);fill:rgb(108,39,108)}92.648%{visibility:hidden;transform:scaleY(0)}100%{visibility:hidden} }
@keyframes o1i-otop { 0%{visibility:hidden}82.038%{visibility:hidden}82.079%{visibility:visible;clip-path:inset(0 0 87.013% 0)}82.079%{visibility:visible;clip-path:inset(0 0 87.013% 0)}83.434%{visibility:visible;clip-path:inset(0 0 87.013% 0)}84.829%{visibility:visible;clip-path:inset(0 0 87.013% 0)}86.183%{visibility:visible;clip-path:inset(0 0 87.013% 0)}87.538%{visibility:visible;clip-path:inset(0 0 86.072% 0)}88.933%{visibility:visible;clip-path:inset(0 0 78.6% 0)}90.287%{visibility:visible;clip-path:inset(0 0 60.096% 0)}91.642%{visibility:visible;clip-path:inset(0 0 27.847% 0)}92.627%{visibility:visible;clip-path:inset(0 0 0% 0)}92.668%{visibility:visible;clip-path:inset(0 0 0% 0)}93.037%{visibility:visible;clip-path:inset(0 0 0% 0)}94.391%{visibility:visible;clip-path:inset(0 0 0% 0)}95.746%{visibility:visible;clip-path:inset(0 0 0% 0)}96.32%{visibility:visible;clip-path:inset(0 0 0% 0)}97.141%{visibility:visible;clip-path:inset(0 0 0% 0)}98.495%{visibility:visible;clip-path:inset(0 0 0% 0)}99.85%{visibility:visible;clip-path:inset(0 0 0% 0)}100%{visibility:visible;clip-path:inset(0 0 0% 0)} }
@keyframes o1i-bot { 0%{visibility:visible;clip-path:inset(0 0 0 0)}82.079%{visibility:visible;clip-path:inset(0 0 0 0)}92.668%{visibility:visible;clip-path:inset(0% 0 0 0)}93.037%{visibility:visible;clip-path:inset(9.395% 0 0 0)}94.391%{visibility:visible;clip-path:inset(54.412% 0 0 0)}95.746%{visibility:visible;clip-path:inset(83.778% 0 0 0)}96.32%{visibility:visible;clip-path:inset(0% 0 0 0);fill:rgb(255,95,210)}97.141%{visibility:visible;clip-path:inset(0% 0 0 0);fill:rgb(238,89,199)}98.495%{visibility:visible;clip-path:inset(0% 0 0 0);fill:rgb(231,86,193)}99.85%{visibility:visible;clip-path:inset(0% 0 0 0);fill:rgb(252,94,208)}100%{visibility:visible;clip-path:inset(0% 0 0 0);fill:#ff5fd2} }
@keyframes o1i-back { 0%{visibility:hidden}92.644%{visibility:hidden}92.668%{visibility:visible;transform:scaleY(0.007);fill:rgb(108,39,108)}93.037%{visibility:visible;transform:scaleY(0.146);fill:rgb(128,47,122)}94.391%{visibility:visible;transform:scaleY(0.641);fill:rgb(202,75,173)}95.746%{visibility:visible;transform:scaleY(0.964);fill:rgb(250,93,206)}96.32%{visibility:hidden}97.141%{visibility:hidden}98.495%{visibility:hidden}99.85%{visibility:hidden}100%{visibility:hidden} }
@media (prefers-reduced-motion: reduce) { .hero-logo * { animation: none !important; } }