@font-face {
	font-family: "Hoppers Contact";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/anton-regular.ttf") format("truetype");
}

/* One approved title size and position across every non-homepage template. */
.hh-content.hh-title-shell, .woocommerce.archive .hh-content.hh-title-shell { padding-top: 0; max-width: 1180px; container-type: inline-size; }
.hh-title-shell .hh-page-title {
	margin: 0 12px 32px 12px;
	padding-top: calc(2.7cqw - clamp(0px, calc(2.93cqw - 32px), 20px));
}
.hh-page-title { color: #040e1d; }
.hh-page-title .hh-page-title__eyebrow { margin: 0 0 .45cqw .4cqw; color: #003df4; font-size: 1.03cqw; font-weight: 800; line-height: 1.4; letter-spacing: .23em; text-transform: uppercase; }
.hh-page-title h1 { display: inline-block; max-width: calc(80% - 1em); margin: 0; color: #040e1d; font-family: "Hoppers Contact", Impact, sans-serif; font-size: clamp(48px, 5.4cqw, 64px); font-weight: 400; line-height: .98; letter-spacing: -.015em; text-transform: uppercase; overflow-wrap: anywhere; transform: skewX(-10deg) scaleX(1.25); transform-origin: left bottom; }
.hh-page-title::after { content: ""; display: block; width: 5.13cqw; height: .4cqw; margin-top: .25cqw; border-radius: 1cqw; background: #ffc400; }
/* Slant the letters of long titles without skewing the entire multiline block. */
.hh-page-title--long h1 { max-width: 78%; font-style: italic; transform: scaleX(1.25); }
.hh-content--article .hh-entry__featured, .hh-content--article .hh-entry__content { max-width: 900px; margin-inline: auto; }
.hh-title-shell .hh-entry__content { overflow-wrap: anywhere; }
.hh-title-shell .wpcf7 input, .hh-title-shell .wpcf7 textarea, .hh-title-shell .wpcf7 select { max-width: 100%; }
.hh-title-shell .hh-page-header__description { margin: 0 0 32px; }
.hh-content--error { min-height: 65vh; }
.hh-content--error > p { max-width: 550px; margin-bottom: 28px; }

/* The logo artwork begins 12px inside its desktop image box. */
@media (min-width: 1001px) {
	.hh-page-title .hh-page-title__eyebrow { margin-left: 0; }
}

@media (max-width: 1000px) {
	.hh-title-shell .hh-page-title { max-width: 600px; margin: 0 auto 30px; padding-top: 26px; width: calc(100% - 48px); }
	.hh-page-title .hh-page-title__eyebrow { margin: 0 0 5px; font-size: 13px; letter-spacing: .2em; }
	.hh-page-title h1 { max-width: calc(86.95% - 1em); font-size: 56px; transform: skewX(-10deg) scaleX(1.15); }
	.hh-page-title--long h1 { max-width: 85%; transform: scaleX(1.15); }
	.hh-page-title::after { width: 64px; height: 5px; margin-top: 12px; }
}
@media (max-width: 480px) {
	.hh-title-shell .hh-page-title { width: calc(100% - 32px); padding-top: 24px; margin-bottom: 26px; }
	.hh-page-title .hh-page-title__eyebrow { font-size: 11px; }
	.hh-page-title h1 { font-size: 48px; }
}