/* <vivid-page> — the shell's skin, with the menu's, the ring's, the foot's and the FAMILIES', from @senserva/vivid-js@0.0.1 on 2026-10-23.
   GENERATED. Change src/vivid-page.css (and the five it carries) in src/vivid-js and re-run `npm run bundle:page`.
   Every value is a --sv-* token; link tokens/vivid-tokens.css beside it. The @font-face block at the end
   is src/vivid-fonts.css appended as written: its url()s are relative to this file's place in the tree. */
.vmenu,vivid-menu{--_ink: var(--vivid-menu-ink, var(--sv-text-secondary));--_ink-active: var(--vivid-menu-ink-active, var(--sv-text-primary));--_accent: var(--vivid-menu-accent, var(--sv-accent-glow));--_ground: var(--vivid-menu-background, var(--sv-background));--_line: var(--vivid-menu-line, var(--sv-text-primary));--_gap: var(--vivid-menu-gap, 6px);--_pad: var(--vivid-menu-padding, 6px 11px);--_shadow: var(--vivid-menu-shadow, var(--sv-navy));--_logo-accent: var(--vivid-menu-logo-accent, var(--sv-good));--_font: var(--vivid-menu-font, var(--sv-font-stack-marketing, var(--sv-font-stack)));--_size: var(--vivid-menu-font-size, var(--sv-font-small));--_size-logo: var(--vivid-menu-logo-size, var(--sv-font-body));--_ring: var(--vivid-menu-focus-ring, var(--sv-focus-ring, var(--_accent)));--_glass: color-mix(in srgb, var(--_ground) 62%, transparent);--_glass-solid: color-mix(in srgb, var(--_ground) 97%, transparent);--_edge: color-mix(in srgb, var(--_line) 22%, transparent);--_edge-soft: color-mix(in srgb, var(--_line) 12%, transparent);--_wash: color-mix(in srgb, var(--_line) 8%, transparent);--_wash-accent: color-mix(in srgb, var(--_accent) 15%, transparent)}vivid-menu{display:contents}.vmenu{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--_glass);backdrop-filter:blur(40px) saturate(220%);-webkit-backdrop-filter:blur(40px) saturate(220%);border:1px solid var(--_edge);border-radius:var(--vivid-menu-bar-radius, 50px);box-shadow:0 4px 24px color-mix(in srgb,var(--_shadow) 45%,transparent);font-family:var(--_font)}.vmenu[data-floating]{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;width:max-content;max-width:calc(100vw - 32px)}.vmenu-logo{display:flex;align-items:center;gap:8px;padding-right:8px;white-space:nowrap;text-decoration:none;color:var(--_ink-active);font:800 var(--_size-logo) / 1.2 var(--_font);letter-spacing:-.5px}.vmenu-logo img{height:24px;width:auto;display:block}.vmenu-logo span{color:var(--_logo-accent)}.vmenu .pagelink,.vmenu .menugroup{flex:0 0 auto}.pagelink{display:inline-flex;align-items:center;gap:6px;padding:var(--_pad);border:1px solid transparent;border-radius:var(--vivid-menu-radius, 30px);background:transparent;color:var(--_ink);text-decoration:none;white-space:nowrap;font:500 var(--_size) / 1.2 var(--_font);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.pagelink:hover{color:var(--_ink-active);background:var(--_wash)}.pagelink:focus-visible{outline:2px solid var(--_ring);outline-offset:2px}.pagelink.is-current{color:var(--_ink-active);background:var(--_wash-accent);border-color:color-mix(in srgb,var(--_accent) 45%,transparent);font-weight:700}.pagelink-note{font-weight:500;opacity:.72;font-size:.92em}.menugroup{position:relative}.menugroup>summary{list-style:none}.menugroup>summary::-webkit-details-marker{display:none}.menugroup>summary:after{content:"";width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.6;transition:transform .2s}.menugroup[open]>summary:after,.menugroup:hover>summary:after{transform:rotate(180deg)}.menugroup-panel{position:absolute;top:100%;left:0;min-width:220px;margin-top:8px;padding:10px 6px 6px;display:flex;flex-direction:column;gap:2px;background:var(--_glass-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--_edge-soft);border-radius:var(--vivid-menu-panel-radius, 14px);box-shadow:0 8px 32px color-mix(in srgb,var(--_shadow) 55%,transparent);z-index:20}.menugroup-panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.menugroup-panel .pagelink{display:block;border-radius:8px;padding:8px 14px;white-space:nowrap}.menugroup-panel .pagelink:hover{background:var(--_wash-accent);color:var(--_ink-active)}.menugroup-panel .pagelink-head{font-weight:700;color:var(--_ink-active);border-bottom:1px solid var(--_edge-soft);border-radius:8px 8px 0 0;margin-bottom:4px}@media(hover:hover)and (min-width:861px){.menugroup>.menugroup-panel{display:flex;opacity:0;pointer-events:none;transition:opacity .15s}.menugroup:hover>.menugroup-panel,.menugroup:focus-within>.menugroup-panel,.menugroup[open]>.menugroup-panel{opacity:1;pointer-events:auto}}.vmenu-burger{display:none;background:none;border:none;color:var(--_ink-active);cursor:pointer;padding:4px 8px;border-radius:8px;margin-left:auto}.vmenu-burger:hover{background:var(--_wash)}.vmenu-burger:focus-visible{outline:2px solid var(--_ring);outline-offset:2px}.vmenu[data-collapsed]{flex-wrap:wrap;border-radius:var(--vivid-menu-panel-radius, 22px)}.vmenu[data-collapsed] .vmenu-burger{display:inline-flex;align-items:center}.vmenu[data-collapsed]>vivid-menu{display:none;width:100%}.vmenu[data-collapsed].is-open>vivid-menu{display:block}.vmenu[data-collapsed].is-open vivid-menu>*{display:block;width:100%}.vmenu[data-collapsed].is-open{align-self:flex-start}.vmenu[data-collapsed] .pagelink{display:flex;width:100%;padding:10px 14px;border-radius:10px}.vmenu[data-collapsed] .menugroup-panel{position:static;min-width:0;margin-top:2px;box-shadow:none;border:none;background:var(--_wash);padding:4px 0 4px 12px;backdrop-filter:none;-webkit-backdrop-filter:none}@media(max-width:860px){.vmenu{flex-wrap:wrap;border-radius:var(--vivid-menu-panel-radius, 22px)}.vmenu .menugroup-panel{position:static;min-width:0;margin-top:2px;box-shadow:none;border:none;background:var(--_wash);padding:4px 0 4px 12px;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.pagelink,.menugroup>summary:after,.menugroup-panel{transition:none}}@media print{.vmenu{position:static;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.menugroup-panel,.vmenu-burger{display:none}.pagelink{color:var(--_ink-active)}}vivid-moodring{--_ring: var(--vivid-moodring-ring, var(--sv-accent-glow));--_track: var(--vivid-moodring-track, var(--sv-grid));--_ink: var(--vivid-moodring-ink, var(--sv-text-primary));--_dim: var(--vivid-moodring-ink-dim, var(--sv-text-secondary));--_ground: var(--vivid-moodring-ground, var(--sv-surface));--_ground-alt: var(--vivid-moodring-ground-alt, var(--sv-surface-alt));--_line: var(--vivid-moodring-line, var(--sv-grid));--_font: var(--vivid-moodring-font, var(--sv-font-stack-marketing));--_radius: var(--vivid-moodring-radius, var(--sv-corner-radius));position:relative;display:inline-flex;align-items:stretch;background:var(--_ground);color:var(--_ink);border:1px solid var(--_line);border-radius:999px;font:500 var(--sv-font-caption) / 1.25 var(--_font);user-select:none;transition:box-shadow var(--mood-duration, .36s),border-color var(--mood-duration, .36s);box-shadow:0 0 calc(18px * var(--mood-glow, .4)) color-mix(in srgb,var(--_ring) calc(55% * var(--mood-glow, .4)),transparent)}vivid-moodring:hover,vivid-moodring[data-state=open]{border-color:var(--_ring)}vivid-moodring[data-tone=cool],vivid-moodring [data-tone=cool]{--_ring: var(--sv-severity-healthy)}vivid-moodring[data-tone=warm],vivid-moodring [data-tone=warm]{--_ring: var(--sv-gold)}vivid-moodring[data-tone=hot],vivid-moodring [data-tone=hot]{--_ring: var(--sv-severity-medium)}vivid-moodring[data-tone=critical],vivid-moodring [data-tone=critical]{--_ring: var(--sv-severity-critical)}vivid-moodring [data-tone=brand]{--_ring: var(--sv-accent-glow)}vivid-moodring .vmood-ring{display:inline-flex;align-items:center;gap:.55rem;padding:.3rem .5rem .3rem .35rem;margin:0;background:transparent;color:inherit;border:0;border-radius:999px 0 0 999px;font:inherit;cursor:pointer;text-align:left}vivid-moodring .vmood-ring:focus-visible,vivid-moodring .vmood-more:focus-visible,vivid-moodring .vmood-menu button:focus-visible{outline:2px solid var(--sv-focus-ring, var(--sv-accent-glow));outline-offset:-2px}vivid-moodring .vmood-canvas{display:block;width:56px;height:56px;flex:0 0 auto}vivid-moodring .vmood-ring{padding-top:.15rem;padding-bottom:.15rem}vivid-moodring[data-family]{--_ring: var(--family-accent, var(--sv-accent-glow))}vivid-moodring .vmood-swatch[data-fam=original]{background:var(--_fam-original)}vivid-moodring .vmood-swatch[data-fam=contemporary]{background:var(--_fam-contemporary)}vivid-moodring .vmood-swatch[data-fam=deco]{background:var(--_fam-deco)}vivid-moodring .vmood-swatch[data-fam=fieldnotes]{background:var(--_fam-fieldnotes)}vivid-moodring .vmood-swatch[data-fam=murmuration]{background:var(--_fam-murmuration)}vivid-moodring .vmood-families{display:flex;flex-direction:column}vivid-moodring .vmood-families button{padding:.3rem .55rem}vivid-moodring .vmood-text{display:inline-flex;flex-direction:column;gap:1px;min-width:0}vivid-moodring[text=hover] .vmood-text{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width var(--mood-duration, .36s) ease,opacity var(--mood-duration, .36s) ease}vivid-moodring[text=hover]:hover .vmood-text,vivid-moodring[text=hover]:focus-within .vmood-text,vivid-moodring[text=hover][data-state=open] .vmood-text{max-width:14rem;opacity:1}vivid-moodring[text=hover] .vmood-ring{gap:0}vivid-moodring[text=hover]:hover .vmood-ring,vivid-moodring[text=hover]:focus-within .vmood-ring,vivid-moodring[text=hover][data-state=open] .vmood-ring{gap:.55rem}@media(prefers-reduced-motion:reduce){vivid-moodring[text=hover] .vmood-text{transition:none}}vivid-moodring .vmood-name{color:var(--_ink);font-weight:700;font-size:var(--sv-font-small);letter-spacing:.01em}vivid-moodring .vmood-sub{color:var(--_dim);font-size:var(--sv-font-micro);white-space:nowrap;max-width:36ch;overflow:hidden;text-overflow:ellipsis;transition:color var(--mood-duration, .36s)}vivid-moodring .vmood-more{flex:0 0 auto;width:1.9rem;margin:0;padding:0 .2rem 0 0;background:transparent;color:var(--_dim);border:0;border-left:1px solid var(--_line);border-radius:0 999px 999px 0;font:700 var(--sv-font-small) / 1 var(--_font);cursor:pointer;transition:color var(--mood-duration, .36s),background var(--mood-duration, .36s)}vivid-moodring .vmood-more:hover,vivid-moodring .vmood-more[aria-expanded=true]{color:var(--_ink);background:var(--_ground-alt)}vivid-moodring .vmood-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:16rem;padding:.35rem;margin:0;background:var(--_ground);color:var(--_ink);border:1px solid var(--_line);border-radius:var(--_radius);box-shadow:0 10px 30px color-mix(in srgb,var(--sv-background) 55%,transparent);font:500 var(--sv-font-caption) / 1.3 var(--_font)}vivid-moodring[data-menu-align=end] .vmood-menu{left:auto;right:0}vivid-moodring .vmood-menu[hidden]{display:none}vivid-moodring .vmood-menu button{display:flex;align-items:center;gap:.6rem;width:100%;margin:0;padding:.4rem .55rem;background:transparent;color:var(--_ink);border:0;border-radius:calc(var(--_radius) - 3px);font:inherit;text-align:left;cursor:pointer;transition:background var(--mood-duration, .36s)}vivid-moodring .vmood-menu button:hover{background:var(--_ground-alt)}vivid-moodring .vmood-menu button[aria-checked=true]{background:color-mix(in srgb,var(--_ring) 15%,transparent)}vivid-moodring .vmood-menu hr{border:0;border-top:1px solid var(--_line);margin:.3rem .4rem}vivid-moodring .vmood-swatch{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--_ring)}vivid-moodring .vmood-swatch-theme{background:linear-gradient(90deg,var(--_ink) 50%,var(--sv-background) 50%);border:1px solid var(--_line)}vivid-moodring .vmood-item{display:flex;flex-direction:column;min-width:0}vivid-moodring .vmood-item b{font-weight:700}vivid-moodring .vmood-item small{color:var(--_dim);font-size:var(--sv-font-micro)}vivid-moodring .vmood-hint{margin:.35rem .55rem .2rem;color:var(--_dim);font-size:var(--sv-font-micro)}vivid-moodring .vmood-label{margin:.3rem .55rem .1rem;color:var(--_dim);font-size:var(--sv-font-micro);text-transform:uppercase;letter-spacing:.04em}vivid-moodring .vmood-coach{position:absolute;top:calc(100% + 6px);right:0;z-index:39;max-width:19rem;display:flex;gap:.5rem;align-items:flex-start;padding:.5rem .55rem .5rem .7rem;background:var(--_ground);color:var(--_ink);border:1px solid var(--_ring);border-radius:var(--_radius);box-shadow:0 8px 24px color-mix(in srgb,var(--sv-background) 55%,transparent),0 0 calc(14px * var(--mood-glow, .4)) color-mix(in srgb,var(--_ring) calc(50% * var(--mood-glow, .4)),transparent);font:500 var(--sv-font-caption) / 1.35 var(--_font)}vivid-moodring[data-menu-align=start] .vmood-coach{right:auto;left:0}vivid-moodring .vmood-coach[hidden]{display:none}vivid-moodring .vmood-coach-x{flex:0 0 auto;margin:-.15rem -.2rem 0 0;padding:0 .3rem;background:transparent;border:0;color:var(--_dim);font:700 var(--sv-font-small) / 1 var(--_font);cursor:pointer}vivid-moodring .vmood-coach-x:hover{color:var(--_ink)}@media(max-width:720px){vivid-moodring .vmood-coach{max-width:14rem}}.vmood-ripple{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483000}vivid-moodring .vmood-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}vivid-moodring[compact] .vmood-text,vivid-moodring[compact] .vmood-more{display:none}vivid-moodring[compact] .vmood-ring{padding:.15rem;gap:0;border-radius:999px}vivid-moodring[compact]{border-radius:999px}@media(max-width:720px){vivid-moodring .vmood-sub{display:none}}@media print{vivid-moodring,.vmood-ripple{display:none}}vivid-depth{--_fill: var(--vivid-depth-fill, var(--mood-ring, var(--sv-accent-glow)));--_track: var(--vivid-depth-track, var(--sv-grid));--_ink: var(--vivid-depth-ink, var(--sv-text-primary));--_dim: var(--vivid-depth-ink-dim, var(--sv-text-secondary));--_ground: var(--vivid-depth-ground, var(--sv-surface));--_ground-alt: var(--vivid-depth-ground-alt, var(--sv-surface-alt));--_line: var(--vivid-depth-line, var(--sv-grid));--_font: var(--vivid-depth-font, var(--sv-font-stack-marketing));--_radius: var(--vivid-depth-radius, var(--sv-corner-radius));position:relative;display:inline-flex;align-items:stretch;background:var(--_ground);color:var(--_ink);border:1px solid var(--_line);border-radius:var(--_radius);font:500 var(--sv-font-caption) / 1.25 var(--_font);user-select:none;transition:border-color var(--mood-duration, .36s)}vivid-depth:hover,vivid-depth[data-state=open]{border-color:var(--_fill)}vivid-depth .vdepth-dial{display:inline-flex;align-items:center;gap:.55rem;padding:.15rem .5rem .15rem .35rem;margin:0;background:transparent;color:inherit;border:0;border-radius:calc(var(--_radius) - 1px) 0 0 calc(var(--_radius) - 1px);font:inherit;text-align:left;cursor:grab;touch-action:none}vivid-depth[data-drag=on] .vdepth-dial{cursor:grabbing}vivid-depth .vdepth-canvas{display:block;width:56px;height:56px;flex:0 0 auto}vivid-depth .vdepth-text{display:inline-flex;flex-direction:column;gap:1px;min-width:0}vivid-depth .vdepth-label{color:var(--_dim);font-size:var(--sv-font-micro);letter-spacing:.06em;text-transform:uppercase}vivid-depth .vdepth-name{color:var(--_ink);font-weight:700;font-size:var(--sv-font-small);letter-spacing:.01em}vivid-depth .vdepth-sub{color:var(--_dim);font-size:var(--sv-font-micro);white-space:nowrap;max-width:36ch;overflow:hidden;text-overflow:ellipsis;transition:color var(--mood-duration, .36s)}vivid-depth .vdepth-sub[data-turn]{color:var(--_fill);font-weight:700}vivid-depth[text=hover] .vdepth-text{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width var(--mood-duration, .36s) ease,opacity var(--mood-duration, .36s) ease}vivid-depth[text=hover]:hover .vdepth-text,vivid-depth[text=hover]:focus-within .vdepth-text,vivid-depth[text=hover][data-state=open] .vdepth-text,vivid-depth[text=hover][data-turning=on] .vdepth-text{max-width:14rem;opacity:1}vivid-depth[text=hover] .vdepth-dial{gap:0}vivid-depth[text=hover]:hover .vdepth-dial,vivid-depth[text=hover]:focus-within .vdepth-dial,vivid-depth[text=hover][data-state=open] .vdepth-dial,vivid-depth[text=hover][data-turning=on] .vdepth-dial{gap:.55rem}@media(prefers-reduced-motion:reduce){vivid-depth[text=hover] .vdepth-text{transition:none}}vivid-depth .vdepth-dial:focus-visible,vivid-depth .vdepth-more:focus-visible,vivid-depth .vdepth-menu button:focus-visible{outline:2px solid var(--sv-focus-ring, var(--sv-accent-glow));outline-offset:-2px}vivid-depth .vdepth-more{flex:0 0 auto;width:1.9rem;margin:0;padding:0 .2rem 0 0;background:transparent;color:var(--_dim);border:0;border-left:1px solid var(--_line);border-radius:0 calc(var(--_radius) - 1px) calc(var(--_radius) - 1px) 0;font:700 var(--sv-font-small) / 1 var(--_font);cursor:pointer;transition:color var(--mood-duration, .36s),background var(--mood-duration, .36s)}vivid-depth .vdepth-more:hover,vivid-depth .vdepth-more[aria-expanded=true]{color:var(--_ink);background:var(--_ground-alt)}vivid-depth .vdepth-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:15rem;padding:.35rem;margin:0;background:var(--_ground);color:var(--_ink);border:1px solid var(--_line);border-radius:var(--_radius);box-shadow:0 10px 30px color-mix(in srgb,var(--sv-background) 55%,transparent);font:500 var(--sv-font-caption) / 1.3 var(--_font)}vivid-depth[data-menu-align=end] .vdepth-menu{left:auto;right:0}vivid-depth .vdepth-menu[hidden]{display:none}vivid-depth .vdepth-menu button{display:flex;align-items:center;gap:.6rem;width:100%;margin:0;padding:.4rem .55rem;background:transparent;color:var(--_ink);border:0;border-radius:calc(var(--_radius) - 3px);font:inherit;text-align:left;cursor:pointer;transition:background var(--mood-duration, .36s)}vivid-depth .vdepth-menu button:hover{background:var(--_ground-alt)}vivid-depth .vdepth-menu button[aria-checked=true]{background:color-mix(in srgb,var(--_fill) 15%,transparent)}vivid-depth .vdepth-menu-label{margin:.3rem .55rem .1rem;color:var(--_dim);font-size:var(--sv-font-micro);text-transform:uppercase;letter-spacing:.04em}vivid-depth .vdepth-item{display:flex;flex-direction:column;min-width:0}vivid-depth .vdepth-item b{font-weight:700}vivid-depth .vdepth-item small{color:var(--_dim);font-size:var(--sv-font-micro)}vivid-depth .vdepth-hint{margin:.35rem .55rem .2rem;color:var(--_dim);font-size:var(--sv-font-micro)}vivid-depth .vdepth-rungs{display:flex;flex-direction:column}vivid-depth .vdepth-rungs button{padding:.3rem .55rem}vivid-depth .vdepth-tick{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--_line);transition:background var(--mood-duration, .36s),transform var(--mood-duration, .36s)}vivid-depth .vdepth-rungs button[data-lit=true] .vdepth-tick{background:var(--_fill)}vivid-depth .vdepth-rungs button[aria-checked=true] .vdepth-tick{transform:scale(1.35)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="1"] .vdepth-tick{background:var(--mood-rung-1)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="2"] .vdepth-tick{background:var(--mood-rung-2)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="3"] .vdepth-tick{background:var(--mood-rung-3)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="4"] .vdepth-tick{background:var(--mood-rung-4)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="5"] .vdepth-tick{background:var(--mood-rung-5)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="6"] .vdepth-tick{background:var(--mood-rung-6)}vivid-depth[data-marks=on] .vdepth-rungs button[data-rung="7"] .vdepth-tick{background:var(--mood-rung-7)}vivid-depth[data-marks=on] .vdepth-rungs button[data-lit=false] .vdepth-tick{opacity:.4}vivid-depth .vdepth-marks{margin-top:.15rem}vivid-depth .vdepth-tick-marks{width:4px;height:13px;border-radius:2px;margin:0 2px}vivid-depth .vdepth-marks[aria-checked=true] .vdepth-tick-marks{background:linear-gradient(var(--mood-rung-1),var(--mood-rung-2),var(--mood-rung-3))}vivid-depth .vdepth-coach{position:absolute;top:calc(100% + 6px);right:0;z-index:39;max-width:19rem;display:flex;gap:.5rem;align-items:flex-start;padding:.5rem .55rem .5rem .7rem;background:var(--_ground);color:var(--_ink);border:1px solid var(--_fill);border-radius:var(--_radius);box-shadow:0 8px 24px color-mix(in srgb,var(--sv-background) 55%,transparent);font:500 var(--sv-font-caption) / 1.35 var(--_font)}vivid-depth[data-menu-align=start] .vdepth-coach{right:auto;left:0}vivid-depth .vdepth-coach[hidden]{display:none}vivid-depth .vdepth-coach-x{flex:0 0 auto;margin:-.15rem -.2rem 0 0;padding:0 .3rem;background:transparent;border:0;color:var(--_dim);font:700 var(--sv-font-small) / 1 var(--_font);cursor:pointer}vivid-depth .vdepth-coach-x:hover{color:var(--_ink)}vivid-depth .vdepth-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}vivid-depth[compact] .vdepth-text,vivid-depth[compact] .vdepth-more{display:none}vivid-depth[compact] .vdepth-dial{padding:.15rem;gap:0;border-radius:var(--_radius)}.vdepth-ripple{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483000}@media(max-width:720px){vivid-depth .vdepth-sub{display:none}vivid-depth .vdepth-coach{max-width:14rem}}@media print{vivid-depth,.vdepth-ripple{display:none}}:root[data-mood-detail=primary] [data-detail=secondary]{display:none!important}:root[data-mood-level="0"] :is([data-detail="1"],[data-detail="2"],[data-detail="3"],[data-detail="4"],[data-detail="5"],[data-detail="6"],[data-detail="7"]),:root[data-mood-level="1"] :is([data-detail="2"],[data-detail="3"],[data-detail="4"],[data-detail="5"],[data-detail="6"],[data-detail="7"]),:root[data-mood-level="2"] :is([data-detail="3"],[data-detail="4"],[data-detail="5"],[data-detail="6"],[data-detail="7"]),:root[data-mood-level="3"] :is([data-detail="4"],[data-detail="5"],[data-detail="6"],[data-detail="7"]),:root[data-mood-level="4"] :is([data-detail="5"],[data-detail="6"],[data-detail="7"]),:root[data-mood-level="5"] :is([data-detail="6"],[data-detail="7"]),:root[data-mood-level="6"] [data-detail="7"]{display:none!important}:root{--mood-rung-1: var(--sv-series-1);--mood-rung-2: var(--sv-series-2);--mood-rung-3: var(--sv-series-5);--mood-rung-4: var(--sv-series-3);--mood-rung-5: var(--sv-series-6);--mood-rung-6: var(--sv-series-4);--mood-rung-7: var(--sv-series-0)}[data-detail="1"],[data-detail=secondary]{--mood-rung: var(--mood-rung-1)}[data-detail="2"]{--mood-rung: var(--mood-rung-2)}[data-detail="3"]{--mood-rung: var(--mood-rung-3)}[data-detail="4"]{--mood-rung: var(--mood-rung-4)}[data-detail="5"]{--mood-rung: var(--mood-rung-5)}[data-detail="6"]{--mood-rung: var(--mood-rung-6)}[data-detail="7"]{--mood-rung: var(--mood-rung-7)}:root[data-mood-marks=on] [data-detail]:not([data-detail="0"]):not([data-detail=primary]):not([data-mark=none]){box-shadow:inset calc(-1 * var(--mood-mark-width, 1px)) 0 0 0 var(--mood-rung);background-image:linear-gradient(color-mix(in srgb,var(--mood-rung) calc(var(--mood-mark-wash, 5) * 1%),transparent),color-mix(in srgb,var(--mood-rung) calc(var(--mood-mark-wash, 5) * 1%),transparent))}[data-detail-state=pre]{opacity:0}[data-detail-state=in]:not([data-mark=none]){animation:vdepth-swoosh-in calc(var(--mood-duration, .36s) * 2.5) cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--mood-in-delay, 0s);box-shadow:inset calc(-1 * var(--mood-mark-width, 1px)) 0 0 0 var(--mood-rung);background-color:color-mix(in srgb,var(--mood-rung) calc(var(--mood-mark-wash, 5) * 1%),transparent)}@keyframes vdepth-swoosh-in{0%{opacity:0;translate:-10px 0;clip-path:inset(0 100% 0 0)}to{opacity:1;translate:0 0;clip-path:inset(0 0 0 0)}}[data-detail-state=seen]:not([data-mark=none]){box-shadow:inset calc(-1 * var(--mood-mark-width, 1px)) 0 0 0 var(--mood-rung);background-color:color-mix(in srgb,var(--mood-rung) calc(var(--mood-mark-wash, 5) * 1%),transparent)}[data-detail]:not([data-mark=none]){transition:box-shadow 1.2s ease,background-color 1.2s ease}[data-detail-state=out]:not([data-mark=none]){animation:vdepth-swoosh-out .38s cubic-bezier(.4,0,1,1) both}@keyframes vdepth-swoosh-out{to{opacity:0;translate:14px 0;clip-path:inset(0 0 0 100%)}}:root[data-mood-motion=reduced] :is([data-detail-state=in],[data-detail-state=out]){animation:none}:root[data-mood-motion=reduced] [data-detail-state=pre]{opacity:1}@media(prefers-reduced-motion:reduce){:is([data-detail-state=in],[data-detail-state=out]){animation:none}[data-detail-state=pre]{opacity:1}}.vfooter{--_ink: var(--vivid-footer-ink, var(--sv-text-secondary));--_ink-strong: var(--vivid-footer-ink-strong, var(--sv-text-primary));--_line: var(--vivid-footer-line, var(--sv-grid));--_accent: var(--vivid-footer-accent, var(--sv-accent-glow));--_mark: var(--vivid-footer-confidential, var(--sv-gold));--_font: var(--vivid-footer-font, var(--sv-font-stack));--_size: var(--vivid-footer-font-size, var(--sv-font-caption));margin-top:48px;padding:20px 0 40px;border-top:1px solid var(--_line);color:var(--_ink);font:400 var(--_size) / 1.6 var(--_font)}.vfooter>*{max-width:var(--vivid-footer-measure, 74ch);margin-inline:auto;padding-inline:16px}.vfooter-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding-inline:16px;list-style:none}.vfooter-links a{color:var(--_ink);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.vfooter-links a:hover,.vfooter-links a:focus-visible{color:var(--_ink-strong);border-bottom-color:var(--_accent)}.vfooter-links a:focus-visible{outline:2px solid var(--_accent);outline-offset:3px}.vfooter-confidential{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;color:var(--_ink-strong)}.vfooter-confidential:before{content:"";flex:0 0 auto;width:3px;align-self:stretch;background:var(--_mark);border-radius:2px}.vfooter-confidential strong{color:var(--_mark);font-weight:700}.vfooter-meta{margin:0}.vfooter-meta code{font-family:var(--sv-font-stack-mono, ui-monospace, monospace);font-size:.95em}.vfooter-meta+.vfooter-meta{margin-top:4px}@media print{.vfooter-links{display:none}.vfooter{border-top-color:var(--_ink)}}:root[data-family=contemporary]{--vivid-section-background: color-mix(in srgb, var(--sv-background) 82%, var(--sv-navy));--vivid-section-line: color-mix(in srgb, var(--sv-accent-glow) 40%, transparent);--vivid-section-radius: calc(var(--sv-corner-radius) + 4px);--vivid-table-lite-radius: calc(var(--sv-corner-radius) + 4px);--vivid-table-lite-header-tint: 26%}:root[data-family=contemporary] :is(.vsection,.vcard,.vtile){box-shadow:inset calc(-1 * var(--_bar-width)) 0 0 0 var(--_bar),0 0 0 1px color-mix(in srgb,var(--sv-accent-glow) 16%,transparent),0 18px 40px -22px color-mix(in srgb,var(--sv-accent-glow) 60%,transparent)}:root[data-family=contemporary] .vcard{background-image:radial-gradient(120px 90px at 100% 0,color-mix(in srgb,var(--sv-accent-glow) 22%,transparent),transparent 70%)}:root[data-family=contemporary] :is(.vsection,.vcard,.vtile,.vrung,.vchip){font-family:var(--sv-font-stack-contemporary)}:root[data-family=contemporary] :is(vivid-table-lite,vivid-matrix,vivid-bands){--vivid-table-lite-font: var(--sv-font-stack-contemporary)}:root[data-family=deco]{--vivid-section-background: color-mix(in srgb, var(--sv-navy) 55%, var(--sv-background));--vivid-section-line: var(--sv-gold);--vivid-section-radius: 0;--vivid-section-ink-dim: color-mix(in srgb, var(--sv-gold) 55%, var(--sv-text-secondary));--vivid-table-lite-radius: 0;--vivid-table-lite-header-tint: 20%;--vivid-moodring-radius: 0}:root[data-family=deco] :is(.vsection,.vcard,.vtile){box-shadow:inset calc(-1 * var(--_bar-width)) 0 0 0 var(--_bar),inset 0 0 0 3px var(--_ground),inset 0 0 0 4px var(--sv-gold)}:root[data-family=deco] :is(.vsection,.vcard){padding-left:calc(clamp(18px,3.5vw,32px) + 6px)}:root[data-family=deco] :is(.vcard):before,:root[data-family=deco] :is(.vcard):after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;border:0 solid var(--sv-gold)}:root[data-family=deco] .vcard:before{top:7px;left:7px;border-top-width:2px;border-left-width:2px}:root[data-family=deco] .vcard:after{bottom:7px;right:7px;border-bottom-width:2px;border-right-width:2px}:root[data-family=deco] :is(.vsection-eyebrow,.vcard-eyebrow,.vtile-l){letter-spacing:.12em;text-transform:uppercase}:root[data-family=deco] :is(h1,h2,h3,h4,.vsection-head,.vsection-eyebrow,.vcard-eyebrow,.vtile-l,.vchip,.vsection-foot){font-family:var(--sv-font-stack-deco)}:root[data-family=deco] :is(h1,h2,h3){letter-spacing:.02em}:root[data-family=deco] :is(.vsection,.vcard) :is(p,li,dd,dt){font-family:var(--sv-font-stack-deco)}:root[data-family=deco] :is(.vsection,.vcard) :is(.vtile-n,.vrung,.vledger-head,code,kbd){font-family:var(--sv-font-stack)}:root[data-family=deco] .vsection-eyebrow:before{border-radius:0;background:var(--sv-gold)}:root[data-family=deco] .vrung{border-radius:0}:root[data-family=deco] vivid-moodring{border-radius:0}:root[data-family=deco] vivid-moodring :is(.vmood-ring,.vmood-more,.vmood-menu,.vmood-menu button){border-radius:0}:root[data-family=fieldnotes]{--vivid-section-background: var(--sv-surface);--vivid-section-line: var(--sv-grid);--vivid-section-radius: 2px;--vivid-section-wash: 0;--vivid-table-lite-radius: 2px;--vivid-table-lite-header-tint: 0%}:root[data-family=fieldnotes] :is(.vsection,.vcard){background-image:linear-gradient(to right,transparent 0 26px,color-mix(in srgb,var(--sv-accent) 40%,transparent) 26px 27px,transparent 27px),repeating-linear-gradient(to bottom,transparent 0 25px,color-mix(in srgb,var(--sv-grid) 65%,transparent) 25px 26px);padding-left:calc(clamp(18px,3.5vw,32px) + 16px)}:root[data-family=fieldnotes] .vcard{padding-left:calc(1.15rem + 22px)}:root[data-family=fieldnotes] :is(.vsection,.vcard) :is(p,li,dd,h2,h3,h4,.vcard-eyebrow,.vsection-eyebrow,.vledger>dt,.vledger>dd){font-family:var(--sv-font-stack-hand);font-size:1.12em;letter-spacing:.01em}:root[data-family=fieldnotes] :is(.vsection,.vcard) :is(.vtile-n,.vrung,.vsection-foot,.vfields dt,.vledger-head,code,kbd){font-family:var(--_font);font-size:inherit}:root[data-family=fieldnotes] :is(vivid-table-lite,vivid-matrix,vivid-bands){--vivid-table-lite-font: var(--sv-font-stack-hand);--vivid-matrix-font: var(--sv-font-stack-hand);--vivid-bands-font: var(--sv-font-stack-hand);--vivid-table-lite-font-size: 1.05em;--vivid-matrix-font-size: 1.05em;--vivid-bands-font-size: 1.05em}:root[data-family=fieldnotes] :is(vivid-table-lite,vivid-matrix,vivid-bands) :is(th,.vtl-badge,.vmx-badge,.vbd-badge){letter-spacing:.02em;text-transform:none;font-size:1em}:root[data-family=fieldnotes] :is(.vsection,.vcard,.vtile){box-shadow:inset calc(-1 * var(--_bar-width)) 0 0 0 var(--_bar)}:root[data-family=murmuration]{--vivid-section-background: color-mix(in srgb, var(--sv-background) 80%, var(--sv-navy));--vivid-section-line: color-mix(in srgb, var(--sv-text-primary) 22%, transparent);--vivid-section-wash: 0;--vivid-table-lite-header-tint: 22%}:root[data-family=murmuration] :is(.vsection,.vcard,.vtile){background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--sv-purple) 26%,transparent) 1px,transparent 1.6px);background-size:16px 16px;box-shadow:inset calc(-1 * var(--_bar-width)) 0 0 0 var(--_bar)}:root[data-family=contemporary] .vcards.vfrom-table{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}:root[data-family=contemporary] .vcards.vfrom-table>.vcard:first-child{grid-column:1 / -1}:root[data-family=contemporary] .vcards.vfrom-table>.vcard:first-child h4{font-size:1.25rem}:root[data-family=contemporary] .vcards.vfrom-table>.vcard:hover{box-shadow:inset calc(-1 * var(--_bar-width)) 0 0 0 var(--_bar),0 0 0 1px color-mix(in srgb,var(--sv-accent-glow) 45%,transparent),0 18px 40px -18px color-mix(in srgb,var(--sv-accent-glow) 70%,transparent)}:root[data-family=contemporary] .vroute-arrow:before{height:2px;background:repeating-linear-gradient(90deg,var(--_way) 0 6px,transparent 6px 10px);box-shadow:0 0 6px color-mix(in srgb,var(--_way) 60%,transparent)}:root[data-family=deco] .vcards.vfrom-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:deco}:root[data-family=deco] .vcards.vfrom-table>.vcard{counter-increment:deco}:root[data-family=deco] .vcards.vfrom-table>.vcard .vcard-eyebrow:before{content:counter(deco,upper-roman) " \b7  ";color:var(--sv-gold)}:root[data-family=deco] .vcards.vfrom-table>.vcard h4{text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;padding-bottom:.4rem;border-bottom:1px solid var(--sv-gold)}:root[data-family=deco] .vroute-arrow:before{height:3px;border-top:1px solid var(--_way);border-bottom:1px solid var(--_way);background:none;top:calc(50% - 2px)}:root[data-family=deco] .vroute-arrow:after{width:6px;height:6px;border-radius:0;transform:translateY(-50%) rotate(45deg);background:var(--_way);border:0}:root[data-family=deco] .vchip{border-radius:0}:root[data-family=fieldnotes] .vcards.vfrom-table{gap:18px 14px}:root[data-family=fieldnotes] .vcards.vfrom-table>.vcard{rotate:-.6deg;box-shadow:inset calc(-1 * var(--_bar-width)) 0 0 0 var(--_bar),0 2px 6px color-mix(in srgb,var(--sv-text-primary) 12%,transparent)}:root[data-family=fieldnotes] .vcards.vfrom-table>.vcard:nth-child(2n){rotate:.5deg}:root[data-family=fieldnotes] .vcards.vfrom-table>.vcard:nth-child(3n){rotate:-.3deg}:root[data-family=fieldnotes] .vcards.vfrom-table>.vcard:before{content:"";position:absolute;top:8px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--sv-accent);box-shadow:0 1px 2px color-mix(in srgb,var(--sv-text-primary) 40%,transparent);transform:translate(-50%)}:root[data-family=fieldnotes] .vroute-arrow:before{height:0;border-top:1.5px dashed var(--_way);background:none;transform:rotate(-3deg)}:root[data-family=fieldnotes] .vroute-arrow:after{border-width:1.5px;transform:translateY(-50%) rotate(40deg)}:root[data-family=fieldnotes] .vchip{border-radius:3px;font-family:var(--sv-font-stack-hand);font-size:1em}:root[data-family=murmuration] .vcards.vfrom-table{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:12px}:root[data-family=murmuration] .vcards.vfrom-table>.vcard:nth-child(3n+2){translate:0 10px}:root[data-family=murmuration] .vcards.vfrom-table>.vcard:nth-child(3n){translate:0 20px}:root[data-family=murmuration] .vcards.vfrom-table{padding-bottom:20px}:root[data-family=murmuration] .vroute-arrow:before{height:0;border-top:2px dotted var(--_way);background:none}:root[data-family=contemporary] .vstack-item{border-bottom-color:color-mix(in srgb,var(--sv-accent-glow) 30%,transparent)}:root[data-family=contemporary] .vstack-item:hover{background:radial-gradient(60% 120% at 0 50%,color-mix(in srgb,var(--sv-accent-glow) 10%,transparent),transparent 70%)}:root[data-family=deco] .vstack{border-top-width:3px;border-top-color:var(--sv-gold)}:root[data-family=deco] .vstack-title{text-transform:uppercase;letter-spacing:.06em;font-size:.92rem}:root[data-family=deco] .vstack-item{border-bottom-color:color-mix(in srgb,var(--sv-gold) 45%,transparent)}:root[data-family=fieldnotes] .vstack-item{border-bottom:1px dashed var(--sv-grid);padding-left:1.4rem;position:relative}:root[data-family=fieldnotes] .vstack-item:before{content:"";position:absolute;left:.35rem;top:1.35rem;width:6px;height:6px;border-radius:50%;background:var(--sv-accent)}:root[data-family=murmuration] .vstack-item{border-bottom-color:color-mix(in srgb,var(--sv-purple) 35%,transparent)}:root[data-family=murmuration] .vstack-title:before{content:"\2022  ";color:var(--sv-purple)}@media print{:root[data-family] :is(.vsection,.vcard,.vtile){background-image:none}}:root[data-family=fieldnotes] .vpage-main :is(h1,h2,h3,h4,p,dd,dt,label,legend,figcaption,summary,.vtile-l,.badge){font-family:var(--sv-font-stack-hand);font-size:1.12em;letter-spacing:.01em}:root[data-family=fieldnotes] .vpage-main li{font-family:var(--sv-font-stack-hand);letter-spacing:.01em}:root[data-family=fieldnotes] .vpage-main :is(code,kbd,pre,pre *){font-family:var(--sv-font-stack-mono);font-size:inherit;letter-spacing:0}:root[data-family=fieldnotes] .vpage-main :is(.vtile-n,input,textarea,select,button,svg text){font-family:var(--sv-font-stack);font-size:inherit;letter-spacing:0}:root[data-family=deco] .vpage-main :is(p,li,dd,dt,label,figcaption,summary){font-family:var(--sv-font-stack-deco)}:root[data-family=contemporary] .vpage-main{font-family:var(--sv-font-stack-contemporary)}:root[data-family=contemporary] .vpage-main :is(code,kbd,pre,pre *){font-family:var(--sv-font-stack-mono)}html:has(>body>vivid-page),body:has(>vivid-page){margin:0;background:var(--vivid-page-ground, var(--sv-background));color:var(--vivid-page-ink, var(--sv-text-primary))}vivid-page{--_ink: var(--vivid-page-ink, var(--sv-text-primary));--_dim: var(--vivid-page-dim, var(--sv-text-secondary));--_line: var(--vivid-page-line, var(--sv-grid));--_ground: var(--vivid-page-ground, var(--sv-background));--_accent: var(--vivid-page-accent, var(--sv-accent-glow));--_font: var(--vivid-page-font, var(--sv-font-stack));--_font-brand: var(--vivid-page-font-brand, var(--sv-font-stack-marketing));--_measure: var(--vivid-page-measure, 72rem);--_gutter: var(--vivid-page-gutter, calc(var(--sv-spacing) * 2));display:block;min-height:100vh;background:var(--_ground);color:var(--_ink);font-family:var(--_font);font-size:var(--sv-font-body);line-height:1.5}.vpage-head{display:flex;align-items:center;gap:var(--sv-spacing);padding:calc(var(--sv-spacing) * 1.25) var(--_gutter);border-bottom:1px solid var(--_line);transition:border-color var(--mood-duration, .36s)}.vpage-brand{display:inline-flex;align-items:center;gap:.35em;font-family:var(--_font-brand);font-size:var(--sv-font-title);font-weight:700;letter-spacing:.01em;color:var(--_ink);text-decoration:none;white-space:nowrap}.vpage-brand span{color:var(--_dim);font-weight:500}.vpage-brand .vpage-product{color:var(--_ink);font-weight:700}.vpage-symbol{width:28px;height:28px;flex:none}.vpage-ring{width:40px;height:40px;flex:none;overflow:visible}.vpage-ring-track{fill:none;stroke:var(--_line);stroke-width:3}.vpage-ring-arc{fill:none;stroke:var(--sv-accent-glow);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:340 360;stroke-dashoffset:0}.vpage-ring-cap{fill:var(--sv-good)}.vpage-ring-text{fill:var(--_ink);font-family:var(--_font-brand);font-size:11.5px;font-weight:800;letter-spacing:-.02em}@media(prefers-reduced-motion:no-preference){.vpage-ring-arc{animation:vpage-sweep 1.1s cubic-bezier(.2,.7,.2,1) .15s backwards}.vpage-ring-cap{animation:vpage-cap .25s ease-out 1.2s backwards}}@keyframes vpage-sweep{0%{stroke-dashoffset:340}to{stroke-dashoffset:0}}@keyframes vpage-cap{0%{transform:scale(0);transform-origin:20px 4px}to{transform:scale(1);transform-origin:20px 4px}}@media print{.vpage-ring-arc,.vpage-ring-cap{animation:none}}.vpage-head vivid-menu{flex:1 1 auto;min-width:0}.vpage-signin:empty{display:none}.vpage-signin{flex:none;display:inline-flex;align-items:center}.vpage-head vivid-moodring{flex:none}.vpage-head vivid-depth{flex:none}.vpage-second{padding:calc(var(--sv-spacing) * .5) var(--_gutter) 0;border-bottom:1px solid var(--_line);--vivid-menu-padding: 6px 10px}.vpage-second[hidden]{display:none}.vpage-subject{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em var(--sv-spacing);max-width:var(--_measure);margin:0 auto;padding:var(--sv-spacing) var(--_gutter) 0;color:var(--_dim);font-size:var(--sv-font-small)}.vpage-subject b{color:var(--_ink);font-weight:600}.vpage-subject code{font-family:var(--sv-font-stack-mono);font-size:var(--sv-font-caption)}.vpage-main{display:block;max-width:var(--_measure);margin:0 auto;padding:var(--_gutter)}.vpage-compact .vpage-head{padding:var(--sv-spacing) calc(var(--sv-spacing) * 1.5)}.vpage-compact .vpage-head vivid-moodring{margin-left:auto}.vpage-compact .vpage-main{max-width:none;padding:calc(var(--sv-spacing) * 1.5)}vivid-page .vfooter{--vivid-footer-measure: var(--_measure)}.vpage-error{margin:0;padding:var(--sv-spacing) var(--_gutter);border-left:3px solid var(--sv-severity-high);color:var(--_ink);font-size:var(--sv-font-small)}.vpage-error code{font-family:var(--sv-font-stack-mono)}@media print{.vpage-head,.vfooter-links{display:none!important}.vpage-main{padding:0;max-width:none}vivid-page{min-height:0}}@media(max-width:40rem){.vpage-head{flex-wrap:wrap}.vpage-head vivid-menu{flex-basis:100%;order:3}}

@font-face { font-family: "Inter"; src: url("../../vivid/assets/fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "IBM Plex Sans"; src: url("../../vivid/assets/fonts/IBMPlexSans-VariableFont_wdth,wght.woff2") format("woff2"); font-weight: 100 700; font-stretch: 85% 100%; font-style: normal; font-display: swap; } @font-face { font-family: "Josefin Sans"; src: url("../../vivid/assets/fonts/JosefinSans-VariableFont_wght.woff2") format("woff2"); font-weight: 100 700; font-style: normal; font-display: swap; } @font-face { font-family: "Caveat"; src: url("../../vivid/assets/fonts/Caveat-VariableFont_wght.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; size-adjust: 120%; } @font-face { font-family: "Plus Jakarta Sans"; src: url("../../vivid/assets/fonts/PlusJakartaSans-VariableFont_wght.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }