.duotone{position:relative;width:100%;overflow:hidden;background:linear-gradient(160deg,#17171b,#0d0d10);border:1px solid var(--hairline);color:#e6e6ea}.duotone__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.duotone__texture{position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(247,181,0,.13) 0 1px,transparent 1px 11px)}.duotone__glow{position:absolute;inset:0;background:radial-gradient(120% 90% at 78% 8%,rgba(247,181,0,.16),transparent 60%)}[dir=rtl] .duotone__glow{background:radial-gradient(120% 90% at 22% 8%,rgba(247,181,0,.16),transparent 60%)}.duotone__scrim{background:linear-gradient(0deg,rgba(11,11,12,.92) 0,rgba(11,11,12,.35) 45%,transparent 75%)}.duotone__play-wrap,.duotone__scrim{position:absolute;inset:0;pointer-events:none}.duotone__play,.duotone__play-wrap{display:flex;align-items:center;justify-content:center}.duotone__play{width:62px;height:62px;border-radius:var(--radius-pill);background:var(--marigold);box-shadow:0 10px 34px rgba(0,0,0,.5)}.duotone__play-triangle{display:block;width:0;height:0;-webkit-margin-start:5px;margin-inline-start:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--ink)}[dir=rtl] .duotone__play-triangle{border-width:11px 18px 11px 0;border-color:transparent var(--ink) transparent transparent}