.uband2 { width: calc(100 * var(--cvw)); margin-left: calc(50% - 50 * var(--cvw)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; cursor: grab; }
@media (hover: hover) and (pointer: fine) { .uband2 { overflow-x: hidden; } }
.uband2::-webkit-scrollbar { display: none; }
.uband2.is-grab { cursor: grabbing; }
.uband2__track { display: flex; width: max-content; }
.uband2__item { flex: 0 0 auto; position: relative; margin: 0 clamp(14px, 1.6 * var(--cvw), 28px) 0 0; height: clamp(260px, 32 * var(--cvw), 460px); overflow: hidden; border-radius: 1.25rem; background: #efece7; cursor: zoom-in; }
.uband2__item img { height: 100%; width: auto; max-width: calc(92 * var(--cvw)); object-fit: cover; display: block; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.uband2__item .lightbox-trigger { width: auto; height: 100%; }
@media (hover: hover) and (pointer: fine) {
  .uband2__item:hover img { transform: scale(1.05) translateZ(0); }
}
.uband2__item:focus-within img { transform: scale(1.05) translateZ(0); }
.uband2__cap { position: absolute; left: 12px; bottom: 12px; padding: 5px 12px; border-radius: 9999px; background: var(--gnoise), rgba(29,74,75,.78); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.4; pointer-events: none; }
html.reduce-motion .uband2__item img { transition: none; }
html.reduce-motion .uband2__item:hover img, html.reduce-motion .uband2__item:focus-within img { transform: none; }