.blog{--active-background-color:white;opacity:1;overflow-y:hidden;background-color:#fff;transition:background-color .6s,opacity .3s}.blog>header{opacity:0;transition:transform 1.2s,opacity .6s;transform:translateY(200px)}.blog>main{opacity:0;transition:transform 1.2s,opacity .6s;transform:translateY(200px)}.blog.active{opacity:1}.blog.active>header{opacity:1;transform:translateY(0)}.blog.active>main{opacity:1;transform:translateY(0)}.blog header{margin-bottom:2em}.blog h3{margin-top:0;font-size:3em;font-weight:500}.blog a{border-radius:calc(var(--border-radius)*3);color:var(--light-10);background-color:#000;border:1px solid #0000;padding:.75em 3em;transition:background-color .5s,border-color .5s}.blog a:hover{color:#000;background-color:#0000;border-color:#000}.blog>main{position:relative;display:block!important}.blog>main:after{content:"";position:absolute;z-index:-1;background-image:url(/img/blog.svg);background-position:top;background-repeat:no-repeat;width:100%;height:100%;top:-65px;left:0}.blog>main>div:first-child{display:flex;justify-content:space-between;align-items: center}@media (max-width:700px){.blog>main>div:first-child{flex-direction:column;align-items: flex-start;margin-bottom:1em}.blog>main>div:first-child h3{margin-bottom:.5em}}.blog>main>div:nth-child(2){display:flex;gap:1em}@media (max-width:1200px){.blog>main>div:nth-child(2){flex-direction:column}}.blog>main>div:nth-child(2) article{display:flex}@media (max-width:1200px){.blog>main>div:nth-child(2) article{display:flex;flex-direction:row}}@media (max-width:700px){.blog>main>div:nth-child(2) article{flex-direction:column}}.blog>main>div:nth-child(2) article:not(.complementary){flex-direction:column}@media (min-width:1201px){.blog>main>div:nth-child(2) article:not(.complementary){width:50%}}.blog>main>div:nth-child(2) article:not(.complementary) header{position:relative;border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}@media (max-width:700px){.blog>main>div:nth-child(2) article:not(.complementary) header img{border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}}.blog>main>div:nth-child(2) article:not(.complementary) main{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);background-color:#fff}@media (min-width:1201px){.blog>main>div:nth-child(2) article:not(.complementary) main{border-top:none}}.blog>main>div:nth-child(2) article:not(.complementary) main p{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;margin-bottom:2.5em}.blog>main>div:nth-child(2) article.complementary{display:flex;flex:1 0}.blog>main>div:nth-child(2) article.complementary header{height:auto}@media (min-width:701px){.blog>main>div:nth-child(2) article.complementary header{order:1;width:40%;min-width:28%;max-width:28%}}@media (max-width:800px){.blog>main>div:nth-child(2) article.complementary header{object-fit:cover;border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);width:100%;height:200px}}.blog>main>div:nth-child(2) article.complementary header img{object-fit:cover;width:100%;height:100%}@media (min-width:701px){.blog>main>div:nth-child(2) article.complementary header img{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}@media (max-width:700px){.blog>main>div:nth-child(2) article.complementary header img{border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}}.blog>main>div:nth-child(2) article.complementary main{display:flex;background-color:#fff;flex-direction:column}@media (min-width:601px){.blog>main>div:nth-child(2) article.complementary main{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}}@media (max-width:600px){.blog>main>div:nth-child(2) article.complementary main{border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);overflow:hidden}}.blog>main>div:nth-child(2) article.complementary main small{flex:1}.blog>main>div:nth-child(2) article.complementary main p{margin-bottom:0}.blog>main>div:nth-child(2) article header{margin-bottom:0;line-height:0}@media (max-width:700px){.blog>main>div:nth-child(2) article header{order:0}}@media (min-width:1201px){.blog>main>div:nth-child(2) article header img{width:100%}}@media (max-width:1200px){.blog>main>div:nth-child(2) article header img{object-fit:cover;width:100%;height:200px}}.blog>main>div:nth-child(2) article main{border:1px solid var(--grey-100);padding:2em}.blog>main>div:nth-child(2) article main small{text-transform:uppercase;color:var(--grey-70);font-family:Azeret Mono;font-size:.9em;font-weight:400;line-height:1.2em}.blog>main>div:nth-child(2) article main h4{margin-block-start:.5em;margin-block-end:.5em;font-size:2em;font-weight:300}@media (min-width:1201px){.blog>main>div:nth-child(2) article main h4{font-size:2em}}@media (max-width:1200px){.blog>main>div:nth-child(2) article main h4{font-size:1.5em}}.blog>main>div:nth-child(2) article main h5{margin-block-start:.5em;margin-block-end:.5em;font-weight:400}@media (min-width:1201px){.blog>main>div:nth-child(2) article main h5{font-size:1.25em}}@media (max-width:1200px){.blog>main>div:nth-child(2) article main h5{font-size:1.5em}}.blog>main>div:nth-child(2) article main p{color:var(--grey-40);display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;margin-top:0}.blog>main>div:nth-child(2)>div{display:flex;flex-direction:column;gap:1em}@media (min-width:1201px){.blog>main>div:nth-child(2)>div{width:50%}}.blog>main article{cursor:pointer;overflow:hidden;transition:background-color 1s}.blog>main article header{overflow:hidden}.blog>main article img{object-fit:cover;transition:transform .3s}.blog>main article:hover{background-color:var(--light-30)}.blog>main article:hover img{transform:scale(1.1)}
