/* General */
h1,
h2,
h3,
h4,
p {
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3 {
	font-family: var(--font-main);
	line-height: 1;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1rem;
}

h4 {
	font-family: var(--font-side);
	font-size: 2rem;
}

p {
	font-family: var(--font-text);
	font-size: .8rem;
}

/* Style */
.txt-upp {text-transform: uppercase;}
.txt-low {text-transform: lowercase;}
.txt-def {text-transform: none}
.txt-scap {font-variant: small-caps;}

.txt-thin {font-weight: 100;}
.txt-light {font-weight: 300;}
.txt-reg {font-weight: 400;}
.txt-med {font-weight: 500;}
.txt-sbold {font-weight: 600;}
.txt-bold {font-weight: 700;}
.txt-black {font-weight: 900;}

.txt-ita {font-style: italic;}

.txt-vertical {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

/* Size */
.txt-0rem {font-size: 0;}
.txt-08rem {font-size: .8rem;}
.txt-09rem {font-size: .9rem;}
.txt-1rem {font-size: 1rem;}
.txt-11rem {font-size: 1.1rem;}
.txt-12rem {font-size: 1.2rem;}
.txt-125rem {font-size: 1.25rem;}
.txt-13rem {font-size: 1.3rem;}
.txt-14rem {font-size: 1.4rem;}
.txt-15rem {font-size: 1.5rem;}
.txt-2rem {font-size: 2rem;}
.txt-25rem {font-size: 2.5rem;}
.txt-3rem {font-size: 3rem;}
.txt-4rem {font-size: 4rem;}
.txt-5rem {font-size: 5rem;}
.txt-6rem {font-size: 6rem;}
.txt-7rem {font-size: 7rem;}

.txt-20px {font-size: 1.25rem;}
.txt-25px {font-size: 1.5625rem;}

.txt-ls03 {letter-spacing: .03em;}
.txt-ls05 {letter-spacing: .05em;}
.txt-ls1 {letter-spacing: .1em;}
.txt-ls2 {letter-spacing: .2em;}
.txt-ls3 {letter-spacing: .3em;}
.txt-ls3-fix {letter-spacing: .3em; margin-right: -.3em;}
.txt-ls4 {letter-spacing: .4em;}
.txt-ls5 {letter-spacing: .5em;}

.txt-lh1 {line-height: 1;}
.txt-lh15 {line-height: 1.5;}
.txt-lh2 {line-height: 2;}
.txt-lh3 {line-height: 3;}
.txt-lh4 {line-height: 4;}

/* Lines clamp */
.txt-line,
.txt-line2,
.txt-line3,
.txt-line4 {
	text-overflow: ellipsis;
	overflow: hidden;
}

.txt-line {
	white-space: nowrap;
}

.txt-line2,
.txt-line3,
.txt-line4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.txt-line2 {-webkit-line-clamp: 2;}
.txt-line3 {-webkit-line-clamp: 3;}
.txt-line4 {-webkit-line-clamp: 4;}

/* Responsive */
@media (max-width: 480px) {

	p {font-size: .9rem;}

}