#presentation
{
	background: hsl(194deg 39% 87%);
	display: flex;
	flex-flow: colum nowrap;
	padding: 0;
	
	& *
	{
		box-sizing: border-box;
	}
	.page
	{
		--page-height: calc(100vw * (1200 / 1920));
		align-items: center;
		background: no-repeat center center / cover fixed url('/images/presentation/background.jpg');
		display: flex;
		font-size: calc(var(--base-fontsize) * 1.3);
		/* height: var(--page-height); */
		flex-flow: column nowrap;
		justify-content: center;
		padding: 48px 36px;
		width: 100%;
		
		.page-wrapper
		{
			display: flex;
			flex-flow: column nowrap;
		}
		
		&.highlight
		{
			background-image: url('/images/presentation/background1.jpg');
		}
		&#page01
		{
			min-height: 100vh;
			padding: 0;
			
			.page-wrapper
			{
				align-items: center;
				flex-flow: column nowrap;
				gap: 36px;
				
				.logo
				{
					img
					{
						width: 60vw;
					}
				}
				.intro
				{
					color: hsl(0deg 0% 24%);
					display: flex;
					flex-flow: column nowrap;
					flex: 1;
					font-size: calc(var(--base-fontsize) * 1.3);
					gap: 0.5em;
					text-align: center;
					
					h1
					{
						color: hsl(209deg 88% 23%);
						font-size: calc(var(--base-fontsize) * 3.6);
						line-height: 1;
					}
					hr
					{
						border: solid 1px hsl(194deg 39% 56%);
					}
					h2
					{
						font-weight: 400;
					}
				}
			}
		}
		&#page02
		{
			.page-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				gap: 0.5em;
				
				h2
				{
					font-size: calc(var(--base-fontsize) * 1.44);
				}
				p
				{
					font-weight: 400;
					text-align: justify;
					text-align-last: left;
				}
				ul
				{
					font-weight: 400;
					margin-left: 1.5em;
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
				.box
				{
					background: hsl(212deg 78% 31%);
					border-radius: 1em;
					color: hsl(0deg 0% 100%);
					padding: 24px;
				}
			}
		}
		&#page03
		{
			gap: 25px;
			
			.page-wrapper
			{
				width: 82.5vw;
				
				h1
				{
					color: hsl(0deg 0% 24%);
					font-size: calc(var(--base-fontsize) * 2.55);
					
					em
					{
						color: hsl(212deg 78% 31%);
						display: block;
						font-style: normal;
					}
				}
				h3
				{
					color: hsl(0deg 0% 24%);
					font-size: calc(var(--base-fontsize) * 1.28);
				}
			}
			.large-image
			{
				width: 100%;
			}
			.page-wrapper.col-wrapper
			{
				gap: 24px;
				flex-flow: column nowrap;
				
				.col
				{
					display: flex;
					flex-flow: column nowrap;
					gap: calc(var(--base-fontsize) * 0.5);
					
					h3
					{
						margin-left: 24px;
					}
					p
					{
						font-weight: 400;
						text-align: justify;
						text-align-last: left;
					}
					.box
					{
						background: hsl(212deg 78% 31%);
						border-radius: 1em;
						color: hsl(0deg 0% 100%);
						padding: 24px;
					}
				}
			}
		}
		&#page04
		{
			row-gap: 24px;
			
			.title-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				display: flex;
				flex-flow: column nowrap;
				gap: 0.5em;
				
				h2
				{
					font-size: calc(var(--base-fontsize) * 1.44);
					font-weight: var(--font-weight-semi);
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
				h3
				{
					font-weight: 400;
				}
			}
			.box-wrapper
			{
				display: flex;
				flex-flow: column nowrap;
				
				.box
				{
					align-items: center;
					display: flex;
					flex-flow: row nowrap;
					gap: 2.3vw;
					padding: calc(var(--base-fontsize) * 1.2) calc(var(--base-fontsize) * 1.2);
					
					.icon
					{
						img
						{
							width: 10vw;
						}
					}
					.description
					{
						flex: 1;
						
						h4
						{
							color: hsl(212deg 78% 31%);
							font-size: calc(var(--base-fontsize) * 1.6);
						}
						p
						{
							color: hsl(0deg 0% 24%);
						}
					}
					
					&.highlight
					{
						background: hsl(212deg 78% 31%);
						
						.description
						{
							h4
							{
								color: hsl(0deg 0% 100%);
							}
							p
							{
								color: hsl(205deg 100% 83%);
							}
						}
					}
				}
			}
			.footer
			{
				background: hsl(201deg 18% 66% / 20%);
				display: flex;
				flex-flow: column nowrap;
				justify-content: center;
				padding: 0;
				
				.footer-wrapper
				{
					display: flex;
					flex-flow: column nowrap;
					
					.col
					{
						flex: 1;
						padding: 18px;
						
						h4
						{
							color: hsl(212deg 78% 31%);
							font-size: calc(var(--base-fontsize) * 1.6);
						}
						p
						{
							color: hsl(216deg 41% 22%);
						}
					}
					hr
					{
						border: solid 1px hsl(200deg 13% 58%);
					}
				}
			}
		}
		&#page05
		{
			flex-flow: column nowrap;
			gap: 24px;
			
			.page-wrapper
			{
				flex: 1;
				
				h1
				{
					color: hsl(0deg 0% 24%);
					font-size: calc(var(--base-fontsize) * 2.45);
					
					em
					{
						color: hsl(212deg 78% 31%);
						display: block;
						font-style: normal;
					}
				}
				h3
				{
					color: hsl(0deg 0% 24%);
				}
				p
				{
					color: hsl(0deg 0% 24%);
					font-weight: 400;
				}
				.highlight
				{
					border-left: solid 2px hsl(209deg 100% 22%);
					padding: calc(var(--base-fontsize) * 1.5);
					
					h3
					{
						color: hsl(209deg 100% 22%);
					}
				}
			}
			.large-image
			{
				width: 100%;
			}
		}
		&#page06
		{
			row-gap: 3.75vw;
			
			.title-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				display: flex;
				flex-flow: column nowrap;
				font-size: calc(var(--base-fontsize) * 1.44);
				gap: 0.5em;
				
				h2
				{
					font-size: calc(var(--base-fontsize) * 2.24);
					font-weight: 400;
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
				h3
				{
					font-size: calc(var(--base-fontsize) * 1.54);
					font-weight: 400;
				}
			}
			.page-wrapper.portrait-only
			{
				gap: 24px;
				
				.box
				{
					border-left: solid 2px hsl(209deg 100% 22%);
					padding: calc(var(--base-fontsize) * 1.5);
					
					h3
					{
						color: hsl(209deg 100% 22%);
						font-size: calc(var(--base-fontsize) * 1.44);
					}
					p
					{
						color: hsl(0deg 0% 24%);
					}
				}
			}
		}
		&#page07
		{
			flex-flow: column nowrap;
			gap: 24px;
			
			.page-wrapper
			{
				flex: 1;
				
				h1
				{
					color: hsl(0deg 0% 24%);
					font-size: calc(var(--base-fontsize) * 2.88);
					
					em
					{
						color: hsl(212deg 78% 31%);
						font-style: normal;
					}
				}
				h3
				{
					color: hsl(0deg 0% 24%);
				}
				p
				{
					color: hsl(0deg 0% 24%);
					font-size: calc(var(--base-fontsize) * 1.3);
					font-weight: 400;
				}
				ul
				{
					display: flex;
					flex-flow: column nowrap;
					list-style: none;
					padding: calc(var(--base-fontsize) * 1.5);
					gap: calc(var(--base-fontsize) * 1.6);
					
					li
					{
						align-items: center;
						display: flex;
						flex-flow: row nowrap;
						gap: calc(var(--base-fontsize) * 1);
						
						.icon
						{
							img
							{
								height: calc(var(--base-fontsize) * 4);
							}
						}
						.description
						{
							flex: 1;
							
							h3
							{
								color: hsl(209deg 100% 22%);
								font-size: calc(var(--base-fontsize) * 1.44);
							}
						}
					}
				}
			}
			.large-image
			{
				width: 100%;
			}
		}
		&#page08
		{
			row-gap: 36px;
			
			.page-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				gap: 0.5em;
				
				p
				{
					font-weight: 400;
					text-align: justify;
					text-align-last: left;
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
				.highlight
				{
					display: flex;
					flex-flow: column nowrap;
					gap: calc(var(--base-fontsize) * 1.44);
					
					.box
					{
						background: hsl(212deg 78% 31%);
						border-radius: 1em;
						color: hsl(0deg 0% 100%);
						flex: 1;
						padding: calc(var(--base-fontsize) * 1.25) calc(var(--base-fontsize) * 2);
						
						h3
						{
							color: hsl(183deg 100% 69%);
						font-size: calc(var(--base-fontsize) * 1.44);
						}
						p
						{
							font-weight: 400;
							text-align: left;
						}
					}
				}
				.quote
				{
					border-left: solid 2px hsl(209deg 100% 22%);
					padding: calc(var(--base-fontsize) * 1.5);
					margin-left: 5vw;
					
					h3
					{
						color: hsl(0deg 0% 24%);
						font-size: calc(var(--base-fontsize) * 1.4);
					}
				}
			}
			.footer
			{
				background: hsl(201deg 18% 66% / 20%);
				display: flex;
				flex-flow: row nowrap;
				justify-content: center;
				padding: 32px 16px;
				
				.footer-wrapper
				{
					align-items: center;
					display: flex;
					flex-flow: column nowrap;
					gap: 16px;
					justify-content: center;
					
					.text
					{
						align-items: center;
						color: hsl(0deg 0% 24%);
						display: flex;
						flex-flow: row nowrap;
						font-size: calc(var(--base-fontsize) * 1.6);
						font-weight: 400;
						gap: calc(var(--base-fontsize) * 0.5);
						
						img
						{
							height: calc(var(--base-fontsize) * 4.15);
							width: auto;
						}
						em
						{
							color: hsl(209deg 100% 22%);
							font-size: calc(var(--base-fontsize) * 1.92);
							font-style: normal;
						}
					}
				}
			}
		}
		&#highlights
		{
			row-gap: 36px;
			
			.title-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				display: flex;
				flex-flow: column nowrap;
				font-size: calc(var(--base-fontsize) * 1.44);
				gap: 0.5em;
				
				h2
				{
					font-size: calc(var(--base-fontsize) * 2.24);
					font-weight: 400;
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
			}
			.page-wrapper
			{
				width: 100%;
				
				ul
				{
					display: grid;
					gap: 5px;
					list-style: none;
					margin: 0;
					padding: 0;
				}
				.swiper-container
				{
					--swiper-navigation-color: hsl(200deg 4% 39%);
					--swiper-navigation-size: 24px;
					
					.swiper
					{
						overflow: hidden;
						transition: height .36s;
						
						.swiper-wrapper
						{
							align-items: flex-start;
							transition-property: transform;
							gap: 5px;
							
							.swiper-slide
							{
								height: auto !important;
								margin: 0 !important;
							}
						}
					}
					.swiper-nav
					{
						display: flex;
						flex-flow: row nowrap;
						gap: var(--card-gap);
						justify-content: flex-end;
						margin-top: var(--card-gap);
						
						&>*
						{
							background-color: hsl(201deg 18% 66% / 20%);
							border-radius: 100%;
							padding: calc(var(--swiper-navigation-size) * 0.9);
							position: unset;
							margin: 0;
							width: var(--swiper-navigation-size);
						}
					}
				}
				.link-container
				{
					background: hsl(209deg 15% 62%);
					background: linear-gradient(to bottom, hsl(209deg 15% 78%), hsl(209deg 15% 78% / 50%));
					border-radius: 10px;
					box-sizing: border-box;
					display: flex;
					flex-flow: row nowrap;
					gap: 10px;
					font-size: calc(var(--base-fontsize) * 1.42);
					padding: 15px;
					position: relative;
					
					.info
					{
						align-items: center;
						align-self: flex-end;
						aspect-ratio: 1 / 1;
						background: hsl(201deg 18% 66% / 20%);
						border-radius: 100%;
						color: hsl(200deg 4% 39%);
						display: flex;
						height: 1em;
						justify-content: center;
						vertical-align: middle;
						
						i
						{
							font-size: calc((8 / 12) * var(--base-fontsize));
						}
					}
					a.link
					{
						inset: 0;
						position: absolute;
						z-index: 1;
					}
					img
					{
						aspect-ratio: 1 / 1;
						border: solid 3px hsl(212deg 78% 31%);
						border-radius: 100%;
						box-sizing: border-box;
						object-position: center center;
						object-fit: cover;
						padding: 2px;
						width: 100px;
					}
					.separator
					{
						background: var(--color-lines);
						height: 1px;
					}
					.meta
					{
						flex: 1;
						text-align: left;
						
						.title
						{
							color: hsl(212deg 78% 31%);
							font-size: calc(var(--base-fontsize) * 1.3);
							font-weight: var(--font-weight-bold);
							text-transform: uppercase;
							
							.verified
							{
								--size: calc(var(--base-fontsize) * 1.15);
								align-items: center;
								display: inline-flex;
								font-size: var(--size);
								justify-content: center;
								height: var(--size);
								position: relative;
								top: -4px;
								width: var(--size);
								
								.fa-certificate
								{
									color: hsl(201deg 18% 66% / 20%);
								}
								.fa-check
								{
									color: hsl(200deg 4% 39%);
									position: absolute;
									scale: 56%;
									z-index: 1;
								}
							}
						}
						.description
						{
							--min-lines: 1;
							color: hsl(200deg 4% 39%);
							font-size: calc(var(--base-fontsize) * 1.3);
							font-weight: 400;
							line-height: 1.25;
							margin-top: 5px;
							min-height: calc((var(--base-fontsize) * 1.3) * 1.25 * var(--min-lines));
						}
					}
				}
			}
		}
		&#page09
		{
			row-gap: 36px;
			
			.title-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				display: flex;
				flex-flow: column nowrap;
				font-size: calc(var(--base-fontsize) * 1.44);
				gap: 0.5em;
				
				h2
				{
					font-size: calc(var(--base-fontsize) * 2.24);
					font-weight: 400;
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
				h3
				{
					font-size: calc(var(--base-fontsize) * 1.54);
					font-weight: 400;
				}
				ul
				{
					margin-left: 1.5em;
				}
				p, ul li
				{
					font-weight: 400;
				}
			}
			.page-wrapper
			{
				display: flex;
				flex-flow: column nowrap;
				gap: 24px;
				
				.card
				{
					background: hsl(209deg 15% 62%);
					background: linear-gradient(to bottom, hsl(209deg 15% 78%), hsl(209deg 15% 78% / 50%));
					border-radius: 1.25em;
					color: hsl(200deg 4% 39%);
					display: flex;
					flex-flow: column nowrap;
					gap: 1em;
					padding: 1.55em 1.25em;
					
					h3
					{
						font-size: 1.6em;
					}
					.price
					{
						align-items: center;
						display: flex;
						flex-flow: column nowrap;
						font-size: 1.42em;
						font-weight: 400;
						line-height: 1;
						
						strong
						{
							font-size: 1.8em;
						}
						& > .left
						{
							margin-left: -4.5em;
						}
						& > .right
						{
							margin-left: 4em;
						}
					}
					ul
					{
						display: flex;
						flex-flow: column nowrap;
						gap: 0.24em;
						list-style: none;
						margin: 0;
						padding: 0;
						
						li
						{
							display: flex;
							flex-flow: row nowrap;
							font-weight: 400;
							gap: 0.42em;
							
							span
							{
								font-weight: var(--font-weight-bold);
							}
							em
							{
								font-style: normal;
								flex: 1;
							}
						}
					}
					
					&.highlight
					{
						background: hsl(209deg 100% 22%);
						background: linear-gradient(to bottom, hsl(209deg 100% 22%), hsl(209deg 100% 22% / 50%));
						color: hsl(0deg 0% 100%);
					}
				}
			}
		}
		&.generic01
		{
			row-gap: 36px;
			
			h1
			{
				color: hsl(209deg 88% 23%);
				text-align: center;
			}
			.title-wrapper
			{
				align-items: stretch;
				color: hsl(0deg 0% 24%);
				display: flex;
				flex-flow: column nowrap;
				font-size: calc(var(--base-fontsize) * 1.44);
				gap: 0.5em;
				
				h2
				{
					font-size: calc(var(--base-fontsize) * 2.24);
					font-weight: 400;
				}
				hr
				{
					border: solid 1px hsl(194deg 39% 56%);
				}
				h3
				{
					font-size: calc(var(--base-fontsize) * 1.54);
					font-weight: 400;
				}
				ul
				{
					margin-left: 1.5em;
				}
				p, ul li
				{
					font-weight: 400;
				}
			}
			.page-wrapper
			{
				color: hsl(0deg 0% 24%);
				display: flex;
				flex-flow: column nowrap;
				gap: 24px;
				
				ul
				{
					margin-left: 1.5em;
				}
				p, ul li
				{
					font-weight: 400;
					
					.link
					{
						color: hsl(209deg 88% 23%);
						font-weight: 400;
					}
				}
			}
		}
	}
}
#contactform
{
	a.link
	{
		color: var(--color-link);
		font-weight: 400;
	}
	
	.list-input-wrapper
	{
		.display
		{
			padding: 15px;
		}
	}
	#social-links-wrapper
	{
	
		display: flex;
		flex-flow: column nowrap;
		gap: 10px;
		position: relative;
		
		.social-link
		{
			align-items: flex-end;
			background: var(--color-main-background);
			border: solid 1px var(--color-lines);
			border-radius: 10px;
			display: flex;
			gap: 10px;
			flex-flow: column nowrap;
			padding: 20px;
			
			.fields
			{
				display: flex;
				flex-flow: column nowrap;
				gap: 10px;
				width: 100%;
				
				.input-wrapper
				{
					border: none;
					padding: 0;
				}
			}
		}
	}
}
#checkName
{
	--color-green: light-dark( hsl(120deg 72% calc((36 - var(--base-darkness)) * 1%)), hsl(120deg 72% calc((64 + var(--base-lightness)) * 1%)) );
	--color-red: light-dark( hsl(0deg 72% calc((36 - var(--base-darkness)) * 1%)), hsl(0deg 72% calc((64 + var(--base-lightness)) * 1%)) );
	
	h2
	{
		font-weight: var(--font-weight-normal);
		font-style: italic;
	}
	
	form
	{
		.input-wrapper
		{
			align-items: flex-start;
			
			.input
			{
				align-self: stretch;
			}
		}
	}
	.display
	{
		overflow: hidden;
		transition: height .36s, opacity .36s;
		
		.display-wrapper
		{
			border: solid 1px var(--color-lines);
			border-radius: 5px;
			padding: 15px;
		}
		h2.available
		{
			color: var(--color-green);
		}
		h2.unavailable
		{
			color: var(--color-red);
		}
		&:not(.visible),
		&:not(.available) h2.available,
		&:not(.unavailable) h2.unavailable
		{
			display: none;
		}
	}
}
#invitation-footer
{
	align-self: center;
	display: flex;
	flex-flow: column nowrap;
	gap: 15px;
	
	.picture
	{
		text-align: center;
		
		picture
		{
			align-items: center;
			border: solid 5px hsl(0deg 0% 78%);
			border-radius: 100%;
			display: inline-flex;
			justify-content: center;
			padding: 5px;
			
			img
			{
				border-radius: 100%;
				height: 300px;
			}
		}
	}
	.info
	{
		display: flex;
		flex-flow: column nowrap;
		gap: 15px;
		text-align: center;
	}
}

.review
{
	color: red;
	text-decoration: line-through;
}

@media (max-width: 767px) or (orientation: portrait)
{
	.landscape-only
	{
		display: none !important;
	}
}
@media (min-width: 768px) and (orientation: landscape)
{
	.portrait-only
	{
		display: none !important;
	}
	#presentation
	{
		.page
		{
			padding: 4.5vw 0;
			width: 100%;
			
			&#page01
			{
				padding: 0;
				
				.page-wrapper
				{
					flex-flow: row nowrap;
					gap: 5vw;
					width: 70vw;
				
					.logo
					{
						img
						{
							width: 28vw;
						}
					}
					.intro
					{
						font-size: calc(var(--base-fontsize) * 1.44);
						text-align: left;
						
						h1
						{
							font-size: calc(var(--base-fontsize) * 4);
						}
						h2
						{
							width: 16.8em;
						}
					}
				}
			}
			&#page02
			{
				.page-wrapper
				{
					font-size: calc(var(--base-fontsize) * 1.44);
					width: 85vw;
					
					.box
					{
						padding: 2em;
					}
				}
			}
			&#page03
			{
				.page-wrapper.col-wrapper
				{
					gap: 2vw;
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					
					h1
					{
						font-size: calc(var(--base-fontsize) * 2.88);
						
						em
						{
							display: inline;
						}
					}
					.col
					{
						p
						{
							font-size: calc(var(--base-fontsize) * 1.08);
						}
						.box
						{
							padding: 1.5em;
						}
					}
				}
			}
			&#page04
			{
				row-gap: 3.75vw;
				
				.title-wrapper
				{
					width: 85vw;
					
					h2
					{
						font-size: calc(var(--base-fontsize) * 2.24);
					}
					h3
					{
						font-size: calc(var(--base-fontsize) * 1.54);
					}
				}
				.box-wrapper
				{
					display: grid;
					grid-template-columns: repeat(3, 1fr);
					width: 85vw;
					row-gap: 3.75vw;
				}
				.footer
				{
					flex-flow: row nowrap;
					padding: var(--base-fontsize) 0;
					
					.footer-wrapper
					{
						flex-flow: row nowrap;
						width: 85vw;
						
						.col
						{
							padding: 0 4vw;
						}
					}
				}
			}
			&#page05
			{
				flex-flow: row nowrap;
				gap: 0;
				
				.page-wrapper
				{
					padding: 0 8.5vw;
					
					h1
					{
						font-size: calc(var(--base-fontsize) * 2.88);
						
						em
						{
							display: inline;
						}
					}
					.space-between
					{
						height: calc((1em * 1.35) * 5);
					}
				}
				.large-image
				{
					height: var(--page-height);
					order: 1;
					width: auto;
				}
			}
			&#page06
			{
				.page-wrapper.landscape-only
				{
					gap: calc(var(--base-fontsize) * 2);
					width: 85vw;
					
					.row
					{
						display: flex;
						flex-flow: row nowrap;
						gap: 3vw;
						
						.col
						{
							flex: 1;
							
							h4
							{
								color: hsl(212deg 78% 31%);
								font-size: calc(var(--base-fontsize) * 1.6);
							}
							strong
							{
								color: hsl(0deg 0% 24%);
								font-size: calc(var(--base-fontsize) * 1.6);
							}
							span
							{
								color: hsl(0deg 0% 24%);
								font-size: calc(var(--base-fontsize) * 1.24);
								font-weight: 400;
							}
							
							&.c1
							{
								flex: 0 0 calc(var(--base-fontsize) * 1.6 * 10);
							}
						}
					}
					hr
					{
						border: solid 1px hsl(0deg 0% 50%); 
					}	
				}
			}
			&#page07
			{
				flex-flow: row nowrap;
				gap: 0;
				
				.large-image
				{
					height: var(--page-height);
					order: 1;
					width: auto;
				}
				.page-wrapper
				{
					padding: 0 8.5vw;
				}
			}
			&#page08
			{
				row-gap: 3.75vw;
				
				.page-wrapper
				{
					width: 85vw;
					
					.highlight
					{
						display: grid;
						grid-template-columns: repeat(2, 1fr);
					}
				}
				.footer
				{
					padding: var(--base-fontsize) 0;
					
					.footer-wrapper
					{
						flex-flow: row nowrap;
						gap: calc(var(--base-fontsize) * 2);
						width: 85vw;
						
						.text
						{
							img
							{
								height: calc(var(--base-fontsize) * 4.15);
								width: auto;
							}
						}
					}
				}
			}
			&#page09
			{
				.title-wrapper
				{
					width: 85vw;
				}
				.page-wrapper
				{
					display: grid;
					grid-template-columns: repeat(3, 1fr);
					gap: 4vw;
					width: 75vw;
				}
			}
			&.generic01
			{
				.title-wrapper
				{
					width: 85vw;
				}
				.page-wrapper
				{
					width: 75vw;
				}
			}
			&#highlights
			{
				.title-wrapper
				{
					width: 85vw;
				}
				.page-wrapper
				{
					width: 75vw;
					
					.link-container .meta .description
					{
						--min-lines: 1;
					}
				}
			}
		}
	}
	#invitation-footer
	{
		align-self: stretch;
		flex-flow: row nowrap;
		justify-content: space-around;
		gap: 15px;
		
		.info
		{
			display: flex;
			flex-flow: column nowrap;
			gap: 15px;
			text-align: center;
		}
	}
}