.blog-page { --blog-lilac: #b8a4ff; background: #080811; }
.blog-page main { overflow: clip; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.blog-hero { min-height: min(900px, 100svh); min-height: max(720px, 100svh); position: relative; display: flex; align-items: center; overflow: hidden; isolation: isolate; padding: 130px 0 100px; background: radial-gradient(ellipse at 74% 43%, rgba(67, 44, 139, .24), transparent 34%), radial-gradient(ellipse at 17% 79%, rgba(12, 114, 118, .12), transparent 35%), #080811; }
.blog-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(90deg, transparent, #000 45%, #000); }
.blog-hero-grid { position: absolute; width: 70vw; height: 70vw; right: -24vw; top: -21vw; z-index: -1; border: 1px solid rgba(183,160,255,.11); border-radius: 50%; box-shadow: 0 0 0 6vw rgba(183,160,255,.018), 0 0 0 13vw rgba(183,160,255,.018), 0 0 0 21vw rgba(183,160,255,.013); }
.blog-hero-inner { position: relative; width: 100%; z-index: 1; }
.blog-eyebrow { display: flex; align-items: center; gap: 10px; color: #c3b7ed; text-transform: uppercase; letter-spacing: .15em; font-size: .72rem; font-weight: 600; margin-bottom: 28px; }
.blog-live-dot { display: inline-block; width: 7px; height: 7px; background: #a897ff; border-radius: 50%; box-shadow: 0 0 14px #a897ff; animation: blog-pulse 2s ease infinite; }
.blog-hero h1 { font-size: clamp(3.4rem, 8.1vw, 7.3rem); line-height: .98; max-width: 850px; letter-spacing: -.065em; text-wrap: balance; }
.blog-hero h1 em { color: transparent; background: linear-gradient(100deg, #e6dfff 5%, #a995ff 48%, #74e0d3 100%); background-clip: text; -webkit-background-clip: text; }
.blog-hero-copy { max-width: 540px; margin-top: 28px; color: #aaa8c0; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.blog-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.blog-text-link { color: #d6d1e8; font-size: .9rem; transition: color .2s ease; }
.blog-text-link:hover { color: #fff; }
.blog-orb-scene { position: absolute; width: min(43vw, 590px); aspect-ratio: 1; right: 0; top: 50%; transform: translateY(-50%); perspective: 900px; pointer-events: none; }
.blog-orb { position: absolute; inset: 18%; transform-style: preserve-3d; animation: orb-hover 10s ease-in-out infinite; }
.blog-orb::before { content: ""; position: absolute; inset: 17%; border-radius: 50%; background: radial-gradient(circle at 34% 29%, rgba(255,255,255,.95), rgba(178,158,255,.85) 5%, rgba(96,68,198,.36) 28%, rgba(21,19,48,.22) 67%, transparent 72%); filter: drop-shadow(0 0 45px rgba(139,111,255,.46)); }
.orb-core { position: absolute; inset: 37%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: radial-gradient(circle at 30% 20%, #f7f1ff, #b8a4ff 18%, #483c81 64%, #151326); box-shadow: inset -14px -16px 34px rgba(0,0,0,.5), 0 0 42px rgba(168,143,255,.4); color: white; font: 800 clamp(2rem, 5vw, 4rem)/1 var(--font-display); text-shadow: 0 3px 20px rgba(13,10,25,.8); }
.orb-ring { position: absolute; inset: 12% 0; border: 1px solid rgba(176,158,255,.52); border-radius: 50%; transform: rotate(-28deg) rotateX(66deg); box-shadow: 0 0 20px rgba(153,132,255,.15); }
.orb-ring--b { inset: -1% 24%; transform: rotate(43deg) rotateY(64deg); border-color: rgba(103,222,209,.38); }
.orb-spark { position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #9bf4df; box-shadow: 0 0 20px 5px rgba(92,236,211,.35); }
.orb-spark--a { top: 16%; left: 20%; }
.orb-spark--b { right: 14%; bottom: 18%; width: 7px; height: 7px; background: #fff; box-shadow: 0 0 18px 5px rgba(205,189,255,.5); }
.orbit-label { position: absolute; padding: 6px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; background: rgba(17,16,34,.55); color: #cac1ee; font-size: .62rem; letter-spacing: .17em; backdrop-filter: blur(8px); }
.orbit-label--a { top: 18%; left: 20%; }
.orbit-label--b { top: 49%; right: 3%; }
.orbit-label--c { bottom: 14%; left: 31%; }
.blog-scroll-cue { display: inline-flex; align-items: center; gap: 12px; position: absolute; left: var(--space-md); bottom: -60px; color: #85839b; font-size: .73rem; letter-spacing: .08em; text-transform: uppercase; }
.blog-scroll-cue span { display: block; width: 28px; height: 1px; background: linear-gradient(90deg, #a996ff, transparent); }
.blog-explorer, .blog-reading { padding: clamp(76px, 10vw, 140px) 0; }
.blog-explorer { background: linear-gradient(180deg, #0b0a15, #090911 75%); }
.blog-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 38px; }
.blog-section-heading h2 { max-width: 680px; }
.blog-section-heading > p { max-width: 360px; color: var(--novia-muted); margin-bottom: 5px; }
.blog-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.blog-search { display: flex; align-items: center; gap: 10px; width: min(100%, 300px); min-height: 46px; padding: 0 14px; border: 1px solid var(--novia-border); border-radius: 999px; background: rgba(255,255,255,.025); color: #aaa2c4; }
.blog-search:focus-within { border-color: rgba(169,139,255,.7); box-shadow: 0 0 0 3px rgba(124,92,255,.12); }
.blog-search > span:first-child { font-size: 1.4rem; line-height: 1; }
.blog-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: white; background: transparent; font: inherit; font-size: .85rem; }
.blog-search input::placeholder { color: #77758b; }
.blog-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.blog-filter { min-height: 38px; padding: 8px 13px; border: 1px solid var(--novia-border); border-radius: 999px; color: #aaa8bd; background: transparent; font-size: .76rem; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.blog-filter:hover, .blog-filter.is-active { color: #f8f6ff; border-color: rgba(169,139,255,.55); background: rgba(124,92,255,.13); }
.blog-filter:focus-visible, .blog-card:focus-visible, .blog-article a:focus-visible { outline: 2px solid #b9a5ff; outline-offset: 4px; }
.blog-results { min-height: 22px; margin: 0 0 14px 3px; color: #77758b; font-size: .77rem; }
.blog-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.blog-card { --tilt-x: 0deg; --tilt-y: 0deg; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: linear-gradient(145deg, rgba(25,23,43,.88), rgba(13,13,23,.96)); transform: perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.blog-card:hover { border-color: rgba(169,139,255,.34); box-shadow: 0 24px 65px rgba(0,0,0,.32), 0 0 35px rgba(101,75,194,.09); }
.blog-card[hidden] { display: none; }
.blog-card--featured { grid-column: span 2; display: grid; grid-template-columns: 1.05fr 1fr; }
.blog-card-art { position: relative; min-height: 190px; overflow: hidden; display: block; isolation: isolate; background: radial-gradient(ellipse at 50% 100%, rgba(86,64,171,.35), transparent 66%), #11101e; }
.blog-card--featured .blog-card-art { min-height: 100%; }
.blog-card-art::before, .blog-card-art::after { content: ""; position: absolute; border: 1px solid rgba(221,213,255,.12); border-radius: 50%; transform: translateZ(30px); }
.blog-card-art::before { width: 180px; height: 180px; left: 50%; top: 50%; margin: -90px 0 0 -90px; }
.blog-card-art::after { width: 250px; height: 250px; left: 50%; top: 50%; margin: -125px 0 0 -125px; border-style: dashed; opacity: .5; }
.art-index { position: absolute; top: 14px; left: 16px; z-index: 2; color: rgba(240,235,255,.58); font: 700 .67rem/1 var(--font-display); letter-spacing: .12em; }
.blog-card-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 22px; }
.blog-card-body strong { margin: 9px 0 8px; color: #f8f7ff; font: 700 1.03rem/1.27 var(--font-display); letter-spacing: -.025em; }
.blog-card-body > span:not(.blog-card-meta):not(.blog-card-cta) { color: #9290a5; font-size: .83rem; line-height: 1.55; }
.blog-card-meta { color: #b5a3ff !important; font-size: .67rem !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.blog-card-cta { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; padding-top: 22px; color: #d2c4ff; font-size: .78rem; }
.blog-card-cta b { font-size: 1rem; transition: transform .2s ease; }
.blog-card:hover .blog-card-cta b { transform: translate(3px,-3px); }
.blog-card--featured .blog-card-body { padding: clamp(22px, 3vw, 38px); }
.blog-card--featured .blog-card-body strong { font-size: clamp(1.2rem, 2vw, 1.7rem); }
.art-neural { background: radial-gradient(ellipse at 50% 50%, rgba(122,88,231,.35), transparent 56%), #11101e; }
.neural-node { position: absolute; z-index: 1; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px; border: 1px solid rgba(220,210,255,.6); border-radius: 50%; background: radial-gradient(circle at 32% 28%, #e8dcff, #8771d7 30%, #292244 72%); box-shadow: 0 0 50px rgba(151,124,255,.38); }
.neural-line { position: absolute; left: 50%; top: 50%; height: 1px; width: 66%; background: linear-gradient(90deg, transparent, #a28fff, transparent); transform-origin: left; }
.neural-line--one { transform: rotate(30deg); }.neural-line--two { transform: rotate(150deg); }
.art-prompt { background: radial-gradient(ellipse at 44% 62%, rgba(35,144,145,.22), transparent 55%), #10131d; }
.prompt-window, .web-frame { position: absolute; width: 138px; height: 92px; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-8deg) rotateY(-15deg); border: 1px solid rgba(187,224,223,.35); border-radius: 10px; background: rgba(14,26,31,.8); box-shadow: 0 15px 35px rgba(0,0,0,.35), 0 0 24px rgba(67,205,191,.12); }
.prompt-window i, .web-frame i { display: inline-block; width: 5px; height: 5px; margin: 10px 0 0 9px; border-radius: 50%; background: #74d4c6; opacity: .7; }
.prompt-window b, .web-frame b { display: block; padding: 15px; color: #b8f2e5; font: 600 1.7rem var(--font-display); }
.art-bridge { background: radial-gradient(ellipse at 50%, rgba(201,129,87,.22), transparent 57%), #17111b; }
.bridge-node { position: absolute; top: 50%; width: 35px; height: 35px; margin-top: -17px; border: 1px solid rgba(255,200,153,.55); border-radius: 50%; background: radial-gradient(circle at 30% 25%, #ffd8aa, #a5546a 70%); box-shadow: 0 0 32px rgba(255,146,130,.3); }
.bridge-node--a { left: 26%; }.bridge-node--b { right: 26%; }.bridge-line { position: absolute; top: 50%; left: 33%; width: 34%; height: 1px; background: linear-gradient(90deg, #ffbb9e, #a9a1ff); box-shadow: 0 0 14px #ffad9d; }
.art-web { background: radial-gradient(ellipse at 50%, rgba(58,117,210,.25), transparent 59%), #0e1420; }.web-frame { background: rgba(14,25,42,.86); border-color: rgba(130,184,255,.35); }.web-frame i { background: #7eb9ff; }.web-frame b { color: #a9ceff; }
.art-game { background: radial-gradient(ellipse at 50%, rgba(169,72,209,.24), transparent 56%), #150f20; }.game-pad { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-12deg); display: grid; place-items: center; width: 82px; height: 62px; border: 1px solid rgba(230,160,255,.65); border-radius: 20px 20px 28px 28px; color: #f2c6ff; font-size: 1.8rem; background: linear-gradient(145deg, #47305e, #1a1328); box-shadow: 0 0 38px rgba(202,97,255,.2); }.game-pixel { position: absolute; width: 8px; height: 8px; background: #dba0ff; box-shadow: 0 0 15px #b665fa; }.game-pixel--a { left: 26%; top: 31%; }.game-pixel--b { right: 24%; bottom: 24%; }
.art-tools { background: radial-gradient(ellipse at 50%, rgba(57,140,112,.22), transparent 58%), #0e1717; }.tool-shape { position: absolute; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(172,241,211,.48); border-radius: 13px; color: #b8f2d8; background: linear-gradient(145deg, rgba(60,139,111,.46), rgba(20,44,41,.76)); box-shadow: 0 10px 25px rgba(0,0,0,.3), 0 0 22px rgba(86,221,176,.12); }.tool-shape--one { left: 30%; top: 34%; transform: rotate(-12deg); }.tool-shape--two { left: 49%; top: 48%; transform: rotate(8deg) translateZ(35px); }.tool-shape--three { right: 25%; top: 29%; transform: rotate(16deg); }
.art-music { background: radial-gradient(ellipse at 50%, rgba(202,94,142,.2), transparent 58%), #1b101a; }.music-wave { position: absolute; left: 14%; right: 14%; top: 50%; height: 54px; transform: translateY(-50%); opacity: .8; background: repeating-linear-gradient(90deg, transparent 0 7px, #ec8ab2 7px 9px, transparent 9px 15px); mask-image: radial-gradient(ellipse, #000 20%, transparent 70%); }.music-note { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffd0e4; font-size: 3rem; text-shadow: 0 0 30px #e875a5; }
.art-prospect { background: radial-gradient(ellipse at 50%, rgba(57,149,176,.24), transparent 58%), #0d161f; }.prospect-radar { position: absolute; width: 142px; height: 142px; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(108,218,228,.25); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 20px, rgba(108,218,228,.19) 21px 22px); }.prospect-radar::before { content: ""; position: absolute; left: 50%; top: 50%; width: 50%; height: 1px; transform-origin: left; transform: rotate(-36deg); background: linear-gradient(90deg,#8af1de,transparent); }.prospect-radar i { position: absolute; left: 28%; top: 30%; width: 5px; height: 5px; border-radius: 50%; background: #b4ffe7; box-shadow: 0 0 12px #76e7d0; }.prospect-radar i:nth-child(2) { left: 66%; top: 59%; }.prospect-radar i:nth-child(3) { left: 47%; top: 18%; }
.art-shift { background: radial-gradient(ellipse at 50%, rgba(224,153,76,.19), transparent 60%), #19140e; }.shift-arrow { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffd396; font: 400 4rem var(--font-display); text-shadow: 0 0 32px rgba(255,184,97,.55); }.shift-orbit { position: absolute; inset: 21%; border: 1px solid rgba(255,202,135,.34); border-radius: 50%; transform: rotateX(68deg) rotate(-24deg); }
.art-careers { background: radial-gradient(ellipse at 50%, rgba(79,118,207,.22), transparent 58%), #101322; }.career-orbit { position: absolute; inset: 24% 12%; border: 1px solid rgba(164,187,255,.42); border-radius: 50%; transform: rotate(-26deg); }.career-orbit--b { inset: 14% 29%; transform: rotate(62deg); border-color: rgba(118,228,222,.35); }.career-star { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ecedff; font-size: 2.1rem; text-shadow: 0 0 24px #839bff; }
.art-robot { background: radial-gradient(ellipse at 50%, rgba(89,177,192,.2), transparent 58%), #101719; }.robot-head { position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%); display: flex; justify-content: center; gap: 16px; align-items: center; width: 83px; height: 68px; border: 1px solid rgba(164,235,225,.48); border-radius: 24px 24px 19px 19px; background: linear-gradient(145deg,#496b70,#182528); box-shadow: inset -8px -8px 20px rgba(0,0,0,.4),0 0 30px rgba(95,208,197,.17); }.robot-head i { width: 8px; height: 8px; border-radius: 50%; background: #aaffee; box-shadow: 0 0 14px #6bf2d4; }.robot-head b { position: absolute; left: 50%; bottom: 12px; width: 23px; height: 1px; background: #aaffee; }.robot-antenna { position: absolute; left: 50%; top: 23%; width: 1px; height: 14px; background: #9cebe1; }.robot-antenna::after { content: ""; position: absolute; width: 5px; height: 5px; top: -5px; left: -2px; border-radius: 50%; background: #c4fff3; box-shadow: 0 0 12px #85e8db; }
.blog-empty { padding: 30px 0; color: #aaa8bd; text-align: center; }
.blog-reading { background: radial-gradient(ellipse at 0 25%, rgba(65,52,116,.13), transparent 32%), #080811; }
.blog-section-heading--reading { margin-bottom: 64px; }
.blog-article { display: grid; grid-template-columns: minmax(100px, .24fr) minmax(0, 1fr); gap: clamp(24px, 7vw, 100px); padding: clamp(42px, 7vw, 90px) 0; border-top: 1px solid rgba(255,255,255,.1); scroll-margin-top: 100px; }
.blog-article:last-child { border-bottom: 1px solid rgba(255,255,255,.1); }
.article-index { position: sticky; top: 105px; align-self: start; color: #b7a6ff; font: 700 .75rem/1.5 var(--font-display); letter-spacing: .12em; }
.article-index span { color: #6d687f; }
.article-copy { max-width: 800px; }
.article-copy h2 { margin: 12px 0 20px; font-size: clamp(1.75rem, 4vw, 3.2rem); text-wrap: balance; }
.article-copy h3 { margin: 30px 0 10px; color: #eeeaff; font-size: 1.12rem; }
.article-copy p { color: #aaa8bc; font-size: .98rem; line-height: 1.8; }
.article-copy p + p { margin-top: 15px; }
.article-copy .article-lead { margin-bottom: 23px; color: #d0ccdf; font-size: clamp(1.05rem, 1.7vw, 1.24rem); line-height: 1.7; }
.article-copy a:not(.article-cta) { color: #c9baff; text-decoration: underline; text-decoration-color: rgba(201,186,255,.45); text-underline-offset: 3px; }
.article-copy .article-keywords { margin-top: 22px; color: #858198; font-size: .82rem; }
.article-copy .article-keywords strong { color: #bbb4d2; }
.article-cta { display: inline-flex; align-items: center; gap: 12px; margin-top: 24px; padding: 12px 16px; border: 1px solid rgba(169,139,255,.31); border-radius: 999px; color: #e3dcff; background: rgba(124,92,255,.08); font-size: .82rem; transition: background .2s ease, border-color .2s ease; }
.article-cta:hover { border-color: rgba(169,139,255,.75); background: rgba(124,92,255,.16); }
.blog-end { padding: 0 0 clamp(80px, 12vw, 150px); background: #080811; }
.blog-end-panel { position: relative; overflow: hidden; padding: clamp(36px, 7vw, 80px); border: 1px solid rgba(179,159,255,.2); border-radius: 28px; background: radial-gradient(ellipse at 95% 2%, rgba(118,91,220,.24), transparent 40%), linear-gradient(140deg,#171426,#0e1019 70%); }
.blog-end-panel::after { content: "N"; position: absolute; right: 4%; bottom: -33%; color: rgba(255,255,255,.025); font: 800 clamp(15rem, 32vw, 28rem)/1 var(--font-display); pointer-events: none; }
.blog-end-panel h2 { position: relative; z-index: 1; font-size: clamp(2.5rem, 6vw, 5rem); }
.blog-end-panel h2 em { color: #b8a4ff; }
.blog-end-panel > p:not(.section-tag) { position: relative; z-index: 1; max-width: 540px; margin: 20px 0 28px; color: #aaa8bd; }
.blog-end-panel .btn-primary { position: relative; z-index: 1; }
.blog-page .footer { border-top: 1px solid rgba(255,255,255,.06); }
@keyframes orb-hover { 0%,100% { transform: rotateY(-10deg) rotateX(4deg) translateY(0); } 50% { transform: rotateY(10deg) rotateX(-4deg) translateY(-15px); } }
@keyframes blog-pulse { 0%,100% { opacity: 1; box-shadow: 0 0 14px #a897ff; } 50% { opacity: .45; box-shadow: 0 0 5px #a897ff; } }
@media (max-width: 1100px) {
  .blog-orb-scene { right: -7%; opacity: .72; }
  .blog-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blog-card--featured { grid-column: span 2; }
}
@media (max-width: 760px) {
  .blog-hero { min-height: 800px; min-height: 100svh; padding: 120px 0 100px; }
  .blog-orb-scene { width: 72vw; right: -19vw; top: auto; bottom: 4%; transform: none; opacity: .39; }
  .blog-hero-inner { padding-bottom: 170px; }
  .blog-scroll-cue { bottom: -38px; }
  .blog-section-heading { display: block; }
  .blog-section-heading > p { margin-top: 15px; }
  .blog-controls { align-items: stretch; flex-direction: column; }
  .blog-search { width: 100%; }
  .blog-filters { justify-content: flex-start; }
  .blog-card-grid { gap: 12px; }
  .blog-card, .blog-card--featured { display: flex; grid-column: auto; }
  .blog-card-art, .blog-card--featured .blog-card-art { min-height: 155px; }
  .blog-card-body { padding: 17px; }
  .blog-card-body strong { font-size: .96rem; }
  .blog-card-body > span:not(.blog-card-meta):not(.blog-card-cta) { font-size: .78rem; }
  .blog-article { grid-template-columns: 1fr; gap: 18px; padding: 44px 0; }
  .article-index { position: static; }
}
@media (max-width: 480px) {
  .blog-card-grid { grid-template-columns: 1fr; }
  .blog-card, .blog-card--featured { display: grid; grid-template-columns: 112px minmax(0,1fr); }
  .blog-card-art, .blog-card--featured .blog-card-art { min-height: 100%; }
  .blog-card-art::after { width: 120px; height: 120px; margin: -60px 0 0 -60px; }
  .blog-card-art::before { width: 84px; height: 84px; margin: -42px 0 0 -42px; }
  .blog-card-body, .blog-card--featured .blog-card-body { padding: 15px 13px; }
  .blog-card-body strong, .blog-card--featured .blog-card-body strong { font-size: .93rem; }
  .blog-card-cta { padding-top: 13px; }
  .blog-filters { gap: 6px; }
  .blog-filter { padding: 7px 10px; font-size: .69rem; }
  .blog-hero-actions { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .blog-live-dot, .blog-orb { animation: none; }
  .blog-card, .blog-card-cta b, .article-cta { transition: none; }
}