section > article > * > * {
	margin: 0px;
}
section > article > * > *:first-child {
	margin-top: auto;
}
section  > article > * > *:last-child {
	margin-bottom: auto;
}
section aside {
	position: sticky;
	top: 0px;

	margin: 0px;
	height: 100%;
	min-height: 100vh;
	padding: 0px!important;
	margin-left: -60px;

}

section aside[class*="wallpaper"],
section aside > img {
	object-fit: cover;
	object-position: center;
	max-height:calc(100vh + var(--spacing-3xl,90px));
	height:calc(100vh + var(--spacing-3xl,90px));
	width: 100%;
	
	clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%, 5% 72%);
}
body, article, .content div {
	display: flex;
	flex-direction: column;
	gap:var(--spacing-xl,30px);

}
section *:is(h1, h2):first-child {
	max-width: clamp(270px, 50%, 360px);
	text-wrap:balance;
}
section *:is(h1, h2):first-of-type, .jumbo:is(h1,h2) {
	max-width: clamp(540px, 50vw, 720px);
	font-size:200%;
	line-height: 200%;
}
section *:is(h1, h2):first-of-type {
	line-height: 130%;
}
body:has(section) footer {
	padding: 15px var(--spacing-3xl,90px);
}




.template-home section > article > div:nth-child(even) {
	margin-left: auto;
	margin-right: 0px;
	padding-right: 180px;
	
}
.template-home section > * > *:not(:first-child) {
	min-height: calc(50vh - 180px);	
}
.template-home section > * > *:nth-child(2) {
	min-height: 100px;	
	margin-bottom: 20vh;
	
}

section div:has(p) {
	min-width: 40vw;
}
section p {
	max-width: 720px;
}



*:is(article, section) div:has(p, ul) {
	max-width: 50vw;
}



.wallpaper-slider:has(img[src*=".jp"])::before {
	display: block;
	content: ' ';
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background: linear-gradient(to bottom, color-mix(in srgb, var(--lightcolor, #fffbf0) 60%, transparent) 40%, color-mix(in srgb, var(--lightcolor, #fffbf0) 0%, transparent) 100%);
	min-height: 300px;
	z-index: 9999;
}