.postHero{background:#f5f5f5}.postHero-container{display:flex;flex-direction:column;padding:0 30px 60px;grid-gap:40px 0}.postHero__info{display:flex;flex-direction:column;grid-gap:20px 0;grid-area:info}.postHero__info-title{white-space:break-spaces}.postHero__info-date{display:flex;grid-gap:6px}.postHero__element{grid-area:element;position:relative;display:flex;width:fit-content;align-items:center;grid-gap:0 10px;font-family:var(--font-montserrat),sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:22px;padding-top:80px;margin-bottom:-30px;cursor:pointer}.postHero__element a{color:#04f}.postHero__element img{display:block;width:36px;height:36px}.postHero__element:before{content:"";display:block;position:absolute;top:0;left:5px;width:40px;height:42px;background-color:#fedd00;transform:skewX(-33deg) translateX(10px);margin-bottom:10px}.postHero__element:hover a{color:#212322}.postHero__element:hover img{filter:brightness(0)}.postHero__image{position:relative;display:flex;align-items:center;justify-content:center;grid-area:image;width:100%;max-width:500px;height:auto;border-radius:20px;overflow:hidden}.postHero__tags{grid-area:tags;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;grid-gap:20px}.postHero__tags-item{display:inline-flex;justify-content:center;align-items:center;width:min-content;height:34px;font-family:var(--font-montserrat),sans-serif;font-size:14px;font-weight:700;padding:0 16px;background:rgba(0,68,255,.1);color:#212322;border-radius:10px;white-space:nowrap;transition:all .2s ease;order:3}.postHero__tags-item:hover{color:#04f}.postHero__author{grid-area:author;display:flex;flex-wrap:wrap;grid-gap:8px 0}.postHero__author-image{width:62px;height:62px;border-radius:50%;overflow:hidden}.postHero__author-info-name{display:flex;align-items:center;grid-gap:0 10px}.postHero__author-info-name span{color:#04f;text-decoration:underline;transition:all .3s ease}.postHero__author-info-name span:hover{color:#212322}.postHero__author-info-bio{font-weight:600;margin-top:4px;max-width:420px}@media(min-width:768px){.postHero-container{padding:0 60px 80px}.postHero__image{max-width:648px;height:auto}.postHero__author{display:flex;flex-wrap:nowrap;align-items:center;grid-gap:0 18px}}@media(min-width:1366px){.postHero-container{width:1080px;margin:0 auto;grid-gap:40px;padding:0 0 80px;display:grid;grid-template-areas:"element element" "info image" "tags image" "author image"}.postHero__element{padding-top:73px;margin-bottom:-30px}.postHero__image{align-items:flex-start;width:520px;height:314px;max-width:unset}.postHero__image img{max-width:unset;min-width:100%;min-height:100%;object-fit:cover}.postHero__tags-item{height:40px;padding:0 18px}}@media(min-width:1920px){.postHero-container{width:1360px;padding:0 0 100px}.postHero__element{grid-gap:0 5px;font-size:16px;margin-bottom:-20px}.postHero__element img{width:46px;height:46px}.postHero .postHero__info-text{margin-top:20px}.postHero .postHero__info-name{font-size:16px}.postHero .postHero__info-bio{font-size:16px;line-height:21px}.postHero__image{width:680px;height:410px}.postHero__tags-item{height:46px;padding:0 20px;font-size:16px}}.postFooter{display:flex;flex-direction:column;grid-gap:40px;margin-top:60px}@media(min-width:768px){.postFooter{display:grid;grid-template-areas:"pfTags pfDate" "pfAuthor pfAuthor";grid-gap:40px;justify-content:space-between;margin-top:80px}.postFooter__tags{grid-area:pfTags}.postFooter__date{grid-area:pfDate}.postFooter__author{grid-area:pfAuthor}}@media(min-width:1920px){.postFooter{margin-top:100px}}