.vend { position: relative; z-index: var(--z-raised); isolation: isolate; display: block; margin-left: var(--rail-w, 0px);  padding: var(--space-16) var(--layout-gutter-fluid) var(--space-10); background: var(--color-bg-canvas); overflow: hidden; contain: paint; }
.vend__mark { position: relative; width: 100%; aspect-ratio: 3318 / 444; overflow: hidden; } 
.vend__mark > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; }
.vend__fx { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
.vend.has-fx .vend__fx { opacity: 1; }
.vend.has-fx .vend__mark > img { visibility: hidden; }


.vend.is-pre .vend__mark > img { opacity: 0; transform: translateY(100%); }
.vend.is-pre.is-in .vend__mark > img { opacity: 1; transform: none; transition: opacity var(--motion-duration-entrance) var(--motion-easing-standard), transform var(--motion-duration-entrance) var(--motion-easing-standard); }
@media (prefers-reduced-motion: reduce) { .vend.is-pre .vend__mark > img { opacity: 1; transform: none; transition: none; } }

@media (max-width: 720px) {
  .vend { padding: var(--space-10) var(--layout-gutter-mobile) var(--space-6); }
}


html.is-still .vend, html.is-still .vend * { visibility: hidden !important; }