/* custom scrollbars */
		
	html,body {
		height:auto;
		overflow-x:hidden;
		overflow-y:auto;
	}
	main {
		position:relative;
		inset:auto;
		overflow:visible;
		scroll-behavior:smooth;
	}
	main .sections {
		height:auto;
		min-height:0;
		overflow-y:visible;
		overflow-x:hidden;
		box-sizing:border-box;
		scrollbar-width:none;
		-webkit-overflow-scrolling:auto;
		scroll-snap-type:none;
		outline: 2px dashed orange;
		outline: none;
	}
	main .sections > section {
		scroll-snap-align:none;
		scroll-snap-stop:normal;
	}
	main .sections::-webkit-scrollbar{
		display:none;
	}
	main .section-scrollbar{
		display:none;
	}
	main .section-scrollbar-thumb {
		position:absolute;
		top:0;
		width:100%;
		height:40px;
		background:rgba(255,255,255,0.5);
		border-radius:3px;
		cursor:pointer;
		touch-action:none;
	}
	.anchor {
		display: block;
		position: relative;
		height: 10px;
		margin-bottom: -10px;
		top: calc(-1 * var(--menu_height) - 20px);
		background-color: yellow;
		background-color: transparent;
		top: 0;
		margin-top: 1px;
	}

	
	/* iOS Safari: top-level scroll needed for URL bar collapse */
	@supports (-webkit-touch-callout: none) {
		html,body {
			height:auto;
			overflow-y:auto;
			scroll-snap-type:y proximity;
		}
		main {
			position:relative;
			inset:auto;
			overflow:visible;
		}
		main .sections {
			height:auto;
			min-height:0;
			overflow:visible;
			scroll-snap-type:unset;
		}
		main .sections > section {
			scroll-snap-align:start;
			scroll-snap-stop:normal;
		}
		main .section-scrollbar {
			display:none;
		}
	}

	.event-head h1 {
		font-size: clamp(1.75rem, 10.5vw, 3rem);
	}
	.event-head h2 {
		font-size:2.25rem;
		margin-bottom: 25px;
	}
	.event-head h3 {
		font-size:   calc(var(--main_title_size) * 0.5);
		line-height: calc(var(--main_title_line_height) * 0.6);
	}
	.event-head h4 {
		text-align: center;
		padding: 0px 5% 0 5%;
		font-size: calc(var(--copy_size_big) * 1.0);
		line-height: calc(var(--copy_line_height_big) * 1.0);
	}
	.event-supportives .supportive-label {
		max-width: 100vw;
		white-space: normal;
		text-align: center;
		font-size: calc(var(--copy_size_big) * 1.0);
		line-height: calc(var(--copy_line_height_big) * 1.0);
	}
	.event-supportives .supportive-person {
		flex-flow: column;
	}
	.event-supportives .supportive-person figure {
	}
	.event-supportives .supportive-person figcaption {
		text-align: center;
	}
	.event-supportives .supportive-person figcaption p.name {
		font-size: calc(var(--copy_size_big) * 1.0);
		line-height: calc(var(--copy_line_height_big) * 1.0);
	}
	.event-supportives .supportive-person figcaption p.title {
		font-size: calc(var(--copy_size_big) * 1.0);
		line-height: calc(var(--copy_line_height_big) * 1.0);
	}
	.event-supportives .supportive-quote {
		font-size: calc(var(--copy_size) * 0.85);
		line-height: calc(var(--copy_line_height) * 0.85);
		text-align:center;
	}

	.buttons {
		display:block;
	}
	.buttons .button {
		justify-content:center;
		text-align:center;
		margin-bottom:10px;
	}