@font-face{font-style:normal;font-weight:100 900;src:url(/media/fraunces-latin-ext-full-normal.woff2) format("woff2-variations");font-family:Fraunces Variable;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-style:normal;font-weight:100 900;src:url(/media/fraunces-latin-full-normal.woff2) format("woff2-variations");font-family:Fraunces Variable;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-style:italic;font-weight:100 900;src:url(/media/fraunces-latin-ext-full-italic.woff2) format("woff2-variations");font-family:Fraunces Variable;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-style:italic;font-weight:100 900;src:url(/media/fraunces-latin-full-italic.woff2) format("woff2-variations");font-family:Fraunces Variable;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-style:normal;font-weight:400 700;src:url(/media/lora-latin-ext-wght-normal.woff2) format("woff2-variations");font-family:Lora Variable;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-style:normal;font-weight:400 700;src:url(/media/lora-latin-wght-normal.woff2) format("woff2-variations");font-family:Lora Variable;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-style:italic;font-weight:400 700;src:url(/media/lora-latin-ext-wght-italic.woff2) format("woff2-variations");font-family:Lora Variable;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-style:italic;font-weight:400 700;src:url(/media/lora-latin-wght-italic.woff2) format("woff2-variations");font-family:Lora Variable;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{size-adjust:105.2039%;src:local("Georgia"),local("Liberation Serif"),local("Noto Serif"),local("DejaVu Serif"),local("Times New Roman");font-family:Fraunces Fallback;ascent-override:92.9623%;descent-override:24.2386%;line-gap-override:0%}@font-face{size-adjust:104.9796%;src:local("Georgia"),local("Liberation Serif"),local("Noto Serif"),local("DejaVu Serif"),local("Times New Roman");font-family:Lora Fallback;ascent-override:95.8281%;descent-override:26.1003%;line-gap-override:0%}@layer groove.tokens{:root,:host{--groove-color-warm-0: #fdf6e8;--groove-color-warm-50: #f6efe0;--groove-color-warm-100: #efe7d7;--groove-color-warm-150: #e8e0cf;--groove-color-warm-200: #e0d7c5;--groove-color-warm-300: #d4cab7;--groove-color-warm-400: #c1b6a1;--groove-color-warm-500: #968b75;--groove-color-warm-600: #5e5542;--groove-color-warm-700: #4f4736;--groove-color-warm-800: #3b3527;--groove-color-warm-900: #2f291e;--groove-color-warm-950: #211d14;--groove-color-neutral-50: #eee;--groove-color-neutral-100: #dedede;--groove-color-neutral-300: #b4b4b4;--groove-color-neutral-500: #555;--groove-color-neutral-600: #424242;--groove-color-neutral-650: #383838;--groove-color-neutral-700: #303030;--groove-color-neutral-750: #2b2b2b;--groove-color-neutral-800: #1d1d1d;--groove-color-neutral-850: #121212;--groove-color-neutral-900: #060606;--groove-color-neutral-950: #020202;--groove-color-cool-850: #15191e;--groove-color-white: #fff;--groove-color-blue-200: #93b5ff;--groove-color-blue-300: #6e9aff;--groove-color-blue-500: #03c;--groove-color-blue-700: #001a99;--groove-color-cobalt: #03c;--groove-color-gold-500: #f5a623;--groove-color-gold-600: #c89a52;--groove-color-gold-700: #a8762e;--groove-color-amber-200: #ffd6a8;--groove-color-amber-500: #f59e0b;--groove-color-amber-600: #9d6300;--groove-color-amber-700: #6c4300;--groove-color-green-200: #bbedc4;--groove-color-green-500: #007f38;--groove-color-green-700: #196632;--groove-color-red-200: #ffc8c3;--groove-color-red-500: #d73337;--groove-color-red-700: #9b1e22;--groove-color-cyan-200: #b8e6ff;--groove-color-cyan-500: #007fad;--groove-color-cyan-700: #006084;--groove-color-purple-500: #a855f7;--groove-color-teal-500: #14b8a6;--groove-color-border-strong: #857c6a;--groove-color-bg-sunken: var(--groove-color-warm-150);--groove-color-bg-page: var(--groove-color-warm-50);--groove-color-bg-surface: var(--groove-color-warm-100);--groove-color-bg-raised: var(--groove-color-warm-0);--groove-color-bg-emphasis: var(--groove-color-warm-900);--groove-color-fg-default: var(--groove-color-warm-950);--groove-color-fg-muted: var(--groove-color-warm-600);--groove-color-fg-on-surface: var(--groove-color-warm-950);--groove-color-fg-on-emphasis: var(--groove-color-warm-50);--groove-color-fg-on-accent: var(--groove-color-white);--groove-color-border-muted: var(--groove-color-warm-200);--groove-color-border-default: var(--groove-color-warm-300);--groove-color-accent-solid: var(--groove-color-blue-500);--groove-color-accent-solid-hover: var(--groove-color-blue-700);--groove-color-fg-link-hover: var(--groove-color-blue-700);--groove-color-accent-gold: var(--groove-color-gold-500);--groove-color-decor: var(--groove-color-gold-700);--groove-color-decor-soft: var(--groove-color-gold-600);--groove-color-status-warning-bg: var(--groove-color-amber-200);--groove-color-status-warning-fg: var(--groove-color-amber-700);--groove-color-status-warning-border: var(--groove-color-amber-600);--groove-color-status-success-bg: var(--groove-color-green-200);--groove-color-status-success-fg: var(--groove-color-green-700);--groove-color-status-success-border: var(--groove-color-green-500);--groove-color-status-info-bg: var(--groove-color-cyan-200);--groove-color-status-info-fg: var(--groove-color-cyan-700);--groove-color-status-info-border: var(--groove-color-cyan-500);--groove-color-status-error-bg: var(--groove-color-red-200);--groove-color-status-error-fg: var(--groove-color-red-700);--groove-color-status-error-border: var(--groove-color-red-500);--groove-color-data-viz-1: var(--groove-color-teal-500);--groove-color-data-viz-2: var(--groove-color-purple-500);--groove-color-data-viz-3: var(--groove-color-amber-500);--groove-color-fg-link: var(--groove-color-accent-solid);--groove-color-accent-fg: var(--groove-color-fg-link)}}@layer groove.tokens{[data-scene=stage]{--groove-color-bg-sunken: #0c0b0a;--groove-color-bg-page: #131110;--groove-color-bg-surface: #1c1916;--groove-color-bg-raised: #262220;--groove-color-bg-emphasis: #f3e9d8;--groove-color-fg-default: #f3e9d8;--groove-color-fg-muted: #b3a896;--groove-color-fg-on-surface: #f3e9d8;--groove-color-fg-on-emphasis: #131110;--groove-color-border-muted: #322e29;--groove-color-border-default: #4f4a42;--groove-color-border-strong: #847a69;--groove-color-accent-solid-hover: #0040e6;--groove-color-fg-link-hover: #cfe0ff;--groove-color-fg-link: #bcd2ff;--groove-color-decor: #e09c3e;--groove-color-decor-soft: #f0b968;--groove-color-data-viz-3: #fb7185;--groove-image-grain-blend: screen;--groove-image-grain-opacity: .06;--groove-color-fg-on-accent: var(--groove-color-white);--groove-color-accent-solid: var(--groove-color-cobalt);--groove-color-accent-fg: var(--groove-color-fg-link);--groove-color-accent-gold: var(--groove-color-gold-500);--groove-color-status-warning-bg: var(--groove-color-amber-700);--groove-color-status-warning-fg: var(--groove-color-amber-200);--groove-color-status-warning-border: var(--groove-color-amber-600);--groove-color-status-success-bg: var(--groove-color-green-700);--groove-color-status-success-fg: var(--groove-color-green-200);--groove-color-status-success-border: var(--groove-color-green-500);--groove-color-status-info-bg: var(--groove-color-cyan-700);--groove-color-status-info-fg: var(--groove-color-cyan-200);--groove-color-status-info-border: var(--groove-color-cyan-500);--groove-color-status-error-bg: var(--groove-color-red-700);--groove-color-status-error-fg: var(--groove-color-red-200);--groove-color-status-error-border: var(--groove-color-red-500);--groove-color-data-viz-1: var(--groove-color-teal-500);--groove-color-data-viz-2: var(--groove-color-purple-500);--groove-focus-ring-color: var(--groove-color-accent-fg)}}@layer groove.tokens{:root,:host{--groove-type-display-family: "Fraunces Variable", "Fraunces Fallback", georgia, serif;--groove-type-font-family: "Lora Variable", "Lora Fallback", georgia, serif;--groove-type-mono-family: ui-monospace, sfmono-regular, menlo, consolas, monospace;--groove-type-size-100: .875rem;--groove-type-size-200: 1rem;--groove-type-size-300: 1.125rem;--groove-type-size-400: 1.25rem;--groove-type-size-500: 1.5rem;--groove-type-size-600: 2rem;--groove-type-size-700: 2.5rem;--groove-type-size-800: 3rem;--groove-type-size-900: 3.5rem;--groove-type-fluid-min-bound: 20rem;--groove-type-fluid-max-bound: 75rem;--groove-type-weight-regular: 400;--groove-type-weight-medium: 500;--groove-type-weight-semibold: 600;--groove-type-weight-bold: 700;--groove-type-weight-extrabold: 800;--groove-type-lh-tight: 1.15;--groove-type-lh-snug: 1.2;--groove-type-lh-heading: 1.25;--groove-type-lh-normal: 1.3;--groove-type-lh-relaxed: 1.4;--groove-type-lh-comfortable: 1.5;--groove-type-lh-loose: 1.6;--groove-type-tracking-tight: -.01em;--groove-type-tracking-normal: 0em;--groove-type-tracking-wide: .08em;--groove-type-display-size-min: 1.75rem;--groove-type-display-lg-size-min: 2.25rem;--groove-type-brand-size-min: 1.5rem;--groove-type-brand-size-max: 2.75rem;--groove-type-heading-size-min: 1.25rem;--groove-type-body-size: 1.1875rem;--groove-type-body-lg-size: 1.375rem;--groove-type-text-link-underline-thickness: 2px;--groove-type-text-link-underline-offset: 3px;--groove-type-display-size-max: var(--groove-type-size-700);--groove-type-display-weight: var(--groove-type-weight-extrabold);--groove-type-display-lh: var(--groove-type-lh-tight);--groove-type-display-tracking: var(--groove-type-tracking-normal);--groove-type-display-lg-size-max: var(--groove-type-size-900);--groove-type-display-lg-weight: var(--groove-type-weight-extrabold);--groove-type-display-lg-lh: var(--groove-type-lh-tight);--groove-type-display-lg-tracking: var(--groove-type-tracking-tight);--groove-type-brand-weight: var(--groove-type-weight-bold);--groove-type-brand-lh: var(--groove-type-lh-tight);--groove-type-brand-tracking: var(--groove-type-tracking-tight);--groove-type-heading-size-max: var(--groove-type-size-500);--groove-type-heading-weight: var(--groove-type-weight-extrabold);--groove-type-heading-lh: var(--groove-type-lh-heading);--groove-type-heading-tracking: var(--groove-type-tracking-normal);--groove-type-heading-sm-size: var(--groove-type-size-400);--groove-type-heading-sm-weight: var(--groove-type-weight-bold);--groove-type-heading-sm-lh: var(--groove-type-lh-normal);--groove-type-heading-sm-tracking: var(--groove-type-tracking-normal);--groove-type-body-weight: var(--groove-type-weight-regular);--groove-type-body-lh: var(--groove-type-lh-loose);--groove-type-body-tracking: var(--groove-type-tracking-normal);--groove-type-body-lg-weight: var(--groove-type-weight-regular);--groove-type-body-lg-lh: var(--groove-type-lh-comfortable);--groove-type-body-lg-tracking: var(--groove-type-tracking-normal);--groove-type-label-size: var(--groove-type-size-100);--groove-type-label-weight: var(--groove-type-weight-medium);--groove-type-label-lh: var(--groove-type-lh-snug);--groove-type-label-tracking: var(--groove-type-tracking-normal);--groove-type-caption-size: var(--groove-type-size-100);--groove-type-caption-weight: var(--groove-type-weight-regular);--groove-type-caption-lh: var(--groove-type-lh-relaxed);--groove-type-caption-tracking: var(--groove-type-tracking-normal);--groove-type-eyebrow-size: var(--groove-type-size-100);--groove-type-eyebrow-weight: var(--groove-type-weight-medium);--groove-type-eyebrow-lh: var(--groove-type-lh-snug);--groove-type-eyebrow-tracking: var(--groove-type-tracking-wide);--groove-type-display-size: clamp(1.75rem, 1.4773rem + 1.3636cqi, 2.5rem);--groove-type-display-lg-size: clamp( 2.25rem, 1.7955rem + 2.2727cqi, 3.5rem );--groove-type-brand-size: clamp(1.5rem, 1.0455rem + 2.2727cqi, 2.75rem);--groove-type-heading-size: clamp(1.25rem, 1.1591rem + .4545cqi, 1.5rem)}}@layer groove.tokens{:root,:host,[data-density]{--groove-space-100: calc(.25rem * var(--groove-density, 1));--groove-space-150: calc(.375rem * var(--groove-density, 1));--groove-space-200: calc(.5rem * var(--groove-density, 1));--groove-space-300: calc(.875rem * var(--groove-density, 1));--groove-space-400: calc(1rem * var(--groove-density, 1));--groove-space-500: calc(1.5rem * var(--groove-density, 1));--groove-space-600: calc(2rem * var(--groove-density, 1));--groove-space-700: calc(3rem * var(--groove-density, 1));--groove-space-800: calc(4rem * var(--groove-density, 1));--groove-space-region-block-max: calc(5rem * var(--groove-density, 1));--groove-space-gutter-inline-max: calc(5rem * var(--groove-density, 1));--groove-space-fluid-min-bound: calc(20rem * var(--groove-density, 1));--groove-space-fluid-max-bound: calc(75rem * var(--groove-density, 1));--groove-space-region-block-min: calc( var(--groove-space-700) * var(--groove-density, 1) );--groove-space-gutter-inline-min: calc( var(--groove-space-500) * var(--groove-density, 1) );--groove-space-region-block: calc( clamp(3rem, 2.2727rem + 3.6364cqi, 5rem) * var(--groove-density, 1) );--groove-space-gutter-inline: calc( clamp(1.5rem, .2273rem + 6.3636cqi, 5rem) * var(--groove-density, 1) )}}@layer groove.tokens{:root,:host{--groove-measure-prose: 65ch;--groove-measure-narrow: 45ch;--groove-measure-wide: 80ch}}@layer groove.tokens{:root,:host{--groove-flow-space: var(--groove-space-500)}}@layer groove.tokens{:root,:host{--groove-layout-content-cap: 1280px;--groove-layout-canvas-cap: 2560px;--groove-layout-gutter: 1.5rem;--groove-layout-aside: 240px;--groove-layout-nav-height: 52px;--groove-layout-card-min: 280px}}@layer groove.tokens{:root,:host{--groove-density: 1}}@layer groove.tokens{:root,:host{--groove-radius-base: 8px;--groove-radius-sm: 4px;--groove-radius-pill: 999px;--groove-radius-circle: 50%;--groove-radius-image: 12px;--groove-radius-md: var(--groove-radius-base)}}@layer groove.tokens{:root,:host{--groove-shadow-color: 220 8% 18%;--groove-shadow-strength: 7%}}@layer groove.tokens{:root,:host{--groove-border-width-thin: 1px;--groove-border-width-thick: 2px}}@layer groove.tokens{:root,:host{--groove-duration-fast-01: 70ms;--groove-duration-fast-02: .11s;--groove-duration-moderate-01: .15s;--groove-duration-moderate-02: .24s;--groove-duration-slow-01: .4s;--groove-duration-slow-02: .7s;--groove-ease-productive-standard: cubic-bezier(.2, 0, .38, .9);--groove-ease-productive-entrance: cubic-bezier(0, 0, .38, .9);--groove-ease-productive-exit: cubic-bezier(.2, 0, 1, 1);--groove-ease-expressive-standard: cubic-bezier(.4, .14, .3, 1);--groove-ease-expressive-entrance: cubic-bezier(0, 0, .3, 1);--groove-ease-expressive-exit: cubic-bezier(.4, .14, 1, 1)}}@layer groove.tokens{:root,:host{--groove-z-base: 0;--groove-z-raised: 1;--groove-z-sticky: 100;--groove-z-overlay: 200;--groove-z-drawer: 300;--groove-z-modal: 400;--groove-z-toast: 500;--groove-z-max: 9999}}@layer groove.tokens{:root,:host{--groove-focus-ring-width: 2px;--groove-focus-ring-offset: 2px;--groove-focus-ring-color: var(--groove-color-accent-fg)}}@layer groove.tokens{:root,:host{--groove-image-grain-blend: multiply;--groove-image-grain-opacity: .05}}@layer groove.tokens{:root,:host{--groove-opacity-disabled-content: .38;--groove-opacity-disabled-container: .12;--groove-opacity-hover: .08;--groove-opacity-pressed: .12;--groove-opacity-scrim: .5}}.cand-warm{--groove-color-bg-sunken: #efece6;--groove-color-bg-page: #faf8f4;--groove-color-bg-surface: #f3efe8;--groove-color-bg-raised: #fffdf9;--groove-color-bg-emphasis: #2b2722;--groove-color-border-default: #e4ded3;--groove-color-fg-default: #1d1a15;--groove-color-fg-muted: #6c655a}.cand-neutral{--groove-color-bg-sunken: #ececec;--groove-color-bg-page: #fafafa;--groove-color-bg-surface: #f2f2f2;--groove-color-bg-raised: #fff;--groove-color-bg-emphasis: #262626;--groove-color-border-default: #e2e2e2;--groove-color-fg-default: #1a1a1a;--groove-color-fg-muted: #666}.cand-cool{--groove-color-bg-sunken: #eaedf0;--groove-color-bg-page: #f9fafb;--groove-color-bg-surface: #f0f3f5;--groove-color-bg-raised: #fff;--groove-color-bg-emphasis: #23272b;--groove-color-border-default: #e0e4e8;--groove-color-fg-default: #1a1c1e;--groove-color-fg-muted: #5d646c}@layer groove.reset,groove.tokens,groove.base,groove.components,groove.utilities,app;:root{--site-kicker-tracking: .16em;--blog-measure: 760px;--site-video-measure: 47.5rem}.content:has(app-blog-post) app-page-heading{display:block;margin-inline:auto;padding-inline:var(--groove-space-400);max-inline-size:var(--blog-measure)}@layer groove.base{html{background-color:var(--groove-color-bg-page);color:var(--groove-color-fg-default);color-scheme:dark light;font-size:100%}html,body{height:100%}body{margin:0;background:var(--groove-color-bg-page);color:var(--groove-color-fg-default);font-family:var(--groove-type-font-family);font-optical-sizing:auto}a{color:var(--groove-color-accent-solid);text-decoration:none}a:hover,a:focus{color:var(--groove-color-fg-link-hover)}hr.section-divider{margin:40px 0}}@layer groove.utilities{.spacer{border:none;background-color:var(--groove-color-border-default);height:5px}.spacer-section{margin:40px 0}.center-text{text-align:center}.call-to-action{font-weight:var(--groove-type-weight-bold);line-height:var(--groove-type-lh-comfortable);text-align:center}.variable-size-image{position:relative;width:100%}.bottom-spacing{margin-bottom:20px}.center-content{display:flex;justify-content:center}.visually-hidden{position:absolute;clip-path:inset(50%);border:0;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap}}@media print{:root{--groove-color-bg-page: #fff !important;--groove-color-fg-default: #0a0a0a !important;--groove-color-bg-raised: #f5f5f5 !important;--groove-color-fg-muted: #595961 !important;--groove-color-border-default: #ccc !important;--groove-color-accent-solid: #03c !important;color-scheme:light!important}.sidebar,.sidebar-backdrop{display:none!important}.site-wrapper{background-image:none!important}.main-container{margin:0!important;max-width:none!important}.content-wrapper{padding:0!important;min-height:auto!important}.header-wrapper,.footer-wrapper,app-footer,app-page-heading,.page-nav,.print-guide{display:none!important}#mixer-levels~*{display:none!important}.setup-steps>li,figure{break-inside:avoid}.callout,.warning{border-left-width:2px;background:none}.annotated-mixer{margin:.5em auto;max-width:55%}}@layer groove.utilities{.groove-ring:focus-visible{outline:var(--groove-focus-ring-width) solid var(--groove-focus-ring-color);outline-offset:var(--groove-focus-ring-offset)}.groove-interactive{--_base: var(--groove-color-bg-surface);--_layer: var(--groove-color-fg-default);transition:background-color var(--groove-duration-moderate-01) var(--groove-ease-productive-standard)}.groove-interactive:hover{background-color:color-mix(in srgb,var(--_base),var(--_layer) calc(var(--groove-opacity-hover) * 100%))}.groove-interactive:active{background-color:color-mix(in srgb,var(--_base),var(--_layer) calc(var(--groove-opacity-pressed) * 100%))}.groove-interactive:focus-visible{outline:var(--groove-focus-ring-width) solid var(--groove-focus-ring-color);outline-offset:var(--groove-focus-ring-offset)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@layer groove.tokens{:root,:host{--groove-radius-lg: calc(var(--groove-radius-base) * 1.5);--groove-layout-scroll-offset: calc( var(--groove-layout-nav-height) + var(--groove-space-200) );--groove-shadow-1: 0 1px 2px -1px hsl(var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 4%));--groove-shadow-2: 0 2px 4px -2px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 6%) ), 0 4px 8px -4px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 4%) );--groove-shadow-3: 0 4px 8px -3px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 10%) ), 0 8px 16px -6px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 8%) );--groove-shadow-4: 0 8px 16px -4px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 14%) ), 0 16px 28px -8px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 12%) );--groove-shadow-5: 0 16px 28px -6px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 20%) ), 0 28px 44px -12px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 16%) );--groove-shadow-6: 0 28px 44px -8px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 26%) ), 0 44px 64px -16px hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 22%) );--groove-shadow-inset-1: inset 0 1px 2px 0 hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 12%) );--groove-shadow-inset-2: inset 0 2px 6px 0 hsl( var(--groove-shadow-color) / calc(var(--groove-shadow-strength) + 16%) );--groove-motion-default-duration: var(--groove-duration-moderate-01);--groove-motion-default-ease: var(--groove-ease-productive-standard)}}@layer groove.base{:where(h1){font-weight:var(--_type-weight, var(--groove-type-display-weight));font-size:var(--_type-size, var(--groove-type-display-size));line-height:var(--_type-lh, var(--groove-type-display-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var(--_type-tracking, var(--groove-type-display-tracking))}:where(h2){font-weight:var(--_type-weight, var(--groove-type-heading-weight));font-size:var(--_type-size, var(--groove-type-heading-size));line-height:var(--_type-lh, var(--groove-type-heading-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var(--_type-tracking, var(--groove-type-heading-tracking))}:where(h3),:where(h4),:where(h5),:where(h6){font-weight:var(--_type-weight, var(--groove-type-heading-sm-weight));font-size:var(--_type-size, var(--groove-type-heading-sm-size));line-height:var(--_type-lh, var(--groove-type-heading-sm-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var( --_type-tracking, var(--groove-type-heading-sm-tracking) )}:where(p,li){font-weight:var(--_type-weight, var(--groove-type-body-weight));font-size:var(--_type-size, var(--groove-type-body-size));line-height:var(--_type-lh, var(--groove-type-body-lh));letter-spacing:var(--_type-tracking, var(--groove-type-body-tracking))}:where(button),:where(nav a){font-weight:var(--_type-weight, var(--groove-type-label-weight));font-size:var(--_type-size, var(--groove-type-label-size));line-height:var(--_type-lh, var(--groove-type-label-lh));letter-spacing:var(--_type-tracking, var(--groove-type-label-tracking))}:where(figcaption){font-weight:var(--_type-weight, var(--groove-type-caption-weight));font-size:var(--_type-size, var(--groove-type-caption-size));line-height:var(--_type-lh, var(--groove-type-caption-lh));letter-spacing:var(--_type-tracking, var(--groove-type-caption-tracking))}}@layer groove.utilities{.groove-type-display{font-weight:var(--_type-weight, var(--groove-type-display-weight));font-size:var(--_type-size, var(--groove-type-display-size));line-height:var(--_type-lh, var(--groove-type-display-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var(--_type-tracking, var(--groove-type-display-tracking))}.groove-type-display-lg{font-weight:var(--_type-weight, var(--groove-type-display-lg-weight));font-size:var(--_type-size, var(--groove-type-display-lg-size));line-height:var(--_type-lh, var(--groove-type-display-lg-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var( --_type-tracking, var(--groove-type-display-lg-tracking) )}.groove-type-brand{font-weight:var(--_type-weight, var(--groove-type-brand-weight));font-size:var(--_type-size, var(--groove-type-brand-size));line-height:var(--_type-lh, var(--groove-type-brand-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var(--_type-tracking, var(--groove-type-brand-tracking))}.groove-type-heading{font-weight:var(--_type-weight, var(--groove-type-heading-weight));font-size:var(--_type-size, var(--groove-type-heading-size));line-height:var(--_type-lh, var(--groove-type-heading-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var(--_type-tracking, var(--groove-type-heading-tracking))}.groove-type-heading-sm{font-weight:var(--_type-weight, var(--groove-type-heading-sm-weight));font-size:var(--_type-size, var(--groove-type-heading-sm-size));line-height:var(--_type-lh, var(--groove-type-heading-sm-lh));font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;letter-spacing:var( --_type-tracking, var(--groove-type-heading-sm-tracking) )}.groove-type-body{font-weight:var(--_type-weight, var(--groove-type-body-weight));font-size:var(--_type-size, var(--groove-type-body-size));line-height:var(--_type-lh, var(--groove-type-body-lh));letter-spacing:var(--_type-tracking, var(--groove-type-body-tracking))}.groove-type-body-lg{font-weight:var(--_type-weight, var(--groove-type-body-lg-weight));font-size:var(--_type-size, var(--groove-type-body-lg-size));line-height:var(--_type-lh, var(--groove-type-body-lg-lh));letter-spacing:var(--_type-tracking, var(--groove-type-body-lg-tracking))}.groove-type-label{font-weight:var(--_type-weight, var(--groove-type-label-weight));font-size:var(--_type-size, var(--groove-type-label-size));line-height:var(--_type-lh, var(--groove-type-label-lh));letter-spacing:var(--_type-tracking, var(--groove-type-label-tracking))}.groove-type-caption{font-weight:var(--_type-weight, var(--groove-type-caption-weight));font-size:var(--_type-size, var(--groove-type-caption-size));line-height:var(--_type-lh, var(--groove-type-caption-lh));letter-spacing:var(--_type-tracking, var(--groove-type-caption-tracking))}.groove-type-eyebrow{font-weight:var(--_type-weight, var(--groove-type-eyebrow-weight));font-size:var(--_type-size, var(--groove-type-eyebrow-size));line-height:var(--_type-lh, var(--groove-type-eyebrow-lh));letter-spacing:var(--_type-tracking, var(--groove-type-eyebrow-tracking));text-transform:uppercase}}@layer groove.base{:root{scroll-padding-block-start:var(--groove-layout-scroll-offset)}[data-density=compact]{--groove-density: .875}:where(.groove-flow) :where(h2,h3,h4){--_flow-multiplier: 1.5}}@layer groove.utilities{.groove-flow>*+*{margin-block-start:calc(var(--_flow-space, var(--groove-flow-space)) * var(--_flow-multiplier, 1))}.groove-stack{display:flex;flex-direction:column;gap:var(--_stack-gap, var(--groove-space-500))}.groove-cluster{display:flex;flex-wrap:wrap;justify-content:var(--_cluster-justify, flex-start);align-items:var(--_cluster-align, center);gap:var(--_cluster-gap, var(--groove-space-400))}.groove-center{box-sizing:content-box;margin-inline:auto;padding-inline:var(--_center-gutter, var(--groove-layout-gutter));max-inline-size:var(--_center-max, var(--groove-layout-content-cap))}.groove-bleed{padding-inline:max(var(--_bleed-gutter, var(--groove-layout-gutter)),calc((100% - var(--_bleed-cap, var(--groove-layout-content-cap))) / 2))}.groove-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--_grid-min, 280px),100%),1fr));gap:var(--_grid-gap, var(--groove-space-500))}.groove-switcher{display:flex;flex-wrap:wrap;gap:var(--_switcher-gap, var(--groove-space-500))}.groove-switcher>*{flex-grow:1;flex-basis:calc((var(--_switcher-threshold, 30rem) - 100%) * 999);min-inline-size:0}.groove-sidebar{display:grid;grid-template-columns:1fr;gap:var(--_sidebar-gap, var(--groove-space-500));container-type:inline-size}@container (inline-size >= 30rem){.groove-sidebar{grid-template-columns:1fr var(--_sidebar-width, var(--groove-layout-aside))}.groove-sidebar[data-sidebar-side=start]{grid-template-columns:var(--_sidebar-width, var(--groove-layout-aside)) 1fr}}.groove-cover{display:flex;flex-direction:column;min-block-size:var(--_cover-min, 100vh)}.groove-cover>*{margin-block:auto}}@layer groove.components{.groove-action{display:var(--_action-display, inline-flex);justify-content:center;align-items:center;gap:var(--_action-gap, var(--groove-space-200));cursor:pointer;border:var(--groove-border-width-thin) solid transparent;border-radius:var(--groove-radius-sm);background-color:var(--_action-bg, transparent);padding-inline:var(--_action-padding-inline, var(--groove-space-500));padding-block:var(--_action-padding-block, var(--groove-space-300));color:var(--_action-fg, currentColor);font-weight:var(--groove-type-weight-bold);font-family:var(--groove-type-display-family);font-variation-settings:"SOFT" 30,"WONK" 1;text-decoration:none}.groove-action:is(:hover,:focus-visible,:active){transition:background-color var(--groove-motion-default-duration) var(--groove-motion-default-ease),color var(--groove-motion-default-duration) var(--groove-motion-default-ease),border-color var(--groove-motion-default-duration) var(--groove-motion-default-ease)}.groove-action[data-variant=solid],.groove-action:not([data-variant]){--_action-bg: var(--groove-color-accent-solid);--_action-fg: var(--groove-color-fg-on-accent)}.groove-action[data-variant=solid]:hover:not(:disabled,[aria-disabled=true]),.groove-action:not([data-variant]):hover:not(:disabled,[aria-disabled=true]){--_action-bg: var(--groove-color-accent-solid-hover)}.groove-action[data-variant=outline]{--_action-bg: transparent;--_action-fg: var(--groove-color-accent-fg);border-color:var(--groove-color-accent-fg)}.groove-action[data-variant=outline]:hover:not(:disabled,[aria-disabled=true]){--_action-bg: var(--groove-color-accent-solid);--_action-fg: var(--groove-color-fg-on-accent)}.groove-action[data-variant=ghost]{--_action-bg: transparent;--_action-fg: var(--groove-color-fg-default)}.groove-action[data-variant=ghost]:hover:not(:disabled,[aria-disabled=true]){--_action-bg: color-mix( in srgb, var(--groove-color-accent-solid) 5%, transparent )}.groove-action[data-size=sm]{--_action-padding-block: var(--groove-space-200);--_action-padding-inline: var(--groove-space-400);font-size:var(--groove-type-size-100)}.groove-action[data-size=lg]{--_action-padding-block: var(--groove-space-400);--_action-padding-inline: var(--groove-space-600)}.groove-action[data-block=true]{--_action-display: flex;inline-size:100%}.groove-action:disabled,.groove-action[aria-disabled=true],.groove-action[data-loading=true]{opacity:var(--groove-opacity-disabled, .5);cursor:not-allowed;pointer-events:none}.groove-action[data-loading=true]:before{animation:groove-action-spin .6s linear infinite;border:2px solid currentcolor;border-radius:50%;border-block-end-color:transparent;inline-size:.75em;block-size:.75em;content:""}@media(prefers-reduced-motion:reduce){.groove-action[data-loading=true]:before{animation:none}}@keyframes groove-action-spin{to{transform:rotate(360deg)}}.groove-action:focus-visible{box-shadow:0 0 0 2px var(--groove-color-bg-page)}@media(forced-colors:active){.groove-action[data-variant=solid]{border-color:ButtonText;background:ButtonText;color:ButtonFace}.groove-action[data-variant=outline],.groove-action[data-variant=ghost]{border-color:ButtonText;background:ButtonFace;color:ButtonText}}}@layer groove.components{.groove-surface{box-shadow:var(--_surface-shadow, none);border:var(--_surface-border-width, 0) solid var(--_surface-border-color, transparent);border-radius:var(--_surface-radius, var(--groove-radius-md));background:var(--_surface-bg, var(--groove-color-bg-surface));padding-inline:var(--_surface-padding-inline, var(--groove-space-400));padding-block:var(--_surface-padding-block, var(--groove-space-400))}.groove-surface[data-variant=bordered]{--_surface-border-width: var(--groove-border-width-thin);--_surface-border-color: var(--groove-color-border-strong)}.groove-surface[data-size=sm]{--_surface-padding-block: var(--groove-space-300);--_surface-padding-inline: var(--groove-space-400)}.groove-surface[data-size=lg]{--_surface-padding-block: var(--groove-space-500);--_surface-padding-inline: var(--groove-space-500)}.groove-surface[data-tone=raised]{--_surface-bg: var(--groove-color-bg-raised)}.groove-surface[data-elevation="1"]{--_surface-shadow: var(--groove-shadow-1)}.groove-surface[data-elevation="2"]{--_surface-shadow: var(--groove-shadow-2)}.groove-surface[data-elevation="3"]{--_surface-shadow: var(--groove-shadow-3)}.groove-surface[data-elevation="4"]{--_surface-shadow: var(--groove-shadow-4)}.groove-surface[data-elevation="5"]{--_surface-shadow: var(--groove-shadow-5)}.groove-surface[data-elevation="6"]{--_surface-shadow: var(--groove-shadow-6)}.groove-surface[data-interactive=true]{--_surface-hover-edge-color: transparent;--_surface-hover-edge-width: 1px;transition:background-color var(--groove-motion-default-duration) var(--groove-motion-default-ease),box-shadow var(--groove-motion-default-duration) var(--groove-motion-default-ease);box-shadow:inset 0 0 0 var(--_surface-hover-edge-width) var(--_surface-hover-edge-color),var(--_surface-shadow, none);background-color:var(--_surface-bg, var(--groove-color-bg-surface))}.groove-surface[data-interactive=true]:hover{--_surface-hover-edge-color: var(--groove-color-accent-solid);--_surface-hover-tint-strength: 5%;box-shadow:inset 0 0 0 var(--_surface-hover-edge-width) var(--_surface-hover-edge-color),var(--_surface-shadow, none);background-color:color-mix(in srgb,var(--_surface-bg, var(--groove-color-bg-surface)) calc(100% - var(--_surface-hover-tint-strength)),var(--groove-color-accent-solid) var(--_surface-hover-tint-strength))}.groove-surface[data-interactive=true]:active{--_surface-hover-tint-strength: 15%}.groove-surface[data-interactive=true][data-emphasis=high]:hover{--_surface-hover-edge-width: 2px;--_surface-hover-tint-strength: 10%}@media(forced-colors:active){.groove-surface[data-elevation]:not([data-elevation="0"]){--_surface-border-width: var(--groove-border-width-thin);--_surface-border-color: CanvasText}.groove-surface[data-interactive=true]:hover,.groove-surface[data-interactive=true]:active{--_surface-border-width: var(--groove-border-width-thin);--_surface-border-color: Highlight}}}@layer groove.components{.groove-list-link-group{display:flex;flex-direction:column;gap:var(--_list-link-group-gap, 0);margin:0;padding:0;list-style:none}.groove-list-link{display:flex;align-items:center;gap:var(--_list-link-gap, var(--groove-space-200));border-radius:var(--groove-radius-sm);padding-inline:var(--_list-link-padding-inline, var(--groove-space-400));padding-block:var(--_list-link-padding-block, var(--groove-space-300));color:var(--_list-link-color, var(--groove-color-fg-default));text-decoration:none}.groove-list-link[data-size=sm]{--_list-link-padding-block: var(--groove-space-200);--_list-link-padding-inline: var(--groove-space-300)}.groove-list-link[data-size=lg]{--_list-link-padding-block: var(--groove-space-400);--_list-link-padding-inline: var(--groove-space-500)}.groove-list-link[data-indent=true]{padding-inline-start:var(--_list-link-indent, var(--groove-space-500))}.groove-list-link[aria-current],.groove-list-link[data-active=true]{--_list-link-color: var(--groove-color-accent-solid);font-weight:var(--groove-type-weight-semibold)}.groove-list-link[data-disclosure=true]:after{transform:rotate(-45deg);transition:transform var(--groove-duration-fast-02) var(--groove-ease-productive-standard);margin-inline-start:auto;border-inline-end:2px solid currentcolor;border-block-end:2px solid currentcolor;inline-size:.5em;block-size:.5em;content:""}.groove-list-link[data-disclosure=true][aria-expanded=true]:after{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.groove-list-link[data-disclosure=true]:after{transition:none}}}@layer groove.components{.groove-callout{margin-block:var(--_callout-margin-block, var(--groove-space-500));border-radius:0 var(--groove-radius-md) var(--groove-radius-md) 0;border-inline-start:4px solid var(--_callout-border-color, var(--groove-color-accent-solid));background:var(--_callout-bg, var(--groove-color-bg-surface));padding-inline:var(--_callout-padding-inline, var(--groove-space-500));padding-block:var(--_callout-padding-block, var(--groove-space-400))}.groove-callout[data-tone=warning]{--_callout-border-color: var(--groove-color-status-warning-border)}@media(forced-colors:active){.groove-callout{--_callout-border-color: Highlight}}}@layer groove.components{.groove-pullquote{position:relative;margin-inline:0;margin-block:var(--_pullquote-margin-block, var(--groove-space-500));padding-inline-start:var(--_pullquote-pad-start, var(--groove-space-600))}.groove-pullquote:not([data-variant=boxed],[data-variant=rule],[data-variant=card]){--_flow-space: var( --_pullquote-mark-clearance, calc(var(--_pullquote-mark-size, 9rem) * .55) )}.groove-pullquote:before{position:absolute;inset-block-start:var(--_pullquote-mark-top, -.42em);inset-inline-start:0;pointer-events:none;content:"\201c";color:var(--groove-color-decor-soft);font-style:italic;font-weight:var(--groove-type-weight-semibold);font-size:var(--_pullquote-mark-size, 9rem);line-height:1;font-family:var(--groove-type-display-family)}.groove-pullquote blockquote{margin:0;color:var(--groove-color-fg-default);font-style:italic;font-weight:var(--groove-type-weight-medium);font-size:var( --_pullquote-quote-size, clamp( var(--groove-type-size-500), 1.318rem + .909cqi, var(--groove-type-size-600) ) );line-height:var(--groove-type-lh-heading);font-family:var(--groove-type-display-family);font-variation-settings:"WONK" 1}.groove-pullquote[data-size=md]{--_pullquote-quote-size: var(--groove-type-size-400)}.groove-pullquote[data-size=sm]{--_pullquote-quote-size: var(--groove-type-size-300)}.groove-pullquote :is(figcaption,cite){display:block;margin-block-start:var(--groove-space-300);color:var(--groove-color-fg-muted);font-style:normal;font-size:var(--groove-type-size-200)}.groove-pullquote :is(figcaption,cite):before{content:"\2014\a0";color:var(--groove-color-decor)}.groove-pullquote[data-variant=boxed]{border-radius:0 var(--groove-radius-md) var(--groove-radius-md) 0;border-inline-start:3px solid var(--_pullquote-border-color, var(--groove-color-decor));background:var(--_pullquote-bg, var(--groove-color-bg-surface));padding:var(--groove-space-500)}.groove-pullquote[data-variant=boxed]:before{display:none}.groove-pullquote[data-variant=rule]{border-inline-start:3px solid var(--_pullquote-border-color, var(--groove-color-decor));padding-inline-start:var(--groove-space-500)}.groove-pullquote[data-variant=rule]:before{display:none}.groove-pullquote[data-variant=card]{box-shadow:var(--_pullquote-shadow, var(--groove-shadow-1));border-radius:var(--_pullquote-radius, var(--groove-radius-md));background:var(--_pullquote-bg, var(--groove-color-bg-surface));padding:var(--groove-space-600) var(--groove-space-500) var(--groove-space-500)}.groove-pullquote[data-variant=card]:before{inset-block-start:var(--_pullquote-mark-top, .05em);inset-inline-start:var(--groove-space-500);font-size:var(--_pullquote-mark-size, 3rem)}@media(forced-colors:active){.groove-pullquote[data-variant=boxed],.groove-pullquote[data-variant=rule]{--_pullquote-border-color: CanvasText}.groove-pullquote[data-variant=card]{border:1px solid CanvasText}}}@layer groove.components{.groove-related-tiles{display:grid;grid-template-columns:1fr;gap:var(--_related-tiles-gap, var(--groove-space-500))}@media(width>=40rem){.groove-related-tiles:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}@media(width>=48rem){.groove-related-tiles:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}}@media(width>=56rem){.groove-related-tiles:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}}@media(width>=80rem){.groove-related-tiles:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}.groove-related-tile{display:flex;flex-direction:column;gap:var(--_related-tiles-tile-gap, var(--groove-space-200))}.groove-related-tile-title{margin:0;font-weight:var(--groove-type-weight-semibold);font-size:var(--groove-type-size-400);line-height:var(--groove-type-lh-snug);font-family:var(--groove-type-display-family)}.groove-related-tile-blurb{margin:0;color:var(--groove-color-fg-muted);font-size:var(--groove-type-size-200);line-height:var(--groove-type-lh-relaxed)}.groove-related-tile-link{margin-block-start:auto;padding-block-start:var(--groove-space-300);color:var(--_related-tiles-link, var(--groove-color-fg-link));font-weight:var(--groove-type-weight-bold);font-size:var(--groove-type-size-200);font-family:var(--groove-type-display-family);text-decoration:none}.groove-related-tile-link:hover,.groove-related-tile-link:focus-visible{text-decoration:underline;text-underline-offset:3px}}@layer groove.components{.groove-band{--_band-bg: var(--groove-color-bg-page);display:block;border-radius:var(--_band-radius, var(--groove-radius-md));background:var(--_band-bg);padding-inline:var(--_band-pad-inline, var(--groove-space-600));padding-block:var(--_band-pad-block, var(--groove-space-800));color:var(--groove-color-fg-default)}.groove-band[data-tone=deep]{--_band-bg: var(--groove-color-bg-sunken)}.groove-band[data-tone=raised]{--_band-bg: var(--groove-color-bg-raised)}.groove-band[data-bleed]{--_band-radius: 0}}@layer groove.components{.groove-stat-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--groove-space-400);border-block:1px solid var(--_stat-rule-color, var(--groove-color-decor));padding-block:var(--groove-space-500);color:var(--groove-color-fg-muted);font-size:var(--groove-type-size-100);letter-spacing:var(--groove-type-tracking-wide)}.groove-stat-strip b{display:block;color:var(--_stat-numeral-color, var(--groove-color-fg-default));font-weight:var(--groove-type-weight-extrabold);font-size:var(--groove-type-size-600);line-height:1;font-family:var(--groove-type-display-family);font-variation-settings:"WONK" 1}@media(forced-colors:active){.groove-stat-strip{--_stat-rule-color: CanvasText}}}@layer groove.components{.groove-spotlight{--_spotlight-glow: color-mix( in srgb, var(--groove-color-decor) 18%, transparent );--_spotlight-border-color: var(--groove-color-decor);display:block;border:1px solid var(--_spotlight-border-color);border-radius:var(--groove-radius-md);background:radial-gradient(ellipse 70% 130% at 50% -30%,var(--_spotlight-glow),transparent 60%),var(--groove-color-bg-surface);padding-inline:var(--_spotlight-pad-inline, var(--groove-space-700));padding-block:var(--_spotlight-pad-block, var(--groove-space-800));color:var(--groove-color-fg-default);text-align:center}@media(forced-colors:active){.groove-spotlight{--_spotlight-border-color: CanvasText}}}@layer groove.components{.groove-proof{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:var(--_proof-gap, var(--groove-space-700));padding-block:var(--_proof-pad-block, var(--groove-space-800))}.groove-proof[data-flip]{grid-template-columns:1.2fr .8fr}.groove-proof[data-flip]>figure{order:2}@media(width<=900px){.groove-proof{grid-template-columns:1fr}.groove-proof[data-flip]>figure{order:0}}}@layer groove.components{.groove-hero{--_hero-scrim-focus-x: 72%;--_hero-scrim-focus-y: 35%;--_hero-scrim-floor: 46%;--_hero-scrim-fade: 82%;display:flex;position:relative;align-items:flex-end;background-color:var(--groove-color-bg-page);min-height:var(--_hero-min-height, 78vh);overflow:hidden;color:var(--groove-color-fg-default)}.groove-hero-media-wrap{position:absolute;inset:0}.groove-hero-media{filter:saturate(.85) brightness(.92);width:100%;height:100%;object-fit:cover;object-position:var(--_hero-object-position, 70% 30%)}.groove-hero-scrim{position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at var(--_hero-scrim-focus-x) var(--_hero-scrim-focus-y),transparent 0%,color-mix(in srgb,var(--groove-color-bg-page) 55%,transparent) 60%,color-mix(in srgb,var(--groove-color-bg-page) 92%,transparent) 100%),linear-gradient(to top,var(--groove-color-bg-page) 0%,var(--groove-color-bg-page) var(--_hero-scrim-floor),transparent var(--_hero-scrim-fade));pointer-events:none}.groove-hero-content{position:relative;padding:0 clamp(var(--groove-space-500),6vw,var(--groove-space-800)) clamp(var(--groove-space-700),7vw,var(--groove-space-800));max-width:var(--_hero-content-max, 880px)}@media(forced-colors:active){.groove-hero-content{background-color:Canvas;padding-block:var(--groove-space-600);color:CanvasText}}.groove-hero[data-layout=split]{display:grid;grid-template-columns:1fr minmax(0,var(--_hero-figure-col, 50%));align-items:stretch;gap:clamp(var(--groove-space-600),5vw,var(--groove-space-800));container-type:inline-size;padding-inline:max(clamp(var(--groove-space-500),6vw,var(--groove-space-800)),calc((100% - var(--_hero-content-cap, var(--groove-layout-content-cap))) / 2));padding-block:var(--groove-space-600) var(--groove-space-region-block);min-height:auto}.groove-hero[data-layout=split] .groove-hero-content{order:0;padding:0;max-width:none}.groove-hero[data-layout=split] .groove-hero-media-wrap{position:relative;order:1;inset:auto;box-shadow:0 0 0 1px var(--groove-color-decor),var(--groove-shadow-3);border-radius:var(--groove-radius-image);min-height:var(--_hero-figure-min, 16rem);overflow:hidden}.groove-hero[data-layout=split] .groove-hero-media{inline-size:100%;block-size:100%;object-fit:cover}@media(width<56.25rem){.groove-hero[data-layout=split]{grid-template-columns:1fr;min-height:0}.groove-hero[data-layout=split] .groove-hero-media-wrap{min-height:var(--_hero-figure-min, 17.5rem)}}}@layer groove.components{[data-scene]{background:var(--groove-color-bg-page);color:var(--groove-color-fg-default)}[data-scene=stage] .groove-action[data-variant=ghost]{--_action-fg: var(--groove-color-decor);border-color:color-mix(in srgb,var(--groove-color-decor) 70%,transparent)}[data-scene=stage] .groove-action[data-variant=ghost]:hover:not(:disabled,[aria-disabled=true]){--_action-bg: color-mix( in srgb, var(--groove-color-decor) 14%, transparent );border-color:var(--groove-color-decor)}.groove-handoff{position:relative;height:0;overflow:visible;pointer-events:none;color:var(--groove-color-bg-page)}.groove-handoff>svg{display:block;position:absolute;transform:translateY(1px);inset-block-end:0;inset-inline-start:0;width:100%;height:clamp(60px,8vw,110px)}}@layer groove.base{:where(p,.groove-type-body,.groove-type-body-lg,section,li,dd,td,blockquote,figcaption) a{color:var(--_text-link-color, var(--groove-color-fg-link));text-decoration:underline;text-decoration-thickness:var( --_text-link-underline-thickness, var(--groove-type-text-link-underline-thickness) );text-underline-offset:var( --_text-link-underline-offset, var(--groove-type-text-link-underline-offset) )}:where(p,.groove-type-body,.groove-type-body-lg,section,li,dd,td,blockquote,figcaption) a:hover{color:var(--_text-link-color-hover, var(--groove-color-fg-link-hover))}}@layer groove.components{.groove-text-link{color:var(--_text-link-color, var(--groove-color-fg-default));text-decoration:none;text-decoration-thickness:var( --_text-link-underline-thickness, var(--groove-type-text-link-underline-thickness) );text-underline-offset:var( --_text-link-underline-offset, var(--groove-type-text-link-underline-offset) )}.groove-text-link:hover{color:var(--_text-link-color-hover, var(--groove-color-fg-link-hover))}.groove-text-link[data-tone=accent]{--_text-link-color: var(--groove-color-fg-link)}.groove-text-link[data-underline=hover]:hover{text-decoration:underline;text-decoration-thickness:var( --_text-link-underline-thickness, var(--groove-type-text-link-underline-thickness) )}.groove-text-link[data-active=true],.groove-text-link[aria-current]:not([aria-current=false]){--_text-link-color: var( --_text-link-color-active, var(--groove-color-fg-link) );font-weight:var(--groove-type-weight-semibold)}}@layer groove.components{.groove-dialog{transition:opacity var(--groove-duration-fast-02) var(--groove-ease-productive-entrance),transform var(--groove-duration-fast-02) var(--groove-ease-productive-entrance),overlay var(--groove-duration-fast-02) allow-discrete,display var(--groove-duration-fast-02) allow-discrete;border:0;background:transparent;padding:0;max-inline-size:var(--_dialog-max-inline-size, 80vw);max-block-size:var(--_dialog-max-block-size, 80vh)}.groove-dialog::backdrop{background:#000c}.groove-dialog[data-variant=panel]{border-radius:var(--groove-radius-md);background:var(--groove-color-bg-raised);padding:var(--groove-space-500)}.groove-dialog:not([data-variant=panel]){cursor:zoom-out;border-radius:var(--groove-radius-image)}.groove-dialog[data-size=sm]{--_dialog-max-inline-size: 30rem;--_dialog-max-block-size: 80vh}.groove-dialog[data-size=md]{--_dialog-max-inline-size: 50rem;--_dialog-max-block-size: 80vh}.groove-dialog[data-size=lg]{--_dialog-max-inline-size: 80vw;--_dialog-max-block-size: 80vh}.groove-dialog[data-size=full]{--_dialog-max-inline-size: 90vw;--_dialog-max-block-size: 90vh}@starting-style{.groove-dialog[open]{transform:scale(.95);opacity:0}}.groove-dialog[open]{transform:scale(1);opacity:1}.groove-dialog:not([open]){transform:scale(.95);opacity:0}@media(prefers-reduced-motion:reduce){.groove-dialog{transition:none}.groove-dialog:not([open]){transform:none;opacity:1}}@media(forced-colors:active){.groove-dialog[data-variant=panel]{border:1px solid CanvasText}}}@layer groove.components{.groove-img-duotone{position:relative;overflow:hidden}.groove-img-duotone img{display:block;filter:grayscale(100%) contrast(1.05);width:100%}.groove-img-duotone--warm{--_img-duo-dark: var(--groove-color-decor-soft)}.groove-img-duotone:before{position:absolute;opacity:.9;mix-blend-mode:lighten;inset:0;background:var(--_img-duo-dark, var(--groove-color-accent-solid));pointer-events:none;content:""}.groove-img-duotone:after{position:absolute;mix-blend-mode:darken;inset:0;background:var(--_img-duo-light, var(--groove-color-bg-page));pointer-events:none;content:""}.groove-img-duotone dialog img{filter:none}@media(forced-colors:active){.groove-img-duotone img{filter:none}.groove-img-duotone:before,.groove-img-duotone:after{display:none}}.groove-img-grain{position:relative}.groove-img-grain:after{position:absolute;opacity:var(--groove-image-grain-opacity, .05);mix-blend-mode:var(--groove-image-grain-blend, multiply);inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;content:""}@media(forced-colors:active){.groove-img-grain:after{display:none}}}@layer groove.components{.groove-underline-wavy{text-decoration:underline wavy var(--groove-color-decor-soft) 2px;text-underline-offset:7px}.groove-arc-swash{position:relative;white-space:nowrap}.groove-arc-swash:after{position:absolute;-webkit-mask:center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16' preserveAspectRatio='none'%3E%3Cpath d='M1,7 C34,5 74,-1 99,3' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");mask:center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16' preserveAspectRatio='none'%3E%3Cpath d='M1,7 C34,5 74,-1 99,3' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");inset-block-end:var(--groove-arc-swash-offset, -.75em);inset-inline:0;background-color:var(--groove-color-decor-soft);width:auto;height:var(--groove-arc-swash-height, .8em);pointer-events:none;content:""}@media(forced-colors:active){.groove-arc-swash:after{display:none}}.groove-rules{display:block;background-image:linear-gradient(to bottom,var(--groove-color-decor-soft) 0,var(--groove-color-decor-soft) 1px,transparent 1px);background-size:100% calc(1px + var(--groove-rules-gap, 4px));width:100%;height:calc(var(--groove-rules-n, 3) * 1px + (var(--groove-rules-n, 3) - 1) * var(--groove-rules-gap, 4px))}@media(forced-colors:active){.groove-rules{display:none}}}@layer groove.components{.groove-spinner{--_spinner-size: var(--groove-space-500);--_spinner-thickness: 2px;--_spinner-color: var(--groove-color-fg-muted);display:inline-block;vertical-align:middle;border:var(--_spinner-thickness) solid color-mix(in srgb,var(--_spinner-color) 20%,transparent);border-radius:50%;border-block-start-color:var(--_spinner-color);inline-size:var(--_spinner-size);block-size:var(--_spinner-size)}.groove-spinner[data-size=sm]{--_spinner-size: var(--groove-space-400);--_spinner-thickness: 1.5px}.groove-spinner[data-size=lg]{--_spinner-size: var(--groove-space-700);--_spinner-thickness: 3px}.groove-spinner[data-tone=inverse]{--_spinner-color: var(--groove-color-fg-on-emphasis)}@media(prefers-reduced-motion:no-preference){.groove-spinner{animation:groove-spinner-rotate 1s linear infinite}}@keyframes groove-spinner-rotate{to{transform:rotate(360deg)}}@media(forced-colors:active){.groove-spinner{border-color:CanvasText;border-block-start-color:Highlight}}}@layer groove.components{.groove-state{--_state-bg: var(--groove-color-bg-surface);--_state-fg: var(--groove-color-fg-muted);--_state-accent: transparent;--_state-pad: var(--groove-space-500);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--groove-space-300);border-radius:var(--groove-radius-md, 8px);border-inline-start:3px solid var(--_state-accent);background-color:var(--_state-bg);padding:var(--_state-pad);color:var(--_state-fg)}.groove-state[data-tone=error]{--_state-bg: var(--groove-color-status-error-bg);--_state-fg: var(--groove-color-status-error-fg);--_state-accent: var(--groove-color-status-error-border)}.groove-state[data-size=sm]{--_state-pad: var(--groove-space-400)}.groove-state[data-size=lg]{--_state-pad: var(--groove-space-700)}.groove-state-indicator{display:inline-flex;justify-content:center;align-items:center;color:var(--_state-accent)}.groove-state-message{text-align:center}.groove-state-action:not(:empty){margin-block-start:var(--groove-space-200)}@media(forced-colors:active){.groove-state{border:1px solid CanvasText}.groove-state[data-tone=error]{border-color:Mark}}}@layer groove.components{.groove-sparkline{--_sparkline-color: var(--groove-color-data-viz-1);--_sparkline-stroke: 1.5;display:inline-block}.groove-sparkline[data-tone=muted]{--_sparkline-color: var(--groove-color-data-viz-2)}.groove-sparkline[data-tone=accent]{--_sparkline-color: var(--groove-color-accent-solid)}.groove-sparkline-path{fill:none;stroke:var(--_sparkline-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--_sparkline-stroke)}@media(prefers-reduced-motion:no-preference){.groove-sparkline-path{animation:groove-sparkline-draw .6s ease-out forwards;stroke-dasharray:var(--_sparkline-path-length, 1000);stroke-dashoffset:var(--_sparkline-path-length, 1000)}}@keyframes groove-sparkline-draw{to{stroke-dashoffset:0}}@media(forced-colors:active){.groove-sparkline-path{stroke:CanvasText}}}@layer groove.components{.groove-badge{--_badge-bg: var(--groove-color-bg-surface);--_badge-fg: var(--groove-color-fg-default);--_badge-border: transparent;display:inline-flex;align-items:center;border:1px solid var(--_badge-border);border-radius:var(--groove-radius-pill, 9999px);background-color:var(--_badge-bg);padding-inline:var(--groove-space-200);padding-block:var(--groove-space-100);color:var(--_badge-fg);font-size:var(--groove-type-label-size, .875rem);line-height:1;white-space:nowrap}.groove-badge[data-size=md]{padding-inline:var(--groove-space-300);padding-block:var(--groove-space-150);font-size:var(--groove-type-body-size, 1rem)}.groove-badge[data-mono=true]{font-family:var(--groove-type-mono-family, ui-monospace, monospace);font-variant-numeric:tabular-nums}.groove-badge[data-tone=muted]{--_badge-bg: color-mix( in srgb, var(--groove-color-fg-muted) 10%, transparent );--_badge-fg: var(--groove-color-fg-default)}.groove-badge[data-tone=accent]{--_badge-bg: var(--groove-color-accent-solid);--_badge-fg: var(--groove-color-fg-on-accent)}.groove-badge[data-tone=warning]{--_badge-bg: var(--groove-color-status-warning-bg);--_badge-fg: var(--groove-color-status-warning-fg);--_badge-border: var(--groove-color-status-warning-border)}.groove-badge[data-tone=success]{--_badge-bg: var(--groove-color-status-success-bg);--_badge-fg: var(--groove-color-status-success-fg);--_badge-border: var(--groove-color-status-success-border)}.groove-badge[data-tone=error]{--_badge-bg: var(--groove-color-status-error-bg);--_badge-fg: var(--groove-color-status-error-fg);--_badge-border: var(--groove-color-status-error-border)}.groove-badge[data-tone=info]{--_badge-bg: var(--groove-color-status-info-bg);--_badge-fg: var(--groove-color-status-info-fg);--_badge-border: var(--groove-color-status-info-border)}.groove-badge[data-variant=outline]{--_badge-bg: transparent;--_badge-border: var(--groove-color-border-strong);--_badge-fg: var(--groove-color-fg-default)}.groove-badge[data-variant=outline][data-tone=accent]{--_badge-border: var(--groove-color-accent-fg);--_badge-fg: var(--groove-color-accent-fg)}.groove-badge[data-variant=outline][data-tone=warning]{--_badge-border: var(--groove-color-status-warning-border);--_badge-fg: var(--groove-color-status-warning-fg)}.groove-badge[data-variant=outline][data-tone=success]{--_badge-border: var(--groove-color-status-success-border);--_badge-fg: var(--groove-color-status-success-fg)}.groove-badge[data-variant=outline][data-tone=error]{--_badge-border: var(--groove-color-status-error-border);--_badge-fg: var(--groove-color-status-error-fg)}.groove-badge[data-variant=outline][data-tone=info]{--_badge-border: var(--groove-color-status-info-border);--_badge-fg: var(--groove-color-status-info-fg)}.groove-badge[data-variant=outline][data-tone=muted]{--_badge-border: var(--groove-color-fg-muted);--_badge-fg: var(--groove-color-fg-default)}.groove-badge[data-variant=ghost]{--_badge-bg: transparent;--_badge-border: transparent;--_badge-fg: var(--groove-color-fg-default)}@media(forced-colors:active){.groove-badge{border:1px solid CanvasText}.groove-badge[data-tone=error]{border-color:Mark}.groove-badge[data-tone=success]{border-color:LinkText}}}
