.blog-layout .blog-holder--articles article{margin-bottom:2rem;position:relative}.blog-layout .blog-holder--articles article .article--text{flex-basis:100%}@media only screen and (width>=42.1875rem){.blog-layout .blog-holder--articles article{justify-content:space-between;display:flex}.blog-layout .blog-holder--articles article .article--text{flex-basis:calc(58% - 2rem)}}.blog-layout .blog-holder--articles article:hover img{transform:scale(1.1)}.blog-layout .blog-holder--articles article p{letter-spacing:-.04em;font-size:.875rem;display:block}.blog-layout picture{display:block;overflow:hidden}.blog-layout picture img{width:100%}@media (prefers-reduced-motion:no-preference){.blog-layout picture img{transition:transform .3s}}@media only screen and (width<=42.125rem){.blog-layout picture{margin-bottom:1rem}}.blog-layout .category{background-color:var(--o-ocean-theme-ocean-blue);color:#fff;text-transform:uppercase;padding:.25rem .5rem;font-size:.75rem;position:absolute;top:.25rem;left:-.25rem}.blog-layout h2{color:var(--o-color-main-text);margin:0;font-size:1rem;font-weight:600}.blog-layout h2 a{color:currentColor;text-decoration:none}.blog-layout time{letter-spacing:-.04em;color:var(--o-ocean-theme-ocean-blue);margin-top:.5rem;font-size:.6875rem;display:block}@media only screen and (width>=42.1875rem){.blog-layout h2{font-size:1.5rem}.blog-layout time{font-size:.75rem;font-weight:600}}.blog-layout--authors .container{padding-top:2rem}.blog-layout .blog-title{letter-spacing:-.04em;color:var(--o-color-main-text);margin:1.5rem 0;font-size:1.5rem;font-weight:600}@media only screen and (width>=42.1875rem){.blog-layout .blog-title{margin:2.5rem 0 1rem}}.blog-layout__tagline{letter-spacing:-.04em;color:var(--o-color-main-text);margin:1.5rem 0;font-size:1rem;font-weight:600}.blog-layout__holder{flex-wrap:wrap;justify-content:space-between;display:flex}@media only screen and (width>=42.1875rem){.blog-layout__holder{flex-wrap:nowrap;gap:2rem}}@media only screen and (width>=50rem){.blog-layout__holder--authors{padding-top:2rem}}.blog-layout .blog-holder--articles{flex-basis:100%}.blog-layout .blog-holder--articles a{color:currentColor;text-decoration:none}
