.art-banner{--banner-ink:oklch(99% 0 0);--banner-ink-soft:oklch(99% 0 0/.8);--banner-shade:oklch(14% .01 80/.86);--banner-shade-mid:oklch(14% .01 80/.36);--banner-glass:oklch(99% 0 0/.18);--banner-glass-line:oklch(99% 0 0/.28);aspect-ratio:16/7;isolation:isolate;border-radius:var(--kadr-radius-lg,22px);background:var(--kadr-color-image,var(--kadr-color-surface-muted));width:100%;min-height:148px;box-shadow:var(--kadr-shadow-soft);color:var(--banner-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--kadr-duration-fast,.15s) var(--kadr-ease-out,ease-out);border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:16px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.art-banner:before{z-index:1;background:linear-gradient(90deg, var(--banner-shade) 0%, var(--banner-shade-mid) 42%, transparent 68%), linear-gradient(0deg, var(--banner-shade-mid) 0%, transparent 50%);content:"";position:absolute;inset:0}.art-banner__img{z-index:0;object-fit:cover;object-position:70% 50%;width:100%;height:100%;transition:transform var(--kadr-duration-normal,.3s) var(--kadr-ease-out,ease-out);position:absolute;inset:0}.art-banner__video{z-index:0;object-fit:cover;object-position:70% 50%;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--kadr-duration-normal,.3s) var(--kadr-ease-out,ease-out), transform var(--kadr-duration-normal,.3s) var(--kadr-ease-out,ease-out);position:absolute;inset:0}.art-banner__video[data-playing=true]{opacity:1}.art-banner__copy{z-index:2;gap:3px;max-width:64%;display:grid;position:relative}.art-banner__title{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.125rem,1rem + .6vw,1.3rem);font-weight:780;line-height:1.12}.art-banner__hint{color:var(--banner-ink-soft);font-size:var(--kadr-text-caption);font-weight:560;line-height:1.3}.art-banner__price,.art-banner__badge{z-index:2;border:1px solid var(--banner-glass-line);border-radius:var(--kadr-radius-pill,999px);background:var(--banner-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--banner-ink);font-size:var(--kadr-text-micro);letter-spacing:.01em;padding:4px 10px;font-weight:720;position:relative}.art-banner__badge{text-transform:uppercase;position:absolute;top:12px;right:12px}.art-banner__go{z-index:2;background:var(--kadr-color-accent);width:34px;height:34px;color:var(--kadr-color-on-accent);transition:transform var(--kadr-duration-fast,.15s) var(--kadr-ease-out,ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}:is(a,button).art-banner:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){:is(a,button).art-banner:hover :is(.art-banner__img,.art-banner__video){transform:scale(1.04)}:is(a,button).art-banner:hover .art-banner__go{transform:translate(3px)}}:is(a,button).art-banner:focus-visible{outline:var(--kadr-focus-ring,2px) solid var(--kadr-color-focus);outline-offset:3px}:is(a,button).art-banner:focus-visible .art-banner__go{transform:translate(3px)}.art-banner.is-soon{box-shadow:none;cursor:default}.art-banner.is-soon :is(.art-banner__img,.art-banner__video){filter:grayscale(.85)brightness(.78)}.art-banner.is-soon .art-banner__copy{opacity:.86}@media (prefers-reduced-motion:reduce){.art-banner,.art-banner__img,.art-banner__video,.art-banner__go{transition:none}.art-banner__video{display:none}:is(a,button).art-banner:hover .art-banner__img,:is(a,button).art-banner:hover .art-banner__go,:is(a,button).art-banner:focus-visible .art-banner__go,:is(a,button).art-banner:active{transform:none}}