.ui-media-card.ui-card{--card-overlay-ink:#fff;--card-overlay-muted:#f0edf5;--card-scrim:#100b1bf0;isolation:isolate;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius,20px);min-width:0;height:100%;color:var(--ui-ink);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.ui-media-card[data-tone=soft]{background:var(--surface-alt)}.ui-media-card[data-linked=true]:hover{border-color:var(--border-accent);box-shadow:var(--shadow);transform:translateY(-3px)}.ui-media-card[data-linked=true]:active{transform:translateY(0)scale(.995)}.ui-media-card:has(.ui-media-card-link:focus-visible){outline:3px solid var(--ui-focus);outline-offset:4px}.ui-media-card-visual{width:100%;min-width:0;aspect-ratio:var(--card-ratio);background:var(--surface-alt);position:relative;overflow:hidden}.ui-card-preview{width:100%;height:100%;min-height:0;position:relative}.ui-card-preview>img,.ui-card-preview>video{object-fit:cover;object-position:var(--card-position);width:100%;max-width:100%;height:100%;transition:transform .45s;display:block}.ui-media-card[data-linked=true]:hover .ui-card-preview>img{transform:scale(1.035)}.ui-media-card-copy{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;min-width:0;padding:25px;display:flex}.ui-media-card-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-accent);margin-bottom:12px;font-size:10px;font-weight:650;line-height:1.5;display:block}.ui-media-card-copy h2,.ui-media-card-copy h3{letter-spacing:-.035em;max-width:none;margin:0 0 13px;font-size:clamp(21px,2vw,27px);font-weight:600;line-height:1.25}.ui-media-card-copy>p{color:var(--ui-muted);margin:0 0 17px;font-size:13px;line-height:1.8}.ui-media-card-link.ui-link{color:inherit;border-radius:0;text-decoration:none;display:inline;position:static;transform:none}.ui-media-card-link:after{content:"";z-index:2;border-radius:inherit;position:absolute;inset:0}.ui-media-card-link.ui-link:focus-visible{outline:none}.ui-media-card-footer{width:100%;color:var(--ui-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;font-size:11px;line-height:1.7;display:flex}.ui-media-card-arrow{border:1px solid var(--ui-border);background:var(--ui-surface);width:32px;height:32px;color:var(--ui-accent);border-radius:50%;flex:0 0 32px;place-items:center;font-size:18px;transition:transform .2s,background .2s;display:grid}.ui-media-card:hover .ui-media-card-arrow{background:var(--purple-soft);transform:rotate(6deg)}.ui-media-card-badge{color:#fff;letter-spacing:.05em;overflow-wrap:anywhere;pointer-events:none;background:#100b1bd9;border:1px solid #ffffff40;border-radius:6px;max-width:calc(100% - 32px);padding:5px 9px;font-size:9px;font-weight:600;line-height:1.5;position:absolute;top:16px;left:16px}.ui-card-playback.ui-button{z-index:3;color:#fff;background:#100b1be6;border:1px solid #ffffff70;border-radius:30px;gap:6px;min-height:34px;padding:7px 10px;font-size:10px;position:absolute;bottom:13px;right:13px}.ui-card-playback.ui-button:hover:not(:disabled){color:#fff;background:#100b1b;border-color:#fff}.ui-card-media-error{background:var(--surface-alt);color:var(--muted);text-align:center;place-items:center;padding:22px;font-size:12px;display:grid;position:absolute;inset:0}.ui-media-card[data-layout=image-below]{grid-template-rows:1fr auto}.ui-media-card[data-layout=image-below] .ui-media-card-visual{grid-row:2}.ui-media-card[data-layout=image-below] .ui-media-card-copy{grid-row:1}.ui-media-card[data-layout=split]{grid-template-rows:auto;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);container-type:inline-size}.ui-media-card[data-layout=split] .ui-media-card-visual{aspect-ratio:auto;height:100%;min-height:300px}.ui-media-card[data-layout=split] .ui-card-preview{position:absolute;inset:0}.ui-media-card[data-layout=split] .ui-media-card-copy{justify-content:center}.ui-media-card[data-layout=split] .ui-media-card-footer{margin-top:14px}.ui-media-card[data-layout=overlay]{aspect-ratio:auto;min-height:420px;color:var(--card-overlay-ink);background:#100b1b;grid-template-rows:1fr}.ui-media-card[data-layout=overlay] .ui-media-card-visual{aspect-ratio:auto;background:#100b1b;height:100%;position:absolute;inset:0}.ui-media-card[data-layout=overlay] .ui-media-card-copy{z-index:1;background:linear-gradient(180deg,#100b1b10 0,#100b1bb8 110px,var(--card-scrim) 100%);pointer-events:none;justify-content:flex-end;padding-top:145px}.ui-media-card[data-layout=overlay] .ui-media-card-link{pointer-events:auto}.ui-media-card[data-layout=overlay] .ui-media-card-copy>p,.ui-media-card[data-layout=overlay] .ui-media-card-eyebrow,.ui-media-card[data-layout=overlay] .ui-media-card-footer{color:var(--card-overlay-muted)}.ui-media-card[data-layout=overlay] .ui-media-card-footer{margin-top:0}.ui-media-card[data-layout=overlay] .ui-media-card-arrow{color:#fff;background:#ffffff1a;border-color:#fff5}.ui-media-card[data-layout=overlay] .ui-card-playback{top:13px;bottom:auto}.ui-media-card[data-layout=overlay][data-content-position=top] .ui-media-card-copy{background:linear-gradient(0deg,#100b1b10 0,#100b1bb8 110px,var(--card-scrim) 100%);justify-content:flex-start;padding-top:25px;padding-bottom:145px}.ui-media-card[data-layout=overlay][data-content-position=top] .ui-card-playback{top:auto;bottom:13px}.ui-media-card[data-layout=overlay][data-content-position=top] .ui-media-card-badge{top:auto;bottom:16px}.ui-media-card[data-layout=text]{grid-template-rows:1fr}@container (width<=540px){.ui-media-card[data-layout=split]>.ui-media-card-visual{height:auto;min-height:0;aspect-ratio:var(--card-ratio);grid-column:1/-1}.ui-media-card[data-layout=split]>.ui-media-card-copy{grid-column:1/-1}}@media (width<=760px){.ui-media-card-copy{padding:23px}.ui-media-card[data-layout=split]{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.ui-media-card[data-layout=split] .ui-media-card-visual{height:auto;min-height:0;aspect-ratio:var(--card-ratio)}.ui-media-card[data-layout=overlay]{min-height:400px}}@media (prefers-reduced-motion:reduce){.ui-media-card,.ui-card-preview>img,.ui-media-card-arrow{transition:none!important}.ui-media-card[data-linked=true]:hover,.ui-media-card[data-linked=true]:active,.ui-media-card[data-linked=true]:hover .ui-card-preview>img,.ui-media-card:hover .ui-media-card-arrow{transform:none}}
