/*
 * Industry scenes — responsive cover flow at every viewport.
 */
.obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-hero,
.obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy,
.obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls,
.obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__card-launch {
  display: none;
}

.obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__rail-viewport {
  display: contents;
}

@media (min-width: 1px) {
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__card-launch[data-card-launch-state] {
    position: absolute;
    z-index: 24;
    inset: 0;
    display: block;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    will-change: opacity, visibility;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__card-launch[data-card-launch-state] > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.78) contrast(1.04) brightness(.88);
    transform-origin: left top;
    will-change: transform, border-radius;
  }
}

@media (min-width: 1px) {
  .obor-field-ledger .relay-gallery[data-industry-carousel] {
    --industry-rail-card: clamp(16rem, 20vw, 24rem);
    --industry-rail-height: clamp(23rem, 45svh, 38rem);
    --industry-copy-left: clamp(1.45rem, 5.35vw, 6.1rem);
    --industry-rail-left: clamp(31%, 35vw, 41%);
    --industry-amber: #d6a130;
    min-height: max(680px, 100svh);
    background: #0b141c;
    box-shadow: inset 0 2px 0 var(--industry-amber);
    color: #f7f9fb;
    isolation: isolate;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__room {
    min-height: inherit;
    background: #0b141c;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__showroom,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__architecture,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__signal-guide,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__head,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .gallery-controls,
  .obor-field-ledger .relay-gallery[data-industry-carousel]:not(.is-expanded) .relay-gallery__focus-door,
  .obor-field-ledger .relay-gallery[data-industry-carousel]:not(.is-expanded) .relay-gallery__threshold {
    display: none !important;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-hero {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    overflow: hidden;
    background: #0b141c;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.76) contrast(1.04) brightness(.79);
    transform: scale(1.025);
    will-change: clip-path, opacity, transform;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-image--incoming {
    z-index: 2;
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-veil {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: block;
    background:
      linear-gradient(90deg, rgba(2, 9, 14, .66) 0%, rgba(2, 9, 14, .36) 31%, rgba(2, 9, 14, .12) 61%, rgba(2, 9, 14, .36) 100%),
      linear-gradient(0deg, rgba(2, 8, 13, .48) 0%, rgba(2, 8, 13, 0) 57%);
    pointer-events: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-seam {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: var(--industry-rail-left);
    display: block;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .28) 18%, rgba(255, 255, 255, .09) 80%, transparent);
    opacity: .34;
    pointer-events: none;
    transform-origin: center;
  }

  /* A clicked rail image becomes the existing topology view. The image grows
     from its actual card footprint, so opening the explanation feels like a
     continuation of the video-style scene reveal instead of a new modal. */
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__card-launch {
    position: absolute;
    z-index: 24;
    inset: 0;
    display: block;
    overflow: hidden;
    /* Transparent until the expanding image reaches the scene edges: the
       originating card stays visually connected to the rail at frame one. */
    background: transparent;
    pointer-events: none;
    will-change: opacity, visibility;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__card-launch > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.78) contrast(1.04) brightness(.88);
    transform-origin: left top;
    will-change: transform, border-radius;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy {
    position: absolute;
    z-index: 7;
    top: clamp(5.6rem, 16.8vh, 10.3rem);
    left: var(--industry-copy-left);
    display: block;
    width: min(25rem, 29.5vw);
    margin: 0;
    color: #f7f9fb;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .28);
    will-change: opacity, transform;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-index,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:first-of-type {
    display: block;
    margin: 0;
    font-family: var(--mono);
    font-size: clamp(.47rem, .58vw, .64rem);
    font-weight: 680;
    letter-spacing: .15em;
    line-height: 1.45;
    text-transform: uppercase;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-index {
    color: var(--industry-amber);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:first-of-type {
    margin-top: clamp(1rem, 2.15vh, 1.5rem);
    color: #d9e4e9;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:first-of-type::before {
    display: inline-block;
    width: 1.35rem;
    height: 1px;
    margin: 0 .66rem .18rem 0;
    background: currentColor;
    content: "";
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy h3 {
    max-width: 8.5ch;
    margin: clamp(.55rem, 1.2vh, .83rem) 0 0;
    color: #fff;
    font-family: var(--display);
    font-size: clamp(2.85rem, 5.3vw, 6.2rem);
    font-weight: 580;
    letter-spacing: -.075em;
    line-height: .83;
    text-transform: uppercase;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:last-of-type {
    max-width: 31ch;
    margin: clamp(.85rem, 1.7vh, 1.15rem) 0 0;
    color: rgba(245, 249, 251, .92);
    font-family: var(--mono);
    font-size: clamp(.57rem, .72vw, .79rem);
    font-weight: 470;
    letter-spacing: .008em;
    line-height: 1.54;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-detail {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    margin-top: clamp(.9rem, 1.95vh, 1.25rem);
    padding: 0 0 .48rem;
    border: 0;
    border-bottom: 1px solid var(--industry-amber);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-family: var(--mono);
    font-size: clamp(.45rem, .54vw, .59rem);
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 180ms ease, border-color 180ms ease;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-detail:hover,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-detail:focus-visible {
    border-color: #fff;
    color: #fff3cf;
    outline: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__rail-viewport {
    position: absolute;
    z-index: 8;
    right: 0;
    bottom: clamp(5.5rem, 9svh, 8.5rem);
    left: var(--industry-rail-left);
    display: block;
    height: var(--industry-rail-height);
    overflow: visible;
    perspective: 1100px;
    pointer-events: auto;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panels {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: var(--industry-rail-height);
    margin: 0;
    padding: 0;
    overflow: visible;
    transform-style: preserve-3d;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: var(--industry-rail-card);
    height: var(--industry-rail-height);
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: clamp(.62rem, .8vw, .94rem);
    background: #17232e;
    box-shadow: 0 1.1rem 2.3rem rgba(0, 0, 0, .4);
    cursor: pointer;
    transform-origin: center center;
    backface-visibility: hidden;
    will-change: transform, opacity;
    transition: border-color 180ms ease;
    clip-path: none !important;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel::before,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel::after {
    display: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    filter: saturate(.79) contrast(1.03) brightness(.83);
    transform: scale(1.022);
    transition: filter 220ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-label {
    padding: clamp(.58rem, 1.15vw, .85rem);
    border-top: 1px solid rgba(255, 255, 255, .22);
    background: linear-gradient(180deg, rgba(4, 11, 17, .08), rgba(4, 11, 17, .85));
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy {
    gap: .28rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy small {
    color: var(--industry-amber);
    font-family: var(--mono);
    font-size: clamp(.37rem, .44vw, .48rem);
    font-weight: 700;
    letter-spacing: .12em;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy b {
    color: #fff;
    font-family: var(--display);
    font-size: clamp(.68rem, .92vw, 1.04rem);
    font-weight: 560;
    letter-spacing: -.04em;
    line-height: .93;
    text-transform: uppercase;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy em,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy u,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-label > i {
    display: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel[aria-current="true"] {
    border-color: rgba(255, 255, 255, .96);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .48), 0 0 0 1px rgba(214, 161, 48, .22);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel:hover,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel:focus-visible {
    border-color: var(--industry-amber);
    outline: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel:hover img,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel:focus-visible img {
    filter: saturate(.93) contrast(1.04) brightness(.96);
    transform: scale(1.055);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls {
    position: absolute;
    z-index: 9;
    right: var(--industry-copy-left);
    bottom: clamp(1.5rem, 4.2vh, 3rem);
    left: var(--industry-copy-left);
    display: grid;
    grid-template-columns: auto auto minmax(4.5rem, 1fr) auto;
    align-items: center;
    gap: clamp(.5rem, .88vw, .85rem);
    color: #fff;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls button {
    display: grid;
    width: clamp(2rem, 2.35vw, 2.5rem);
    height: clamp(2rem, 2.35vw, 2.5rem);
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .63);
    border-radius: 50%;
    background: rgba(4, 12, 18, .18);
    color: #fff;
    cursor: pointer;
    transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls button:hover,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls button:focus-visible {
    border-color: var(--industry-amber);
    background: rgba(214, 161, 48, .14);
    color: #fff5d6;
    outline: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls button i {
    font-size: clamp(.82rem, 1vw, 1.02rem);
    line-height: 1;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-progress {
    display: block;
    height: 1px;
    margin: 0 clamp(.6rem, 1.2vw, 1.3rem);
    overflow: hidden;
    background: rgba(255, 255, 255, .34);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-progress > i {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--industry-amber);
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-count-wrap {
    position: relative;
    display: grid;
    width: clamp(3.25rem, 4.1vw, 4.8rem);
    height: clamp(3.25rem, 4.1vw, 4.8rem);
    place-items: center;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-count-wrap > i {
    position: absolute;
    inset: .15rem;
    border: 1px solid rgba(255, 255, 255, .58);
    border-left-color: transparent;
    border-radius: 50%;
    transform: rotate(-35deg);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] [data-industry-carousel-count] {
    position: relative;
    color: #fff;
    font-family: var(--display);
    font-size: clamp(1.08rem, 1.45vw, 1.62rem);
    font-weight: 560;
    letter-spacing: -.055em;
    line-height: 1;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] [data-industry-carousel-count] small {
    margin-left: .12rem;
    color: rgba(255, 255, 255, .62);
    font-family: var(--mono);
    font-size: .42em;
    font-weight: 700;
    letter-spacing: .05em;
    vertical-align: .15em;
  }
}

/* Portrait and touch layouts retain the same layered fan and scene image. */
@media (max-width: 900px) {
  .obor-field-ledger .relay-gallery[data-industry-carousel] {
    --industry-rail-card: clamp(15rem, 38vw, 19rem);
    --industry-rail-height: clamp(22rem, 45svh, 30rem);
    --industry-copy-left: clamp(1.25rem, 5vw, 2.75rem);
    --industry-rail-left: 0px;
    min-height: max(860px, 100svh);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy {
    top: clamp(4.5rem, 9svh, 7rem);
    width: min(38rem, calc(100% - 2 * var(--industry-copy-left)));
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy h3 {
    max-width: 12ch;
    font-size: clamp(3.6rem, 8.4vw, 5.5rem);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-index,
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:first-of-type {
    font-size: .62rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:last-of-type {
    font-size: .78rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-detail {
    font-size: .6rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-seam {
    display: none;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__rail-viewport {
    bottom: 6.25rem;
    width: 100%;
    touch-action: pan-y;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy small {
    font-size: .51rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy b {
    font-size: clamp(.95rem, 2.4vw, 1.25rem);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls button {
    width: 2.4rem;
    height: 2.4rem;
  }
}

@media (max-width: 600px) {
  .obor-field-ledger .relay-gallery[data-industry-carousel] {
    --industry-rail-card: clamp(10rem, 47vw, 17rem);
    --industry-rail-height: calc(var(--industry-rail-card) * 1.42);
    --industry-copy-left: clamp(1.15rem, 5vw, 1.5rem);
    min-height: max(720px, 100svh);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy {
    top: clamp(3.6rem, 7.5svh, 5rem);
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy h3 {
    max-width: 10ch;
    font-size: clamp(2.25rem, 9.7vw, 3.8rem);
    line-height: .88;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:last-of-type {
    max-width: 29ch;
    font-size: .72rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy > p:first-of-type {
    margin-top: .8rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-detail {
    margin-top: .8rem;
    font-size: .55rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__rail-viewport {
    bottom: 5.5rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-label {
    padding: .72rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__panel-copy b {
    font-size: 1rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-controls {
    right: var(--industry-copy-left);
    bottom: 1.15rem;
    left: var(--industry-copy-left);
    gap: .45rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-progress {
    margin: 0 .3rem;
  }

  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__immersive-count-wrap {
    width: 3.05rem;
    height: 3.05rem;
  }
}

@media (max-width: 380px) {
  .obor-field-ledger .relay-gallery[data-industry-carousel] .relay-gallery__scene-copy h3 {
    font-size: clamp(2.15rem, 9.7vw, 2.45rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .obor-field-ledger .relay-gallery[data-industry-carousel] *,
  .obor-field-ledger .relay-gallery[data-industry-carousel] *::before,
  .obor-field-ledger .relay-gallery[data-industry-carousel] *::after {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}