.article .hero{padding-block:clamp(40px,6vw,65px)}.article .hero__inner{gap:15px}.article .hero__inner .html-content{max-width:1235px}.article .hero__inner .author-and-date{gap:10px}.article .hero__inner .author-and-date .author-image{aspect-ratio:1;border-radius:50%;height:35px;margin-right:10px;width:35px}.article .hero__inner .author-and-date .author-image img{border-radius:50%;height:100%;width:100%}.article .hero:not(.dark-hero){background-color:#fff;color:var(--clr-primary)}.article .hero.dark-hero{background-color:var(--clr-primary);color:#fff;position:relative}.article .hero.dark-hero:after{background-color:var(--clr-primary);content:"";height:clamp(5.625rem,10.897vw + 3.173rem,16.25rem);left:0;position:absolute;right:0;top:100%;z-index:-1}@media(min-width:1035px){.article .hero .author-and-date .author:after{background-color:var(--clr-secondary);content:"";height:15px;margin-inline:10px;width:1px}}@media(max-width:1034px){.article .hero .author-and-date{margin-top:15px}}@media(min-width:1035px){.article-main .top-image{margin-bottom:100px}}@media(max-width:1034px){.article-main .top-image{margin-bottom:40px}.article-main .main-content__wrapper{margin-top:40px}}@media(min-width:576px)and (max-width:1034px){.article .container{max-width:710px}}