.blog__grid{gap:var(--size-fluid-4);grid-template-columns:repeat(2,minmax(10px,1fr));grid-auto-rows:minmax(10px,auto);grid-auto-flow:dense;width:90%;margin:0 auto;display:grid}@media (min-width:1440px){.blog__grid{width:60%}}@media (max-width:767.98px){.blog__grid{flex-direction:column;width:100%;display:flex}}.blog__grid a{color:inherit;height:100%;text-decoration:none;display:block}:is(.blog__grid a:hover .bg img,.blog__grid a:focus-visible .bg img){opacity:.4;transform:scale(1.1)}.blog__grid a:hover:after{opacity:1}.blog__grid a:focus-visible:after{opacity:1}.blog__grid a:after{opacity:0;content:"Read more >";transition:opacity var(--vl-transition-2);font-weight:var(--font-weight-8);font-size:var(--size-fluid-3);color:#fff;height:30%;padding:var(--size-4);text-align:center;background:#0009;margin-top:auto;margin-bottom:0;position:absolute;inset:0}.blog__grid article{border-radius:var(--vl-radius-conditional);padding:0;position:relative;overflow:hidden}.blog__grid article:first-of-type{grid-column:span 2}@media (prefers-reduced-motion:no-preference){.blog__grid article{opacity:0;animation:var(--animation-fade-in) forwards, var(--animation-slide-in-up);animation-timing-function:var(--ease-spring-3);animation-duration:.8s;animation-fill-mode:both}.blog__grid article:first-child{animation-delay:.1s}.blog__grid article:nth-child(2){animation-delay:.2s}.blog__grid article:nth-child(3){animation-delay:.3s}.blog__grid article:nth-child(4){animation-delay:.4s}.blog__grid article:nth-child(5){animation-delay:.5s}}.blog__grid .bg{background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.blog__grid img{object-fit:cover;opacity:.6;width:100%;height:100%;transition:transform var(--vl-transition-3)}.blog__grid .content{color:#fff;padding:var(--size-fluid-4) var(--size-fluid-3);gap:var(--size-fluid-2);flex-flow:wrap;align-content:space-between;height:100%;text-decoration:none;display:flex;position:relative}.blog__grid h2,.blog__grid h3{text-shadow:1px 1px 10px #000;max-inline-size:none;color:#fff;width:100%}.blog__grid h3{font-size:var(--font-size-4)}.blog__grid .tag,.blog__grid time{padding:var(--size-2);border-radius:var(--vl-radius)}.blog__grid .tag{border:1px solid #fff}.blog__grid time{background-color:var(--vl-color-brand);font-weight:var(--font-weight-7);margin-left:auto}.blog__post__cover{margin-top:calc(-1 * var(--topmenu-height));opacity:.8;width:100%;height:22vh}.blog__post__cover img{opacity:.8;object-fit:cover;width:100%;height:100%}.blog__post>header>.card{width:90dvw;position:relative;left:50%;transform:translate(-50%)}@media (max-width:767.98px){.blog__post>header>.card{flex-direction:column;width:100dvw}}.blog__post header{padding:var(--size-fluid-3) 0}.blog__post header h1{margin-top:var(--size-fluid-3);--text-1:var(--vl-color-accent)}.blog__post header .tag,.blog__post header time{font-family:var(--vl-font-serif);padding:var(--size-1) var(--size-2);font-weight:var(--font-weight-5);font-size:var(--font-size-3);color:var(--vl-color-accent)}.blog__post header .tag{border-radius:var(--vl-radius);border:1px solid var(--vl-color-accent)}.blog__post header .card{gap:var(--size-3);padding:var(--size-3);display:flex}.blog__post header .card>time{margin-left:auto}.blog__post header p{margin-top:var(--size-4)}@media (max-width:720px){.blog__post header:has(>:is(h2,h3,h4)){padding:var(--size-3) 0 0}.blog__post :is(h2,h3){margin-bottom:.4em}}