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