.card { position:relative; border:1px solid transparent; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card:hover { transform:translateY(-6px); box-shadow:0 22px 44px rgba(1,23,58,.28); border-color:var(--gold); }
@media (hover:hover) {
  .card .share-row { opacity:0; transform:translateY(6px); transition:opacity .22s ease, transform .22s ease; }
  .card:hover .share-row, .card:focus-within .share-row { opacity:1; transform:none; }
}
.card.is-written { --card:linear-gradient(155deg,#0A2E63,#01173A 60%,#123C7A); }
.card.is-written:before { content:""; position:absolute; inset:0; z-index:0; opacity:.22; background:url('brand80/nb80-pattern-v2.jpg') center/300px auto repeat; mix-blend-mode:luminosity; }
.card.is-written:after { content:"\201C"; position:absolute; z-index:0; top:-26px; left:16px; color:var(--gold); opacity:.32; font-family:'Marcellus','Times New Roman',Times,serif; font-size:11rem; line-height:1; pointer-events:none; }
.card.is-written > * { position:relative; z-index:1; }
.card.is-video.no-poster { --card:linear-gradient(150deg,#04264F,#01173A 55%,#0B3B7A); }
.card.is-video.no-poster:before { content:""; position:absolute; inset:0; z-index:0; opacity:.2; background:url('brand80/nb80-pattern-v2.jpg') center/300px auto repeat; }
.card.is-video .play-badge { position:absolute; z-index:1; top:22px; right:22px; display:grid; place-items:center; width:46px; height:46px; border:1.5px solid rgba(218,170,91,.75); border-radius:50%; background:rgba(1,23,58,.5); backdrop-filter:blur(4px); }
.card.is-video .play-badge:after { content:""; margin-left:3px; border-style:solid; border-width:8px 0 8px 13px; border-color:transparent transparent transparent var(--gold); }
.card.is-video > *:not(.play-badge) { position:relative; z-index:1; }