#swup:has(> .unk-view-projects) {
	align-items: stretch;
	justify-content: flex-end;
	padding: 0;
}

.unk-view-projects {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: none;
	height: 100vh;
	height: 100svh;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	overflow: hidden;
	overflow: clip;
}

html:has([data-unk-view="projects"]),
body:has([data-unk-view="projects"]) {
	overflow: hidden;
	overscroll-behavior: none;
}

html:has([data-unk-view="projects"]) {
	scroll-behavior: auto;
	scrollbar-width: none;
}

html:has([data-unk-view="projects"])::-webkit-scrollbar {
	display: none;
}

.unk-projects-list {
	display: block;
	color: var(--unk-color-text);
	font-family: var(--unk-font-family-01);
	font-size: var(--unk-font-size-10);
	font-weight: var(--unk-font-weight-regular);
	line-height: 0.875rem;
	text-transform: uppercase;
	touch-action: pan-x pinch-zoom;
}

.unk-view-projects__row {
	height: 100%;
}

.unk-view-projects__column {
	position: relative;
	z-index: 1;
	height: 100%;
}

.unk-projects-preview {
	display: none;
}

.unk-projects-list__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.unk-projects-list--entrance-pending .unk-projects-list__table td {
	opacity: 0;
}

.unk-projects-list--entrance-pending .unk-projects-list__table tr {
	background-size: 0% 1px;
}

.unk-projects-list__caption {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.unk-projects-list__table tr[data-project-url] {
	cursor: pointer;
}

.unk-projects-list__table tr[data-project-url]:is(:hover, :focus-within) {
	color: var(--unk-color-accent);
}

.unk-projects-list__table tr {
	background-image: linear-gradient(
		to right,
		var(--unk-color-border),
		var(--unk-color-border)
	);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}

.unk-projects-list__link {
	display: inline;
	color: inherit;
	text-decoration: none;
}

.unk-projects-list__table th,
.unk-projects-list__table td {
	height: 1.75rem;
	padding-inline: var(--unk-space-xs);
	overflow: hidden;
	font: inherit;
	line-height: 0.875rem;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.unk-projects-list__table :is(th, td):first-child {
	padding-inline-start: 0;
}

.unk-projects-list__table :is(th, td):last-child {
	padding-inline-end: 0;
}

.unk-projects-list__cell--access {
	line-height: 0;
	text-align: right;
	vertical-align: middle;
}

.unk-projects-list__arrow,
.unk-projects-list__arrow svg {
	display: block;
	width: 0.75rem;
	height: 0.75rem;
}

.unk-projects-list__arrow {
	margin-inline-start: auto;
}

.unk-projects-list__table thead {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.unk-projects-list__column--number {
	width: 19%;
}

.unk-projects-list__column--name {
	width: 39%;
}

.unk-projects-list__column--category {
	width: calc(42% - 2rem);
}

.unk-projects-list__column--access {
	width: 2rem;
}

.unk-projects-list__cell--client,
.unk-projects-list__column--client {
	display: none;
}

@media (max-width: 47.999em) {
	.unk-view-projects__column {
		padding-block: var(--unk-space-3xl);
	}
}

@media (min-width: 48em) {
	.unk-projects-preview {
		display: block;
		position: fixed;
		z-index: 0;
		inset: 0;
		width: 100%;
		pointer-events: none;
	}

	.unk-projects-preview__row,
	.unk-projects-preview__column {
		height: 100%;
	}

	.unk-projects-preview__column {
		position: relative;
	}

	.unk-projects-preview__stage {
		visibility: hidden;
		position: absolute;
		z-index: 0;
		top: 50%;
		left: 16px;
		max-width: calc(100% - 32px);
		max-height: 70vh;
		max-height: 70svh;
		transform: translateY(-50%);
		display: grid;
		place-items: center;
		overflow: hidden;
		background: #000;
	}

	.unk-projects-preview__stage--loading,
	.unk-projects-preview__stage--visible,
	.unk-projects-preview__stage--error {
		visibility: visible;
	}

	.unk-projects-preview__image {
		grid-area: 1 / 1;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
	}

	.unk-projects-preview__logo {
		display: flex;
		visibility: hidden;
		position: fixed;
		z-index: 1;
		align-items: center;
		opacity: 0;
		mix-blend-mode: difference;
		pointer-events: none;
	}

	html.unk-document--project-preview .unk-projects-preview__logo {
		visibility: visible;
		opacity: 1;
	}

	.unk-projects-preview__logo .unk-logo {
		display: block;
		width: auto;
		max-width: min(9rem, 48vw);
		height: auto;
	}

	.unk-projects-preview__logo .unk-logo,
	.unk-projects-preview__logo .unk-logo * {
		opacity: 1 !important;
		filter: none !important;
		animation: none !important;
		transition: none !important;
	}

	.unk-projects-list__cell--client {
		display: table-cell;
	}

	.unk-projects-list__column--client {
		display: table-column;
	}

	.unk-projects-list__column--number {
		width: 13%;
	}

	.unk-projects-list__column--name {
		width: 28%;
	}

	.unk-projects-list__column--category {
		width: 33%;
	}

	.unk-projects-list__column--client {
		width: calc(26% - 2rem);
	}
}