svg[data-v-3d941c7d]{--border-w:1.5px;z-index:2;overflow:visible}polygon[data-v-3d941c7d]{width:100%}.cls-1[data-v-3d941c7d],.cls-2[data-v-3d941c7d]{fill:none}.cls-3[data-v-3d941c7d]{stroke-width:var(--border-w);fill:none}.cls-2[data-v-3d941c7d]{stroke:var(--clr-txt);stroke-linecap:butt;stroke-width:var(--border-w)}h1[data-v-74684fc1]{word-break:break-word}.card[data-v-74684fc1]{--timing:.35s;height:100%;transition:var(--timing) background-color color;text-decoration:none;display:block;position:relative}.card div[data-v-74684fc1]{height:100%}.card article[data-v-74684fc1]{flex-direction:column;justify-content:space-between;height:100%;display:flex}.card header[data-v-74684fc1] *{transition:var(--timing) color;text-align:center}@media screen and (hover:hover){.card[data-v-74684fc1]:hover{--clr-txt:var(--clr-focus)}.card:not(.hl) article figure[data-v-74684fc1]{transition:transform var(--timing) cubic-bezier(.25, .46, .45, .94);transform-origin:top}}.card figure[data-v-74684fc1]{aspect-ratio:var(--ratio,1) / 1;overflow:hidden}.card picture img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;max-width:100%;height:100%;position:relative}.card .icon>svg>*{transition:var(--timing) stroke}figure.cover2 picture:last-child{display:none}figure.cover2 picture:last-child img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left}figure.cover2:hover picture:last-child{display:block}figure.cover2:hover picture:first-child{display:none}.card_type{position:relative}.card_specs{font-size:var(--step-0);line-height:1.15}.card_specs li{text-transform:capitalize;display:inline-block}.card_specs li:not(:last-child):after{content:"/";margin:0 .15em}.card .date{text-transform:uppercase;font-family:var(--ff-mono)}.card.hl article{border-left:solid var(--border-w);border-color:#000;flex:none;width:min-content;position:relative}.card.hl article:after,.card.hl article:before{content:"";z-index:1;position:absolute;left:-1rem;right:-1rem}.card.hl article:before{border-top:var(--border-w) solid;border-color:var(--clr-txt);top:1rem}.card.hl article:after{border-bottom:var(--border-w) solid;border-color:var(--clr-txt);bottom:1rem}.card.hl figure{max-width:calc(clamp(20rem,100vw - 3.5rem,50rem));height:calc(clamp(2rem,50vh,50rem));padding:0 var(--spacing-sm);flex:0 0 calc(clamp(20rem,50vh,50rem));overflow:hidden}.card.hl figure svg{width:100%}.card.hl figure :is(svg,img){-o-object-fit:cover;object-fit:cover;width:auto;height:100%}.card.hl header{flex-direction:column;flex:1 0 auto;justify-content:flex-start;display:flex}@media screen and (hover:hover){.card.hl article{border-right:solid var(--border-w);border-color:#0000}.card.hl:hover article{transition:var(--timing) border-color;border-color:#000}.card.hl article:after,.card.hl article:before{border-color:#0000}.card.hl:hover article:after,.card.hl:hover article:before{transition:var(--timing) border-color;border-color:#000}}.card.post figure{aspect-ratio:1;position:relative}.splide .card:not(.hl) header:after{content:"";border-bottom:var(--border-w) solid var(--clr-txt);display:none;position:absolute;bottom:-1rem;left:-2rem;right:-2rem}@media screen and (width<=640px){.splide .card.hl{--step-3:1.5rem}.splide .card.post{--step-4:1.3rem}}.card figure:has(svg):has(picture){aspect-ratio:1;margin-top:1rem;overflow:visible!important}.card figure:has(svg) picture img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.card figure picture img{-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left}.card figure picture:nth-child(2) img{-o-object-position:center;object-position:center}
