:root{--site-padding:clamp(16px, 4vw, 40px);--white:231, 237, 240;--black:14, 19, 26;--grey:218, 220, 224;--red:255, 67, 90;--purple:113, 72, 225;--lime:211, 229, 0;--cyan:0, 175, 199;--cyan-p3:display-p3 .23 .786 .885;--green:0, 199, 96;--cyan-darker:14, 193, 209;--cyan-darker-p3:display-p3 .052 .687 .8;--cyan-darker2:40, 164, 181;--cyan-darker3:0, 132, 150;--elements-shadow:184, 193, 200;--elements-bg:19, 24, 31;--filter-shadow:inset 0px 1px 0px rgba(var(--white), .05), inset 0px -1px 0px 0 rgba(var(--white), .035), 0px 15px 20px 0 rgba(var(--black), .5);--filter-bg:linear-gradient(#161b22, #191f2699)}.blog-article-cover{background-color:rgba(var(--white), .05);aspect-ratio:4/2.5;margin-bottom:var(--site-padding);border-radius:10px;height:auto;display:flex;overflow:hidden}.blog-article-cover,.blog-article-cover img{-o-object-fit:cover;object-fit:cover;width:100%;transform:scale(1)}.blog-article-cover img{height:100%;transition:transform .3s,opacity .8s}.blog-article{max-width:650px;margin:0 auto 30px}.blog-article .updated{color:rgba(var(--cyan), 1);background-color:rgba(var(--cyan-darker), .09);border-radius:4px;padding:0 8px;font-size:14px;font-weight:600;display:inline-block}.blog-article h1{margin-top:1em}.blog-article p{margin-bottom:26px;font-size:17px;line-height:1.8}.blog-article ul{margin:0 0 26px;padding-left:1.35em;list-style:outside}.blog-article ul li{color:rgba(var(--white), .85);margin-bottom:.65em;padding-left:.25em;font-size:17px;line-height:1.8}.blog-article ul li::marker{color:rgba(var(--white), .35)}.blog-article ul li:last-child{margin-bottom:0}.blog-article ul li strong{color:rgba(var(--white), 1)}.blog-article strong{font-weight:700}.blog-article h2,.blog-article h3{color:rgba(var(--white), .9);margin-top:1.3em;margin-bottom:.4em;font-size:20px;font-weight:700}.blog-article h2 a,.blog-article h3 a{color:inherit}.blog-article h4{color:rgba(var(--white), .8);border-left:2px solid rgba(var(--white), .4);margin-top:1.1em;margin-bottom:.6em;padding-left:8px;font-size:16px;font-weight:400}.blog-article img{opacity:0;width:100%;height:auto;margin-bottom:10px;transition:opacity .8s}.blog-article ol{counter-reset:item;list-style:none}.blog-article ol li{counter-increment:item;position:relative}.blog-article ol li h3:before{content:counter(item) ". "}.blog-article .image-credits{text-align:center}.blog-article .image-credits span{text-transform:capitalize}.blog-header{flex-direction:column;margin:clamp(50px,10vw,80px) auto;padding:0 10px;display:flex}.blog-header .blog-header-info{font-size:16px}.blog-header .preheader span.divider{color:rgba(var(--white), .2)}.blog-header .preheader a{font-weight:700}.blog-header h1{max-width:650px;margin-bottom:15px}.blog-header p{margin:0!important}.blog-post-summary-wrapper{-moz-column-gap:clamp(25px, 3vw, 40px);grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;column-gap:clamp(25px,3vw,40px);width:100%;display:grid}.blog-post-summary-wrapper .preheader{margin-bottom:8px;font-size:13px}.blog-header-info{color:rgba(var(--white), .65);white-space:nowrap;align-items:center;gap:5px;margin-top:5px;font-size:14px;font-weight:500;display:flex}.blog-header-info a{color:inherit}.blog-post-summary{flex-direction:column;grid-column:span 2;gap:0;transition:transform .22s;display:flex}.blog-post-summary:first-of-type,.blog-post-summary:nth-of-type(2){grid-column:span 3}.blog-post-summary .article-title h3{font-size:16px;font-weight:650}.blog-post-summary .blog-header-info{margin-bottom:40px}.blog-post-summary .cover{background-color:rgba(var(--white), .05);aspect-ratio:4/3;border-radius:10px;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.blog-post-summary img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .8s;transform:scale(1)}.blog-post-summary a{display:inline-block}.blog-post-summary h3{margin-bottom:5px}.blog-post-summary h3 span{font-size:inherit;color:inherit;font-weight:inherit;background-position:0 100%;background-size:0 0;background-image:linear-gradient(to right, rgba(var(--cyan), .5), rgba(var(--cyan), .3));background-repeat:no-repeat;transition:background-size .5s cubic-bezier(.4,0,.2,1)}@media (width<=1080px){.blog-article-cover{width:calc(100% + var(--site-padding) * 2);margin-left:calc(-1 * var(--site-padding));border-radius:0}}@media (hover:hover) and (pointer:fine){.blog-header .preheader a:hover{color:inherit;text-decoration:underline}.blog-header-info a:hover{text-decoration:underline}.blog-post-summary a:hover{color:rgba(var(--white), 1)}.blog-post-summary a:hover img{transform:scale(1.025)}.blog-post-summary h3:hover span{background-size:100% 12px}}@media (width<=580px){.blog-post-summary-wrapper{flex-direction:column;display:flex}.blog-post-summary-wrapper .blog-header-info{margin-bottom:40px}.blog-post-summary-wrapper .cover{aspect-ratio:4/2.5}.blog-post-summary-wrapper .title h3{font-size:20px}}@media (width<=890px){.blog-post-summary{grid-column:span 3}}@media (width>=891px){.blog-post-summary .article-title h3{font-size:18px}.blog-post-summary:nth-of-type(n+3) h3{font-size:16px!important}}
