/*! release 20261115-d709dfc-r9 d709dfc75be793de5506b393aeb260a01fa2f162 */:root{--release-a-styles-boards-shared-video-boards-css:"20261115-d709dfc-r9 d709dfc75be793de5506b393aeb260a01fa2f162"}
@layer base {
  .sr, .sr-actions, .sr-shade {
    --search-font: inherit;
    --search-size: 3vmin;
    --search-small: calc(var(--search-size) * .75);
    --search-tiny: calc(var(--search-size) * .6);
    --search-leading: 1.25;
    --search-ink: currentColor;
    --search-ground: transparent;
    --search-blur: 2.5vmin;
    --search-line: .25vmin;
    --search-line-small: .2vmin;
    --search-line-tiny: .15vmin;
    --search-radius: 3.125vmin;
    --search-pill-radius: 7.5vmin;
    --search-gap: .625vmin;
    --search-pad: 2.5vmin;
    --search-measure: min(90vmin, 100vw - 2.5vmin);
    --search-top: 23.75vmin;
    --search-bottom: 5vmin;
    --search-thumb: 7.5vmin;
    --search-in: var(--motion-in, .28s);
    --search-out: var(--motion-out, .25s);
    --search-ease: var(--motion-ease, cubic-bezier(.22, 1, .36, 1));
    --search-layer: 800;
    --search-shade-layer: 790;
  }
  .sr { box-sizing: border-box; font-family: var(--search-font); font-size: var(--search-size); line-height: var(--search-leading); color: var(--search-ink); text-align: left; }
  .sr *, .sr-actions * { box-sizing: border-box; }
  .sr [hidden], .sr-actions[hidden], .sr-shade[hidden] { display: none; }
  .sr-ground { position: absolute; inset: 0; border-radius: inherit; background: var(--search-ground); pointer-events: none; }
  .sr-in { position: relative; display: flex; flex-direction: column; min-height: 0; max-height: inherit; }
  .sr-controls { display: flex; flex-direction: column; gap: var(--search-gap); font-size: var(--search-small); }
  .sr-row, .sr-drop-in { display: flex; flex-wrap: wrap; gap: var(--search-gap); align-items: center; }
  .sr-pill {
    appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; flex: none;
    margin: 0; padding: .5vmin 1.25vmin; border: var(--search-line-small) solid currentColor; border-radius: var(--search-pill-radius);
    background: none; color: inherit; font: inherit; font-size: inherit; line-height: 1.15; text-decoration: none; white-space: nowrap; cursor: pointer;
    -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--search-in) var(--search-ease), color var(--search-in) var(--search-ease), border-color var(--search-in) var(--search-ease), opacity var(--search-in) var(--search-ease);
  }
  .sr-pill:focus-visible, .sr-toggle:focus-visible, .sr-thumb:focus-visible, .sr-title:focus-visible, .sr-url:focus-visible, .sr-related-summary:focus-visible { outline: var(--search-line-small) solid currentColor; outline-offset: var(--search-line-small); }
  @media (hover: hover) { .sr-pill:hover { border-color: transparent; } }
  .sr-pill:active { border-color: transparent; }
  .sr-pill[aria-pressed="true"], .sr-pill[aria-current="true"], .sr-trigger[aria-expanded="true"], .sr-trigger[data-active] { border-color: currentColor; }
  .sr-drop { display: grid; grid-template-rows: 0fr; margin-top: 0; transition: grid-template-rows var(--search-out) var(--search-ease), margin-top var(--search-out) var(--search-ease); }
  .sr-drop[data-open] { grid-template-rows: 1fr; margin-top: calc(1.25vmin - var(--search-gap)); transition-duration: var(--search-in); }
  .sr-drop-in { min-height: 0; overflow: hidden; }
  .sr-controls > .sr-drop:not([data-open]) { margin-bottom: calc(var(--search-gap) * -1); }
  .sr-status { margin: 0; font-size: var(--search-small); }
  .sr-status:empty { display: none; }
  .sr-none { margin: 0; font-size: var(--search-small); padding-top: var(--search-pad, 1vmin); }
  .sr-none[hidden] { display: none; }
  .sr-none-link { color: inherit; text-decoration: underline; text-underline-offset: .4vmin; text-decoration-thickness: .15vmin; }
  .sr-results { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; outline: none; }
  .sr-results::-webkit-scrollbar { display: none; }
  .sr-group { margin: 0; }
  .sr-group-title { margin: 0; font: inherit; font-weight: inherit; font-size: var(--search-small); }
  .sr-toggle { appearance: none; -webkit-appearance: none; display: inline-flex; gap: 1.5vmin; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
  .sr-list, .sr-related-list { list-style: none; margin: 0; padding: 0; }
  .sr-item { display: grid; grid-template-columns: var(--search-thumb) minmax(0, 1fr); column-gap: var(--search-pad); align-items: stretch; }
  .sr-thumb { grid-column: 1; grid-row: 1; appearance: none; -webkit-appearance: none; position: relative; display: block; min-height: calc(var(--search-size) * var(--search-leading) * 2); margin: 0; padding: 0; border: 0; border-radius: 0; background: none; cursor: zoom-in; overflow: hidden; mix-blend-mode: normal; filter: none; }
  .sr-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: left top; mix-blend-mode: normal; filter: none; }
  a.sr-thumb { cursor: pointer; }
  .sr-thumb-none { cursor: default; }
  .sr-body { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
  .sr-title { color: inherit; text-decoration: none; cursor: pointer; }
  .sr-title:hover { text-decoration: none; }
  .sr-name { font-style: normal; }
  i.sr-name { font-style: italic; }
  .sr-line { display: block; font-size: var(--search-small); }
  .sr-source { display: block; font-size: var(--search-tiny); }
  .sr-url { color: inherit; text-decoration: underline; text-decoration-thickness: var(--search-line-tiny); text-underline-offset: 0.54vmin; }
  .sr-mark { text-decoration: underline; text-decoration-thickness: var(--search-line-small); text-underline-offset: 0.45vmin; color: inherit; background: none; font: inherit; }
  .sr-source .sr-mark, .sr-related .sr-mark { text-decoration-thickness: var(--search-line-tiny); }
  .sr-related { grid-column: 2; font-size: var(--search-tiny); }
  .sr-related-summary { display: inline-block; cursor: pointer; list-style: none; padding: 1.05vmin 0; touch-action: manipulation; }
  .sr-related-summary::-webkit-details-marker { display: none; }
  .sr-related-item { display: grid; grid-template-columns: var(--search-thumb) minmax(0, 1fr); column-gap: var(--search-pad); align-items: stretch; }
  .sr-related-text { color: inherit; text-decoration: none; }
  .sr-more { font-size: var(--search-small); }
  .sr-item[data-new] { animation: sr-arrive var(--motion-quick, .2s) var(--search-ease) both; }
  [data-search-items] [data-record][data-new] { animation: sr-arrive var(--motion-quick, .2s) var(--motion-ease, ease) both; }
  @keyframes sr-arrive { from { opacity: 0; } to { opacity: 1; } }
  .sr-actions { display: none; gap: var(--search-gap); align-items: center; font-family: var(--search-font); font-size: var(--search-small); }
  .sr-actions[data-open] { display: inline-flex; }
  .sr-shade { position: fixed; inset: 0; z-index: var(--search-shade-layer); opacity: 0; transition: opacity var(--search-out) var(--search-ease); -webkit-tap-highlight-color: transparent; }
  .sr-shade[data-open] { opacity: 1; transition-duration: var(--search-in); }
  [data-search-items] [data-search-hidden] { display: none; }
  @media (prefers-reduced-motion: reduce) {
    .sr, .sr-actions, .sr-shade { --search-in: 0s; --search-out: 0s; }
    .sr-item[data-new], [data-search-items] [data-record][data-new] { animation: none; }
  }
  @media (hover: none) and (pointer: coarse) {
    input[data-search-field] { font-size: calc(16px / var(--af-page-scale, 1)) !important; }
  }
  @media (hover: none) and (pointer: coarse) {
    @supports (scale: tan(atan2(1vmin, 1vw))) {
      :has(> input[data-search-field]) { --field-size: 1em; }
      :is([data-mode="systems"], [data-mode="clean"], [data-mode="html"], [data-mode="img"], [data-mode="card"], [data-mode="boards"]) input[data-search-field] {
        --field-em: 1em;
        --field-k: tan(atan2(var(--field-size), var(--field-em)));
        box-sizing: border-box !important;
        width: calc(100% / var(--field-k)) !important;
        min-width: 0 !important;
        height: calc(var(--field-h) / var(--field-k)) !important;
        margin-block: calc((var(--field-h) - var(--field-h) / var(--field-k)) / 2) !important;
        padding-block: 0 !important;
        padding-inline: calc(var(--field-ps, 0vmin) / var(--field-k)) calc(var(--field-pe, 0vmin) / var(--field-k)) !important;
        align-self: center !important;
        transform-origin: 0 50% !important;
        scale: var(--field-k) !important;
      }
    }
  }
  [data-search-field], label:has(> [data-search-field]), label[for="search-field"], label[for="bar-q"] { -webkit-tap-highlight-color: transparent; }
  [data-search-field][data-pointer-focus] { outline: 0 solid transparent !important; box-shadow: none !important; }
}
@property --field-size { syntax: '<length>'; inherits: true; initial-value: 0; }
@property --field-em { syntax: '<length>'; inherits: false; initial-value: 0; }


@layer base {
  .sr[data-scope="boards"], .sr-actions[data-scope="boards"], .sr-shade[data-scope="boards"] {
    --search-font: inherit; --search-size: var(--b-size, 2.7vmin); --search-small: var(--b-size, 2.7vmin); --search-tiny: var(--b-size, 2.7vmin); --search-leading: var(--b-line, 1.5);
    --search-measure: var(--b-measure, min(90vmin, 100vw - 2.5vmin)); --search-gap: 0vmin; --search-pad: var(--b-pad, 1vmin); --search-radius: 0vmin; --search-pill-radius: 0vmin;
    --search-line: var(--b-rule, .25vmin); --search-line-small: var(--b-rule, .25vmin); --search-line-tiny: var(--b-rule, .25vmin);
    --search-ink: var(--b-ink, #fff); --search-thumb: var(--b-track, 15vmin);
  }
  .sr-shade[data-scope="boards"] { display: none; }
  .sr[data-scope="boards"] { position: relative; width: var(--search-measure); margin: 0 auto; color: var(--search-ink); font: inherit; text-transform: none; letter-spacing: 0; }
  .sr[data-scope="boards"] .sr-ground { display: block; inset: 0 auto 0 50%; width: 100vw; margin-left: -50vw; background: var(--b-blue, rgb(0 15 255)); opacity: 0; transition: opacity var(--search-out) var(--search-ease); }
  .sr[data-scope="boards"][data-open] .sr-ground { opacity: 1; transition-duration: var(--search-in); }
  .sr[data-scope="boards"] .sr-in { padding: var(--search-pad) 0; max-height: calc(100dvh - 30vmin); }
  .sr[data-scope="boards"]:is([data-layout="inplace"], [data-static]) .sr-in { max-height: none; }
  .sr[data-scope="boards"][data-static] .sr-results { overflow: visible; }
  .sr[data-scope="boards"] .sr-pill, .sr-actions[data-scope="boards"] .sr-pill { padding: 0 var(--b-nudge, .5vmin); border: 0; line-height: var(--b-lh, 1.35); font: inherit; text-transform: none; color: var(--search-ink); background: none; }
  .sr[data-scope="boards"] .sr-pill:is([aria-pressed="true"], [aria-current="true"]), .sr[data-scope="boards"] .sr-trigger:is([aria-expanded="true"], [data-active]) { background: var(--search-ink); color: var(--b-blue, rgb(0 15 255)); }
  @media (hover: hover) { .sr[data-scope="boards"] .sr-pill:hover { background: var(--b-red, #f00); color: var(--search-ink); } }
  .sr[data-scope="boards"] .sr-pill:active { background: var(--b-red, #f00); color: var(--search-ink); }
  .sr[data-scope="boards"] .sr-status { padding-top: var(--search-pad); }
  .sr[data-scope="boards"] .sr-group { padding-top: var(--search-pad); }
  .sr[data-scope="boards"] .sr-item { padding: var(--search-pad) 0; border-top: var(--search-line) solid var(--search-ink); }
  .sr[data-scope="boards"] :is(.sr-title, .sr-url, .sr-related-text, .sr-related-summary) { color: var(--search-ink); }
  .sr[data-scope="boards"] .sr-more { margin: var(--search-pad) 0; }
  [data-mode="boards"] [data-search-field]:focus-visible:not([data-pointer-focus]) { outline: var(--b-rule, .25vmin) solid var(--b-ink, #fff) !important; outline-offset: calc(-1 * var(--b-rule, .25vmin)) !important; }
  [data-mode="boards"] [data-search-field] { --field-h: var(--b-lh); --field-ps: var(--b-x, .45vmin); --field-pe: var(--b-x, .45vmin); }
  [data-mode="boards"] form[data-search-script]:not([data-open]) :is(.search-clear, .search-close) { visibility: hidden !important; }
}


@layer base {
  .qv {
    --quick-view-blur: 2.5vmin;
    --quick-view-pad: 5vmin;
    --quick-view-name-font: "f7d18d755bb", "f7d18d755bbl", sans-serif;
    --quick-view-text-font: "fe6ffbf5b91", "fe6ffbf5b91l", "Times New Roman", Times, serif;
    --quick-view-name-size: var(--af-step-4, 5vmin);
    --quick-view-name-lead: 1;
    --quick-view-name-track: var(--af-step-1, .5vmin);
    --quick-view-text-size: var(--af-type-systems, 3vmin);
    --quick-view-text-lead: 1.2;
    --quick-view-in: var(--motion-in, .28s);
    --quick-view-out: var(--motion-out, .25s);
    --quick-view-ease: var(--motion-ease, cubic-bezier(.22, 1, .36, 1));
    --quick-view-page: var(--af-paper);
    --quick-view-inverse: var(--af-ink);
    --quick-view-band: 0vw;
    --quick-view-inset-y: max(env(safe-area-inset-top, 0vmin), env(safe-area-inset-bottom, 0vmin));
    --quick-view-inset-x: max(env(safe-area-inset-left, 0vmin), env(safe-area-inset-right, 0vmin));
    position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none;
    margin: 0; padding: 0; border: 0; background: transparent; color: #fff; overflow: visible;
    cursor: zoom-out; outline: none; -webkit-tap-highlight-color: transparent; overscroll-behavior: contain;
  }
  .qv:not([open]) { display: none; }
  .qv::backdrop { background: transparent; }
  .qv-ground { position: fixed; top: -25lvh; left: -25vw; width: 150vw; height: 150lvh; -webkit-backdrop-filter: blur(var(--quick-view-blur)) invert(1); backdrop-filter: blur(var(--quick-view-blur)) invert(1); opacity: 0; transition: opacity var(--quick-view-out) var(--quick-view-ease); }
  .qv[data-shown] .qv-ground { opacity: 1; transition-duration: var(--quick-view-in); }
  .qv-edge { position: fixed; z-index: 0; display: block; margin: 0; padding: 0; border: 0; background-color: var(--quick-view-inverse); pointer-events: none; opacity: 0; transition: opacity var(--quick-view-out) var(--quick-view-ease); }
  .qv[data-shown] .qv-edge { opacity: 1; transition-duration: var(--quick-view-in); }
  .qv-edge[data-edge="top"], .qv-edge[data-edge="bottom"] { left: 0; right: 0; height: 6vh; }
  .qv-edge[data-edge="top"] { top: 0; -webkit-mask-image: linear-gradient(to bottom, #000, transparent); mask-image: linear-gradient(to bottom, #000, transparent); }
  .qv-edge[data-edge="bottom"] { bottom: 0; -webkit-mask-image: linear-gradient(to top, #000, transparent); mask-image: linear-gradient(to top, #000, transparent); }
  .qv-edge[data-edge="left"], .qv-edge[data-edge="right"] { display: none; top: 0; bottom: 0; width: 6vw; }
  .qv-edge[data-edge="left"] { left: 0; -webkit-mask-image: linear-gradient(to right, #000, transparent); mask-image: linear-gradient(to right, #000, transparent); }
  .qv-edge[data-edge="right"] { right: 0; -webkit-mask-image: linear-gradient(to left, #000, transparent); mask-image: linear-gradient(to left, #000, transparent); }
  @media (orientation: landscape) { .qv-edge[data-edge="left"], .qv-edge[data-edge="right"] { display: block; } }
  .qv-band { position: fixed; z-index: 3; display: block; margin: 0; padding: 0; border: 0; background-color: var(--quick-view-inverse); pointer-events: none; -webkit-mask-image: linear-gradient(transparent, transparent); mask-image: linear-gradient(transparent, transparent); }
  .qv-band[data-edge="top"], .qv-band[data-edge="bottom"] { left: 0; right: 0; height: 6vh; }
  .qv-band[data-edge="top"] { top: 0; }
  .qv-band[data-edge="bottom"] { bottom: 0; }
  .qv-band[data-edge="left"], .qv-band[data-edge="right"] { display: none; top: 0; bottom: 0; width: 6vw; }
  .qv-band[data-edge="left"] { left: 0; }
  .qv-band[data-edge="right"] { right: 0; }
  @media (orientation: landscape) { .qv-band[data-edge="left"], .qv-band[data-edge="right"] { display: block; } }
  .qv-stage { position: absolute; z-index: 1; inset: 0; box-sizing: border-box; padding: var(--quick-view-inset-y) var(--quick-view-inset-x); display: grid; place-items: center; pointer-events: none; container-type: size; }
  .qv-media { display: block; box-sizing: border-box; width: 100%; height: 100%; min-width: 0; min-height: 0; max-width: none; max-height: none; object-fit: contain; opacity: 0; scale: .985; transition: opacity var(--quick-view-out) var(--quick-view-ease), scale var(--quick-view-out) var(--quick-view-ease); user-select: none; -webkit-user-select: none; }
  img.qv-media { pointer-events: none; }
  .qv-stage[data-ratio] :is(img, video).qv-media { width: min(100cqw, 100cqh * var(--quick-view-ratio)); height: auto; aspect-ratio: var(--quick-view-ratio); }
  video.qv-media { pointer-events: auto; }
  .qv-stage:not([data-ratio]) video.qv-media { width: auto; height: auto; max-width: 100%; max-height: 100%; }
  audio.qv-media { width: min(90vmin, 100%); height: auto; pointer-events: auto; }
  .qv[data-shown] .qv-media { opacity: 1; scale: 1; transition-duration: var(--quick-view-in); }
  .qv-stage[data-step="next"] .qv-media, .qv-stage[data-step="previous"] .qv-media { animation: qv-step var(--motion-quick, .2s) var(--quick-view-ease); }
  @keyframes qv-step { from { opacity: 0; } to { opacity: 1; } }
  video.qv-media, .qv-frame { cursor: auto; }
  iframe.qv-media { width: min(100%, (100dvh - env(safe-area-inset-top, 0vmin) - env(safe-area-inset-bottom, 0vmin)) * 16 / 9); height: auto; aspect-ratio: 16 / 9; border: 0; background: #000; object-fit: fill; pointer-events: auto; }
  .qv-document { display: grid; grid-template-rows: minmax(0, 1fr) auto; width: min(100%, 120vmin); height: 100%; padding: 5vmin 0 15vmin; cursor: auto; pointer-events: auto; }
  .qv-document .qv-frame { grid-row: 1; grid-column: 1; width: 100%; height: 100%; border: 0; background: #fff; }
  .qv-document .qv-poster { grid-row: 1; grid-column: 1; width: 100%; height: 100%; object-fit: contain; }
  .qv-open { grid-row: 2; padding-top: 1.25vmin; font-family: var(--quick-view-text-font); font-weight: 300; font-size: var(--quick-view-text-size); color: var(--quick-view-page) !important; text-shadow: 0 0 var(--af-step-0) var(--quick-view-inverse), 0 0 var(--af-step-0) var(--quick-view-inverse) !important; text-align: center; overflow-wrap: anywhere; text-decoration: underline; text-decoration-thickness: .15vmin; text-decoration-color: currentColor; }
  .qv-caption { position: absolute; z-index: 2; inset: auto; left: max(var(--quick-view-pad), var(--quick-view-inset-x)); right: max(var(--quick-view-pad), var(--quick-view-inset-x)); bottom: max(var(--quick-view-pad), 6vh, env(safe-area-inset-bottom, 0vmin)); width: auto; height: auto; max-width: none; max-height: calc(100dvh - 2 * max(var(--quick-view-pad), 6vh, var(--quick-view-inset-y))); overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; margin: 0 !important; padding: 0 !important; border: 0 !important; display: flex; flex-direction: column; align-items: center; gap: 0; text-align: center !important; color: var(--quick-view-page) !important; background: none !important; box-shadow: none !important; pointer-events: auto; }
  .qv-caption::-webkit-scrollbar { display: none; }
  .qv-caption:popover-open { position: fixed; color: #fff !important; mix-blend-mode: difference; }
  .qv-caption::backdrop { display: none; }
  .qv-caption[hidden] { display: none; }
  .qv[data-place="side"] .qv-caption { left: auto; right: max(var(--quick-view-pad), var(--quick-view-inset-x), 6vw); width: max(0vw, var(--quick-view-band) - var(--quick-view-pad) - max(var(--quick-view-pad), var(--quick-view-inset-x), 6vw)); }
  .qv[data-place="side"] .qv-line { overflow-wrap: normal; }
  .qv .qv-line { display: block; max-width: 100%; color: inherit !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; overflow-wrap: anywhere; font-style: normal !important; font-variant: normal !important; text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; opacity: 1 !important; }
  .qv .qv-name, .qv .qv-title { font-family: var(--quick-view-name-font) !important; font-size: var(--quick-view-name-size) !important; line-height: var(--quick-view-name-lead) !important; letter-spacing: var(--quick-view-name-track) !important; text-transform: uppercase !important; }
  .qv .qv-name { font-weight: 900 !important; }
  .qv .qv-title { font-weight: 800 !important; color: inherit !important; pointer-events: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .qv .qv-title:not([href]) { pointer-events: none; cursor: inherit; }
  .qv .qv-text { font-family: var(--quick-view-text-font) !important; font-size: var(--quick-view-text-size) !important; font-weight: 300 !important; line-height: var(--quick-view-text-lead) !important; letter-spacing: normal !important; text-transform: none !important; }
  .qv .qv-name + .qv-title, .qv .qv-title + .qv-text, .qv .qv-name + .qv-text { margin-top: calc(var(--quick-view-text-size) * .5) !important; }
  .qv .qv-caption, .qv .qv-line, .qv .qv-ink { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
  .qv .qv-ink { font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; text-decoration: none !important; color: inherit !important; background: none !important; text-shadow: none !important; }
  .qv .qv-title:focus-visible { outline: var(--af-ring, max(.15vmin, .075vmax)) solid currentColor; outline-offset: var(--af-ring-gap, max(.25vmin, .125vmax)); }
  .qv-help { position: absolute; width: 1vmin; height: 1vmin; overflow: hidden; clip-path: inset(50%); }
  @media (prefers-reduced-motion: reduce) {
    .qv { --quick-view-in: 0s; --quick-view-out: 0s; }
    .qv-media { scale: 1; }
    .qv-stage[data-step] .qv-media { animation: none; }
    html[data-mode="systems"] :is(.media.zoom, [data-quick-view-media], a[data-quick-view]) :is(img, video) { transition: none; }
  }
  @media (forced-colors: active) { .qv-ground { background: Canvas; } .qv-edge, .qv-band { display: none !important; } .qv-caption { mix-blend-mode: normal !important; } .qv .qv-line, .qv .qv-ink, .qv .qv-open { color: CanvasText !important; text-shadow: none !important; } }
  html[data-mode="systems"] :is(.media.zoom, .media.zoom *, [data-quick-view-media], [data-quick-view-media] *, a[data-quick-view]):focus-visible { outline: none !important; box-shadow: none !important; }
  html[data-mode="systems"] :is(.media.zoom, [data-quick-view-media], a[data-quick-view]) :is(img, video) { transition: opacity var(--motion-quick, .2s) var(--motion-ease, ease), filter var(--motion-quick, .2s) var(--motion-ease, ease); }
  html[data-mode="systems"] :is(.media.zoom, [data-quick-view-media], a[data-quick-view]):is([data-quick-view-current], :focus-visible, :has(:focus-visible)) :is(img, video) { opacity: .5 !important; filter: blur(var(--af-step-2, 1.25vmin)) !important; }
  .media.zoom, [data-quick-view-media], a[data-quick-view] { cursor: zoom-in; }
}


@layer base {
  .video { position: relative; display: block; inline-size: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; color: #fff; }
  .video-frame > .video { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; aspect-ratio: auto; }
  .video-play { position: absolute; inset: 0; display: block; color: inherit; text-decoration: none; cursor: pointer; }
  .video-poster { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; opacity: .86; transition: opacity .4s ease; }
  .video-play:is(:hover, :focus-visible) .video-poster { opacity: 1; }
  .video-play[data-no-poster] { border: .15vmin solid currentColor; box-sizing: border-box; }
  .video-button { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; inline-size: 9vmin; block-size: 9vmin; translate: -50% -50%; border: .3vmin solid currentColor; border-radius: 50%; box-sizing: border-box; transition: scale .3s ease, background-color .3s ease, color .3s ease; }
  .video-button::after { content: ""; position: absolute; inset-inline-start: 52%; inset-block-start: 50%; inline-size: 3.2vmin; block-size: 3.6vmin; translate: -50% -50%; background: currentColor; clip-path: polygon(0 0, 100% 50%, 0 100%); }
  .video-play:is(:hover, :focus-visible) .video-button { scale: 1.08; background: #fff; color: #000; }
  .video-play:active .video-button { scale: .96; }
  .video-play:focus-visible { outline: .3vmin solid #fff; outline-offset: -1.2vmin; }
  .video-title { position: absolute; inset-inline: 0; inset-block-end: 0; padding: 4vmin 2vmin 1.4vmin; font: inherit; font-size: min(2.2vmin, 3.6vw); line-height: 1.3; background: linear-gradient(transparent, rgb(0 0 0 / .6)); text-align: start; }
  .video-play[data-no-poster] .video-title { background: none; }
  .video-player { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; opacity: 0; transition: opacity .3s ease; background: #000; }
  .video[data-live] .video-player { opacity: 1; }
  .video[data-live] .video-play { opacity: 0; transition: opacity .3s ease; pointer-events: none; }
  .video[data-done] .video-play { display: none; }
  .music-rt4a-ecco-beach-a-plus-o-minus .video { inline-size: calc(calc(100vw / 3 * 2) - .5vmin); block-size: calc(calc(calc(100vw / 3 * 2) - .5vmin) / 16 * 9); aspect-ratio: auto; margin-inline: auto .5vmin; }
  .exhibition-making-doc-francis-baudevin-guitars .video { display: inline-block; vertical-align: baseline; inline-size: 89.8vmin; min-inline-size: 89.8vmin; block-size: calc(90vmin * .5625); min-block-size: calc(90vmin * .5625); aspect-ratio: auto; margin-inline-start: -5.1vmin; }
  .pre-natal-phase .video-frame > .video { position: relative; display: inline-block; vertical-align: baseline; inline-size: 300px; block-size: 150px; aspect-ratio: auto; }
  @media (prefers-reduced-motion: reduce) {
    .video-poster, .video-button, .video-player, .video[data-live] .video-play { transition: none; }
    .video-play:is(:hover, :focus-visible) .video-button { scale: 1; }
  }
}


@layer foundations, mode, state;
@layer foundations {
  :root {
    --b-blue: rgb(0, 15, 255);
    --b-ink: #fff;
    --b-red: #f00;
    --b-measure: 90vmin;
    --b-tracks: 6;
    --b-track: calc(var(--b-measure) / var(--b-tracks));
    --b-nav-col: calc(var(--b-measure) / 6);
    --b-menu-cols: 3;
    --b-label-span: 2;
    --b-size: 2.7vmin;
    --b-line: 1.5;
    --b-lh: calc(var(--b-size) * var(--b-line));
    --b-slant: oblique;
    --b-unit: calc(var(--b-measure) / 6);
    --b-x: .45vmin;
    --b-nudge: var(--b-x);
    --b-gap: 2.5vmin;
    --b-rt: 1.25vmin;
    --b-rb: 1.25vmin;
    --b-slack: .3vmin;
    --b-pt: .113vmin;
    --b-pb: .195vmin;
    --b-inset: 2.5vmin;
    --b-pad: calc(var(--b-inset) - (var(--b-lh) - var(--b-size)) / 2);
    --b-rule: .25vmin;
    --b-underline: .26vmin;
    --b-underline-offset: .29vmin;
    --b-top: max(1.25vmin, env(safe-area-inset-top, 0vmin));
    --b-top-h: calc(var(--b-top) + 4 * var(--b-lh) + 3 * var(--b-rule));
    --b-ease: cubic-bezier(.22, 1, .36, 1);
    --b-fast: .2s;
    --b-slow: .28s;
  }
}
@layer mode {
  *, *::before, *::after { box-sizing: border-box; }
  html {
    background: var(--b-blue); color: var(--b-ink);
    font: 900 var(--b-size)/var(--b-line) var(--af-face-boards);
    font-kerning: none; font-synthesis: style; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
    scrollbar-width: none; scroll-padding-top: var(--b-top-h);
    -webkit-tap-highlight-color: transparent;
  }
  html::-webkit-scrollbar { display: none; }
  body { margin: 0; min-height: 100lvh; background: var(--b-blue); overflow-x: clip; }
  .site { display: flow-root; }
  h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, figure, blockquote { margin: 0; padding: 0; font: inherit; }
  ul, ol { list-style: none; }
  b, strong, small, sub, sup, code, cite, u, mark, time { font: inherit; color: inherit; background: none; text-decoration: none; vertical-align: baseline; }
  button, input { font: inherit; color: inherit; letter-spacing: inherit; }
  i, em { font-style: var(--b-slant); }
  [hidden] { display: none !important; }
  a { color: inherit; text-decoration: underline; text-decoration-thickness: var(--b-underline); text-underline-offset: var(--b-underline-offset); text-decoration-skip-ink: none; transition: background-color var(--b-fast) linear, color var(--b-fast) linear; }
  @media (hover: hover) { :where(.page, .foot, .sr, .qv) a[href]:hover { background-color: var(--b-ink); color: var(--b-blue); } }
  :where(.page, .foot, .sr, .qv) a[href]:is(:active, :focus-visible) { background-color: var(--b-ink); color: var(--b-blue); }
  :is(.page, .foot) a[href]:not(.media):not([data-solo]) {
    padding-inline: var(--b-x); margin-inline: calc(-1 * var(--b-x)); -webkit-box-decoration-break: clone; box-decoration-break: clone;
  }
  @media (hover: hover) { :is(.page, .foot) a[href]:not(.media):not([data-solo]):hover { background-color: var(--b-ink); color: var(--b-blue); text-decoration: none; } }
  :is(.page, .foot) a[href]:not(.media):not([data-solo]):is(:active, :focus-visible, [aria-current]) { background-color: var(--b-ink); color: var(--b-blue); text-decoration: none; }
  :is(.page, .foot) a[data-solo] {
    --b-fill: var(--b-red); --b-up: 0vmin; --b-down: 0vmin;
    display: inline-block; vertical-align: top; white-space: normal;
    inline-size: calc(100% + var(--b-x) + var(--b-gap));
    margin-inline: calc(-1 * var(--b-x)) calc(-1 * var(--b-gap));
    padding-inline: var(--b-x) var(--b-gap);
    background-color: var(--b-fill); color: var(--b-ink); text-decoration: none;
    position: relative; isolation: isolate;
    transition: background-color var(--b-fast) linear, color var(--b-fast) linear;
  }
  :is(.page, .foot) a[data-solo]::before {
    content: ""; position: absolute; z-index: -1; inset: calc(-1 * var(--b-up)) 0 calc(-1 * var(--b-down)) 0;
    background-color: var(--b-fill); transition: background-color var(--b-fast) linear;
  }
  .page :is(.col-text, .col:not(:has(> .col-text))) > :first-child a[data-solo~="top"] { --b-up: calc(var(--b-pt) + var(--b-rule) / 2); }
  .foot :is(.text, .links, .index-list) > :first-child > a[data-solo]:first-child { --b-up: var(--b-pt); }
  .page :is(.col-text, .col:not(:has(> .col-text))) > :last-child a[data-solo~="end"] { --b-down: calc(var(--b-pb) + var(--b-rule) / 2); }
  @media (hover: hover) { :is(.page, .foot) a[data-solo]:hover { --b-fill: var(--b-ink); color: var(--b-blue); } }
  :is(.page, .foot) a[data-solo]:is(:active, :focus-visible, [aria-current]) { --b-fill: var(--b-ink); color: var(--b-blue); }
  :focus { outline: none; }
  :focus-visible { outline: var(--b-rule) solid var(--b-ink); outline-offset: var(--b-rule); }
  ::selection { background: var(--b-ink); color: var(--b-blue); }
  .skip { position: absolute; left: -100vw; top: 0; }
  .skip:focus { left: calc(50% - var(--b-measure) / 2); top: var(--b-top); z-index: 3; background: var(--b-ink); color: var(--b-blue); }
  .page { display: block; padding-top: var(--b-top-h); outline: none; }
}
@layer mode {
  .top { position: fixed; inset: 0 0 auto 0; z-index: 2; background: var(--b-blue); padding-top: var(--b-top); }
  .bar, .search, .pages-clip > .pages-list { width: var(--b-measure); margin-inline: auto; }
  .sections, .modes, .search-row { border-bottom: var(--b-rule) solid var(--b-ink); }
  .bar { display: grid; grid-template-columns: repeat(6, var(--b-nav-col)); }
  .cell { display: flex; min-width: 0; height: var(--b-lh); }
  .name, .plus, .pages-list a, .search-clear, .search-close { text-decoration: none; white-space: nowrap; padding-inline: var(--b-x); }
  .name { display: block; flex: 1 1 auto; min-width: 0; transition: background-color var(--motion-hover) var(--b-ease), color var(--motion-hover) var(--b-ease); }
  .cell:has(> .plus) > .name { flex: 0 1 auto; }
  .plus { display: flex; flex: 1 1 auto; padding-inline: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--motion-hover) var(--b-ease), color var(--motion-hover) var(--b-ease); }
  .plus > span { display: block; padding-inline: var(--b-x); }
  .plus > .sign-close, .plus[aria-expanded="true"] > .sign-open { display: none; }
  .plus[aria-expanded="true"] > .sign-close { display: block; }
  .name[aria-current], .cell:has(> .name[aria-current]) > .plus { background-color: var(--b-ink); color: var(--b-blue); }
  @media (hover: hover) {
    .name:hover, .cell:has(> .plus):hover > .name, .cell:has(> .plus):hover > .plus { background-color: var(--b-red); color: var(--b-ink); }
  }
  .name:active, .cell:has(> .plus):active > .name, .cell:has(> .plus):active > .plus,
  .cell:has(> .plus[aria-expanded="true"]) > .name, .cell:has(> .plus[aria-expanded="true"]) > .plus { background-color: var(--b-red); color: var(--b-ink); }
  .pages { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows var(--b-slow) var(--b-ease), visibility 0s linear var(--b-slow); }
  .pages:target, .pages[data-open] { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows var(--b-slow) var(--b-ease), visibility 0s; }
  .sections[data-live] .pages:target:not([data-open]) { grid-template-rows: 0fr; visibility: hidden; }
  .pages-clip { min-height: 0; overflow: hidden; }
  .pages-clip::before { content: ""; display: block; border-top: var(--b-rule) solid var(--b-ink); }
  .pages-list { display: grid; grid-template-columns: repeat(3, calc(2 * var(--b-nav-col))); }
  .pages-list[data-span="1"] { grid-template-columns: repeat(6, var(--b-nav-col)); }
  .pages-list > li { display: flex; min-width: 0; }
  .pages-list a { display: block; flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; transition: background-color var(--motion-hover) var(--b-ease), color var(--motion-hover) var(--b-ease); }
  .pages-list a[aria-current] { background-color: var(--b-ink); color: var(--b-blue); }
  @media (hover: hover) { .pages-list a:hover { background-color: var(--b-red); color: var(--b-ink); } }
  .pages-list a:active { background-color: var(--b-red); color: var(--b-ink); }
  .pages-close { display: block; width: var(--b-measure); margin-inline: auto; padding-inline: var(--b-x); text-decoration: none; }
  .sections[data-live] .pages-close { display: none; }
  .search-row { background: var(--b-blue); }
  .search { display: grid; grid-template-columns: repeat(6, var(--b-nav-col)); height: var(--b-lh); margin-block: 0; }
  .search-label { grid-column: 1; padding-inline: var(--b-x); cursor: text; white-space: nowrap; }
  .search-field { grid-column: 2 / span 3; min-width: 0; margin: 0; padding: 0 var(--b-x); border: 0; border-radius: 0; background: none; appearance: none; -webkit-appearance: none; caret-color: var(--b-ink); line-height: var(--b-lh); height: var(--b-lh); }
  .search-field::-webkit-search-cancel-button, .search-field::-webkit-search-decoration { -webkit-appearance: none; display: none; }
  .search-field:focus-visible { outline: none; }
  .search-clear, .search-close { visibility: hidden; margin: 0; border: 0; border-radius: 0; background: none; text-align: left; cursor: pointer; line-height: var(--b-lh); height: var(--b-lh); transition: background-color var(--b-fast) linear; }
  .search-clear { grid-column: 5; } .search-close { grid-column: 6; }
  .search:focus-within :is(.search-clear, .search-close), .search[data-open] :is(.search-clear, .search-close) { visibility: visible; }
  .search:focus-within > .search-label, .search[data-open] > .search-label { background-color: var(--b-ink); color: var(--b-blue); }
  @media (hover: hover) { :is(.search-clear, .search-close):hover { background-color: var(--b-red); } .search:not(:focus-within):not([data-open]) > .search-label:hover { background-color: var(--b-red); } }
  :is(.search-clear, .search-close):active { background-color: var(--b-red); }
  .search-results { max-height: calc(100dvh - var(--b-top-h)); overflow-y: auto; scrollbar-width: none; border-top: var(--b-rule) solid var(--b-ink); }
  .search-results::-webkit-scrollbar { display: none; }
  .search-results:empty { display: none; }
  .search-results > * { border-bottom: var(--b-rule) solid var(--b-ink); padding-inline: calc(50% - var(--b-measure) / 2); }
  .search-results > :last-child { border-bottom: 0; }
}
@layer mode {
  .rows { display: block; }
  .row {
    display: grid; grid-template-columns: repeat(var(--b-tracks), var(--b-track)); justify-content: center; align-items: stretch;
    min-height: calc(var(--mw, 0vmin) + var(--b-rule));
    border-bottom: var(--b-rule) solid var(--b-ink);
  }
  .row { position: relative; }
  .row::after { content: ""; position: absolute; z-index: 1; inset: auto 0 calc(-1 * var(--b-rule)) 0; block-size: var(--b-rule); background-color: var(--b-ink); pointer-events: none; }
  .row > * { min-width: 0; }
  .col { padding: var(--b-pt) var(--b-gap) var(--b-pb) var(--b-x); overflow-wrap: anywhere; }
  .col.pic { padding: 0 var(--b-gap) 0 0; }
  .s1 { grid-column: span 1; } .s2 { grid-column: span 2; } .s3 { grid-column: span 3; }
  .s4 { grid-column: span 4; } .s5 { grid-column: span 5; } .s6 { grid-column: span 6; }
  .col.under { grid-column: 1 / -1; }
  .col.labelled > .block, .col.labelled > .col-text > .block { display: flow-root; padding-left: calc(var(--b-label-span) * var(--b-unit)); }
  .col.labelled .role { float: left; inline-size: calc(var(--b-label-span) * var(--b-unit) - var(--b-gap) - var(--b-x)); margin-left: calc(-1 * var(--b-label-span) * var(--b-unit)); }
  .block ~ .block { margin-top: var(--b-lh); }
  .block.tight, .block.cont { margin-top: 0; }
  .head { display: block; }
  .echo { position: absolute; inline-size: .1vmin; block-size: .1vmin; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .media { display: block; width: fit-content; max-width: 100%; text-decoration: none; background: none; line-height: 0; }
  .media > img { display: block; width: calc(var(--b-track) - var(--b-gap)); max-width: 100%; height: auto; aspect-ratio: var(--r, auto); object-fit: contain; }
  .col.pic > .media { width: 100%; }
  .col.pic > .media > img { width: calc(100% * min(1, 2 * var(--r, 1))); }
  a.media[href]:hover, a.media[href]:active, a.media[href]:focus-visible { background: none; }
  .media.zoom { cursor: zoom-in; }
  .col.pic > .video { inline-size: 100%; margin: 0; }
  .col.pic .video-button { inline-size: min(9vmin, 4.5vmin + 2.5vw); block-size: min(9vmin, 4.5vmin + 2.5vw); }
  .col.pic .video-button::after { inline-size: 1.6vmin; block-size: 1.8vmin; }
  .col.pic .video-title { font: inherit; position: absolute; inline-size: .1vmin; block-size: .1vmin; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .row > .col.flow { column-count: 2; column-gap: calc(var(--b-gap) + var(--b-x)); column-fill: balance; orphans: 2; widows: 2; }
  .row.gallery > .col.pic { align-self: start; }
  .row.captions > .col { hyphens: auto; }
  .row.captions .block.f-title { position: relative; isolation: isolate; }
  .row.captions .block.f-title::before { content: ""; position: absolute; z-index: -1; inset: 0 calc(-1 * var(--b-gap)) 0 calc(-1 * var(--b-x)); background-color: var(--b-red); }
  .row.captions > .col > .block.f-title:first-child::before, .row.captions > .col > .col-text > .block.f-title:first-child::before { inset-block-start: calc(-1 * var(--b-pt) - var(--b-rule) / 2); }
  .defs { position: absolute; inline-size: 0; block-size: 0; }
  .row[data-emblem="red"] > .col.pic img { filter: url(#b-red); }
  .row[data-emblem="line"] { padding-block-start: var(--b-lh); }
  .row.strip { row-gap: var(--b-gap); }
  .player { display: block; width: 100%; height: auto; border: 0; }
  audio.player { height: var(--b-lh); }
  .table { border-collapse: collapse; width: 100%; } .table td, .table th { padding: 0 var(--b-gap) 0 0; text-align: left; vertical-align: top; font: inherit; }
  .more { display: none; }
  .more > summary { display: block; list-style: none; cursor: pointer; padding-left: var(--b-x); margin-left: calc(-1 * var(--b-x)); user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
  .more > summary::-webkit-details-marker { display: none; }
  .more > summary::marker { content: ""; }
  .more > summary > span { display: inline-block; vertical-align: top; box-shadow: calc(-1 * var(--b-x)) 0 0 transparent, var(--b-x) 0 0 transparent; transition: background-color var(--motion-hover) var(--b-ease), box-shadow var(--motion-hover) var(--b-ease); }
  .more > summary > .more-close, .more[open] > summary > .more-open { display: none; }
  .more[open] > summary > .more-close { display: inline-block; }
  @media (hover: hover) { .more > summary:hover > span { background-color: var(--b-ink); color: var(--b-blue); box-shadow: calc(-1 * var(--b-x)) 0 0 var(--b-ink), var(--b-x) 0 0 var(--b-ink); } }
  .more > summary:is(:active, :focus-visible) > span { background-color: var(--b-ink); color: var(--b-blue); box-shadow: calc(-1 * var(--b-x)) 0 0 var(--b-ink), var(--b-x) 0 0 var(--b-ink); }
  .col-text { margin-inline: calc(-1 * var(--b-x)) calc(-1 * var(--b-gap)); padding-inline: var(--b-x) var(--b-gap); }
  .col.fw > .col-text { margin-top: calc(-1 * var(--b-pt)); padding-top: var(--b-pt); }
  @supports selector(:has(*)) and (height: round(down, 10vmin, 1vmin)) {
    .col.fw > .more { display: block; }
    .col.fw:not(:has(> .more[open])) { container-type: size; }
    .col.fw:not(:has(> .more[open])) > .col-text { overflow: hidden; max-height: calc(round(down, calc(100cqh - var(--b-lh) + var(--b-slack)), var(--b-lh)) + var(--b-pt)); }
    .row:has(> [data-k="1"] > .more[open]) > .col.fw[data-fit~="1"],
    .row:has(> [data-k="2"] > .more[open]) > .col.fw[data-fit~="2"],
    .row:has(> [data-k="3"] > .more[open]) > .col.fw[data-fit~="3"],
    .row:has(> [data-k="4"] > .more[open]) > .col.fw[data-fit~="4"],
    .row:has(> [data-k="5"] > .more[open]) > .col.fw[data-fit~="5"],
    .row:has(> [data-k="6"] > .more[open]) > .col.fw[data-fit~="6"] { container-type: normal; }
    .row:has(> [data-k="1"] > .more[open]) > .col.fw[data-fit~="1"] > .col-text,
    .row:has(> [data-k="2"] > .more[open]) > .col.fw[data-fit~="2"] > .col-text,
    .row:has(> [data-k="3"] > .more[open]) > .col.fw[data-fit~="3"] > .col-text,
    .row:has(> [data-k="4"] > .more[open]) > .col.fw[data-fit~="4"] > .col-text,
    .row:has(> [data-k="5"] > .more[open]) > .col.fw[data-fit~="5"] > .col-text,
    .row:has(> [data-k="6"] > .more[open]) > .col.fw[data-fit~="6"] > .col-text { max-height: none; }
    .row:has(> [data-k="1"] > .more[open]) > .col.fw[data-fit~="1"] > .more,
    .row:has(> [data-k="2"] > .more[open]) > .col.fw[data-fit~="2"] > .more,
    .row:has(> [data-k="3"] > .more[open]) > .col.fw[data-fit~="3"] > .more,
    .row:has(> [data-k="4"] > .more[open]) > .col.fw[data-fit~="4"] > .more,
    .row:has(> [data-k="5"] > .more[open]) > .col.fw[data-fit~="5"] > .more,
    .row:has(> [data-k="6"] > .more[open]) > .col.fw[data-fit~="6"] > .more { display: none; }
  }
  .col.fw[data-fits] > .more { display: none; }
  .col.fw[data-fits]:not(:has(> .more[open])) > .col-text { max-height: none; }
  .row.sign { background: var(--b-ink); color: var(--b-blue); border-bottom-color: var(--b-ink); }
  .row.sign { box-shadow: 0 calc(-1 * var(--b-rule)) 0 var(--b-ink); }
  .row.sign ::selection { background: var(--b-blue); color: var(--b-ink); }
  .row.ann > .col.f-what, .row.work > .col.f-title { --b-box: var(--b-red); position: relative; isolation: isolate; transition: color var(--b-fast) linear; }
  :is(.row.ann > .col.f-what, .row.work > .col.f-title)::before { content: ""; position: absolute; z-index: -1; inset: calc(var(--b-rule) / -2) 0; background-color: var(--b-box); transition: background-color var(--b-fast) linear; }
  .row.ann > .col.f-what a[href] { display: inline; inline-size: auto; margin-inline: 0; padding-inline: 0; background: none; box-shadow: none; color: inherit; text-decoration: none; }
  .row.ann > .col.f-what a[data-solo]::before { content: none; }
  @media (hover: hover) { .row.ann > .col.f-what:has(a[href]:hover) { --b-box: var(--b-ink); color: var(--b-blue); } }
  .row.ann > .col.f-what:has(a[href]:is(:active, :focus-visible)),
  .row.ann[aria-current] > .col.f-what { --b-box: var(--b-ink); color: var(--b-blue); }
  .row.work > .col.f-title a[href] { display: inline; inline-size: auto; margin-inline: 0; padding-inline: 0; background: none; color: inherit; text-decoration: underline; }
  .row.work > .col.f-title a[data-solo] { text-decoration: none; }
  .row.work > .col.f-title a[data-solo]::before { content: none; }
  @media (hover: hover) { .row.work > .col.f-title:has(a[data-solo]:hover) { --b-box: var(--b-ink); color: var(--b-blue); } .row.work > .col.f-title a[href]:not([data-solo]):hover { background-color: var(--b-ink); color: var(--b-blue); } }
  .row.work > .col.f-title:has(a[data-solo]:is(:active, :focus-visible)) { --b-box: var(--b-ink); color: var(--b-blue); }
  .row.work > .col.f-title a[href]:not([data-solo]):is(:active, :focus-visible) { background-color: var(--b-ink); color: var(--b-blue); }
  .row.work > .col:not(.f-title) a[data-solo] { display: inline; inline-size: auto; margin-inline: 0; padding-inline: 0; background: none; text-decoration: underline; }
  .row.work > .col:not(.f-title) a[data-solo]::before { content: none; }
  .row:not(.work):not(.ann) > .col.solo { --b-box: var(--b-red); position: relative; isolation: isolate; transition: color var(--b-fast) linear; }
  .row:not(.work):not(.ann) > .col.solo::before { content: ""; position: absolute; z-index: -1; inset: calc(var(--b-rule) / -2) 0; background-color: var(--b-box); transition: background-color var(--b-fast) linear; }
  .row:not(.work):not(.ann) > .col.solo.solo-one a[data-solo] { --b-fill: transparent; color: inherit; }
  .row:not(.work):not(.ann) > .col.solo.solo-one a[data-solo]::before { content: none; }
  @media (hover: hover) { .row:not(.work):not(.ann) > .col.solo.solo-one:has(a[data-solo]:hover) { --b-box: var(--b-ink); color: var(--b-blue); } }
  .row:not(.work):not(.ann) > .col.solo.solo-one:has(a[data-solo]:is(:active, :focus-visible, [aria-current])) { --b-box: var(--b-ink); color: var(--b-blue); }
}
@layer mode {
  .foot { display: block; }
  .foot-row > .lead { grid-column: 1; grid-row: 1; padding-right: var(--b-gap); }
  .foot-row > .lead:empty { display: none; }
  .foot-row > .text, .foot-row > .lead.label { padding: var(--b-pt) var(--b-gap) var(--b-pb) var(--b-x); }
  .foot-row > .text { grid-column: 1 / -1; grid-row: 1; }
  .foot-row.pic > .text { grid-column: 2 / -1; }
  .foot-row.pic > .text:empty { display: none; }
  .foot-row > .lead.label { grid-column: 1 / span var(--b-label-span); }
  .foot-row.labelled > .text { grid-column: calc(var(--b-label-span) + 1) / -1; }
  .foot-row > .lead > .media > img { width: calc(100% * min(1, var(--r, 1))); }
  .foot-row > .lead > .media { width: 100%; }
  .foot .block ~ .block { margin-top: 0; }
  .foot .links > li + li { margin-top: 0; }
  .foot a { overflow-wrap: anywhere; }
  .media.qr { background: var(--b-ink); }
  .foot-index { display: block; }
  .index-head > .lead.label { grid-column: 1 / -1; }
  .index-row > .index-list { grid-column: auto / span 2; grid-row: 1; }
  .index-row > .index-list:not(:last-child) { margin-inline-end: var(--b-gap); }
  .foot-row > :is(.links, .index-list), .foot-row.pic > .text:has(> .block > a[data-solo]) {
    position: relative; isolation: isolate; padding: var(--b-pt) 0 var(--b-pb) 0;
  }
  .foot-row > :is(.links, .index-list)::before, .foot-row.pic > .text:has(> .block > a[data-solo])::before {
    content: ""; position: absolute; z-index: -1; inset: calc(var(--b-rule) / -2) 0; background-color: var(--b-red);
  }
  .foot-row > :is(.links, .index-list) > li + li { border-top: var(--b-rule) solid var(--b-blue); }
  .foot-row > :is(.links, .index-list) > li > a[data-solo], .foot-row.pic > .text > .block > a[data-solo] {
    --b-fill: transparent; display: block; inline-size: auto; margin-inline: 0;
    padding-inline: calc(var(--b-x) + var(--b-gap)) var(--b-gap); text-indent: calc(-1 * var(--b-gap));
  }
  .foot-row > :is(.links, .index-list) > li > a[data-solo]::before, .foot-row.pic > .text > .block > a[data-solo]::before { content: none; }
  @media (hover: hover) { .foot-row > :is(.links, .index-list) > li > a[data-solo]:hover, .foot-row.pic > .text > .block > a[data-solo]:hover { --b-fill: var(--b-ink); color: var(--b-blue); } }
  .foot-row > :is(.links, .index-list) > li > a[data-solo]:is(:active, :focus-visible, [aria-current]), .foot-row.pic > .text > .block > a[data-solo]:is(:active, :focus-visible, [aria-current]) { --b-fill: var(--b-ink); color: var(--b-blue); }
  .foot-row > :is(.links, .index-list) > li:first-child > a[data-solo] { margin-top: calc(-1 * var(--b-pt)); padding-top: var(--b-pt); }
  .foot-row > :is(.links, .index-list) > li:last-child > a[data-solo] { margin-bottom: calc(-1 * var(--b-pb)); padding-bottom: var(--b-pb); }
  .foot-clock:empty, .foot-clock > time:empty { display: none; }
  .foot .foot-formats > a[href] + a[href] { margin-left: calc(var(--b-gap) - var(--b-x)); }
  .foot > .row:last-child { border-bottom: 0; padding-bottom: env(safe-area-inset-bottom, 0vmin); }
}
@view-transition { navigation: auto; }
@layer mode {
  :root { --b-ease: var(--motion-ease); --b-fast: var(--motion-quick); --b-slow: var(--motion-in); }
  :where(a[href], .more > summary) { transition: background-color var(--motion-hover) var(--b-ease), color var(--motion-hover) var(--b-ease); }
  header.top[data-zone="nav"] { view-transition-name: top-band; }
  ::view-transition-group(root) { animation-duration: var(--motion-page); animation-timing-function: var(--b-ease); }
  :root:active-view-transition-type(mode)::view-transition-group(root),
  :root:active-view-transition-type(mode)::view-transition-group(top-band) { animation-duration: var(--motion-mode); animation-timing-function: var(--b-ease); }
  ::view-transition-old(top-band), ::view-transition-new(top-band) { animation-duration: var(--motion-arrive); }
  @keyframes b-arrive { from { opacity: 0; } to { opacity: 1; } }
  .page, .foot { animation: b-arrive var(--motion-out) linear both; }
  :root:active-view-transition .page, :root:active-view-transition .foot { animation: none; }
  @media (prefers-reduced-motion: reduce) {
    .page, .foot { animation: none; }
    *, *::before, *::after { transition-duration: 0s !important; transition-delay: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
    ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
  }
}
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
@layer mode {
  .sr[data-scope="boards"], .sr-actions[data-scope="boards"] {
    --search-font: inherit; --search-size: var(--b-size); --search-small: var(--b-size); --search-tiny: var(--b-size); --search-leading: var(--b-line);
    --search-measure: var(--b-measure); --search-pad: var(--b-pad); --search-gap: 0vmin; --search-thumb: var(--b-track);
    --search-line: var(--b-rule); --search-line-small: var(--b-rule); --search-line-tiny: var(--b-rule); --search-ink: var(--b-ink);
    --search-radius: 0vmin; --search-pill-radius: 0vmin; --search-ease: var(--b-ease);
  }
  .sr[data-scope="boards"] { font: inherit; text-transform: none; letter-spacing: 0; }
  .sr[data-scope="boards"] .sr-ground { background: var(--b-blue); }
  .sr-shade[data-scope="boards"] { background: var(--b-blue); }
  .sr[data-scope="boards"] .sr-pill, .sr-actions[data-scope="boards"] .sr-pill { border: 0; padding: 0 var(--b-nudge); font: inherit; text-transform: none; line-height: var(--b-lh); color: var(--b-ink); background: none; transition: background-color var(--b-fast) linear, color var(--b-fast) linear; }
  .sr[data-scope="boards"] .sr-pill:is([aria-pressed="true"], [aria-current="true"]), .sr[data-scope="boards"] .sr-trigger:is([aria-expanded="true"], [data-active]) { background: var(--b-ink); color: var(--b-blue); }
  @media (hover: hover) { .sr[data-scope="boards"] .sr-pill:hover { background: var(--b-ink); color: var(--b-blue); } }
  .sr[data-scope="boards"] .sr-pill:is(:active, :focus-visible) { background: var(--b-ink); color: var(--b-blue); }
  .sr[data-scope="boards"] .sr-item { padding: var(--b-pad) 0; border-top: var(--b-rule) solid var(--b-ink); }
  .sr[data-scope="boards"] :is(.sr-title, .sr-status, .sr-group, .sr-more, .sr-item *) { font-size: var(--b-size); line-height: var(--b-line); }
  .search-results > .sr { border-bottom: 0; padding-inline: 0; }
  [data-search-items] [data-search-hidden] { display: none; }
}
@layer mode {
  [data-search-items][data-search-filtered] li.row:not([data-record]) { display: none; }
}
@layer mode {
  .search-page-title { position: absolute; inline-size: .1vmin; block-size: .1vmin; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .search-page-panel > .sr { width: var(--b-measure); margin-inline: auto; }
  .search-page-panel > .sr .sr-in { max-height: none; }
  .search-page-panel > .sr .sr-results { overflow: visible; }
  .search-page { padding-bottom: 10vmin; }
}
@layer mode {
  .page { padding-top: calc(var(--b-top-h) + var(--push, 0vw)); }
}