/* Tafuno Portfolio Slider */
.tf-portfolio-slider{--tf-gap:clamp(1rem,3vw,3rem);--tf-offset:clamp(3rem,10vw,9rem);display:grid;gap:var(--tf-gap)}
.tf-portfolio-slider__aside{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tf-portfolio-slider__counter{margin:0;line-height:1;font-variant-numeric:tabular-nums}
.tf-portfolio-slider__nav{display:flex;gap:.5rem}
.tf-portfolio-slider__arrow{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.tf-portfolio-slider__arrow--prev svg{transform:scaleX(-1)}
.tf-portfolio-slider__arrow:focus-visible,.tf-portfolio-slider__title a:focus-visible{outline:1px solid currentColor;outline-offset:4px}

.tf-portfolio-slider__stage{position:relative;display:grid;touch-action:pan-y;user-select:none}
.tf-portfolio-slider__slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--tf-gap);align-items:start;visibility:hidden}
.tf-portfolio-slider__slide.is-active{visibility:visible}
.tf-portfolio-slider__slide.is-front{z-index:1}
.tf-portfolio-slider__item--1{display:none}
.tf-portfolio-slider__item--2{margin-top:var(--tf-offset)}
.tf-portfolio-slider__media{display:block;overflow:hidden}
.tf-portfolio-slider__media img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.tf-portfolio-slider__item--1 .tf-portfolio-slider__media{aspect-ratio:1}
.tf-portfolio-slider__item--2 .tf-portfolio-slider__media{aspect-ratio:3/4}
.tf-portfolio-slider__item--3 .tf-portfolio-slider__media{aspect-ratio:4/5}
.tf-portfolio-slider__info{display:flex;flex-direction:column;gap:.35rem;margin-top:1.25rem}
.tf-portfolio-slider__title{margin:0}
.tf-portfolio-slider__title a{color:inherit;text-decoration:none}

.tf-portfolio-slider__cursor{position:absolute;left:0;top:0;z-index:2;display:grid;place-items:center;width:5.5rem;height:5.5rem;margin:-2.75rem 0 0 -2.75rem;border-radius:50%;pointer-events:none;opacity:0;scale:.4;transition:opacity .3s,scale .3s}
.tf-portfolio-slider.has-cursor .tf-portfolio-slider__stage{cursor:none}
.tf-portfolio-slider.has-cursor .tf-portfolio-slider__stage:hover .tf-portfolio-slider__cursor{opacity:1;scale:1}
.tf-portfolio-slider.is-dragging .tf-portfolio-slider__cursor{scale:.8}

:where(.tf-portfolio-slider__counter){font-family:var(--e-global-typography-primary-font-family,'Italiana'),serif;font-size:clamp(3rem,7vw,6.25rem);font-weight:400;color:var(--e-global-color-primary,#000)}
:where(.tf-portfolio-slider__total){font-size:.4em}
:where(.tf-portfolio-slider__title){font-family:var(--e-global-typography-primary-font-family,'Italiana'),serif;font-size:1.5rem;font-weight:400;text-transform:uppercase;color:var(--e-global-color-primary,#000)}
:where(.tf-portfolio-slider__cat){font-family:var(--e-global-typography-accent-font-family,'Jost'),sans-serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--e-global-color-secondary,#6b6b6b)}
:where(.tf-portfolio-slider__cursor){background-color:var(--e-global-color-primary,#000);color:#fff;font-family:var(--e-global-typography-accent-font-family,'Jost'),sans-serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}
:where(.tf-portfolio-slider__arrow){transition:opacity .3s}
:where(.tf-portfolio-slider__arrow:hover){opacity:.6}

@media (min-width:768px){
	.tf-portfolio-slider__slide{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.7fr)}
	.tf-portfolio-slider__item--1{display:block}
}
@media (min-width:1025px){
	.tf-portfolio-slider{--tf-aside:18%;grid-template-columns:var(--tf-aside) minmax(0,1fr);align-items:start}
	.tf-portfolio-slider__aside{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2rem}
}
@media (prefers-reduced-motion:reduce){
	.tf-portfolio-slider__cursor{transition:none}
}