.blog-author__header{display:grid;gap:15px;grid-template-areas:"picture name" "picture department" "main-body main-body";grid-template-columns:var(--blog-author-picture-width,120px) auto;grid-template-rows:auto 1fr;margin:0 0 32px}@media(min-width:375px){.blog-author__header{--blog-author-picture-width:150px}}@media(min-width:1024px){.blog-author__header{--blog-author-picture-width:200px;gap:4px 46px;grid-template-areas:"picture name main-body" "picture department main-body";grid-template-columns:var(--blog-author-picture-width) 350px auto;margin:0 0 44px;padding:0 24px 20px;position:relative}.blog-author__header:before{background:var(--color-sky);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:30px}}.blog-author__name{align-self:flex-start;font-size:1.125rem;grid-area:name;line-height:1.3333333333;margin:0;position:relative}@media(min-width:1024px){.blog-author__name{font-size:1.5rem;margin-top:50px}}.blog-author__author{display:block;font-size:1rem;font-weight:500;line-height:2.125}@media(min-width:1024px){.blog-author__author{font-size:1.25rem}}.blog-author__picture{align-self:flex-start;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;grid-area:picture;overflow:hidden;position:relative}.blog-author__picture,.blog-author__picture img{display:block}.blog-author__department{font-size:1rem;grid-area:department;position:relative}@media(min-width:1024px){.blog-author__department{font-size:1.125rem}}.blog-author__main-body{grid-area:main-body;margin:16px 0 0;position:relative}@media(min-width:1024px){.blog-author__main-body{margin-top:55px}}