.new-content-card{--new-content-card-accent:#38bdf8;--new-content-card-background:var(--new-content-card-background);--new-content-card-background-start:color-mix(in srgb, var(--new-content-card-background) 92%, transparent);--new-content-card-background-end:color-mix(in srgb, var(--new-content-card-background) 82%, transparent);background:linear-gradient(145deg, var(--new-content-card-background-start), var(--new-content-card-background-end));border:1px solid color-mix(in srgb, var(--new-content-card-accent) 35%, transparent);min-height:100%;box-shadow:0 25px 60px #020617b3, inset 0 0 26px color-mix(in srgb, var(--new-content-card-accent) 16%, transparent);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);isolation:isolate;border-radius:28px;flex-direction:column;justify-content:flex-start;padding:1.75rem 1.5rem 1.5rem;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.new-content-card:before{content:"";background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--new-content-card-accent) 22%, transparent) 40%, color-mix(in srgb, var(--new-content-card-accent) 16%, transparent) 55%, transparent 100%);opacity:0;pointer-events:none;width:100%;height:120%;transition:opacity .32s;position:absolute;top:-120%;left:0;transform:translateY(-20%)}.new-content-card:after{content:"";background-image:linear-gradient(color-mix(in srgb, var(--new-content-card-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--new-content-card-accent) 5%, transparent) 1px, transparent 1px);mix-blend-mode:screen;opacity:.45;pointer-events:none;background-size:34px 34px;position:absolute;inset:0}.new-content-card:hover{--new-content-card-background-start:var(--new-content-card-background);--new-content-card-background-end:color-mix(in srgb, var(--new-content-card-background) 96%, white);border-color:var(--new-content-card-accent);border-color:color-mix(in srgb, var(--new-content-card-accent) 45%, #ffffff1a);box-shadow:0 30px 70px #020617b8, 0 0 22px color-mix(in srgb, var(--new-content-card-accent) 22%, transparent), 0 0 22px color-mix(in srgb, var(--new-content-card-accent) 30%, transparent), inset 0 0 30px color-mix(in srgb, var(--new-content-card-accent) 24%, transparent);transform:translateY(-6px)}.new-content-card:hover:before{opacity:1;animation:1.4s forwards new-content-card-scan}.new-content-card:focus-visible{border-color:var(--new-content-card-accent);border-color:color-mix(in srgb, var(--new-content-card-accent) 62%, #ffffff2e);box-shadow:0 0 0 3px #070b15cc, 0 0 0 6px color-mix(in srgb, var(--new-content-card-accent) 35%, transparent), 0 0 0 6px color-mix(in srgb, var(--new-content-card-accent) 55%, transparent);outline:none}@keyframes new-content-card-scan{0%{opacity:0;transform:translateY(-60%)}20%{opacity:.6}60%{opacity:.15}to{opacity:0;transform:translateY(120%)}}.new-content-card__chrome{z-index:1;letter-spacing:.15em;text-transform:uppercase;color:#cae4ffbf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.72rem;display:flex;position:relative}.new-content-card__chrome-label{color:#d6ecfffc}.new-content-card__chrome-time{color:#c9dfff9e;letter-spacing:.12em}@keyframes new-content-card-pulse{0%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}to{opacity:.35;transform:scale(.85)}}.new-content-card__content{z-index:1;flex-direction:column;flex:auto;gap:1.35rem;display:flex;position:relative}.new-content-card__media{z-index:0;border:1px solid color-mix(in srgb, var(--new-content-card-accent) 30%, transparent);background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--new-content-card-accent) 16%, transparent), transparent 55%), #000000a6;border-radius:22px;flex-shrink:0;transition:border-color .22s;position:relative;overflow:hidden}.new-content-card__media:after{content:"";background:linear-gradient(120deg, transparent 50%, color-mix(in srgb, var(--new-content-card-accent) 18%, transparent) 70%, transparent 100%);opacity:0;transition:opacity .28s;position:absolute;inset:0}.new-content-card:hover .new-content-card__media{border-color:var(--new-content-card-accent);border-color:color-mix(in srgb, var(--new-content-card-accent) 70%, #ffffff0d)}.new-content-card:hover .new-content-card__media:after{opacity:.35}.new-content-card__image{object-fit:cover;filter:saturate(1.15)contrast(1.08);border-radius:18px;width:100%;height:100%;transition:transform .32s,filter .32s;display:block}.new-content-card:hover .new-content-card__image{filter:saturate(1.35)contrast(1.12);transform:scale(1.04)}.new-content-card__body{align-content:start;gap:.85rem;display:grid}.new-content-card--horizontal .new-content-card__content{flex-direction:row;align-items:center}.new-content-card--horizontal .new-content-card__media{width:min(42%,260px)}.new-content-card--horizontal .new-content-card__body{flex:auto}.new-content-card__description{color:#c9dfffb3;margin:0;padding-left:1rem;font-size:.95rem;line-height:1.5;position:relative}.new-content-card__description:before{content:"";background:var(--new-content-card-accent);background:color-mix(in srgb, var(--new-content-card-accent) 70%, #0000);width:.5rem;height:.5rem;box-shadow:0 0 8px color-mix(in srgb, var(--new-content-card-accent) 45%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--new-content-card-accent) 60%, transparent);border-radius:50%;position:absolute;top:.55em;left:0}.new-content-card__description:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--new-content-card-accent) 35%, transparent) 0%, color-mix(in srgb, var(--new-content-card-accent) 45%, transparent) 0%, #0000 100%);opacity:.65;width:1px;position:absolute;top:1.35em;bottom:-.6rem;left:.18rem}.new-content-card__description:last-child:after{display:none}@media (max-width:991.98px){.new-content-card{padding:1.5rem 1.25rem 1.25rem}.new-content-card__description{font-size:.92rem}}@media (max-width:768px){.new-content-card__content{flex-direction:row;align-items:center}.new-content-card__media{width:min(42%,260px)}.new-content-card__body{flex:auto;min-width:0}}@media (max-width:575.98px){.new-content-card{border-radius:24px;padding:1.35rem 1.15rem 1.15rem}.new-content-card__content{align-items:flex-start}.new-content-card__media,.new-content-card--horizontal .new-content-card__media{width:min(38%,132px)}.new-content-card__chrome{font-size:.68rem}}