.banner-blog{position:relative}.banner-blog h1{text-align:center;font-weight:300;padding:20px 0}.banner-blog h1 strong{font-weight:400;position:relative;display:inline-block}.banner-blog h1 strong:after{content:attr(data-text);position:absolute;top:2px;left:-2px;z-index:-1;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--color-secondary);-webkit-text-stroke-width:1px}.banner-blog-inner{position:relative;padding:24px 0;animation-delay:.6s}.banner-blog-nav{animation-delay:.8s;display:none}.banner-blog-nav ul li{width:25%}.banner-blog-nav ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;width:100%}.banner-blog-nav li a{font-weight:400;letter-spacing:unset;font-family:var(--font-family-base),sans-serif;font-size:20px;text-decoration:none;height:80px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.banner-blog-nav a:hover{background-color:var(--color-dark-alt)}.banner-blog-nav a.is-active{border-color:var(--color-primary);background-color:var(--color-primary)}.banner-blog-robot{display:none;position:absolute;right:0;width:120px;bottom:20px;animation-delay:1.5s}.banner-blog-robot img{transform:rotate(20deg)}@media screen and (min-width:768px){.banner-blog-nav{display:block}}@media screen and (min-width:1024px){.banner-blog-nav li a{font-size:26px;height:100px}.banner-blog-inner{padding:55px 0}.banner-blog-robot{left:82%;top:150px;width:160px}}@media screen and (min-width:1440px){.banner-blog-nav li a{font-size:32px;height:128px}}