.blog-main{color:#fff;background:#101010;min-height:60vh;padding:7rem 1.5rem;position:relative;overflow:hidden}.button-v2.bottom{color:#4b525f}.footer-socials img{filter:brightness(0)}.blog-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.blog-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.blog-glow{background:radial-gradient(circle,#26f76d73,#151e2500 68%);width:1600px;height:1600px;animation:4s cubic-bezier(.39,.58,.57,1) both blog-glow-in;position:absolute;top:-1000px;left:25%}.blog-pixels{will-change:transform;background:#26f76d;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute}.blog-pixels--far{width:3px;height:3px;top:64px;left:7vw;box-shadow:17vw 145px #26f76d,39vw 34px #26f76d,58vw 208px #26f76d,79vw 92px #26f76d,91vw 236px #26f76d}.blog-pixels--middle{width:6px;height:6px;top:112px;left:10vw;box-shadow:27vw 172px #26f76d,62vw 18px #26f76d,86vw 126px #26f76d}.blog-pixels--near{width:10px;height:10px;top:130px;left:8vw;box-shadow:28vw 186px #26f76d,57vw -72px #26f76d}.blog-eyebrow,.blog-topic{color:#c8ff00;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700;text-decoration:none}.blog-title{margin:.5rem 0 2rem;font-size:clamp(2.5rem,7vw,5rem);line-height:.95}.blog-topics{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.blog-topics a{color:inherit;border:1px solid #555;border-radius:999px;padding:.5rem .875rem;text-decoration:none;transition:background-color .35s,border-color .35s,color .35s}.blog-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.blog-card{background:#1a1a1a;flex-direction:column;display:flex}.blog-card-image img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform 2s cubic-bezier(.16,1,.3,1);display:block}.blog-card-image{display:block;position:relative;overflow:hidden}.blog-card-new{color:#a0a0a0;letter-spacing:.2em;text-transform:uppercase;align-self:flex-start;margin-bottom:.5rem;font-size:.65rem;animation:2s cubic-bezier(.25,1,.5,1) .6s both blog-new-in}.blog-card-squares{grid-template-columns:repeat(2,1fr);display:grid;position:absolute;top:0;right:0}.blog-card-squares i{background:#fff;width:clamp(20px,2.5vw,32px);height:clamp(20px,2.5vw,32px);animation:1s cubic-bezier(.25,1,.5,1) .4s both blog-square-in;display:block}.blog-card-squares i:nth-child(2){background:#26f76d;animation-duration:.5s;animation-delay:.2s}.blog-card-squares i:nth-child(3){grid-column:2}@media (hover:hover){.blog-card:is(:hover,:focus-within) .blog-card-image img{transform:scale(1.1)}.blog-card:is(:hover,:focus-within) h2 a{color:#26f76d}.blog-topics a:hover{color:#101010;background:#c8ff00;border-color:#c8ff00}}@keyframes blog-glow-in{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes blog-square-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blog-new-in{0%{opacity:0}to{opacity:1}}.blog-card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card h2{margin:.75rem 0;font-size:1.5rem;line-height:1.1}.blog-card h2 a{color:inherit;text-decoration:none;transition:color .4s}.blog-card p{color:#c8c8c8;margin:0 0 1.25rem;line-height:1.5}.blog-card time{color:#a0a0a0;margin-top:auto;font-size:.875rem}.blog-article{max-width:940px;margin:0 auto;font-family:Figtree,sans-serif;font-size:16px;font-weight:300}.blog-article h1{text-align:center;max-width:850px;margin:20px auto;font-size:clamp(2.5rem,4vw,3.125rem);line-height:1.3}.blog-article time{color:#a0a0a0;margin-bottom:2rem;display:block}.blog-article__hero{aspect-ratio:16/9;object-fit:cover;width:100%;max-width:100%;height:auto;margin-bottom:2rem;display:block}.blog-article__content{color:#e0e0e0;line-height:1.4}.blog-article__content a{color:#c8ff00;text-decoration:underline}.blog-article__content img{max-width:100%;height:auto}.blog-article__content li+li{margin-top:.5rem}.blog-article__content pre{overflow-x:auto}.blog-article__content :not(pre)>code{overflow-wrap:anywhere}.blog-main a:focus-visible{outline-offset:3px;outline:3px solid #c8ff00}@media (width>=700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.blog-main{padding:5rem 1rem}}@media (prefers-reduced-motion:reduce){.blog-glow,.blog-card-new,.blog-card-squares i{animation:none}.blog-pixels,.blog-card-image img,.blog-topics a{transition:none}}