.tsph-blog-banner{background:#0a0a0a;color:#fff;overflow:hidden;padding:80px 32px 0;position:relative;width:100%;--tsph-bb-mx:50%;--tsph-bb-my:50%}.tsph-blog-banner__glow{background:radial-gradient(ellipse 60% 50% at 0 0,rgba(2,118,241,.22),transparent 60%),radial-gradient(ellipse 70% 60% at 100% 100%,rgba(199,157,226,.18),transparent 60%);inset:0}.tsph-blog-banner__glow,.tsph-blog-banner__orb{pointer-events:none;position:absolute;z-index:0}.tsph-blog-banner__orb{border-radius:50%;filter:blur(90px);will-change:transform}.tsph-blog-banner__orb--blue{animation:tsph-bb-orb-1 26s ease-in-out infinite;background:radial-gradient(circle,rgba(2,118,241,.42),transparent 70%);bottom:-200px;height:520px;left:-120px;width:520px}.tsph-blog-banner__orb--violet{animation:tsph-bb-orb-2 30s ease-in-out infinite;background:radial-gradient(circle,rgba(199,157,226,.3),transparent 70%);height:420px;right:6%;top:-160px;width:420px}@keyframes tsph-bb-orb-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,30px) scale(1.06)}}@keyframes tsph-bb-orb-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.05)}}.tsph-blog-banner__art{bottom:0;height:calc(100% - 120px);max-width:clamp(280px,28vw,480px);object-fit:contain;object-position:bottom right;pointer-events:none;position:absolute;right:0;user-select:none;width:auto;z-index:1}.tsph-blog-banner__grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='tsphbbn'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23tsphbbn)'/></svg>");inset:0;mix-blend-mode:screen;opacity:.55;pointer-events:none;position:absolute;z-index:1}.tsph-blog-banner:after{background:radial-gradient(circle 480px at var(--tsph-bb-mx) var(--tsph-bb-my),rgba(2,118,241,.1),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;transition:background-position .4s ease;z-index:0}.tsph-blog-banner__inner{margin:0 auto;max-width:1200px;padding:96px 0 88px;position:relative;z-index:2}.tsph-blog-banner__kicker{align-items:center;color:hsla(0,0%,100%,.55);display:inline-flex;font-size:11px;font-weight:700;gap:12px;letter-spacing:.22em;margin-bottom:36px;text-transform:uppercase}.tsph-blog-banner__kicker:before{background:hsla(0,0%,100%,.5);content:"";height:1px;width:24px}.tsph-blog-banner__kicker em{color:#fff;font-style:normal;font-weight:700}.tsph-blog-banner__title{margin:0;max-width:1100px;padding-bottom:28px;position:relative}.tsph-blog-banner__title,.tsph-blog-banner__title :is(h1,h2,h3,p,div,span){color:#fff;font-size:clamp(40px,5.4vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.05}.tsph-blog-banner__title :is(h1,h2,h3,p,div){margin:0;padding:0}.tsph-blog-banner__title :is(strong,em,b,i,.accent-text,.tsph-blog-banner__highlight){background:linear-gradient(95deg,#0276f1,#c79de2);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:inherit;font-weight:inherit}.tsph-blog-banner__title:after{background:linear-gradient(95deg,#0276f1,#c79de2);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:88px}.tsph-blog-banner__content{color:hsla(0,0%,100%,.7);font-size:clamp(17px,1.4vw,19px);font-weight:400;letter-spacing:-.005em;line-height:1.55;margin-left:22px;margin-top:28px;max-width:620px;position:relative}.tsph-blog-banner__content:before{background:linear-gradient(180deg,hsla(0,0%,100%,.32),hsla(0,0%,100%,.04));bottom:6px;content:"";left:-22px;position:absolute;top:6px;width:2px}.tsph-blog-banner__content p{color:inherit;font:inherit;margin:0 0 12px}.tsph-blog-banner__content p:last-child{margin-bottom:0}.tsph-blog-banner__content a{border-bottom:1px solid hsla(0,0%,100%,.4);color:#fff;transition:border-color .3s ease}.tsph-blog-banner__content a:hover{border-color:#fff}@media (max-width:1024px){.tsph-blog-banner{padding:80px 24px 0}.tsph-blog-banner__inner{padding:72px 0}.tsph-blog-banner__art{height:auto;max-width:none;object-fit:fill;width:min(220px,22vw)}}@media (max-width:768px){.tsph-blog-banner{padding:60px 24px 0}}@media (max-width:700px){.tsph-blog-banner__art{display:none}}@media (max-width:640px){.tsph-blog-banner{padding:70px 18px 0}.tsph-blog-banner__inner{padding:56px 0}.tsph-blog-banner__title{letter-spacing:-.035em}}