.blog-cover{--cover-ink:#0b1020;border-radius:var(--ui-radius-md,10px);background:radial-gradient(120% 90% at 85% -10%, color-mix(in srgb, var(--cover-b) 26%, transparent), transparent 60%), radial-gradient(130% 100% at -10% 110%, color-mix(in srgb, var(--cover-a) 22%, transparent), transparent 55%), var(--cover-ink);isolation:isolate;position:relative;overflow:hidden}.blog-cover--card,.blog-cover--hero{aspect-ratio:16/10}.blog-cover--banner{aspect-ratio:21/8}.blog-cover__holo{background:conic-gradient(from var(--cover-spin,210deg) at 60% 40%, transparent 0deg, color-mix(in srgb, var(--cover-a) 55%, transparent) 55deg, transparent 120deg, color-mix(in srgb, var(--cover-b) 45%, transparent) 195deg, transparent 260deg, color-mix(in srgb, var(--cover-a) 30%, transparent) 320deg, transparent 360deg);opacity:.5;filter:blur(18px);transition:transform .6s var(--ds-ease-out,ease-out);position:absolute;inset:-35%}a:hover .blog-cover__holo,a:focus-visible .blog-cover__holo{transform:rotate(14deg)scale(1.06)}.blog-cover__grid{opacity:.6;background-image:radial-gradient(#ffffff24 1px,#0000 1.4px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#0000 25%,#000 70%);mask-image:linear-gradient(115deg,#0000 25%,#000 70%)}.blog-cover--grain-lines .blog-cover__grid{opacity:.55;background-image:repeating-linear-gradient(115deg,#ffffff1f 0 1px,#0000 1px 11px);background-size:auto}.blog-cover--grain-cross .blog-cover__grid{opacity:.5;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:22px 22px}.blog-cover__card{aspect-ratio:63/88;background:linear-gradient(155deg, color-mix(in srgb, var(--cover-a) 45%, #ffffff0f), #ffffff08 45%, color-mix(in srgb, var(--cover-b) 40%, #ffffff0d));border:1.5px solid #ffffff59;border-radius:8%/5.5%;width:34%;position:absolute;bottom:-18%;right:7%;transform:rotate(9deg);box-shadow:0 12px 30px #00000073}.blog-cover--banner .blog-cover__card{width:13%;bottom:-34%;right:10%}.blog-cover--with-art .blog-cover__card{border-color:#ffffff80;width:40%;bottom:-12%;right:6%}.blog-cover--with-art.blog-cover--banner .blog-cover__card{width:15%;bottom:-30%}.blog-cover--with-art .blog-cover__motif{opacity:.55;width:38%}.blog-cover__card-art{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.blog-cover__card-shine{border-radius:inherit;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 30%,#ffffff59 48%,#0000 60%);position:absolute;inset:0}.blog-cover__motif{stroke:#ffffffd9;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:46%;position:absolute;top:50%;left:6%;transform:translateY(-50%)}.blog-cover--banner .blog-cover__motif{width:20%;left:5%}.blog-cover__serial{font-family:var(--ui-font-mono);letter-spacing:.14em;color:#ffffffbf;text-transform:uppercase;font-size:.62rem;position:absolute;top:.7rem;right:.85rem}.blog-cover__scene{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:transform .6s var(--ds-ease-out,ease-out);position:absolute;inset:0}a:hover .blog-cover--scene .blog-cover__scene,a:focus-visible .blog-cover--scene .blog-cover__scene{transform:scale(1.04)}.blog-cover--scene .blog-cover__card{background:var(--cover-ink)}.blog-cover--scene.blog-cover--with-art .blog-cover__card{width:30%;bottom:-10%;right:5%}.blog-cover--scene.blog-cover--with-art.blog-cover--banner .blog-cover__card{width:13%;bottom:-26%;right:6%}.blog-cover--scene .blog-cover__serial{color:#ffffffd9;background:#0b10208c;border-radius:4px;padding:.15rem .4rem}
