: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, rgba(25, 31, 38, .6))}.blog-article-cover{display:flex;background-color:rgba(var(--white),.05);aspect-ratio:4/2.5;margin-bottom:var(--site-padding);border-radius:10px;height:auto;overflow:hidden}.blog-article-cover,.blog-article-cover img{width:100%;-o-object-fit:cover;object-fit:cover;transform:scaleZ(1)}.blog-article-cover img{height:100%;transition:transform .3s ease,opacity .8s}.blog-article{max-width:650px;margin:0 auto 30px}.blog-article .updated{font-size:14px;padding:0 8px;display:inline-block;font-weight:600;color:rgba(var(--cyan),1);background-color:rgba(var(--cyan-darker),.09);border-radius:4px}.blog-article h1{margin-top:1em}.blog-article p{font-size:17px;line-height:1.8;margin-bottom:26px}.blog-article strong{font-weight:700}.blog-article h2,.blog-article h3{color:rgba(var(--white),.9);font-weight:700;font-size:20px;margin-bottom:.4em;margin-top:1.3em}.blog-article h2 a,.blog-article h3 a{color:inherit}.blog-article h4{font-size:16px;font-weight:400;margin-top:1.1em;margin-bottom:.6em;color:rgba(var(--white),.8);border-left:2px solid rgba(var(--white),.4);padding-left:8px}.blog-article img{opacity:0;transition:opacity .8s;width:100%;height:auto;margin-bottom:10px}.blog-article ol{list-style:none;counter-reset:item}.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{display:flex;flex-direction:column;margin:clamp(50px,10vw,80px) auto;padding:0 10px}.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{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;-moz-column-gap:clamp(25px,3vw,40px);column-gap:clamp(25px,3vw,40px);width:100%}.blog-post-summary-wrapper .preheader{font-size:13px;margin-bottom:8px}.blog-header-info{display:flex;align-items:center;color:rgba(var(--white),.65);gap:5px;white-space:nowrap;font-weight:500;font-size:14px;margin-top:5px}.blog-header-info a{color:inherit}.blog-post-summary{display:flex;flex-direction:column;gap:0;transition:transform .22s ease;grid-column:span 2}.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{display:flex;background-color:rgba(var(--white),.05);aspect-ratio:4/3;margin-bottom:20px;border-radius:10px;overflow:hidden;width:100%}.blog-post-summary img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease,opacity .8s;transform:scaleZ(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-size:0 0;transition:background-size .5s cubic-bezier(.4,0,.2,1);background-position:0 100%;background-image:linear-gradient(to right,rgba(var(--cyan),.5),rgba(var(--cyan),.3));background-repeat:no-repeat}@media (max-width: 1080px){.blog-article-cover{border-radius:0;width:calc(100% + var(--site-padding) * 2);margin-left:calc(-1 * var(--site-padding))}}@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:scale3d(1.025,1.025,1)}.blog-post-summary h3:hover span{background-size:100% 12px}}@media (max-width: 580px){.blog-post-summary-wrapper{display:flex;flex-direction:column}.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 (max-width: 890px){.blog-post-summary{grid-column:span 3}}@media (min-width: 891px){.blog-post-summary .article-title h3{font-size:18px}.blog-post-summary:nth-of-type(n+3) h3{font-size:16px!important}}
