/*
 * GENERATED by scripts/gen-layout-css.mjs — never hand-edit.
 * Regenerate: yarn gen:layout-css   (check: yarn gen:layout-css --check)
 *
 * Layout primitives (Theme Platform v2 P2, RFC §4.3–§4.5) of theme "default"
 * only — linked by the root layout when the request renders this theme.
 * Scoped under [data-theme="default"], one @media (max-width) block per tier,
 * descending. Every declaration is a full fallback chain:
 *   --ly-<v>[-<N>]   instance values (inline on the primitive, set legs only)
 *   --ly-<v>-d[<N>]  layer-2 role defaults ([data-ly-role] rules below)
 *   literal          the block default
 * Each primitive class resets its own --ly-* vars to initial (no inheritance
 * into nested primitives); item vars (--ly-i-*) are reset on grandchildren.
 * No theme CSS/TSX may read --ly-* (scripts/check-layout-vars.mjs).
 */

/* ---- default: tiers 767 ---- */
[data-theme="default"] .ly-section {
  --ly-pt: initial;
  --ly-pt-767: initial;
  --ly-pb: initial;
  --ly-pb-767: initial;
  --ly-gut: initial;
  --ly-gut-767: initial;
  --ly-mh: initial;
  --ly-mh-767: initial;
  --ly-ay: initial;
  --ly-ay-767: initial;
  display: flex;
  flex-direction: column;
  padding-top: var(--ly-pt, var(--otog-space-24, 96px));
  padding-bottom: var(--ly-pb, var(--otog-space-24, 96px));
  padding-inline: var(--ly-gut, var(--otog-space-6, 24px));
  min-height: var(--ly-mh, auto);
  justify-content: var(--ly-ay, normal);
}
[data-theme="default"] .ly-stack {
  --ly-dir: initial;
  --ly-dir-767: initial;
  --ly-gap: initial;
  --ly-gap-767: initial;
  --ly-ai: initial;
  --ly-ai-767: initial;
  --ly-jc: initial;
  --ly-jc-767: initial;
  --ly-wrap: initial;
  --ly-wrap-767: initial;
  --ly-mw: initial;
  --ly-mw-767: initial;
  --ly-pad: initial;
  --ly-pad-767: initial;
  display: flex;
  flex-direction: var(--ly-dir, column);
  gap: var(--ly-gap, var(--otog-space-6, 24px));
  align-items: var(--ly-ai, normal);
  justify-content: var(--ly-jc, normal);
  flex-wrap: var(--ly-wrap, nowrap);
  max-width: var(--ly-mw, none);
  padding: var(--ly-pad, 0px);
}
[data-theme="default"] .ly-grid {
  --ly-cols: initial;
  --ly-cols-767: initial;
  --ly-gap: initial;
  --ly-gap-767: initial;
  --ly-rgap: initial;
  --ly-rgap-767: initial;
  display: grid;
  grid-template-columns: repeat(var(--ly-cols, 3), minmax(0, 1fr));
  -moz-column-gap: var(--ly-gap, var(--otog-space-6, 24px));
  column-gap: var(--ly-gap, var(--otog-space-6, 24px));
  row-gap: var(--ly-rgap, var(--ly-gap, var(--otog-space-6, 24px)));
}
[data-theme="default"] .ly-columns {
  --ly-ratio: initial;
  --ly-ratio-767: initial;
  --ly-gap: initial;
  --ly-gap-767: initial;
  --ly-ai: initial;
  --ly-ai-767: initial;
  display: grid;
  grid-template-columns: var(--ly-ratio, 1fr 1fr);
  gap: var(--ly-gap, var(--otog-space-8, 32px));
  align-items: var(--ly-ai, normal);
}
[data-theme="default"] .ly-rail {
  --ly-gap: initial;
  --ly-gap-767: initial;
  --ly-iw: initial;
  --ly-iw-767: initial;
  display: grid;
  grid-auto-flow: column;
  overflow-x: auto;
  -moz-column-gap: var(--ly-_g, 0px);
  column-gap: var(--ly-_g, 0px);
  --ly-_g: var(--ly-gap, var(--otog-space-6, 24px));
  grid-auto-columns: var(--ly-iw, max-content);
}
[data-theme="default"] .ly-spacer {
  --ly-h: initial;
  --ly-h-767: initial;
  display: block;
  height: var(--ly-h, var(--otog-space-8, 32px));
}
[data-theme="default"] .ly-stack > *,
[data-theme="default"] .ly-grid > *,
[data-theme="default"] .ly-columns > *,
[data-theme="default"] .ly-rail > * {
  order: var(--ly-i-order, 0);
  align-self: var(--ly-i-as, auto);
}
[data-theme="default"] .ly-grid > * {
  grid-column: var(--ly-i-span, auto);
}
[data-theme="default"] .ly-stack > * > *,
[data-theme="default"] .ly-grid > * > *,
[data-theme="default"] .ly-columns > * > *,
[data-theme="default"] .ly-rail > * > * {
  --ly-i-order: initial;
  --ly-i-order-767: initial;
  --ly-i-as: initial;
  --ly-i-as-767: initial;
  --ly-i-span: initial;
  --ly-i-span-767: initial;
}
[data-theme="default"] .ly-stack > *,
[data-theme="default"] .ly-grid > *,
[data-theme="default"] .ly-section > * {
  margin-block: 0;
}
[data-theme="default"] .ly-section.ly-cont {
  --ly-_gutv: var(--ly-gut, var(--otog-space-6, 24px));
  padding-inline: max(var(--ly-_gutv, 0px), calc((100% - var(--ly-_w, 100%)) / 2));
}
[data-theme="default"] .ly-section.ly-w-narrow {
  --ly-_w: var(--otog-container-narrow, 720px);
}
[data-theme="default"] .ly-section.ly-w-normal {
  --ly-_w: var(--otog-container, 1200px);
}
[data-theme="default"] .ly-section.ly-w-wide {
  --ly-_w: var(--otog-container-wide, 1440px);
}
[data-theme="default"] .ly-section.ly-w-full {
  --ly-_w: 100%;
}
[data-theme="default"] .ly-section.ly-cont.ly-align-gutter {
  padding-inline: var(--ly-_gutv, 0px) max(var(--ly-_gutv, 0px), calc(100% - var(--ly-_w, 100%) - var(--ly-_gutv, 0px)));
}
[data-theme="default"] .ly-section.ly-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}
[data-theme="default"] .ly-section.ly-layered {
  position: relative;
  isolation: isolate;
}
[data-theme="default"] .ly-section > .ly-section__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -2;
  pointer-events: none;
}
[data-theme="default"] .ly-section > .ly-section__overlay {
  position: absolute;
  inset: 0;
  background: #000;
  z-index: -1;
  pointer-events: none;
}
[data-theme="default"] .ly-stack.ly-border-line {
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
[data-theme="default"] .ly-grid .ly-grid {
  --ly-miw: initial;
  --ly-miw-767: initial;
}
[data-theme="default"] .ly-columns.ly-sticky-first > :first-child,
[data-theme="default"] .ly-columns.ly-sticky-last > :last-child {
  position: sticky;
  top: 100px;
  align-self: start;
}
[data-theme="default"] .ly-rail.ly-snap {
  scroll-snap-type: x mandatory;
}
[data-theme="default"] .ly-rail.ly-snap > * {
  scroll-snap-align: start;
}
[data-theme="default"] .ly-rail.ly-bleed-gutter {
  margin-inline: calc(-1 * var(--ly-_gutv, 0px));
  padding-inline: var(--ly-_gutv, 0px);
  scroll-padding-inline: var(--ly-_gutv, 0px);
}
[data-theme="default"] .ly-rail.ly-bleed-edge {
  margin-inline: calc(50% - 50vw);
  padding-inline: calc(50vw - 50%);
  scroll-padding-inline: calc(50vw - 50%);
}
[data-theme="default"] .ly-rail-frame {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
[data-theme="default"] .ly-rail-frame > .ly-rail__nav {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
[data-theme="default"] .ly-rail-frame > .ly-rail__nav > .ly-rail__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
[data-theme="default"] .ly-spacer.ly-divider {
  background-image: linear-gradient(color-mix(in srgb, currentColor 18%, transparent), color-mix(in srgb, currentColor 18%, transparent));
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(100% - 2 * var(--ly-inset, 0px)) 1px;
}
@media (max-width: 767px) {
  [data-theme="default"] .ly-section {
    padding-top: var(--ly-pt-767, var(--ly-pt, var(--otog-space-24, 96px)));
    padding-bottom: var(--ly-pb-767, var(--ly-pb, var(--otog-space-24, 96px)));
    padding-inline: var(--ly-gut-767, var(--ly-gut, var(--otog-space-6, 24px)));
    min-height: var(--ly-mh-767, var(--ly-mh, auto));
    justify-content: var(--ly-ay-767, var(--ly-ay, normal));
  }
  [data-theme="default"] .ly-stack {
    flex-direction: var(--ly-dir-767, var(--ly-dir, column));
    gap: var(--ly-gap-767, var(--ly-gap, var(--otog-space-6, 24px)));
    align-items: var(--ly-ai-767, var(--ly-ai, normal));
    justify-content: var(--ly-jc-767, var(--ly-jc, normal));
    flex-wrap: var(--ly-wrap-767, var(--ly-wrap, nowrap));
    max-width: var(--ly-mw-767, var(--ly-mw, none));
    padding: var(--ly-pad-767, var(--ly-pad, 0px));
  }
  [data-theme="default"] .ly-grid {
    grid-template-columns: repeat(var(--ly-cols-767, var(--ly-cols, 3)), minmax(0, 1fr));
    -moz-column-gap: var(--ly-gap-767, var(--ly-gap, var(--otog-space-6, 24px)));
    column-gap: var(--ly-gap-767, var(--ly-gap, var(--otog-space-6, 24px)));
    row-gap: var(--ly-rgap-767, var(--ly-rgap, var(--ly-gap-767, var(--ly-gap, var(--otog-space-6, 24px)))));
  }
  [data-theme="default"] .ly-columns {
    grid-template-columns: var(--ly-ratio-767, var(--ly-ratio, 1fr 1fr));
    gap: var(--ly-gap-767, var(--ly-gap, var(--otog-space-8, 32px)));
    align-items: var(--ly-ai-767, var(--ly-ai, normal));
  }
  [data-theme="default"] .ly-rail {
    --ly-_g: var(--ly-gap-767, var(--ly-gap, var(--otog-space-6, 24px)));
    grid-auto-columns: var(--ly-iw-767, var(--ly-iw, max-content));
  }
  [data-theme="default"] .ly-spacer {
    height: var(--ly-h-767, var(--ly-h, var(--otog-space-8, 32px)));
  }
  [data-theme="default"] .ly-stack > *,
  [data-theme="default"] .ly-grid > *,
  [data-theme="default"] .ly-columns > *,
  [data-theme="default"] .ly-rail > * {
    order: var(--ly-i-order-767, var(--ly-i-order, 0));
    align-self: var(--ly-i-as-767, var(--ly-i-as, auto));
  }
  [data-theme="default"] .ly-grid > * {
    grid-column: var(--ly-i-span-767, var(--ly-i-span, auto));
  }
  [data-theme="default"] .ly-section.ly-cont {
    --ly-_gutv: var(--ly-gut-767, var(--ly-gut, var(--otog-space-6, 24px)));
    padding-inline: max(var(--ly-_gutv, 0px), calc((100% - var(--ly-_w, 100%)) / 2));
  }
  [data-theme="default"] .ly-spacer.ly-divider {
    background-size: calc(100% - 2 * var(--ly-inset-767, var(--ly-inset, 0px))) 1px;
  }
  [data-theme="default"] .ly-columns.ly-collapse-t {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-theme="default"] .ly-columns.ly-collapse-t.ly-collapse-rev {
    display: flex;
    flex-direction: column-reverse;
  }
  [data-theme="default"] .ly-columns.ly-collapse-t.ly-sticky-first > :first-child,
  [data-theme="default"] .ly-columns.ly-collapse-t.ly-sticky-last > :last-child {
    position: static;
  }
  [data-theme="default"] .ly-columns.ly-collapse-m {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-theme="default"] .ly-columns.ly-collapse-m.ly-collapse-rev {
    display: flex;
    flex-direction: column-reverse;
  }
  [data-theme="default"] .ly-columns.ly-collapse-m.ly-sticky-first > :first-child,
  [data-theme="default"] .ly-columns.ly-collapse-m.ly-sticky-last > :last-child {
    position: static;
  }
}
@media (width > 767px) {
  [data-theme="default"] .ly-grid.ly-af-b {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--ly-miw, 240px), 100%), 1fr));
  }
  [data-theme="default"] .ly-grid.ly-asrail-b {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: min(var(--ly-miw, 240px), 85%);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  [data-theme="default"] .ly-grid.ly-asrail-b > * {
    grid-column: auto;
    scroll-snap-align: start;
  }
  [data-theme="default"] .ly-hide-b {
    display: none !important;
  }
}
@media (width <= 767px) {
  [data-theme="default"] .ly-grid.ly-af-767 {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--ly-miw-767, var(--ly-miw, 240px)), 100%), 1fr));
  }
  [data-theme="default"] .ly-grid.ly-asrail-767 {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: min(var(--ly-miw-767, var(--ly-miw, 240px)), 85%);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  [data-theme="default"] .ly-grid.ly-asrail-767 > * {
    grid-column: auto;
    scroll-snap-align: start;
  }
  [data-theme="default"] .ly-hide-767 {
    display: none !important;
  }
}
@media (width > 767px) {
  [data-theme="default"] .ly-omt-b {
    margin-top: var(--ly-omt-b, 0px) !important;
  }
  [data-theme="default"] .ly-omb-b {
    margin-bottom: var(--ly-omb-b, 0px) !important;
  }
  [data-theme="default"] .ly-omw-b {
    max-width: var(--ly-omw-b, none) !important;
  }
  [data-theme="default"] .ly-oas-b {
    align-self: var(--ly-oas-b, auto) !important;
  }
}
@media (width <= 767px) {
  [data-theme="default"] .ly-omt-767 {
    margin-top: var(--ly-omt-767, 0px) !important;
  }
  [data-theme="default"] .ly-omb-767 {
    margin-bottom: var(--ly-omb-767, 0px) !important;
  }
  [data-theme="default"] .ly-omw-767 {
    max-width: var(--ly-omw-767, none) !important;
  }
  [data-theme="default"] .ly-oas-767 {
    align-self: var(--ly-oas-767, auto) !important;
  }
}
[data-theme="default"] .ly-section.ly-divider-top {
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
[data-theme="default"] .ly-section.ly-divider-bottom {
  border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
[data-theme="default"] .ly-section.ly-divider-both {
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
[data-theme="default"] .ly-section > .ly-section__overlay.ly-overlay-gradient {
  background: linear-gradient(to top, var(--scheme-bg, #000) 0%, transparent 60%);
}
[data-theme="default"] .ly-section.ly-under-header:not(:not(script, style, link, template, noscript) ~ *),
[data-theme="default"] [data-block-id]:not(:not(script, style, link, template, noscript) ~ *) > .ly-section.ly-under-header {
  margin-top: calc(-1 * 64px);
}
:where([data-theme="default"] .ly-section[class*="scheme-"], [data-theme="default"] .ly-stack[class*="scheme-"]) :is(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}
