/* DemiPi v1.2: brand gradient, one-time entrances, hover light, and cursor glow. */
.blog-hero{position:relative;isolation:isolate;overflow:clip}
.blog-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 37%,rgba(124,140,255,.17),transparent 57%),radial-gradient(ellipse at 53% 62%,rgba(179,124,255,.1),transparent 55%);transition:opacity .5s ease}
.blog-hero h1 em{
  display:inline-block;max-width:100%;font-style:normal;
  background-image:linear-gradient(90deg,var(--blue,#7c8cff) 0%,var(--purple,#b37cff) 50%,var(--blue,#7c8cff) 100%)!important;
  background-size:200% 100%!important;background-repeat:repeat-x!important;
  background-position:0% 50%;background-clip:text!important;-webkit-background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
@keyframes dpib-gradient-right{from{background-position:0% 50%}to{background-position:-200% 50%}}
@media(prefers-reduced-motion:no-preference){
  .blog-hero h1 em{animation:dpib-gradient-right 8s linear infinite}
  .dpib-motion-root.dpib-motion-ready [data-dpib-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:none}
  .dpib-motion-root.dpib-motion-ready [data-dpib-reveal].dpib-revealed{opacity:1;transform:none;transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1);transition-delay:var(--dpib-reveal-delay,0ms)}
  .dpib-motion-root.dpib-motion-ready [data-dpib-reveal]:focus-within{opacity:1;transform:none}
}
.dpib-cursor-glow{position:absolute;left:0;top:0;z-index:-1;width:660px;height:460px;pointer-events:none;background:radial-gradient(ellipse at 36% 42%,rgba(124,140,255,.3),transparent 65%),radial-gradient(ellipse at 68% 55%,rgba(179,124,255,.25),transparent 66%);filter:blur(25px);opacity:.3;transition:opacity .5s ease;will-change:transform}
.blog-hero.dpib-glow-tracking::before{opacity:.35}
.blog-hero.dpib-glow-active .dpib-cursor-glow{opacity:.78}
.dpib-motion-root .story-card{border-radius:17px 17px 0 0}
.dpib-motion-root .story-link{border-radius:17px;transition:background .28s ease,box-shadow .28s ease}
.dpib-motion-root .story-art{transition:border-color .28s ease,box-shadow .28s ease}
.dpib-motion-root .story-art img,.dpib-motion-root .feature-art img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.dpib-motion-root .art-arrow{transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.dpib-motion-root .feature-story{transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
.dpib-motion-root .btn{transition:transform .2s ease,box-shadow .25s ease}
.dpib-motion-root .story-card:focus-within .story-link{background:rgba(124,140,255,.045);box-shadow:0 0 0 1px rgba(157,133,255,.25),0 14px 45px rgba(124,140,255,.1)}
@media(hover:hover) and (pointer:fine){
  .dpib-motion-root .story-card:hover .story-link{background:rgba(124,140,255,.045);box-shadow:0 0 0 1px rgba(157,133,255,.25),0 14px 45px rgba(124,140,255,.1)}
  .dpib-motion-root .story-card:hover .story-art{border-color:rgba(179,124,255,.65);box-shadow:inset 0 0 28px rgba(124,140,255,.08)}
  .dpib-motion-root .story-card:hover .story-art img,.dpib-motion-root .feature-story:hover .feature-art img{filter:brightness(1.13) saturate(1.08);transform:scale(1.035)}
  .dpib-motion-root .story-card:hover .art-arrow{transform:translate(2px,-2px);background:rgba(124,140,255,.22);border-color:rgba(179,124,255,.55);box-shadow:0 0 20px rgba(124,140,255,.22)}
  .dpib-motion-root .story-card:hover .story-read span{transform:translateX(5px)}
  .dpib-motion-root .feature-story:hover{border-color:rgba(179,124,255,.6);background:linear-gradient(120deg,rgba(124,140,255,.06),rgba(179,124,255,.035));box-shadow:0 14px 55px rgba(124,140,255,.12)}
  .dpib-motion-root .btn:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(124,140,255,.1),0 14px 40px rgba(124,140,255,.2)}
  .dpib-motion-root .filter-chip:not(.active):hover{background:rgba(124,140,255,.09);border-color:rgba(179,124,255,.6)}
}
@media(max-width:760px){.dpib-cursor-glow{width:440px;height:340px}}
@media(prefers-reduced-motion:reduce){
  .blog-hero h1 em{animation:none!important;background-position:0% 50%}
  .dpib-motion-root [data-dpib-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .dpib-cursor-glow{display:none!important}
}