body.home .as-partnership,
body.home .as-overlay-host {
	position: relative;
}

body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]) {
	position: absolute;
	z-index: 120;
	inset: 0;
	display: block;
	grid-template-columns: none;
	background: #102b2bf5;
	opacity: 0;
	visibility: hidden;
	transform: none;
	overflow: hidden;
	transition: opacity .35s ease, visibility 0s linear .35s;
}

body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]).is-open {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]) .as-overlay-media {
	display: none;
}

body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]) article {
	align-self: auto;
	max-width: 980px;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: clamp(4rem, 7vw, 7rem) clamp(2rem, 6vw, 7rem);
	overflow: auto;
	transform: translateX(100%);
	transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]).is-open article {
	transform: none;
}

body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]) .as-overlay-close {
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
}

body.home :is(.as-partnership, .as-overlay-host):has(.as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]).is-open) > :not(.as-profile-overlay) {
	filter: brightness(.72);
	transition: filter .35s ease;
}

@media (max-width: 900px) {
	body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]) {
		overflow: auto;
	}

	body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]) article {
		padding: 3rem 1.5rem 4rem;
		transform: translateY(30px);
	}

	body.home .as-profile-overlay:is([data-overlay="stefano"], [data-overlay="story"]).is-open article {
		transform: none;
	}
}