.hero-single{background:var(--black)}.hero-single--content{display:flex;flex-direction:column;gap:32px;padding:16px;color:#fff}@media screen and (min-width: 992px){.hero-single--content{gap:120px;padding:56px clamp(16px,5.56vw,80px) 32px}}.hero-single--content h2{margin-bottom:24px;text-wrap:balance}@media screen and (min-width: 992px){.hero-single--content h2{margin-bottom:40px}}.hero-single--content>div{display:flex;flex-direction:column}.hero-single--content>div div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media screen and (min-width: 992px){.hero-single--content>div div{flex-direction:row;align-items:center;justify-content:space-between}}.hero-single--content span{font-size:.875rem;font-style:normal;font-weight:400;line-height:150%}.hero-single--content .category{font-size:1rem;color:var(--black);padding:4px 12px;background:var(--creme)}.hero-single--content .read-time,.hero-single--content .date,.hero-single--content .author{display:flex;align-items:center;gap:16px}.hero-single--content .read-time:before,.hero-single--content .date:before,.hero-single--content .author:before{content:"";width:24px;height:24px;background:var(--orange);flex-shrink:0}.hero-single--content .read-time:before{-webkit-mask:url(/app/themes/base/public/build/assets/time-BrtuO22x.svg) no-repeat center;mask:url(/app/themes/base/public/build/assets/time-BrtuO22x.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.hero-single--content .date:before{-webkit-mask:url(/app/themes/base/public/build/assets/date-ENZBkQ9Q.svg) no-repeat center;mask:url(/app/themes/base/public/build/assets/date-ENZBkQ9Q.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.hero-single--content .author:before{-webkit-mask:url(/app/themes/base/public/build/assets/fat-user-CKHAY2IF.svg) no-repeat center;mask:url(/app/themes/base/public/build/assets/fat-user-CKHAY2IF.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.hero-single--image{height:clamp(230px,63.89vw,350px);width:100%;display:flex}@media screen and (min-width: 992px){.hero-single--image{height:clamp(230px,27.78vw,400px)}}.hero-single--image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}