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

.unk-view-studio {
	--unk-studio-font-size-large: 1.875rem;
	--unk-scroll-fade-gradient-up: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0) 40%,
		rgba(0, 0, 0, 0.45) 45%,
		rgba(0, 0, 0, 0.9) 50%,
		rgba(0, 0, 0, 0.8141) 55%,
		rgba(0, 0, 0, 0.5891) 60%,
		rgba(0, 0, 0, 0.3109) 65%,
		rgba(0, 0, 0, 0.0859) 70%,
		rgba(0, 0, 0, 0) 75%,
		rgba(0, 0, 0, 0.0859) 80%,
		rgba(0, 0, 0, 0.3109) 85%,
		rgba(0, 0, 0, 0.5891) 90%,
		rgba(0, 0, 0, 0.8141) 95%,
		rgba(0, 0, 0, 0.9) 100%
	);
	--unk-scroll-fade-gradient-down: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0) 5%,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 0) 15%,
		rgba(0, 0, 0, 0) 20%,
		rgba(0, 0, 0, 0) 25%,
		rgba(0, 0, 0, 0) 30%,
		rgba(0, 0, 0, 0) 35%,
		rgba(0, 0, 0, 0) 40%,
		rgba(0, 0, 0, 0) 45%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0) 55%,
		rgba(0, 0, 0, 0) 60%,
		rgba(0, 0, 0, 0) 65%,
		rgba(0, 0, 0, 0.3402) 70%,
		rgba(0, 0, 0, 0.4811) 75%,
		rgba(0, 0, 0, 0.5892) 80%,
		rgba(0, 0, 0, 0.6803) 85%,
		rgba(0, 0, 0, 0.7606) 90%,
		rgba(0, 0, 0, 0.8332) 95%,
		rgba(0, 0, 0, 0.9) 100%
	);

	display: flex;
	position: relative;
	flex-direction: column;
	gap: var(--unk-space-6xl);
	width: 100%;
	min-height: 100svh;
	padding-top: var(--unk-space-lg);
	padding-bottom: 50svh;
	color: var(--unk-color-text);
	font-family: var(--unk-font-family-02);
	font-size: 0.8125rem;
	font-style: normal;
	line-height: var(--unk-leading-base);
	isolation: isolate;
}

.unk-view-studio.unk-scroll-fade--active::before,
.unk-view-studio.unk-scroll-fade--active::after {
	position: fixed;
}

.unk-view-studio--entrance-pending {
	opacity: 0;
	pointer-events: none;
}

.unk-view-studio--entrance-active .unk-view-studio__client {
	transition: none;
}

.unk-view-studio__cursor-media {
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	width: min(20rem, 24vw);
	aspect-ratio: 834 / 1116;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	will-change: transform;
}

.unk-view-studio__cursor-media--visible {
	opacity: 1;
	visibility: visible;
}

.unk-view-studio__cursor-image {
	display: block;
	width: 100%;
	height: auto;
}

.unk-view-studio__intro {
	position: relative;
	z-index: 1;
}

.unk-view-studio__directory {
	position: relative;
}

.unk-view-studio__lead {
	font-size: var(--unk-studio-font-size-large);
	line-height: var(--unk-leading-tight);
}

.unk-view-studio__intro {
	min-height: max(
		0px,
		calc(75svh - var(--unk-space-lg) - var(--unk-space-6xl))
	);
}

.unk-view-studio__lead h1,
.unk-view-studio__lead p,
.unk-view-studio__list-title,
.unk-view-studio__list {
	margin: 0;
}

.unk-view-studio__lead p + p {
	text-indent: 0;
}

.unk-view-studio__lead p + p::before {
	content: "";
	display: inline-block;
	width: var(--unk-studio-second-indent, calc(min(9rem, 48vw) + 1rem));
	height: 0;
}

.unk-view-studio__lead
	p
	+ p.unk-effect--split-ready:has(> .unk-effect__line)::before {
	content: none;
}

.unk-view-studio__lead .unk-effect__line {
	white-space: nowrap;
}

.unk-view-studio__lead
	p
	+ p.unk-effect--split-ready
	> .unk-effect__line:first-of-type {
	box-sizing: border-box;
	width: 100%;
	padding-left: var(--unk-studio-second-indent, calc(min(9rem, 48vw) + 1rem));
}

.unk-view-studio__directory-row,
.unk-view-studio__lists-row {
	row-gap: var(--unk-space-2xl);
}

.unk-view-studio__content-section + .unk-view-studio__content-section {
	margin-top: var(--unk-space-lg);
}

.unk-view-studio__content-section > p {
	margin: 0;
}

.unk-view-studio__list-title {
	margin-bottom: var(--unk-space-md);
}

.unk-view-studio__list {
	color: var(--unk-color-text);
}

.unk-view-studio__service-intro {
	margin: 0;
}

.unk-view-studio__divider {
	display: block;
	margin: var(--unk-space-lg) 0;
}

.unk-view-studio__service-groups {
	display: flex;
	flex-direction: column;
	gap: var(--unk-space-lg);
}

.unk-view-studio__service-title {
	margin: 0 0 var(--unk-space-sm);
}

.unk-view-studio__clients {
	row-gap: var(--unk-space-lg);
	padding: 0;
	list-style: none;
}

.unk-view-studio__client {
	display: flex;
	align-items: center;
	opacity: calc(0.5 * var(--unk-studio-entrance-opacity, 1));
	transition: opacity 0.35s;
}

.unk-view-studio__client:hover,
.unk-view-studio__client:focus-within,
.unk-view-studio__client--active {
	position: relative;
	z-index: 3;
	opacity: var(--unk-studio-entrance-opacity, 1);
}

.unk-view-studio__client-link {
	display: block;
	width: 100%;
}

.unk-view-studio__client-logo {
	display: block;
	width: 100%;
	height: 3rem;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: left center;
	object-position: left center;
}

.unk-view-studio__partner-logo {
	display: block;
	width: 100%;
	max-width: 180px;
	height: auto;
}

.unk-view-studio__partner-logo + .unk-view-studio__divider {
	margin-top: calc(var(--unk-space-lg) / 2);
}

.unk-view-studio__contact-line,
.unk-view-studio__address {
	margin: 0;
}

.unk-view-studio__address {
	font-style: normal;
}

.unk-view-studio__address span,
.unk-view-studio__social-links a {
	display: block;
}

.unk-view-studio__text-link {
	display: inline-block;
	margin-top: var(--unk-space-lg);
}

.unk-view-studio__contact-line a:is(:hover, :focus-visible),
.unk-view-studio__text-link:is(:hover, :focus-visible),
.unk-view-studio__social-links a:is(:hover, :focus-visible) {
	color: var(--unk-color-accent);
}

@media (min-width: 48em) {
	.unk-view-studio__lists-row--wide-gutter > .unk-view-studio__list-group > * {
		padding-right: 16px;
	}

	.unk-view-studio__lists-row--wide-gutter
		> .unk-view-studio__list-group
		+ .unk-view-studio__list-group
		> * {
		padding-left: 16px;
		padding-right: 0;
	}
}

@media (max-width: 47.999em) {
	.unk-view-studio__cursor-media {
		display: none;
	}

	.unk-view-studio {
		gap: var(--unk-space-3xl);
		padding-top: var(--unk-space-md);
	}

	.unk-view-studio__intro {
		min-height: max(
			0px,
			calc(75svh - var(--unk-space-md) - var(--unk-space-3xl))
		);
	}

	.unk-view-studio__lead p + p {
		margin-top: var(--unk-space-lg);
	}
}

@media (prefers-reduced-motion: reduce), (forced-colors: active) {
	.unk-view-studio__cursor-media {
		display: none;
	}

	.unk-view-studio__client {
		transition: none;
	}
}

@media (forced-colors: active) {
	.unk-view-studio__client {
		opacity: 1;
	}
}