/* [agwp_next_project] – Zurueck zur Uebersicht | Naechstes Projekt mit rundem Vorschaubild */

#top .agwp-nextproject {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px 40px;
	flex-wrap: wrap;
}
#top .agwp-nextproject a { text-decoration: none; }

#top .agwp-nextproject .agwp-nextproject__back {
	padding-bottom: 10px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--agwp-ink2);
	transition: color .2s;
}
#top .agwp-nextproject .agwp-nextproject__back span { display: inline-block; transition: transform .25s; }
#top .agwp-nextproject .agwp-nextproject__back:hover { color: var(--agwp-ink); }
#top .agwp-nextproject .agwp-nextproject__back:hover span { transform: translateX(-4px); }

#top .agwp-nextproject .agwp-nextproject__next { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; margin-left: auto; }
#top .agwp-nextproject .agwp-nextproject__label { font: 500 .75rem/1.4 var(--agwp-font-mono); color: var(--agwp-ink2); }
/* Luft rundherum: rechts fuer den Pfeil, links/oben/unten fuer Ring + Zoom des Vorschaubilds */
#top .agwp-nextproject .agwp-nextproject__row { display: flex; align-items: center; gap: 18px; padding: 8px 12px 8px 8px; }

#top .agwp-nextproject .agwp-nextproject__thumb {
	flex: none;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	border: 0;
	background: repeating-linear-gradient(45deg, var(--agwp-surf) 0 6px, transparent 6px 12px);
	box-shadow: none !important;
	outline: 2px solid transparent;
	outline-offset: 3px;
	transition: transform .35s cubic-bezier(.2, .7, .2, 1), outline-color .25s;
}
/* Bild selbst rund und ohne eigenen (eckigen) Enfold-Schatten */
#top .agwp-nextproject .agwp-nextproject__thumb .agwp-nextproject__img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; box-shadow: none !important; filter: none; }

#top .agwp-nextproject .agwp-nextproject__title {
	font-family: var(--agwp-font-head);
	font-size: clamp(1.75rem, 3.2vw, 2.75rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -.03em;
	color: var(--agwp-ink);
	transition: color .25s;
}
#top .agwp-nextproject .agwp-nextproject__arrow {
	font-size: clamp(1.5rem, 2.6vw, 2.25rem);
	line-height: 1;
	color: var(--agwp-ink);
	transition: transform .3s cubic-bezier(.2, .7, .2, 1), color .25s;
}
#top .agwp-nextproject .agwp-nextproject__next:is(:hover, :focus-visible) :is(.agwp-nextproject__title, .agwp-nextproject__arrow) { color: var(--agwp-accink); }
#top .agwp-nextproject .agwp-nextproject__next:hover .agwp-nextproject__arrow { transform: translateX(8px); }
/* Hover: blauer Ring mit kleinem Abstand (Outline, liegt ausserhalb des Bildes), leichter Zoom + Drehung */
#top .agwp-nextproject .agwp-nextproject__next:is(:hover, :focus-visible) .agwp-nextproject__thumb { transform: scale(1.06) rotate(-4deg); outline-color: var(--agwp-acc); }
#top .agwp-nextproject .agwp-nextproject__next:focus-visible { outline: 3px solid color-mix(in oklab, var(--agwp-acc) 70%, transparent); outline-offset: 6px; border-radius: 12px; }

@media (max-width: 767px) {
	#top .agwp-nextproject { flex-direction: column-reverse; align-items: stretch; }
	#top .agwp-nextproject .agwp-nextproject__next { align-items: flex-start; margin-left: 0; }
	#top .agwp-nextproject .agwp-nextproject__thumb { width: 48px; height: 48px; }
}