* {
	font-family: inherit;
	font-weight: inherit;
	font-variation-settings: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
	color: inherit;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	border-collapse: collapse;
	/* outline: 1px dashed rgba(0,0,0,0.5); */
}

* + * { margin-top: 1em;}


html {
	
	/* filter: invert(1); */
	--black: #000;
	--warm-black: #260013;
	--cool-black: #00273d;
	--white:#FFF;
	--off-white:#D5E0EB;
	--off-white:#dce8f2;
	--gray-dark:#373D40;
	--gray-dark:#262626;
	
	--red: #FF0C0C;
	--red: color(display-p3 1 0.047 0.047);
	--blue:#0086ff;
	--light-blue:#3fa5ff;
	--yellow: #ffe12e;
	
	font-family: 'Owners Text', sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding: 0;
	
	color: var(--warm-black);
	background-color: var(--blue);
	
	--scrollslnt: calc(100 - var(--scrolly) * 0.2);
	--scrollwdth: calc(60 + var(--scrolly) * 0.1);
	--scrolly: 0;
	--scrollnudge: calc(-0.25em + var(--scrolly) * 0.2px);
}



.cover {
	padding-block: 15vh;
	line-height: 0.8;
	position: relative;
	background-color: var(--blue);
	overflow: hidden;
	will-change: transform;
	transform: translatey(calc(var(--scrolly)*0.5px));
}
.cover h1 {
	text-transform: uppercase;
	font-size: inherit;
	color: var(--black);
	margin: 0;
	line-height: 1;
	/* line-height: calc(1em - var(--scrolly) * 0.5px); */
}
.cover .p-layer {
	position: relative;
	margin: 0.18em 0;
	margin: 0;
	/* padding: 1em 0; */
	font-size: 24vw;
	/* letter-spacing: 0.02em; */
	text-align: center;
	/* transition: transform 1000ms ease-out; */
	overflow: hidden;
}
.cover .p-layer-1 h1,
.cover .p-layer-3 h1 {
	font-family: 'Owners', 'Impact', sans-serif;
	font-stretch: 25%;
	font-weight: 900;
	overflow: hidden;
}
.cover .p-layer-3 {
	background-color: var(--blue);
	/* transform: translatey(calc(var(--scrolly)*0.755px)); */
	z-index: 1;
}
.cover .p-layer-3 h1 {
	margin-bottom: calc(var(--scrolly) * -0.06px - 0.5em);
	margin-left: 0.25em;
	margin-left: calc(0.25em - var(--scrolly) * 0.2px);
}
.cover .p-layer-2 {
	font-weight: 500;
	font-stretch: 60%;
	font-variation-settings: 'slnt' calc(100 - var(--scrolly) * 0.2), 'wdth' calc(60 + var(--scrolly) * 0.2);
	font-size: 15vw;
	background-color: var(--yellow);
	
	/* transform: translatey(calc(var(--scrolly)*0.3px)); */
	
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 3;
}
.cover .p-layer-2 h1 {
	line-height: 0.6;
	margin-left: -0.2em;
	margin-block: calc(var(--scrolly)*-0.1px);
}
.cover .p-layer-1 {
	color: var(--white);
	/* transform: translatey(calc(var(--scrolly)*0.1px)); */
	z-index: 2;
}
.cover .p-layer-1 h1 {
	margin-top: calc(var(--scrolly) * -0.06px - 0.5em);
	margin-left: -0.25em;
	margin-left: calc(-0.25em + var(--scrolly) * 0.2px);
}
.attn {
	/* display: none; */
	position: absolute;
	z-index: 1;
	/* top: 17vw;
	right: 14vw; */
	top: 0;
	width: 100%;
	bottom:0;
	overflow: hidden;
	/* transform:translatey(calc(var(--scrolly)*0.4px)); */
}
.starburst {
	/* position: absolute;
	left: 75%;
	top: -2rem; */
	float: right;
	font-size: clamp(0.6rem,calc(0.4rem + 0.5vw),1rem);
	font-size: 0.75rem;
	text-align: center;
	width: 8em;
	height: 5em;
	padding: 0 1em 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	background-color: var(--yellow);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(10deg);
	clip-path: polygon( 99.2% 59.6%,99.2% 59.6%,99.1% 58.6%,99.1% 57.6%,99.1% 56.6%,99.1% 55.5%,99.1% 54.4%,99.1% 53.3%,99.1% 52.1%,99.1% 50.9%,99.1% 49.6%,99.2% 48.2%,99.2% 48.2%,99.2% 46.9%,99.2% 45.5%,99.3% 44%,99.4% 42.6%,99.5% 41.1%,99.6% 39.5%,99.7% 37.9%,99.8% 36.3%,100% 34.6%,100.1% 32.8%,100.1% 32.8%,99.6% 32.7%,99% 32.6%,98.5% 32.5%,97.9% 32.4%,97.4% 32.3%,96.8% 32.2%,96.3% 32.1%,95.7% 31.9%,95.1% 31.8%,94.5% 31.7%,94.5% 31.7%,94% 31.6%,93.4% 31.6%,92.8% 31.5%,92.2% 31.4%,91.5% 31.3%,90.9% 31.2%,90.3% 31.1%,89.6% 31%,89% 30.9%,88.3% 30.8%,88.3% 30.8%,88.7% 30.7%,89.1% 30.6%,89.5% 30.5%,89.9% 30.4%,90.3% 30.3%,90.7% 30.2%,91% 30.1%,91.4% 30%,91.8% 30%,92.2% 29.9%,92.2% 29.9%,92.6% 29.8%,92.9% 29.6%,93.3% 29.5%,93.6% 29.4%,93.9% 29.3%,94.3% 29.3%,94.6% 29.2%,94.9% 29.1%,95.2% 29%,95.5% 29%,95.5% 29%,95.5% 29%,95.6% 29%,95.6% 29%,95.7% 29%,95.8% 29%,95.8% 29%,95.9% 29%,96% 29%,96% 29%,96.1% 29%,96.1% 29%,96.1% 29%,96.2% 29%,96.2% 29%,96.3% 29%,96.3% 29%,96.4% 29%,96.4% 29%,96.4% 29%,96.5% 29%,96.5% 29%,96.5% 29%,96.6% 28.3%,96.7% 27.5%,96.8% 26.8%,96.9% 26%,97% 25.1%,97.1% 24.3%,97.2% 23.4%,97.3% 22.5%,97.4% 21.5%,97.5% 20.6%,97.5% 20.6%,97.6% 18.7%,97.7% 16.8%,97.8% 14.8%,97.9% 12.8%,98% 10.7%,98.1% 8.7%,98.2% 6.7%,98.2% 4.7%,98.2% 2.7%,98.2% 0.9%,98.2% 0.9%,97.6% 0.9%,97% 0.9%,96.3% 1%,95.7% 1%,95.1% 1.1%,94.5% 1.2%,93.9% 1.3%,93.3% 1.4%,92.6% 1.5%,92% 1.5%,92% 1.5%,91.4% 1.5%,90.8% 1.6%,90.2% 1.6%,89.6% 1.6%,89% 1.7%,88.4% 1.7%,87.8% 1.8%,87.1% 1.9%,86.5% 1.9%,85.8% 2%,85.8% 2%,84.3% 2%,82.7% 2%,81.1% 2%,79.6% 2.1%,78% 2.1%,76.4% 2.1%,74.8% 2.2%,73.2% 2.2%,71.5% 2.2%,69.7% 2.2%,50.3% 2.2%,50.3% 2.2%,44.2% 2.2%,40.6% 2.2%,39.2% 2.2%,39.4% 2.2%,40.9% 2.2%,43.1% 2.2%,45.6% 2.2%,47.9% 2.2%,49.7% 2.2%,50.3% 2.2%,31% 2.2%,31% 2.2%,30.2% 2.2%,29.4% 2.2%,28.5% 2.2%,27.7% 2.2%,26.8% 2.2%,26% 2.2%,25.1% 2.2%,24.2% 2.2%,23.2% 2.2%,22.3% 2.2%,22.3% 2.2%,20.5% 2.2%,18.6% 2.1%,16.8% 2%,14.9% 1.9%,13% 1.7%,11.1% 1.5%,9.3% 1.3%,7.5% 1%,5.7% 0.7%,4% 0.4%,4% 0.4%,3.5% 3.2%,3.1% 6%,2.7% 8.9%,2.4% 11.9%,2.1% 14.9%,1.9% 17.9%,1.7% 21.1%,1.6% 24.3%,1.4% 27.6%,1.3% 31%,1.3% 31%,1.9% 31%,2.4% 31.1%,2.9% 31.1%,3.4% 31.2%,3.9% 31.3%,4.5% 31.4%,5% 31.5%,5.6% 31.7%,6.2% 31.8%,6.8% 31.9%,6.8% 31.9%,7.4% 32.1%,8% 32.2%,8.6% 32.3%,9.2% 32.5%,9.8% 32.6%,10.4% 32.7%,11% 32.9%,11.6% 33%,12.2% 33.1%,12.8% 33.3%,12.8% 33.3%,12.4% 33.4%,11.9% 33.6%,11.5% 33.7%,11% 33.8%,10.6% 34%,10.2% 34.1%,9.7% 34.2%,9.3% 34.4%,8.9% 34.5%,8.5% 34.6%,8.5% 34.6%,8.1% 34.8%,7.7% 34.9%,7.3% 35.1%,6.9% 35.2%,6.5% 35.3%,6.1% 35.5%,5.8% 35.6%,5.4% 35.7%,5.1% 35.9%,4.8% 36%,4.8% 36%,4.8% 36.7%,4.8% 37.4%,4.8% 38.1%,4.8% 38.8%,4.8% 39.6%,4.8% 40.3%,4.8% 41.1%,4.8% 41.9%,4.8% 42.7%,4.8% 43.5%,4.8% 43.5%,4.8% 44.3%,4.8% 45.1%,4.8% 46%,4.9% 46.9%,4.9% 47.7%,5% 48.6%,5.1% 49.5%,5.1% 50.5%,5.2% 51.4%,5.2% 52.3%,5.2% 52.3%,6% 52.3%,6.7% 52.4%,7.4% 52.4%,8.1% 52.5%,8.8% 52.5%,9.6% 52.6%,10.3% 52.7%,11% 52.9%,11.7% 53%,12.4% 53.2%,12.4% 53.2%,11.1% 53.5%,9.9% 53.8%,8.7% 54.1%,7.5% 54.4%,6.2% 54.7%,5% 55%,3.7% 55.2%,2.5% 55.5%,1.2% 55.7%,0% 56%,0% 56%,0.2% 58.7%,0.4% 61.6%,0.6% 64.6%,0.8% 67.6%,0.9% 70.7%,1% 73.8%,1% 76.8%,1.1% 79.8%,1.1% 82.7%,1% 85.4%,1% 85.4%,1.7% 85.4%,2.2% 85.4%,2.8% 85.3%,3.3% 85.2%,3.8% 85.2%,4.3% 85%,4.8% 84.9%,5.3% 84.8%,5.9% 84.7%,6.5% 84.5%,6.5% 84.5%,6.6% 84.5%,6.6% 84.5%,6.7% 84.5%,6.8% 84.5%,6.8% 84.5%,6.9% 84.5%,7% 84.5%,7.1% 84.4%,7.1% 84.4%,7.2% 84.3%,7.2% 84.3%,7.3% 84.3%,7.4% 84.3%,7.5% 84.3%,7.6% 84.3%,7.7% 84.3%,7.8% 84.3%,7.9% 84.3%,8% 84.3%,8.1% 84.3%,8.2% 84.3%,8.2% 84.3%,8.1% 85.1%,8% 85.8%,7.9% 86.5%,7.8% 87.3%,7.7% 88%,7.6% 88.8%,7.6% 89.5%,7.5% 90.3%,7.4% 91%,7.4% 91.8%,7.4% 91.8%,7.3% 92.5%,7.3% 93.3%,7.3% 94%,7.2% 94.8%,7.2% 95.5%,7.1% 96.3%,7.1% 97%,7% 97.8%,7% 98.5%,6.9% 99.3%,6.9% 99.3%,7.7% 99.3%,8.6% 99.2%,9.5% 99.2%,10.4% 99.2%,11.4% 99.2%,12.4% 99.1%,13.4% 99.1%,14.5% 99.1%,15.7% 99%,16.8% 99%,16.8% 99%,18.1% 99%,19.3% 99%,20.6% 99%,21.9% 99%,23.2% 99%,24.5% 99%,25.9% 99%,27.3% 99%,28.6% 99%,30% 99%,30% 99%,30.1% 99%,30.2% 99%,30.3% 99%,30.3% 99%,30.4% 99%,30.5% 99%,30.6% 99%,30.6% 99%,30.7% 99%,30.8% 99%,30.8% 99%,30.8% 99%,30.8% 99%,30.8% 99%,30.8% 99%,30.8% 99%,30.8% 99%,30.9% 99%,30.9% 99%,30.9% 99%,31% 99%,49.9% 99%,49.9% 99%,49.9% 99%,49.9% 99%,49.9% 99%,49.9% 99%,50% 99%,50% 99%,50% 99%,50.1% 99%,50.1% 99%,50.2% 99%,50.2% 99%,50.2% 99%,50.2% 99%,50.2% 99%,50.2% 99%,50.3% 99%,50.3% 99%,50.4% 99%,50.4% 99%,50.4% 99%,50.5% 99%,69.4% 99%,69.4% 99%,69.4% 99%,69.4% 99%,69.4% 99%,69.4% 99%,69.4% 99%,69.4% 99%,69.5% 99%,69.5% 99%,69.5% 99%,69.6% 99%,69.6% 99%,72% 99.1%,74.6% 99.1%,77.1% 99.2%,79.6% 99.3%,82.1% 99.4%,84.6% 99.6%,87.1% 99.8%,89.5% 100%,91.9% 100.3%,94.2% 100.6%,94.2% 100.6%,94.4% 99.4%,94.7% 98.2%,94.9% 96.9%,95.1% 95.6%,95.3% 94.3%,95.4% 93%,95.6% 91.7%,95.8% 90.4%,95.9% 89.1%,96.1% 87.7%,96.1% 87.7%,96.2% 86.4%,96.3% 85.1%,96.5% 83.8%,96.6% 82.4%,96.7% 81.1%,96.8% 79.7%,96.9% 78.3%,97% 76.9%,97.1% 75.5%,97.2% 74.1%,97.2% 74.1%,96.6% 74.1%,96.1% 74.1%,95.6% 74.2%,95.1% 74.2%,94.5% 74.2%,94% 74.3%,93.5% 74.4%,92.9% 74.4%,92.4% 74.5%,91.9% 74.6%,91.9% 74.6%,91.4% 74.6%,90.8% 74.6%,90.3% 74.6%,89.8% 74.6%,89.3% 74.6%,88.7% 74.6%,88.2% 74.6%,87.7% 74.7%,87.1% 74.7%,86.6% 74.8%,86.6% 74.8%,87% 74.6%,87.4% 74.4%,87.7% 74.2%,88.1% 74%,88.5% 73.9%,88.8% 73.7%,89.2% 73.5%,89.5% 73.4%,89.9% 73.2%,90.2% 73%,90.2% 73%,90.5% 72.8%,90.9% 72.6%,91.2% 72.3%,91.6% 72.1%,91.9% 71.9%,92.3% 71.7%,92.7% 71.5%,93.1% 71.2%,93.5% 71%,93.9% 70.7%,93.9% 70.7%,93.9% 70.2%,93.9% 69.6%,93.9% 69.1%,93.9% 68.5%,93.9% 67.9%,93.9% 67.4%,93.9% 66.8%,93.8% 66.2%,93.8% 65.6%,93.7% 65%,93.7% 65%,93.7% 64.4%,93.7% 63.8%,93.7% 63.2%,93.6% 62.7%,93.6% 62.1%,93.5% 61.6%,93.5% 61%,93.4% 60.5%,93.3% 59.9%,93.3% 59.4%,93.3% 59.4%,93.6% 59.4%,93.9% 59.4%,94.2% 59.5%,94.5% 59.5%,94.8% 59.6%,95.1% 59.7%,95.4% 59.7%,95.7% 59.8%,95.9% 59.8%,96.2% 59.8%,96.2% 59.8%,96.5% 59.8%,96.8% 59.8%,97.1% 59.8%,97.4% 59.8%,97.6% 59.8%,97.9% 59.8%,98.2% 59.8%,98.5% 59.8%,98.9% 59.8%,99.2% 59.8% );
	box-shadow: 1px solid black;
}
.starburst a {
	font-family: 'Owners', sans-serif;
	font-stretch: 50%;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.125rem;
	line-height: 0.85;
	text-decoration: none;
	letter-spacing: 0.03em;
}
.starburst a:hover {
	color: var(--warm-black);
}

.ear {
	position: absolute;
	font-size: 0.1em;
	margin-top: 0;
	top: 5em;
	font-family: 'Dual Casual', sans-serif;
	--x-pos:2.25em;
}
.ear-left {
	left: var(--x-pos);
	transform: rotate(calc(var(--random1)*10deg - 5deg));
}
.ear-right {
	right: var(--x-pos);
	transform: rotate(calc(var(--random2)*10deg - 5deg));
}
.p-layer-2 .ear {
	color: transparent;
	/* background-color: var(--white); */
	/* padding: 0.5em 0.25em; */
	--x-pos: 2em;
}
.parallax {
	margin-top: 0;
	/* position: relative; */
}
.parallax > .p-body {
	z-index: 2;
	margin-top: 0;
	background-color: var(--body-bg);
}

.sticker {
	position: relative;
	display: inline-block;
	line-height: 1;
	/* text-box: trim-both cap alphabetic; */
	transform: rotate(calc(var(--random1)*6deg - 3deg));
	width: fit-content;
}

.sticker::after {
	content:'';
	color: var(--red);
	background-color: var(--blue);
	mix-blend-mode: multiply;
	position: absolute;
	
	--indent-block: calc(0em + (0.242em/2));
	--indent-inline: 0em;
	transform:
		rotate(calc(var(--random2)*6deg - 3deg))
		translate(-50%, -50%);
		
	top: calc(50% + 0.051em / 2);
	left: 50%;
	--w: calc(100% - 0.2em + var(--random3)*0.4em);
	--h: calc(100% - 0.5em + var(--random4)*0.6em);
	width: var(--w);
	height: var(--h);
}



body {
	margin-top: 0;
	--noise-interval: 0;
	position: relative;
	/* min-height: 100vh; */
	/* display: grid;
	grid-template-rows: auto 1fr auto;
	max-width: 100%;
	 justify-content: flex-start; */
}
.nav_wrap,
header .overview_wrap {
	padding: 0 clamp(0rem, 4%, 2rem);
	/* box-sizing: content-box; */
}
main {
	background-color: var(--light-blue);
	margin-top: 0;
	overflow-x: hidden;
}

a {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	/* text-decoration-color: var(--yellow); */
}
a:visited {
	/* color: #666; */
}
a:hover,
a:active {
	color: var(--white);
}
.cover, h1, h2, h3, nav, .dek, .sticker, .starburst, .button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




h1 {
	/* font-family: 'Owners', 'Impact', sans-serif;
	font-stretch: 25%;
	font-weight: 900;
	text-transform: uppercase; */
	font-family: 'Dual Casual', script;
	font-weight: 450;
	font-size: 2.5rem;
	font-size: clamp(3.375rem,18vw,11.5rem);
	line-height: 0.84;
	color: var(--black);
	margin-top: -0.02em;
}
h1 {
	margin-bottom: 2rem;
	margin-block-end: calc(0.5rem + 1%);
	margin-block-end: 0;
	transform: rotate(0);
}
.wide_wrap {
	background-color: var(--yellow);
	/* width: 100%; */
	position: relative;
	overflow-y: hidden;
}
main h1 {
	/* margin-block: -0.1em; */

	transform: translatey(calc(var(--scrolly)*0.6px));
	--tt: var(--on);
	animation-timing-function: linear;
	--from: 20rem;
	--to: 60rem;
}
@keyframes big-hed-size {
	from {
		font-size: 3.375rem;
	}
	to {
		font-size: 11.5rem;
	}
}
.h1-wrap {
	position: relative;
}
main h1 {
	text-transform: uppercase;
	font-style: italic;
	margin-block: -0.125em;
	/* padding-block: 0.3em; */
}
.h1-l1 {
	width: 100%;
}
h2 {
	font-family: 'Dual Casual', script;
	/* font-style: italic; */
	/* font-style: oblique 50deg; */
	font-variation-settings: 'slnt' 50;
	text-transform: uppercase;
	/* font-size: 2.5rem; */
	font-stretch: 25%;
	font-weight: 900;
	font-size: clamp(2.5rem,18vw,5rem);
	line-height: 0.8;
	color: var(--white);
	/* margin-bottom: calc(0.5rem + 1%); */
	margin-top: 0;
	margin-bottom: -0.25em;
	width: 100%;
	position: relative;
	/* overflow: hidden; */
	/* transform: rotate(calc(var(--random1)*8deg - 4deg)); */
	
	--tt: var(--on);
	animation-name: hed-size;
	/* animation-timing-function: ease-in; */
	animation-timing-function: cubic-bezier(0.47, 0.0, 0.745, 0.715);
	--from: 20rem;
	--to: 72rem;
	
	grid-column-start: 0;
	grid-column-end: -1;
}

h2 {
	width: min-content;
	--superangle: 5;
	--supergrow: 0.5;
	rotate: calc(var(--superangle)*-1deg);
	left: -0.125em;
	white-space: nowrap;
}
h2 {
	--superincrement: calc(var(--superangle)/var(--supercount));
	--supergrowincrement: calc(var(--supergrow)/var(--supercount));
}
.section_wrap h2 {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
h2 span {
	font-style: inherit;
}
/* h2 span {
	display: inline-block;
	letter-spacing: calc(-0.005em * var(--supernumber));
	font-variation-settings: 'slnt' calc((80/var(--supercount)) * var(--supernumber));
	font-size: calc(0.5em + (var(--supergrow) - (var(--supergrowincrement) * var(--supernumber))) * 1.5em);
}
h2 span:nth-child(1) {--supernumber:1;}
h2 span:nth-child(2) {--supernumber:2;}
h2 span:nth-child(3) {--supernumber:3;}
h2 span:nth-child(4) {--supernumber:4;}
h2 span:nth-child(5) {--supernumber:5;}
h2 span:nth-child(6) {--supernumber:6;}
h2 span:nth-child(7) {--supernumber:7;}
h2 span:nth-child(8) {--supernumber:8;}
h2 span:nth-child(9) {--supernumber:9;}
h2 span:nth-child(10) {--supernumber:10;}
h2 span:nth-child(11) {--supernumber:11;}
h2 span:nth-child(12) {--supernumber:12;}
h2 span:nth-child(13) {--supernumber:13;}
h2 span:nth-child(14) {--supernumber:14;}
h2 span:nth-child(15) {--supernumber:15;}
h2 span:nth-child(16) {--supernumber:16;}
@media (min-width: 51rem) {
	h2 {
		bottom: -0.8em;
	}
} */



@keyframes hed-size {
	from {
		font-size: 3rem;
	}
	to {
		font-size: 5rem;
	}
}


h3 {
	font-family: 'Owners', sans-serif;
	font-weight: 700;
	font-stretch: 80%;
	font-size: 1.875rem;
	line-height: 0.9;
}
h3 strong {
	font-family: 'Dual Casual', script;
	/* font-style: italic; */
	font-variation-settings: 'slnt' 20;
	text-transform: uppercase;
	color: var(--white);
	font-size: 2.25rem;
}
h3 span {
	margin-top: 0;
	display: inline-block;
}
h3 a {
	text-decoration: none;
	/* color: var(--red); */
}
h3 + * {
	margin-top: 0.5em;
}
h4 {
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1;
}
h5 {
	font-weight: 700;
	font-size: 1rem;
}
p {
	max-width: 36em;
	font-variant-numeric: oldstyle-nums;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-lines: 2;
}
p, table, li {
	line-height: 1.25;
	/* -webkit-hyphens: auto;
	-webkit-hyphenate-limit-lines: 2; */
}

ul.bulleted li + li {
	margin-top: 0.125em;
}
ul.bulleted li::before {
	content: '–';
	/* color: var(--red); */
}
ul.bulleted li {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.5em;
}


section:has(.dek) {
	container-type: inline-size;
}
.dek {
	font-family: 'Owners', sans-serif;
	font-stretch: 85%;
	font-weight: 500;
	letter-spacing: 0.02em;
	/* text-wrap: balance; */
	/* hyphens: auto; */
	
	--tt: var(--on);
	animation-name: dek-size;
	animation-timing-function: ease-out;
	--from: 320px;
	--to: 80rem;
}
@keyframes dek-size {
	from {
		font-size: 1.25rem;
	}
	to {
		font-size: 1.75rem;
	}
}
.dek strong {
	font-weight: 800;
}



.dek,
.button {
	/* letter-spacing: -0.02em; */
	line-height: 1.1;
	font-size: clamp(1.125rem, calc(1rem + 1vw), 2rem);
}
.button {
	font-family: 'Dual Casual', script;
	font-variation-settings: 'slnt' 80;
	font-weight: 700;
}
#intro .dek,
.workshop .section_hed img {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width: none;
}
header section,
.nav_wrap {
	max-width: none;
}
.workshop .section_hed {
	text-align: center;
}
.workshop .section_hed img {
	width: 60rem;
	max-width: 100%;
	height: auto;
}

table {
	width: 100% !important;
}
thead th {
	vertical-align: bottom;
}
th {
	/* font-weight: 700; */
	vertical-align: top;
}
td {
	vertical-align: top;
	padding-bottom: 0.75em;
	padding-right: 1em;
	vertical-align: top;
}
td:last-child {
	padding-right: 0;
}
td {
	border-top: 1px solid var(--gray-dark);
	padding-top: 0.5em;
}
.null {
	background-image: url(/images/null.svg);
	background-size: 100% 100%;
}
#attend td, #attend th {
	border: 1px solid var(--gray-dark);
	padding: 0.5em;
}

em, cite, i {
	font-style: italic;
}
img {
	width: 100%;
	height: auto;
	display: block;
}
br {
	margin-top: 0
}

.overview {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
	align-items: start;
	gap: 1.5rem 5%;
	gap: 1.5rem clamp(0rem, 5%, 2rem);
	margin-top: 5%;
}
.overview > div {
	margin-top: 1rem;
	max-width: 100%;
}
.overview #conference {
	position: relative;
}
.overview h3 {
	/* color: var(--yellow); */
}

.schedule-table td {
	border-top: none;
	padding-top: 0;
	padding-bottom: 1em;
}
.day table {
	width: 100%;
}
.day tr:first-child td {
	border-top: none;
	padding-top: 0;
}
td.event-time,
td.event-date {
	width: 7rem;
	/* font-variant-numeric: tabular-nums; */
}
.event-time br {display: none;}
#attend table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	padding-bottom: 2px;
}
#attend td, #attend th {
	border: 1px solid var(--gray-dark);
	padding: 0.5em;
}
#attend thead tr > th:first-child {
	border-top: 0;
	border-left: 0;
}


header {
	margin-top: 0;
	text-align: center;
	z-index: -1;
}
nav {
	/* font-family: 'Export', sans-serif; */
	font-weight: 500;
	color: var(--white);
	letter-spacing: 0.02em;
	/* font-size: 1.25rem; */
	/* line-height: 1.5; */
	/* padding: 0.5rem 0; */
	/* padding-block: calc(0.25% + 0.25rem) calc(1% + 0.25rem); */
	padding-block: calc(1% + 0.25rem);
	background-color: var(--blue);
	margin-top: 0;
	position: relative;
	z-index: 10;
	border-bottom: 1px solid var(--body-bg);
}
nav .home {
	font-family: 'Dual Casual', script;
	text-transform: uppercase;
	/* font-variant-numeric: oldstyle-nums; */
	/* margin-right: 0.5em; */
	color: var(--white);
	font-size: 1.25em !important;
	margin-top: -0.125em;
	
}
.home_page .nav_wrap {
	display: block;
}
.home_page nav .home {
	display: none;
}
nav .home, nav ul {
	line-height: 1.375;
	
	--tt: var(--on);
	animation-name: nav-size;
	/* animation-timing-function: cubic-bezier(0.5,0,1,0.5); */
	--from: 40rem;
	--to: 72rem;
}
nav ul {
	/* font-size: 2rem; */
	margin-block: 0;
	/* text-wrap: balance; */
	width: 100%;
}
@keyframes nav-size {
	from {
		font-size: 1rem;
	}
	to {
		font-size: 1.125rem;
	}
}
nav ul li {
	display: inline;
	display: inline-block;
	margin-top: 0;
	margin-right: 0.5em;
}
nav ul li:last-child {
	margin-right: 0;
}
nav a {
	color: inherit;
	color: var(--yellow);
	text-decoration: none;
}
nav a.home:hover {
	/* color: var(--blue); */
	/* text-decoration: underline; */
}
main a:hover {
}
nav strong {
}


strong {
	font-weight: 700;
}
mark {
	background-color: var(--yellow);
}
strike {
	text-decoration-line: line-through;
	text-decoration-color: var(--red);
	text-decoration-style: solid;
	text-decoration-thickness: 0.1em;
}
main section {
	background-color: var(--section-bg);
}
section + section {
	/* border-top: 1rem solid var(--warm-black); */
}
main section + section {
	margin-top: clamp(3rem,10%,3rem);
}
/* section, */
.nav_wrap,
.section_wrap,
.overview_wrap,
.wide_wrap h1,
.footer_wrap {
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
	padding-inline: clamp(0rem, 3%, 2rem);
}
nav {
	/* text-align: center; */
}
.nav_wrap,
.section_wrap,
.overview_wrap,
.footer_wrap {
	margin-top: 0;
}
.section_wrap,
.overview_wrap{
	/* padding: 3% 4%; */
	padding-block: clamp(0rem, 3%, 2rem) clamp(0rem, 5%, 3rem);
}
.overview_wrap {
	padding-bottom: 0;
}

.speaker_names {
	/* color: var(--red); */
}
.talk-title {
	color: var(--yellow);
}
.bio::after {
	content: "";
	display: table;
	clear: both;
}
.bio figure {
	margin-top: 1em;
	margin-bottom: 0.25em;
	max-width: 20rem;
}
.portrait {
	width: 100%;
	height: auto;
	display: inline-block;
	border: 0.25rem solid var(--white);
}
.portrait,
.bio figcaption {
	max-width: 15rem;
}
figcaption, .small, small {
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	line-height: 1.25;
	margin-top: 0.5em;
	max-width: none;
	opacity: 0.75;
}


.button,
#buttondown_embed_signup .button {
	clear: both;
	color: var(--warm-black);
	background-color: var(--red);
	background-color: var(--yellow);
	text-wrap: balance;
	border-style: solid;
	border-color: var(--warm-black);
	border-width: 0 0 3px 3px;
/* 	transition: all 0.23s ease-in-out 0s; */
	cursor: pointer;
	display: inline-block;
	/* font-weight: normal; */
	line-height: 1;
	margin: 1em 0;
	padding: 0.5em 1em;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	/* white-space: nowrap; */
	width: 100%;
	max-width: 100%;
	border-radius: 0.5em;
}
.button:hover,
#buttondown_embed_signup .button:hover {
	border-width: 0 0 2px 2px;
	margin-top: calc(1px + 1em);
	margin-right: 1px;
	color: var(--warm-black);
}

.map_iframe {
	width: 100%;
}


.social-links {
	column-width: 8rem;
}
.social-link {
	margin-top: 0;
}
.social-icon {
	display: inline-block;
	width: auto;
	fill: var(--white);
	vertical-align: middle;
	width: 1.25rem;
	margin: -0.25rem 0;
	margin: 0.15rem 0 0.35rem;
	color: var(--warm-black);
}
.nowrap {
	white-space: nowrap;
}

footer {
	/* font-family: 'Lygia Sans', sans-serif; */
	letter-spacing: 0.01em;
	color: var(--black);
	background-color: var(--blue);
	margin-top:0;
}
.footer_wrap {
	padding-block: calc(1% + 1rem);
}
footer p {
	max-width: none;
	font-variant-numeric: lining-nums;
}
footer a {
	color: var(--warm-black);
	color: inherit;
	text-decoration-color: inherit;
}
footer a:hover {
	color: var(--white);
}

.schedule_page nav .schedule,
.conference_page nav .conference,
.workshops_page nav .workshops,
.typelab_page nav .typelab,
.book_fair_page nav .book_fair,
.location_page nav .location {
	color: var(--black);
}
.schedule_page nav .schedule::after,
.conference_page nav .conference::after,
.workshops_page nav .workshops::after,
.typelab_page nav .typelab::after,
.book_fair_page nav .book_fair::after,
.location_page nav .location::after {
	/* background-color: var(--red); */
	--indent-block: 0em;
	--indent-inline: 0em;
}


.supporter_group {
	/* border-top: 1px solid var(--blue); */
	padding-top: 1em;
	padding-bottom: calc(2% + 2rem);
	overflow: hidden;
}
.supporter_group::before {
	content: '';
	display: block;
	height: 0;
	width: 100%;
	grid-column-start: 1;
	grid-column-end: -1;
	border-top: 1px solid var(--blue);
	margin: 0 0 1em;
}

.supporter_grid {
	margin: -1rem;
	display: flex;
	justify-content: space-between;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.supporter_grid a {
	margin: 1rem;
}
.supporter img {
	width: auto;
	display: block;
	width: 100%;
	min-height: 0vw;
	height: auto;
	/* filter: url('#riso-dark');
	filter: grayscale(100%) url('#riso-white'); */
	filter: invert(1);
}
.supporter img:hover {
	/* filter: grayscale(100%) url('#riso-white'); */
	filter: invert(0);
}
.filters-svg {
	position: absolute;
	margin: 0;
	height: 0;
	display: none;
}
.supporter_grid .supporter img {	
	--w: 0;
	--h: 0;
	--control: 1;
	--asp: 1;
/*	--area: calc(var(--w) * var(--h));*/
/*	--ratio: calc(var(--control) / var(--area));*/
	--guess01: calc(calc(var(--asp) + calc( var(--asp) / var(--asp))) / 2);
	--guess02: calc(calc(var(--guess01) + calc( var(--asp) / var(--guess01))) / 2);
	--guess03: calc(calc(var(--guess02) + calc( var(--asp) / var(--guess02))) / 2);
	--guess04: calc(calc(var(--guess03) + calc( var(--asp) / var(--guess03))) / 2);
	--guess05: calc(calc(var(--guess04) + calc( var(--asp) / var(--guess04))) / 2);
/*	--guess06: calc(calc(var(--guess05) + calc( var(--asp) / var(--guess05))) / 2);*/
/*	--guess07: calc(calc(var(--guess06) + calc( var(--asp) / var(--guess06))) / 2);*/
/*	--guess08: calc(calc(var(--guess07) + calc( var(--asp) / var(--guess07))) / 2);*/
/*	width: calc(var(--w) * var(--guess08) / 2 * 1.125rem);*/
	width: calc(var(--control) * var(--guess05) * 1rem + 1vw);
	
	
/*	--w: 0;
	--h: 0;
	--asp: 1;
	--control: 1;
	width: calc(var(--asp) * (var(--control)) * 1rem);*/
}

#association-media .supporter img,
#pixel-supporters .supporter img {--control: 2.5;}
#brass-supporters .supporter img {--control: 3.5;}
#lead-supporters .supporter img {--control: 4.5;}
#silver-supporters .supporter img {--control: 5.5;}
#gold-supporters .supporter img {--control: 6.5;}
#platinum-supporters .supporter img,
#diamond-supporters .supporter img,
#presenting-partners .supporter img {--control: 6.5;}



#buttondown_embed_signup {
	clear: left;
/*	margin-bottom: 3%;*/
}
#buttondown_embed_signup form {
}
#buttondown_embed_signup input {
	margin-top: 0;
	color: var(--warm-black);
	border: 1px solid var(--blue);
}
#buttondown_embed_signup input[type=text],
#buttondown_embed_signup input[type=email] {
	outline: 1px solid var(--light-gray);
	background-color: var(--white);
}
#buttondown_embed_signup input[type=checkbox] {
	-webkit-appearance: checkbox;
}
#buttondown_embed_signup input[type=radio] {
	-webkit-appearance: radio;
}
#buttondown_embed_signup input:focus {
	border-color: #333;
}
#buttondown_embed_signup .button {
	/*See general button styles above */
}
#buttondown_embed_signup .button:hover {
	/*See general button styles above */
}
#buttondown_embed_signup .buttondown-fields {
	display: grid;
/*	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));*/
	grid-template-columns: 1fr;
	grid-gap: 1rem;
	gap: 1rem;
}
#buttondown_embed_signup .buttondown-field-group {
	margin-top: 0;
}
#buttondown_embed_signup .buttondown-field-group label {
	display: block;
	margin-bottom: 3px;
}
#buttondown_embed_signup .buttondown-field-group input {
	display: block;
	width: 100%;
	padding: 0.375em 0;
	text-indent: 0.5em;
}
#buttondown_embed_signup .buttondown-field-group select {
	display: inline-block;
	width: 99%;
	padding: 5px 0;
	margin-bottom: 2px;
}


@media (min-width: 24em) {
	p {
		-webkit-hyphens: none;
	}
	.bio figure {
		float: right;
		max-width: calc(1rem + 40%);
		margin-left: 1rem;
	}
	.portrait,
	.bio figcaption {
		max-width: 100%;
		display: block;
	}
}

@media (min-height:28rem) {
	@supports (position: sticky) or (position: -webkit-sticky) {
		nav {
			position: -webkit-sticky;
			position: sticky;
			left: 0;
			top: 0;
			z-index: 10;
		}
		* + nav {
			display: none; 
		}
		footer .section_wrap {
			margin-top: 0;
		}
	}
}



@media (min-width: 34em) {
	td.event-date,
	td.event-time {
		width: 9em;
		max-width: none;
	}
	
	.footer_wrap {
		display: grid;
		grid-template-columns: 1fr 3fr;
		gap: clamp(0rem, 5%, 2rem);
	}
	.colophon {
		margin-top: 0;
	}
	#buttondown_embed_signup .buttondown-fields {
		grid-template-columns: 1fr 1fr;
	}
}


@media (min-width: 51em) {
	
	.nav_wrap,
	.section_wrap {
		display: grid;
		grid-template-columns: 1fr 3fr;
		width: 100%;
		gap: 1rem;
		gap: clamp(0rem, 5%, 2rem);
	}
	nav ul {
		width: 100%;
		/* text-wrap: balance; */
		justify-self: end;
		display: flex;
		justify-content: space-between;
	}
	
	.section_wrap {
		align-items: start;
	}
	.section_wrap > * {
		margin-top: 0;
	}
	h2 {
		--superangle: 15;
	}
	.overview_wrap h2 {
		margin-bottom: -0.5em;
	}
	
	/* .typelab_page #overview_grid div {
		margin-top: 0;
	}
	.typelab_page #overview_grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 1rem;
		gap: 1rem;
	} */
	.typelab_page th {
		width: 20%;
	}
	.typelab_page td {
		width: 40%;
	}
	.typelab_page .color-codes {
		display: block;
	}
	
	.section_hed.sticky {
		/* align-self: start; */
		position: -webkit-sticky;
		position: sticky;
		top: 4rem;
		border-bottom: none;
		/* margin-top: -0.25rem; */
	}
}