@media only screen and (min-width:0rem){#blog-1580{padding:var(--sectionPadding);position:relative;z-index:1}#blog-1580 .cs-container{gap:clamp(3rem,6vw,4rem);margin:auto;max-width:36.5rem}#blog-1580 .cs-container,#blog-1580 .cs-content{align-items:center;display:flex;flex-direction:column;width:100%}#blog-1580 .cs-content{text-align:center}#blog-1580 .cs-title{max-width:20ch}#blog-1580 .cs-card-group{-moz-column-gap:clamp(1rem,2.5vw,2rem);column-gap:clamp(1rem,2.5vw,2rem);display:grid;grid-template-columns:repeat(12,1fr);margin:0;padding:0;row-gap:4rem;width:100%}#blog-1580 .cs-item{grid-column:span 12;list-style:none;overflow:hidden;position:relative;text-align:left;transition:box-shadow .3s,transform .3s;z-index:1}#blog-1580 .cs-item:hover .cs-picture img{opacity:.3;transform:scale(1.1)}#blog-1580 .cs-item:hover .cs-h3{color:var(--primary)}#blog-1580 .cs-link{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}#blog-1580 .cs-picture{background-color:#1a1a1a;display:block;flex:none;height:100vw;margin:0 0 clamp(1rem,3vw,1.5rem);max-height:18.75rem;min-height:13.75rem;overflow:hidden;position:relative;width:100%;z-index:1}#blog-1580 .cs-picture img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .6s,opacity .3s;width:100%}#blog-1580 .cs-flex{align-items:flex-start;display:flex;flex-direction:column;height:100%;position:relative;z-index:2}#blog-1580 .cs-date{background-color:var(--secondaryLight);border-radius:4px;bottom:100%;color:#1a1a1a;display:inline-block;font-size:1rem;left:1rem;margin:0 0 2rem;padding:.5rem 1rem;position:absolute;z-index:2}#blog-1580 .cs-date,#blog-1580 .cs-h3{font-weight:700;line-height:1.2em;text-align:inherit}#blog-1580 .cs-h3{color:var(--headerColor);font-size:clamp(1.25rem,2.5vw,1.5625rem);margin:0 0 clamp(.75rem,2vw,1rem);transition:color .3s}#blog-1580 .cs-item-text{color:var(--bodyTextColor);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.5em;margin:0;text-align:inherit}}@media only screen and (min-width:48rem){#blog-1580 .cs-container{max-width:80rem}#blog-1580 .cs-title{margin:0}#blog-1580 .cs-item{grid-column:span 4}#blog-1580 .cs-picture{height:clamp(11.25rem,23vw,17.75rem);max-height:100%;min-height:11.25rem}}@media only screen and (min-width:0rem){body.dark-mode #blog-1580 .cs-h3,body.dark-mode #blog-1580 .cs-item-text,body.dark-mode #blog-1580 .cs-text,body.dark-mode #blog-1580 .cs-title{color:var(--bodyTextColorWhite)}body.dark-mode #blog-1580 .cs-item-text,body.dark-mode #blog-1580 .cs-text{opacity:.8}}