#hero{view-transition-name:--post-thumb;overflow:hidden;position:relative}#hero:after{background:hsla(0,0%,6%,.471);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}#hero .container{position:relative;z-index:1}#hero h1{margin:0 auto 10px}#hero .date{font-size:16px;margin-bottom:30px}#hero .author{align-self:center;gap:15px;justify-content:center;margin-bottom:90px}#hero .author img{border-radius:50%;height:50px;width:50px}#hero .author .author-info{font-family:var(--secondary-font-family);font-size:16px;font-weight:600;text-align:left}#hero .name{font-size:18px;margin-bottom:2px}#hero .position{font-size:14px}@media only screen and (max-width:767px){#hero h1{font-size:40px}#hero .author{justify-content:flex-start}}#article{padding:0;position:relative}#article .container{background-color:var(--color-white);border-radius:20px 20px 0 0;margin-top:-80px;padding:80px 0 150px}#article .article-content{margin-inline:auto;max-width:850px;position:relative}#article .article-content h2,#article .article-content h3,#article .article-content h4{letter-spacing:normal;margin-bottom:10px;max-width:none}#article .article-content h2{font-size:26px}#article .article-content h3{font-size:24px}#article .article-content h4{font-size:22px}#article .article-content figure{background-size:contain;margin-bottom:30px;text-align:center}#article .article-content img{border-radius:20px;margin-inline:auto}@media only screen and (max-width:767px){#article .article-content{padding:40px 20px 100px}#article .article-content h2{font-size:22px}#article .article-content h3{font-size:20px}#article .article-content p{font-size:16px}}