:root{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}@keyframes projectSliderIntro{0%{opacity:0}to{opacity:1}}project-slider{animation:projectSliderIntro var(--animation-duration) .25s var(--animation-easing) forwards;opacity:0;position:relative}project-slider:focus-visible{outline:none}project-slider .slide{grid-area:1/1/-1/-1;position:relative;overflow:hidden}project-slider .slide .project-teaser>.flow-row{justify-content:flex-end}project-slider .slide .project-teaser>.flow-row p{text-align:right}project-slider .slide nav{gap:var(--space-2xs);flex-direction:row;display:flex}project-slider .slide nav button{background-color:var(--color-neutral-300);border-color:var(--color-neutral-300);border-radius:0;width:2rem;height:.5rem;padding:0;transition-duration:.2s}project-slider .slide nav button.is-active{background-color:var(--color-neutral-900);border-color:var(--color-neutral-900)}project-slider .slide nav button:hover,project-slider .slide nav button:focus-visible{opacity:1;background-color:var(--color-neutral-700);border-color:var(--color-neutral-700)}project-slider .slide[hidden]{visibility:hidden;opacity:0}project-slider .slide[hidden] .slide__background{scale:1.1}project-slider .slide[hidden] .slide__content p{opacity:0;transform:translateY(1rem)}project-slider .slide[hidden] .slide__content picture,project-slider .slide[hidden] .slide__content video{scale:.98}project-slider .slide .slide__background{z-index:0;width:100%;height:100%;transition:scale 1s var(--ease-out);-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}project-slider .slide .slide__background picture,project-slider .slide .slide__background img{object-fit:cover;object-position:var(--object-position);width:100%;height:100%}project-slider .slide:after{content:"";background-image:linear-gradient(to bottom, var(--color-base-background) 35%, transparent);z-index:1;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0}project-slider .slide .slide__content{z-index:2;margin-bottom:var(--space-2xl);position:relative}project-slider>nav{bottom:var(--space-s);gap:var(--space-xs);z-index:3;display:flex;position:absolute;left:50%;transform:translate(-50%)}project-slider>nav button{padding:var(--space-2xs);background-color:var(--color-base-background);border-radius:var(--border-radius);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}project-slider>nav button:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-neutral-900)}project-slider>nav button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-neutral-100);color:var(--color-neutral-400)}