svg[data-v-2eeddf96]{height:var(--step-5);overflow:visible;width:var(--step-5)}svg>line[data-v-2eeddf96]{stroke:#000;stroke-width:2;stroke-linecap:round}svg[data-v-5b6e1602]{height:var(--step-5);overflow:visible;width:var(--step-5)}svg>line[data-v-5b6e1602]{stroke:#000;stroke-width:2;stroke-linecap:round}.pagination[data-v-d29b46f7]{margin-top:7.5rem;display:flex;align-items:stretch;justify-content:space-between;border-top:var(--border-w) solid var(--clr-txt)}.pagination>:is(button,span){position:relative;font-size:var(--step-1);line-height:1.25;font-family:var(--ff-mono);padding:var(--spacing-lg)}.pagination>button{cursor:pointer;display:grid;place-items:center}.pagination>button:disabled svg{cursor:default;opacity:.5}.pagination>button:first-of-type{padding-left:1em;padding-right:2em}.pagination>button:last-of-type{padding-left:2em;padding-right:1em}.pagination>button:after{background-color:var(--clr-txt);bottom:-1em;content:"";position:absolute;top:-1em;width:var(--border-w)}.pagination>button:first-of-type:after{right:0}.pagination>button:last-of-type:after{left:0}.pagination>.page__numbers{width:100%;display:flex;align-items:center;justify-content:space-between}.pagination>.page__numbers>li{position:relative;height:100%;width:33.3333333333%;text-align:center;font-size:var(--step-3);line-height:1.25;font-family:var(--ff-sec);display:grid;place-items:center}.pagination>.page__numbers>li>a{text-decoration:none}.page__number{color:var(--clr-focus);cursor:pointer}.page__number.active{color:var(--clr-txt)}@media screen and (hover:hover){.page__number:hover{color:var(--clr-txt)}}.pagination>.page__numbers>li:not(:last-of-type):after{background-color:var(--clr-txt);bottom:-1em;content:"";position:absolute;right:0;top:-1em;width:var(--border-w)}.grid--wrapper{container:wrapper / inline-size;margin-top:calc(0px - var(--spacing-md) - var(--border-w))}.grid{--columns: 12;--gutter: 0;--cols: repeat(2, 50%);--rows: 2;--min: 15rem;display:grid;grid-gap:var(--gutter);grid-template-columns:var(--cols);margin-bottom:5rem;row-gap:5rem}.grid>.column{--allign: stretch}.autogrid{--gutter: 3rem;grid-gap:var(--gutter)}@media screen and (min-width:768px){.grid>.column{align-self:var(--allign);grid-column:span var(--columns)}}.grid .card{aspect-ratio:var(--ratio, none);position:relative}.grid .card article:before{border-bottom:var(--border-w) solid var(--clr-border);content:"";left:0;position:absolute;right:0;top:1rem}.grid .card article{height:100%;padding:0 var(--gap);padding-top:2rem}.grid .card:last-child article{border-right:none!important}.grid .card.filter article{padding:2rem 0 0}.grid .card figure :is(picture,svg){position:absolute}.grid .card picture{align-items:flex-start;aspect-ratio:1 / 1;display:flex;justify-content:flex-start}.grid .card picture img{height:100%;max-width:100%;position:relative;width:100%}.grid .card:is(.portfolio) figure{align-items:flex-start;aspect-ratio:4 / 5;display:flex;justify-content:flex-start;position:relative}.grid .card:is(.portfolio) figure picture{height:100%;position:relative;width:100%}.grid .card:is(.portfolio) figure img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%}.autogrid{--min: 10rem;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr))}