.relatedarticles__base{--o-articlelist-title-color:#1a1a1a;--o-articlelist-transition-duration:0.8s;--o-articlelist-gutter:var(--gutter);--text-decoration-hover:0px 3px 0px -1px var(--o-articlelist-title-color);margin-bottom:var(--d110)}.relatedarticles__title{font:var(--standard-bold);letter-spacing:var(--lspacing-standard-bold,normal);margin-bottom:var(--d60)}.relatedarticles__list{display:flex;flex-flow:row wrap;gap:var(--d90) var(--o-articlelist-gutter)}.relatedarticles__listItem{opacity:0;position:relative;transform:translateY(var(--d100));transition:transform var(--o-articlelist-transition-duration) ease-out,opacity var(--o-articlelist-transition-duration) ease-out;width:100%}.relatedarticles__listItem.animated{opacity:1;transform:translateY(0)}.relatedarticles__link,.relatedarticles__picture{display:block}.relatedarticles__link{position:relative}.relatedarticles__link.hasFocus:after{border-radius:2px;box-shadow:0 0 0 4px #1a1a1a;content:"";display:block;height:calc(100% + 16px);margin:-8px;position:absolute;top:0;width:calc(100% + 16px)}.relatedarticles__link.hasFocus,.relatedarticles__link:active,.relatedarticles__link:hover{text-decoration:none}.relatedarticles__picture{aspect-ratio:16/9;left:0;overflow:hidden;width:100%}.relatedarticles__box{padding-top:var(--d30)}.relatedarticles__image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.5s cubic-bezier(.3,.4,.4,1) .1s;width:100%}.relatedarticles__link.hasFocus .relatedarticles__image,.relatedarticles__link:active .relatedarticles__image,.relatedarticles__link:hover .relatedarticles__image{transform:scale(110%)}.relatedarticles__article-title{color:var(--o-articlelist-title-color);display:inline;font:var(--t400);letter-spacing:var(--lspacing-t400,normal);padding-bottom:1px;text-decoration:none;transition:color .2s ease-out,box-shadow .2s ease-out}.relatedarticles__link.hasFocus .relatedarticles__article-title,.relatedarticles__link:active .relatedarticles__article-title,.relatedarticles__link:hover .relatedarticles__article-title{box-shadow:var(--text-decoration-hover)}@media (min-width:575px){.relatedarticles__listItem{width:calc(50% - var(--gutter)/2)}.relatedarticles__listItem:nth-of-type(2n+2){transition-delay:.3s}}
@media (min-width: 991px) {
  .relatedarticles__base {
    --text-decoration-hover: 0px 4px 0px -1px var(--o-articlelist-title-color);
  }
  .relatedarticles__base {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}