h1,
h2,
h3,
h4,
h5,
h6{
	font-size:var(--font-size-m);
	text-align:left;
	font-weight:var(--font-weight-bold);
	margin:0;
	color: var(--text-body-09);
    transition:color .3s
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h-xl{
	color:var(--text-body-09);
    transition: color 0.3s;
}
.h-xl{
	font:var(--font-heading-xl);
	letter-spacing:-1.3px
}
.h1{
	font:var(--font-heading-h1);
	letter-spacing:-1.3px
}
.h2{
	font:var(--font-heading-h2);
	letter-spacing:-.9px
}
.h3{
	font:var(--font-heading-h3);
	letter-spacing:-.6px
}
.h4{
	font:var(--font-heading-h4);
	letter-spacing:-.4px
}
.h5{
	font:var(--font-heading-h5);
	letter-spacing:-.2px
}
 
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h-xl span{
	background:linear-gradient(135deg, var(--gradient-heading-start) 0%, var(--gradient-heading-end) 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-clip:text;
	color:transparent
}

/* Brand marker (strict) */
.accent-marker,
main:not(#home) > header .h1,
main:not(#home) > header .h-xl{
	position:relative;
	padding-left:var(--spacing-4)
}
.accent-marker::before,
main:not(#home) > header .h1::before,
main:not(#home) > header .h-xl::before{
	content:"";
	position:absolute;
	left:0;
	top:.15em;
	bottom:.15em;
	width:2px;
	border-radius:2px;
	background:var(--accent-marker)
}

@media(max-width:480px) {
	.h1{
		font:var(--font-heading-h1-small);
		letter-spacing:-.7px
	}
	.h2{
		font:var(--font-heading-h2-small);
		letter-spacing:-.6px
	}
	.h3{
		font:var(--font-heading-h3-small);
		letter-spacing:-.4px
	}
	.h4{
		font:var(--font-heading-h4-small);
		letter-spacing:-.3px
	}
	.h5{
		font:var(--font-heading-h5-small);
		letter-spacing:-.1px
	}
}