@property --sbk-flow-p{syntax: "<number>"; inherits: false; initial-value: 0;}@property --sbk-flow-sheen-p{syntax: "<number>"; inherits: false; initial-value: 1.2;}.sbk-flow{--sbk-flow-a: var(--color-blue-700);--sbk-flow-b: color-mix(in oklab, var(--color-blue-700) 50%, var(--color-blue));--sbk-flow-valley-a: color-mix(in oklab, var(--sbk-flow-a) 56%, var(--color-navy));--sbk-flow-valley-b: color-mix(in oklab, var(--sbk-flow-b) 56%, var(--color-navy));--sbk-flow-sheen: color-mix(in srgb, var(--color-blue) 92%, transparent);--sbk-flow-blend: normal;position:relative;display:inline-block;padding:.25em .1em;margin:-.25em -.1em;background-image:linear-gradient(100deg,var(--sbk-flow-a) 0%,var(--sbk-flow-b) 18%,var(--sbk-flow-valley-b) 32%,var(--sbk-flow-a) 50%,var(--sbk-flow-b) 68%,var(--sbk-flow-valley-a) 84%,var(--sbk-flow-a) 100%);background-size:220% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sbk-flow 5s linear 1 both}.sbk-flow[data-ground=dark]{--sbk-flow-a: var(--color-blue-200);--sbk-flow-b: var(--color-blue-400);--sbk-flow-valley-a: color-mix(in oklab, var(--color-blue-200) 56%, var(--color-blue));--sbk-flow-valley-b: color-mix(in oklab, var(--color-blue-400) 56%, var(--color-blue));--sbk-flow-sheen: color-mix(in srgb, var(--color-paper) 92%, transparent);--sbk-flow-blend: screen;filter:drop-shadow(0 0 .6em color-mix(in srgb,var(--color-blue) 35%,transparent))}.sbk-flow:after{content:attr(data-text);content:attr(data-text) / "";position:absolute;inset:0;padding:inherit;pointer-events:none;background-image:linear-gradient(100deg,transparent 38%,var(--sbk-flow-sheen) 50%,transparent 62%);background-size:260% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;mix-blend-mode:var(--sbk-flow-blend);animation:sbk-flow-sheen 7s var(--ease-out-expo) 1 both}@keyframes sbk-flow{0%{background-position:0% 50%}to{background-position:calc(-220% / 1.2) 50%}}@keyframes sbk-flow-sheen{0%{background-position:120% 50%}55%,to{background-position:-60% 50%}}.sbk-flow[data-flow-measured]{background-size:calc(2.2 * var(--sbk-flow-span)) 100%;background-position:calc(-1.2 * var(--sbk-flow-span) * var(--sbk-flow-p) - var(--sbk-flow-x)) 50%;animation-name:sbk-flow-phrase}.sbk-flow[data-flow-measured]:after{background-size:calc(2.6 * var(--sbk-flow-span)) 100%;background-position:calc(-1.6 * var(--sbk-flow-span) * var(--sbk-flow-sheen-p) - var(--sbk-flow-x)) 50%;animation-name:sbk-flow-sheen-phrase}@keyframes sbk-flow-phrase{0%{--sbk-flow-p: 0}to{--sbk-flow-p: calc(-2.2 / 1.2)}}@keyframes sbk-flow-sheen-phrase{0%{--sbk-flow-sheen-p: 1.2}55%,to{--sbk-flow-sheen-p: -.6}}@media(prefers-reduced-motion:reduce){.sbk-flow{animation:none;background-position:66% 50%}.sbk-flow[data-flow-measured]{animation:none;--sbk-flow-p: .66}.sbk-flow:after{display:none}}.sbk-flow[data-flow-idle],.sbk-flow[data-flow-idle]:after{animation-play-state:paused}@media(forced-colors:active){.sbk-flow[data-ground]{filter:none;animation:none}.sbk-flow:after{display:none}}.sbk-statement{display:flex;justify-content:flex-start;padding-inline:max(var(--gutter),calc((100% - var(--shell-max)) / 2 + var(--gutter)));color:var(--color-ink);-webkit-font-smoothing:antialiased}.sbk-statement[data-ground=dark]{color:var(--color-paper)}.sbk-statement__text{margin:0;max-width:30ch;font-family:var(--font-display);font-weight:300;font-size:clamp(1.75rem,1rem + 2.8vw,3.4rem);line-height:1.22;letter-spacing:-.03em;text-wrap:pretty;transform-origin:0% 50%;view-timeline-name:--sbk-statement;view-timeline-axis:block}.sbk-statement[data-size=compact]{padding-inline:0}.sbk-statement[data-size=compact] .sbk-statement__text{max-width:34ch;font-size:clamp(1.375rem,1rem + 1.3vw,2.125rem);line-height:1.3;letter-spacing:-.02em}.sbk-statement__glue{white-space:nowrap}.sbk-statement__w{display:inline-block}@media(prefers-reduced-motion:no-preference){.sbk-statement__text{will-change:transform;animation:sbk-statement-tilt linear both;animation-timeline:--sbk-statement;animation-range:cover 0% cover 60vh}.sbk-statement__w{animation:sbk-statement-word cubic-bezier(.3333,.6667,.6667,1) both;animation-timeline:--sbk-statement;animation-range:cover calc(8vh + var(--f) * (100% - 108vh)) cover calc(8vh + var(--g) * (100% - 108vh))}}@keyframes sbk-statement-tilt{0%{transform:rotate(2.5deg)}to{transform:rotate(0)}}@keyframes sbk-statement-word{0%{opacity:.12;filter:blur(10px);transform:translateY(.3em)}to{opacity:1;filter:none;transform:translateY(0)}}
