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