.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{width:35px;height:35px;aspect-ratio:1;border-radius:50%;margin-right:10px}.article .hero__inner .author-and-date .author-image img{width:100%;height:100%;border-radius:50%}.article .hero:not(.dark-hero){background-color:#fff;color:var(--clr-primary)}.article .hero.dark-hero{position:relative;background-color:var(--clr-primary);color:#fff}.article .hero.dark-hero:after{content:"";position:absolute;height:clamp(5.625rem,10.897vw + 3.173rem,16.25rem);background-color:var(--clr-primary);top:100%;left:0;right:0;z-index:-1}@media(min-width:1035px){.article .hero .author-and-date .author:after{content:"";width:1px;height:15px;background-color:var(--clr-secondary);margin-inline:10px}}@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}}