h1,
h2,
h3,
h4,
h5,
h6{
	font-size:16px;
	text-align:left;
	font-weight:700;
	margin:0
}

.h1{
	font-size:44px;
	line-height:1.2;
	letter-spacing:-1.3px
}
.h2{
	font-size:clamp(1.75rem, 3.5vw, 2.75rem);
	line-height:1.1;
	letter-spacing:-.02em;
	font-weight:800
}
.h3{
	font-size:28px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-.6px
}
.h4{
	font-size:24px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-.4px
}
.h5{
	font-size:18px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-.09px
}


.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a{
	color:var(--text-body-01);
	font-weight:inherit;
	transition:color .4s
}
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span{
	background:linear-gradient(135deg, var(--text-primary-default) 0%, #ff6b81 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-clip:text;
	text-fill-color:transparent
}
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h1 a:hover span,
.h2 a:hover span,
.h3 a:hover span,
.h4 a:hover span,
.h5 a:hover span{
	color:var(--primary-default)
}

.headline{
	font-weight:800;
	line-height:1.1;
	font-size:clamp(2.5rem, 5vw, 4.5rem);
	letter-spacing:-.02em
}


@media(max-width:479px) {
	.h3{
		font-size:20px;
		line-height:1.3;
		letter-spacing:0
	}
	.h4{
		font-size:18px;
		line-height:1.3;
		letter-spacing:0
	}
	.h5{
		font-size:16px;
		line-height:1.3;
		letter-spacing:0
	}
}