@keyframes my-logo-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
html, body { margin: 0; padding: 0; background: #FAFAF9; }
  * { box-sizing: border-box; }
  a { color: #14251C; text-decoration: none; }
  a:hover { color: #2E6B4F; }
  ::selection { background: #DCE7E0; }
.hv0:hover{background: #2E6B4F;}
.hv1:hover{background: #FFFFFF;}
.hv2:hover{border-color: #FAFAF9;}
.hv3:hover{background: #F7F7F5;}
.hv4:hover{color: #14251C;}
.only-desktop{display:contents}.only-mobile{display:none}.mobile-panel{display:none}.only-xl{display:none}
@media (max-width:1189px){.only-desktop{display:none}.only-mobile{display:contents}}
@media (min-width:1500px){.only-xl{display:contents}}
body.menu-open .mobile-panel{display:contents}

@media (max-width:640px){#my-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:1189px){.post-grid{grid-template-columns:minmax(0,1fr) !important;gap:40px !important}.post-aside{position:static !important}}