:is(.home-article-card,.blog-feature,.article-card){--article-card-pointer-x:50%;--article-card-pointer-y:50%;--article-card-tilt-x:0deg;--article-card-tilt-y:0deg;isolation:isolate;transition:transform .26s cubic-bezier(.2,.75,.25,1),border-color .22s,background-color .22s,box-shadow .26s;position:relative;transform:none}:is(.home-article-card,.blog-feature,.article-card):before{z-index:0;border-radius:inherit;background:radial-gradient(ellipse at var(--article-card-pointer-x) var(--article-card-pointer-y), #8ea5ff21, transparent 58%);content:"";opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}:is(.home-article-card,.blog-feature,.article-card)>*{z-index:1;position:relative}:is(.home-article-image,.blog-feature-image,.article-card-image){position:relative}:is(.home-article-image,.blog-feature-image,.article-card-image)>img{z-index:0;filter:brightness()saturate();transition:transform .44s cubic-bezier(.2,.75,.25,1),filter .36s;position:relative;transform:scale(1)}:is(.home-article-image,.blog-feature-image,.article-card-image):after{z-index:1;background:radial-gradient(ellipse at var(--article-card-pointer-x) var(--article-card-pointer-y), #8ea5ff26, transparent 64%);content:"";opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.article-card-orbit{z-index:2;width:38px;height:38px;color:var(--accent);pointer-events:none;background:#15161de0;border:1px solid #b8c6ff61;border-radius:14px;place-items:center;transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .22s,box-shadow .22s;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 3px 8px #00000047}.article-card-orbit svg{width:24px;height:24px;display:block;overflow:visible}.article-card-orbit__satellite{transform-box:view-box;transform-origin:18px 18px;transition:transform .42s cubic-bezier(.2,.75,.25,1)}:is(.home-article-card,.blog-feature,.article-card):focus-within{border-color:var(--accent);outline-offset:3px;outline:2px solid #8ea5ffb8}.home-article-link span,.article-card-link span{transition:transform .22s}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.home-article-card,.blog-feature,.article-card):hover{transform:perspective(1100px) translateY(-6px) rotateX(var(--article-card-tilt-x)) rotateY(var(--article-card-tilt-y));border-color:var(--accent);background-color:var(--surface-hover);box-shadow:0 9px 14px #00000029}:is(.home-article-card,.blog-feature,.article-card):hover:before,:is(.home-article-image,.blog-feature-image,.article-card-image):hover:after{opacity:1}:is(.home-article-image,.blog-feature-image,.article-card-image):hover>img{filter:brightness(1.045)saturate(1.06);transform:scale(1.045)}:is(.home-article-card,.blog-feature,.article-card):hover .article-card-orbit{border-color:#b8c6ffb8;transform:translateY(-1px);box-shadow:0 4px 10px #0000004d}:is(.home-article-card,.blog-feature,.article-card):hover .article-card-orbit__satellite{transform:rotate(55deg)}.home-article-card:hover .home-article-link span,.blog-feature:hover .article-card-link span,.article-card:hover .article-card-link span{transform:translate(3px,-3px)}}@media (prefers-reduced-motion:reduce){:is(.home-article-card,.blog-feature,.article-card),:is(.home-article-image,.blog-feature-image,.article-card-image)>img,.article-card-orbit,.article-card-orbit__satellite{filter:none!important;transition:none!important;transform:none!important}}