@media(min-width:800px){#blog-container{display:flex}}#whats-new .featured{border-radius:.5rem;color:inherit;display:block;font-size:0;opacity:1;padding:1rem;text-decoration:none;transition:background-color .25s ease,color .25s ease}@media(min-width:800px){#whats-new .featured{display:inline-block;padding:1rem;vertical-align:top;width:33.33%}}#whats-new .featured .featured-image{background-color:#fafafa;background-origin:border-box;background-position:50%;background-size:cover;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 0 hsla(0,0%,100%,.2),inset 0 -1px 0 0 hsla(0,0%,100%,.1),0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1);display:inline-block;height:320px;margin-bottom:1rem;overflow:hidden;position:relative;vertical-align:middle;width:100%}@media(min-width:600px){#whats-new .featured .featured-image{margin-bottom:0;width:50%}}@media(min-width:800px){#whats-new .featured .featured-image{height:200px;margin-bottom:.5rem;width:100%}}#whats-new .featured header{display:inline-block;font-size:1rem;padding-left:1em;vertical-align:middle;width:100%}#whats-new .featured header h4{margin-bottom:1em;margin-top:0}#whats-new .featured header h4+p{line-height:1.25;margin-bottom:1em;margin-top:-1em;opacity:.75}@media(min-width:600px){#whats-new .featured header{width:50%}}@media(min-width:800px){#whats-new .featured header{padding:0;width:100%}#whats-new .featured header h3{margin-top:-1em}}#whats-new .featured header .byline{max-width:100%}#whats-new .byline{font-size:.8em;line-height:1.5em;margin:1.5em auto;max-width:40rem}#whats-new .byline .avatar{background-color:#485a6c;border:none;border-radius:50%;color:transparent;float:left;height:48px;margin-right:.5em;overflow:hidden;position:relative;vertical-align:middle;width:48px}#whats-new .byline .avatar:before{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),inset 0 0 0 2px hsla(0,0%,100%,.1),inset 0 2px 0 0 hsla(0,0%,100%,.45),inset 0 -2px 0 0 hsla(0,0%,100%,.15),0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);content:"";height:100%;position:absolute;width:100%}#whats-new .byline .name{font-weight:600;opacity:.8}#whats-new .byline .read-time,#whats-new .byline time{font-size:.9em;line-height:1em;opacity:.8}#whats-new .byline .read-time:before{content:" · ";display:inline-block;margin:0 .25em}