.blog .typography article>.inner,.blog .typography>.inner:not(.holder),.blogpost .typography article>.inner,.blogpost .typography>.inner:not(.holder),.holderpage .typography article>.inner,.holderpage .typography>.inner:not(.holder){max-width:826px}.blog .typography .parent-link,.blogpost .typography .parent-link,.holderpage .typography .parent-link{float:left;margin-bottom:2.82em}.blog .holder,.blogpost .holder,.holderpage .holder{display:flex;flex-wrap:wrap;gap:1.41em;padding-bottom:2.82em;padding-top:2.82em;position:relative}.blog .holder .loader,.blogpost .holder .loader,.holderpage .holder .loader{align-self:center;bottom:0;flex:1 1 100%;justify-self:center;left:0;margin:11.28em auto auto;position:absolute;right:0;top:0;z-index:100}.blog .holder:after,.blogpost .holder:after,.holderpage .holder:after{background-color:#fff;bottom:0;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s linear;width:100%;z-index:99}.blog .holder:has(.loader.htmx-request)>a,.blogpost .holder:has(.loader.htmx-request)>a,.holderpage .holder:has(.loader.htmx-request)>a{filter:grayscale(60%)}.blog .holder:has(.loader.htmx-request):after,.blogpost .holder:has(.loader.htmx-request):after,.holderpage .holder:has(.loader.htmx-request):after{opacity:.7}.blog .holder>a,.blogpost .holder>a,.holderpage .holder>a{background-color:#f0f0f0;color:#24303e;flex:0 0 calc(50% - 0.705em)}.blog .holder>a:hover,.blogpost .holder>a:hover,.holderpage .holder>a:hover{color:#24303e}@media (min-width:0) and (max-width:639px){.blog .holder>a,.blogpost .holder>a,.holderpage .holder>a{flex:100%}}.blog .holder>a figure,.blogpost .holder>a figure,.holderpage .holder>a figure{margin:0;position:relative}.blog .holder>a figure img,.blogpost .holder>a figure img,.holderpage .holder>a figure img{display:table;width:100%}.blog .holder>a figure figcaption,.blog .holder>a figure:after,.blogpost .holder>a figure figcaption,.blogpost .holder>a figure:after,.holderpage .holder>a figure figcaption,.holderpage .holder>a figure:after{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.blog .holder>a figure figcaption,.blogpost .holder>a figure figcaption,.holderpage .holder>a figure figcaption{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:1}.blog .holder>a figure figcaption span.cfa,.blogpost .holder>a figure figcaption span.cfa,.holderpage .holder>a figure figcaption span.cfa{background-color:rgba(0,0,0,.4);border:3px solid #fff;color:#fff;display:inline-block;margin:auto;padding:.4em 1em .3em;transition:background-color .2s ease}.blog .holder>a figure figcaption span.cfa:after,.blogpost .holder>a figure figcaption span.cfa:after,.holderpage .holder>a figure figcaption span.cfa:after{align-self:flex-end;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 25' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMaxYMid meet' stroke='%23FFF'%3E%3Cpath d='M2 12.5h92.5m-8-10 10 10m-10 10 10-10' stroke='inherit' stroke-width='4' stroke-linecap='square' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:right .7em bottom;background-repeat:no-repeat;background-size:auto 100%;content:"";display:inline-block;float:right;height:.6666em;margin-left:.6em;margin-top:.3717em;overflow:hidden;transform-origin:0 .3em;transition:background-position .2s;width:1.6111em;will-change:background-position}.blog .holder>a figure figcaption span.cfa:hover:after,.blogpost .holder>a figure figcaption span.cfa:hover:after,.holderpage .holder>a figure figcaption span.cfa:hover:after{background-position:100% 100%}.blog .holder>a figure figcaption span.cfa:after,.blogpost .holder>a figure figcaption span.cfa:after,.holderpage .holder>a figure figcaption span.cfa:after{margin-top:.26em}.blog .holder>a figure:after,.blogpost .holder>a figure:after,.holderpage .holder>a figure:after{background-color:transparent;content:"";transition:background-color .1s ease-in;will-change:background-color}.blog .holder>a>.txt,.blogpost .holder>a>.txt,.holderpage .holder>a>.txt{padding:.705em 1.41em 0}.blog .holder>a h2,.blogpost .holder>a h2,.holderpage .holder>a h2{font-size:1.2em;font-weight:600;margin-bottom:.705em;margin-top:0}.blog .holder>a:hover figure:after,.blogpost .holder>a:hover figure:after,.holderpage .holder>a:hover figure:after{background-color:rgba(0,0,0,.3);content:"";pointer-events:none;z-index:0}.blog .holder>a:hover figure figcaption span.cfa,.blogpost .holder>a:hover figure figcaption span.cfa,.holderpage .holder>a:hover figure figcaption span.cfa{background-color:rgba(0,0,0,.45)}