.hxy-site {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	color: #142331;
	background: #fff;
	line-height: 1.55;
	margin: 0;
}

.hxy-site * {
	box-sizing: border-box;
}

.hxy-wrap {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 34px;
}

.hxy-site h1,.hxy-site h2,.hxy-site h3,.hxy-site p {
	margin-top: 0;
}

.hxy-site h1,.hxy-site h2,.hxy-site h3 {
	line-height: 1.08;
	color: inherit;
}

.hxy-site a {
	text-decoration: none;
}

.hxy-head {
	position: sticky;
	top: 0;
	z-index: 20;
	background: #fff;
	box-shadow: 0 2px 18px #081b2b16;
}

.hxy-bar {
	min-height: 86px;
	display: flex;
	align-items: center;
	gap: 30px;
}

.hxy-logo {
	min-width: 170px;
	color: #091b2c;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 25px;
	line-height: 1;
}

.hxy-logo span {
	display: block;
	color: #0877bd;
	font-size: 10px;
	letter-spacing: 2.3px;
	margin-top: 7px;
}

.hxy-nav {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-left: auto;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
}

.hxy-nav a {
	color: #172535;
	white-space: nowrap;
}

.hxy-nav a:hover {
	color: #d8212d;
}

.hxy-upload {
	background: #0877bd;
	color: #fff !important;
	padding: 13px 20px;
	border-radius: 2px;
}

.hxy-hero {
	min-height: 630px;
	display: flex;
	align-items: center;
	background: linear-gradient(90deg,#071724e8 0%,#102334b8 50%,#1023342e 100%), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero-1536x864.jpg') center/cover;
	color: #fff;
	position: relative;
	border-bottom: 7px solid #ff8a1d;
}

.hxy-hero .hxy-wrap {
	width: 100%;
	padding-top: 90px;
	padding-bottom: 90px;
}

.hxy-kicker {
	font-size: 14px;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	font-weight: 900;
	color: #ff8a1d;
	margin-bottom: 20px;
}

.hxy-hero h1 {
	font-size: clamp(48px,6.2vw,88px);
	max-width: 850px;
	letter-spacing: -2.5px;
	margin-bottom: 28px;
	text-transform: uppercase;
}

.hxy-hero p {
	font-size: 19px;
	max-width: 700px;
	color: #f0f4f7;
}

.hxy-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 34px;
}

.hxy-btn {
	display: inline-block;
	padding: 15px 26px;
	background: #d8212d;
	color: #fff !important;
	font-size: 14px;
	letter-spacing: .7px;
	text-transform: uppercase;
	font-weight: 900;
	border: 0;
}

.hxy-btn.alt {
	background: transparent;
	border: 1px solid #fff;
}

.hxy-trust {
	position: relative;
	z-index: 3;
	margin-top: -58px;
}

.hxy-trust-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	background: #fff;
	box-shadow: 0 18px 45px #071a2b24;
}

.hxy-stat {
	padding: 28px;
	border-right: 1px solid #dce2e6;
}

.hxy-stat:last-child {
	border: 0;
}

.hxy-stat strong {
	display: block;
	font-size: 36px;
	line-height: 1;
	color: #091b2c;
}

.hxy-stat span {
	display: block;
	margin-top: 9px;
	font-size: 13px;
	color: #5c6a76;
	text-transform: uppercase;
	letter-spacing: .8px;
}

.hxy-section {
	padding: 110px 0;
}

.hxy-soft {
	background: #f4f6f7;
}

.hxy-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center;
}

.hxy-photo {
	min-height: 430px;
	background: url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero.jpg') center/cover;
	position: relative;
}

.hxy-photo:after {
	content: "";
	position: absolute;
	left: -22px;
	bottom: -22px;
	width: 45%;
	height: 90px;
	background: #ff8a1d;
}

.hxy-photo>* {
	position: relative;
	z-index: 2;
}

.hxy-overline {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #0877bd;
	font-weight: 900;
	margin-bottom: 16px;
}

.hxy-section h2 {
	font-size: clamp(38px,4vw,58px);
	text-transform: uppercase;
	letter-spacing: -1.5px;
	margin-bottom: 24px;
}

.hxy-section p {
	font-size: 17px;
	color: #5c6a76;
}

.hxy-bullets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 30px;
}

.hxy-bullets div {
	padding: 14px 16px;
	border-left: 4px solid #ff8a1d;
	background: #fff;
	font-weight: 800;
	font-size: 14px;
}

.hxy-cards {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
	margin-top: 46px;
}

.hxy-card {
	background: #fff;
	border: 1px solid #dce2e6;
	padding: 30px;
	min-height: 215px;
	position: relative;
	transition: transform .2s, box-shadow .2s;
}

.hxy-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 17px 40px #0b1b2b17;
}

.hxy-card .num {
	font-size: 13px;
	font-weight: 900;
	color: #ff8a1d;
	letter-spacing: 1px;
}

.hxy-card h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 26px 0 14px;
}

.hxy-card p {
	font-size: 15px;
	margin: 0;
}

.hxy-card a:after {
	content: " +";
	color: #d8212d;
}

.hxy-problems {
	grid-template-columns: repeat(4,1fr);
}

.hxy-problems .hxy-card {
	min-height: 245px;
}

.hxy-dark {
	background: #091b2c;
	color: #fff;
}

.hxy-dark p {
	color: #c7d2dd;
}

.hxy-dark .hxy-card {
	background: #112d45;
	border-color: #294358;
}

.hxy-dark .hxy-card h3 {
	color: #fff;
}

.hxy-dark .hxy-card p {
	color: #c7d2dd;
}

.hxy-center {
	text-align: center;
	max-width: 830px;
	margin: 0 auto 46px;
}

.hxy-center h2 {
	margin-bottom: 18px;
}

.hxy-project-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 25px;
}

.hxy-project {
	background: #fff;
	overflow: hidden;
	border-bottom: 4px solid #ff8a1d;
}

.hxy-project-img {
	height: 230px;
	background: center/cover no-repeat;
}

.hxy-project-body {
	padding: 27px;
}

.hxy-project h3 {
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.hxy-project p {
	font-size: 14px;
}

.hxy-steps {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
	margin-top: 42px;
	counter-reset: step;
}

.hxy-step {
	padding: 28px;
	background: #fff;
	border-top: 4px solid #0877bd;
}

.hxy-step:before {
	counter-increment: step;
	content: "0" counter(step);
	color: #ff8a1d;
	font-size: 14px;
	font-weight: 900;
}

.hxy-step h3 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 18px 0 12px;
}

.hxy-cta {
	padding: 90px 0;
	background: linear-gradient(110deg,#0a253a,#123e5b);
	color: #fff;
}

.hxy-cta .hxy-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.hxy-cta h2 {
	font-size: 48px;
	max-width: 700px;
	text-transform: uppercase;
}

.hxy-cta p {
	color: #dbe5ec;
	margin: 0;
}

.hxy-foot {
	background: #06131f;
	color: #c4d0da;
	padding: 70px 0 24px;
}

.hxy-foot-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: 38px;
}

.hxy-foot strong {
	color: #fff;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.hxy-foot a {
	display: block;
	color: #c4d0da;
	font-size: 14px;
	margin: 9px 0;
}

.hxy-foot a:hover {
	color: #ff8a1d;
}

.hxy-copy {
	border-top: 1px solid #213242;
	padding-top: 22px;
	margin-top: 45px;
	font-size: 12px;
	color: #8697a5;
}

.hxy-pagehead {
	padding: 130px 0 100px;
	background: linear-gradient(100deg,#061827f2,#0b2e48d9), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero.jpg') center/cover;
	color: #fff;
	border-bottom: 7px solid #ff8a1d;
}

.hxy-pagehead h1 {
	font-size: clamp(46px,6vw,78px);
	text-transform: uppercase;
	margin-bottom: 20px;
}

.hxy-pagehead p {
	max-width: 700px;
	color: #e0e8ef;
	font-size: 18px;
}

.hxy-list {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
	margin-top: 36px;
}

.hxy-list .hxy-card {
	min-height: 170px;
}

.hxy-jsonly {
	display: none;
}

@media(max-width:980px) {
	.hxy-bar {
		padding: 18px 0;
		align-items: flex-start;
	}
	
	.hxy-nav {
		overflow: auto;
		width: 100%;
		gap: 18px;
		padding-bottom: 5px;
	}
	
	.hxy-bar {
		flex-wrap: wrap;
	}
	
	.hxy-logo {
		min-width: 130px;
	}
	
	.hxy-grid2 {
		grid-template-columns: 1fr;
		gap: 42px;
	}
	
	.hxy-cards,.hxy-project-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-problems {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-trust-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-steps {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-foot-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-cta .hxy-wrap {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media(max-width:620px) {
	.hxy-wrap {
		padding: 0 20px;
	}
	
	.hxy-hero {
		min-height: 690px;
	}
	
	.hxy-hero h1 {
		font-size: 45px;
	}
	
	.hxy-section {
		padding: 75px 0;
	}
	
	.hxy-cards,.hxy-project-grid,.hxy-problems,.hxy-steps,.hxy-list {
		grid-template-columns: 1fr;
	}
	
	.hxy-trust-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-stat {
		padding: 22px;
	}
	
	.hxy-stat strong {
		font-size: 28px;
	}
	
	.hxy-cta h2 {
		font-size: 37px;
	}
	
	.hxy-photo {
		min-height: 300px;
	}
	
	.hxy-nav a:last-child {
		display: none;
	}
}

body.page .wp-site-blocks > header.wp-block-template-part,
body.page .wp-site-blocks > footer.wp-block-template-part,
body.page .jetpack-sharing-serivces-list {
	display: none !important;
}

body.page {
	background: #fff !important;
}

body.page .wp-site-blocks,body.page main.wp-block-group {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page .entry-content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page .entry-content > p:empty {
	display: none;
}

body.page .hxy-site {
	width: 100% !important;
	max-width: none !important;
	overflow: hidden !important;
}

.hxy-bar > a:not(.hxy-logo):not(.hxy-upload) {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
	color: #172535;
}

.hxy-bar > a:not(.hxy-logo):not(.hxy-upload):hover {
	color: #d8212d;
}

.hxy-bar > a.hxy-upload {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.15;
	font-weight: 800;
	text-transform: uppercase;
}

.hxy-site .wp-block-buttons,.hxy-site .wp-block-group {
	margin-top: 0;
}

.hxy-site .contact-form input[type=text],.hxy-site .contact-form input[type=email],.hxy-site .contact-form textarea {
	width: 100%;
	border: 1px solid #cbd5dc;
	background: #f7f9fa;
	padding: 13px 14px;
	font: 16px Arial, sans-serif;
	margin-top: 6px;
}

.hxy-site .contact-form label {
	display: block;
	font-weight: 800;
	font-size: 14px;
	margin: 14px 0;
}

.hxy-site .contact-form input[type=submit] {
	background: #d8212d;
	border: 0;
	color: #fff;
	padding: 15px 24px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

@media(max-width:980px) {
	.hxy-bar > a:not(.hxy-logo) {
		font-size: 13px;
	}
	
	.hxy-upload {
		padding: 11px 14px !important;
	}
}

@media(max-width:620px) {
	.hxy-bar {
		gap: 15px;
	}
	
	.hxy-bar > a:not(.hxy-logo) {
		font-size: 12px;
	}
	
	.hxy-upload {
		display: none !important;
	}
}

body.page .wp-block-jetpack-sharing-buttons {
	display: none !important;
}

.hxy-bar {
	gap: 16px !important;
}

.hxy-bar > a:not(.hxy-logo) {
	font-size: 12px !important;
}

@media(max-width:760px) {
	.hxy-bar {
		gap: 14px !important;
	}
	
	.hxy-bar > a:not(.hxy-logo) {
		font-size: 11px !important;
	}
}

.hxy-bar > a.hxy-upload {
	display: inline-block !important;
	background-color: #0877bd !important;
	background: #0877bd !important;
	color: #fff !important;
	padding: 13px 20px !important;
	border-radius: 2px !important;
}

.hxy-ndrop {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
}

.hxy-ndrop>a {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
	color: #172535;
}

.hxy-ndrop:hover>a,.hxy-ndrop:focus-within>a {
	color: #d8212d;
}

.hxy-toggle {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #142331;
	cursor: pointer;
	outline: none;
}

.hxy-submenu {
	display: none;
	position: absolute;
	top: calc(100% + 20px);
	left: -14px;
	min-width: 245px;
	background: #fff;
	box-shadow: 0 18px 40px #071a2b2e;
	border-top: 4px solid #ff8a1d;
	padding: 8px 0;
	z-index: 80;
}

.hxy-ndrop:hover>.hxy-submenu,.hxy-ndrop:focus-within>.hxy-submenu {
	display: block;
}

.hxy-submenu a {
	display: block;
	padding: 11px 18px !important;
	font: 600 13px/1.25 Arial, sans-serif !important;
	color: #142331 !important;
	text-transform: none !important;
	white-space: normal !important;
}

.hxy-submenu a:hover {
	background: #f4f6f7;
	color: #0877bd !important;
}

.hxy-submenu .hxy-ndrop {
	display: flex;
	padding: 0 8px;
}

.hxy-submenu .hxy-ndrop>a {
	padding: 11px 10px !important;
	flex: 1;
}

.hxy-submenu .hxy-toggle {
	border-top-color: #717e88;
	margin-right: 10px;
}

.hxy-submenu-right {
	top: -8px !important;
	left: calc(100% - 3px) !important;
	border-top-color: #0877bd;
}

@media(max-width:980px) {
	.hxy-ndrop {
		flex-wrap: wrap;
	}
	
	.hxy-submenu,.hxy-submenu-right {
		position: static;
		display: none;
		width: 100%;
		min-width: 0;
		box-shadow: none;
		border-top: 1px solid #dce2e6;
		padding: 4px 0 10px 18px;
	}
	
	.hxy-submenu .hxy-ndrop {
		display: flex;
		padding: 0;
	}
	
	.hxy-submenu-right {
		left: 0 !important;
	}
	
	.hxy-ndrop:hover>.hxy-submenu,.hxy-ndrop:focus-within>.hxy-submenu {
		display: block;
	}
}

/* Reference typography and color system extracted from hexussteel.com/steel-structure-systems/ */
.hxy-site,.hxy-site * {
	font-family: "Barlow Condensed", sans-serif !important;
}

body.page {
	background: #fff !important;
	color: #333 !important;
	font-size: 16px !important;
	line-height: 24px !important;
}

.hxy-site {
	color: #333 !important;
	font-size: 16px !important;
	line-height: 24px !important;
}

.hxy-site p {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 25px !important;
	color: #54595f !important;
}

.hxy-site h1 {
	font-size: 45px !important;
	line-height: 60px !important;
	font-weight: 800 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #f8f8f8 !important;
}

.hxy-site h2 {
	font-size: 45px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #000 !important;
}

.hxy-site h3 {
	font-size: 18px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #005ea7 !important;
}

.hxy-hero h1,.hxy-pagehead h1 {
	color: #f8f8f8 !important;
}

.hxy-hero p,.hxy-pagehead p {
	font-size: 18px !important;
	line-height: 25px !important;
	color: #fff !important;
}

.hxy-hero {
	min-height: 552px !important;
	border-bottom: 0 !important;
	background-image: linear-gradient(90deg,#173763f0 0%,#173763d9 48%,#17376380 100%), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero-1536x864.jpg') !important;
}

.hxy-pagehead {
	background-image: linear-gradient(90deg,#173763f2,#173763cc), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero.jpg') !important;
	border-bottom: 0 !important;
	padding: 100px 0 90px !important;
}

.hxy-kicker {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: capitalize !important;
	color: #c5231f !important;
}

.hxy-hero .hxy-kicker {
	color: #f8f8f8 !important;
}

.hxy-overline {
	font-size: 18px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #005ea7 !important;
}

.hxy-section {
	padding: 90px 0 !important;
}

.hxy-section h2,.hxy-center h2 {
	font-size: 45px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	color: #000 !important;
}

.hxy-card {
	border: 1px solid #d8d8d8 !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.hxy-card h3 {
	font-size: 18px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	color: #005ea7 !important;
	margin: 18px 0 14px !important;
}

.hxy-card p {
	font-size: 14px !important;
	line-height: 21px !important;
	color: #7a7a7a !important;
}

.hxy-problems .hxy-card h3,.hxy-list .hxy-card h3 {
	color: #005ea7 !important;
}

.hxy-project h3 {
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	color: #005ea7 !important;
}

.hxy-project p {
	font-size: 16px !important;
	line-height: 25px !important;
	color: #54595f !important;
}

.hxy-dark,.hxy-dark .hxy-card {
	background: #005ea7 !important;
	border-color: #005ea7 !important;
}

.hxy-dark h2,.hxy-dark h3,.hxy-dark p {
	color: #fff !important;
}

.hxy-dark .hxy-overline {
	color: #f8f8f8 !important;
}

.hxy-stat strong {
	font-size: 45px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	color: #005ea7 !important;
}

.hxy-stat span {
	font-size: 13px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	color: #54595f !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.hxy-bullets div {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 400 !important;
	color: #333 !important;
	border-left-color: #c5231f !important;
}

.hxy-soft {
	background: #f8f8f8 !important;
}

.hxy-cta {
	background: #173763 !important;
}

.hxy-cta h2 {
	font-size: 35px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	color: #f8f8f8 !important;
}

.hxy-cta p {
	color: #f8f8f8 !important;
}

.hxy-btn {
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
	background: #c5231f !important;
	border-radius: 3px !important;
	padding: 12px 24px !important;
	letter-spacing: normal !important;
}

.hxy-btn.alt {
	border: 1px solid #f8f8f8 !important;
	background: transparent !important;
}

.hxy-bar {
	min-height: 90px !important;
	gap: 0 !important;
}

.hxy-logo {
	font-size: 25px !important;
	font-weight: 800 !important;
	color: #173763 !important;
}

.hxy-logo span {
	font-size: 13px !important;
	line-height: 18px !important;
	color: #005ea7 !important;
	letter-spacing: 2px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a {
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	color: #000 !important;
	padding: 13px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload):hover,.hxy-ndrop:hover>a,.hxy-ndrop:focus-within>a {
	color: #c5231f !important;
}

.hxy-bar>a.hxy-upload {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	background: #005ea7 !important;
	border-radius: 3px !important;
	padding: 5px 11px !important;
}

.hxy-toggle {
	border-top-color: #000 !important;
	border-left-width: 4px !important;
	border-right-width: 4px !important;
	border-top-width: 5px !important;
}

.hxy-ndrop:hover>.hxy-toggle,.hxy-ndrop:focus-within>.hxy-toggle {
	border-top-color: #c5231f !important;
}

.hxy-submenu {
	border-top-color: #005ea7 !important;
	border-radius: 0 0 3px 3px !important;
	box-shadow: 0 14px 30px #00000024 !important;
	padding: 8px 0 !important;
}

.hxy-submenu a {
	font-size: 17px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	color: #000 !important;
	text-transform: capitalize !important;
	padding: 13px 20px !important;
}

.hxy-submenu a:hover {
	background: #f8f8f8 !important;
	color: #c5231f !important;
}

.hxy-foot {
	background: #173763 !important;
	color: #f8f8f8 !important;
}

.hxy-foot strong {
	font-size: 20px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	color: #f8f8f8 !important;
}

.hxy-foot p,.hxy-foot a {
	font-size: 16px !important;
	line-height: 25px !important;
	color: #f8f8f8 !important;
}

.hxy-copy {
	font-size: 13px !important;
	line-height: 20px !important;
	color: #f8f8f8 !important;
	border-top-color: #ffffff40 !important;
}

.hxy-site .contact-form label {
	font-size: 16px !important;
	line-height: 25px !important;
	color: #333 !important;
}

.hxy-site .contact-form input,.hxy-site .contact-form textarea {
	font-family: "Barlow Condensed", sans-serif !important;
	font-size: 16px !important;
	line-height: 25px !important;
	color: #333 !important;
}

.hxy-site .contact-form input[type=submit] {
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	background: #c5231f !important;
	border-radius: 3px !important;
}

@media(max-width:980px) {
	.hxy-site h1 {
		font-size: 38px !important;
		line-height: 46px !important;
	}
	
	.hxy-site h2 {
		font-size: 36px !important;
		line-height: 42px !important;
	}
	
	.hxy-section h2,.hxy-center h2 {
		font-size: 36px !important;
		line-height: 42px !important;
	}
	
	.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a {
		font-size: 18px !important;
		padding: 10px 8px !important;
	}
	
	.hxy-submenu a {
		font-size: 16px !important;
	}
}

@media(max-width:620px) {
	.hxy-site h1 {
		font-size: 34px !important;
		line-height: 40px !important;
	}
	
	.hxy-site h2,.hxy-section h2,.hxy-center h2 {
		font-size: 32px !important;
		line-height: 38px !important;
	}
	
	.hxy-hero p,.hxy-pagehead p {
		font-size: 17px !important;
		line-height: 24px !important;
	}
	
	.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a {
		font-size: 17px !important;
		padding: 9px 6px !important;
	}
	
	.hxy-upload {
		display: none !important;
	}
}

.hxy-bar>p {
	margin: 0 !important;
	padding: 0 !important;
	display: contents !important;
}

.hxy-bar>p:empty {
	display: none !important;
}

.hxy-bar>p>a:not(.hxy-upload) {
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	color: #000 !important;
	padding: 13px 7px !important;
	white-space: nowrap !important;
}

.hxy-bar>p>a:not(.hxy-upload):hover {
	color: #c5231f !important;
}

.hxy-bar>p>a.hxy-upload {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	background: #005ea7 !important;
	color: #fff !important;
	border-radius: 3px !important;
	padding: 5px 11px !important;
	white-space: nowrap !important;
}

.hxy-ndrop>a {
	padding: 13px 7px !important;
}

.hxy-ndrop {
	gap: 3px !important;
}

.hxy-bar {
	justify-content: flex-start !important;
}

.hxy-logo {
	margin-right: 18px !important;
}

@media(max-width:980px) {
	.hxy-bar>p>a:not(.hxy-upload) {
		font-size: 18px !important;
		padding: 10px 5px !important;
	}
	
	.hxy-bar>p>a.hxy-upload {
		font-size: 15px !important;
	}
}

@media(max-width:620px) {
	.hxy-bar>p>a:not(.hxy-upload) {
		font-size: 17px !important;
		padding: 9px 5px !important;
	}
	
	.hxy-bar>p>a.hxy-upload {
		display: none !important;
	}
}

.hxy-logo {
	min-width: 112px !important;
	width: 112px !important;
	margin-right: 8px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	white-space: nowrap !important;
}

.hxy-logo span {
	font-size: 11px !important;
	line-height: 15px !important;
	letter-spacing: 1px !important;
	white-space: nowrap !important;
}

.hxy-bar {
	padding-left: 18px !important;
	padding-right: 18px !important;
	max-width: 1460px !important;
}

.hxy-logo {
	width: 96px !important;
	min-width: 96px !important;
	margin-right: 6px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	width: 76px !important;
	min-width: 76px !important;
	height: 50px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
	line-height: 20px !important;
	padding: 5px 6px !important;
}

.hxy-lang {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 8px;
	min-width: 154px;
	height: 40px;
	padding: 5px 12px;
	margin-left: 7px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	color: #666;
	cursor: pointer;
	outline: none;
	flex: 0 0 auto;
}

.hxy-flag,.hxy-lang-menu img {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 17px;
	overflow: hidden;
	flex: 0 0 auto;
}

.hxy-flag img,.hxy-lang-menu img {
	display: block !important;
	width: 24px !important;
	height: 16px !important;
	object-fit: cover;
}

.hxy-lang-label {
	font: 500 16px/25px "Barlow Condensed", sans-serif;
	color: #666;
	white-space: nowrap;
}

.hxy-lang-caret {
	width: 7px;
	height: 7px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	transform: rotate(45deg);
	margin-left: auto;
	margin-top: -4px;
}

.hxy-lang-menu {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	min-width: 154px;
	padding: 4px 0;
	background: #eee;
	border: 1px solid #ccc;
	box-shadow: 0 12px 24px #0000001f;
	z-index: 100;
}

.hxy-lang:hover .hxy-lang-menu,.hxy-lang:focus-within .hxy-lang-menu {
	display: block;
}

.hxy-lang-menu a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 9px 12px !important;
	color: #000 !important;
	font: 500 16px/25px "Barlow Condensed", sans-serif !important;
	text-transform: none !important;
}

.hxy-lang-menu a:hover {
	background: #fff !important;
	color: #000 !important;
}

@media(max-width:1350px) {
	.hxy-lang {
		min-width: 138px;
	}
	
	.hxy-lang-label {
		font-size: 15px;
	}
	
	.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}
}

@media(max-width:980px) {
	.hxy-lang {
		margin-left: 4px;
		min-width: 132px;
	}
	
	.hxy-lang-label {
		font-size: 15px;
	}
	
	.hxy-lang-menu {
		right: auto;
		left: 0;
	}
}

@media(max-width:620px) {
	.hxy-lang {
		min-width: 126px;
		margin-left: 0;
		padding: 4px 9px;
	}
	
	.hxy-lang-label {
		font-size: 14px;
	}
}

.hxy-logo {
	margin-right: 12px !important;
	color: #005ea7 !important;
}

.hxy-ndrop {
	margin-left: 2px !important;
	margin-right: 2px !important;
	gap: 4px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	margin-left: 6px !important;
}

.hxy-lang {
	margin-left: 8px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	margin-left: auto !important;
}

html,body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 400;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 500;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 700;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 800;
	src: format("woff2");
}

.hxy-site,.hxy-site * {
	font-family: 'HXY Barlow Condensed', 'Barlow Condensed', sans-serif !important;
	font-synthesis: none !important;
}
.hxy-site,.hxy-site *{font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif!important}

@media(min-width:1451px){.hxy-bar{width:100%!important;max-width:1521px!important;padding-left:21px!important;padding-right:21px!important;gap:0!important}.hxy-logo{width:125px!important;min-width:125px!important;height:35px!important;margin-right:12px!important}.hxy-bar>.hxy-ndrop:first-of-type{margin-left:125px!important}.hxy-ndrop{gap:0!important;margin-left:0!important;margin-right:0!important}.hxy-ndrop>a{padding:13px!important;letter-spacing:-.8px!important}.hxy-bar>p>a:not(.hxy-upload){padding:13px!important;letter-spacing:-.8px!important}.hxy-toggle{position:absolute!important;right:1px!important;top:50%!important;transform:translateY(-50%)!important}.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload{width:85px!important;min-width:85px!important;height:35px!important;padding:5px 8px!important;margin-left:auto!important}.hxy-lang{min-width:154px!important;height:40px!important;margin-left:50px!important}}

/* HXY header match: calibrated to the visible desktop header at 1536px */
.hxy-site,.hxy-site *{font-family:"Barlow Condensed",sans-serif!important;font-synthesis:none!important}
@media (min-width:1451px){
.hxy-head{width:100vw!important;max-width:none!important;height:93px!important}
.hxy-bar{display:flex!important;width:100vw!important;max-width:none!important;height:92px!important;min-height:92px!important;padding:0!important;margin:0!important;gap:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;box-sizing:border-box!important;position:relative!important}
.hxy-logo{width:125px!important;min-width:125px!important;height:35px!important;margin:0 0 0 28px!important;padding:0!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:64.5px!important}
.hxy-ndrop{gap:0!important;margin-left:0!important;margin-right:0!important}
.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload){padding:13px!important;line-height:25px!important;font-size:20px!important;font-weight:600!important;letter-spacing:normal!important;white-space:nowrap!important}
.hxy-toggle{position:absolute!important;right:1px!important;top:50%!important;transform:translateY(-50%)!important}
.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload{position:absolute!important;right:229px!important;left:auto!important;top:28.5px!important;width:110px!important;min-width:110px!important;height:35px!important;margin:0!important;padding:5px 11px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:25px!important;font-size:16px!important;font-weight:600!important;letter-spacing:normal!important;box-sizing:border-box!important}
.hxy-lang{position:absolute!important;left:auto!important;right:-2px!important;top:30px!important;width:173px!important;min-width:173px!important;height:32px!important;margin:0!important;padding:3px 12px!important;box-sizing:border-box!important;gap:8px!important}
.hxy-lang-label{font-family:Arial,sans-serif!important;font-size:16px!important;line-height:25px!important;font-weight:400!important;color:#999!important}
.hxy-lang-menu{width:173px!important;min-width:173px!important;right:0!important}
}
body.page{overflow-x:visible!important}
body.page .hxy-site{overflow:visible!important}

@media (min-width:1451px){.hxy-bar>.hxy-ndrop{padding-right:30px!important}.hxy-bar>p>a[href="/projects/"]{padding-right:17px!important}}

@media (min-width:1451px){.hxy-bar>.hxy-ndrop{padding-right:0!important}.hxy-bar>.hxy-ndrop>a{padding:13px 0 13px 13px!important}.hxy-bar>.hxy-ndrop>.hxy-toggle{position:relative!important;display:block!important;flex:0 0 30px!important;width:30px!important;height:40px!important;margin:0 13px 0 0!important;border:0!important;transform:none!important}.hxy-bar>.hxy-ndrop>.hxy-toggle::before{content:""!important;display:block!important;position:absolute!important;left:9px!important;top:16px!important;width:0!important;height:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top:8px solid #000!important}.hxy-ndrop:hover>.hxy-toggle::before,.hxy-ndrop:focus-within>.hxy-toggle::before{border-top-color:#c5231f!important}}

@media (min-width:1536px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(67.58vw - 974px)!important}}

@media (min-width:2048px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(50vw - 614px)!important}}

@media (min-width:1536px) and (max-width:1599px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(189.84375vw - 2980.5px)!important}}
@media (min-width:1600px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(50vw - 614px)!important}}

@media (min-width:1451px){.hxy-logo{transform:scale(1.42,.91)!important;transform-origin:left center!important}}
.hxy-flag{background:
linear-gradient(90deg,transparent 43.75%,#c8102e 43.75% 56.25%,transparent 56.25%),
linear-gradient(0deg,transparent 40%,#c8102e 40% 60%,transparent 60%),
linear-gradient(90deg,transparent 37.5%,#fff 37.5% 62.5%,transparent 62.5%),
linear-gradient(0deg,transparent 31.25%,#fff 31.25% 68.75%,transparent 68.75%),
linear-gradient(33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
linear-gradient(-33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
#012169!important}
.hxy-flag img{display:none!important}
.hxy-lang-menu a:first-child img{display:none!important}
.hxy-lang-menu a:first-child::before{content:""!important;display:block!important;width:24px!important;height:16px!important;flex:0 0 24px!important;background:
linear-gradient(90deg,transparent 43.75%,#c8102e 43.75% 56.25%,transparent 56.25%),
linear-gradient(0deg,transparent 40%,#c8102e 40% 60%,transparent 60%),
linear-gradient(90deg,transparent 37.5%,#fff 37.5% 62.5%,transparent 62.5%),
linear-gradient(0deg,transparent 31.25%,#fff 31.25% 68.75%,transparent 68.75%),
linear-gradient(33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
linear-gradient(-33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
#012169!important}

@media (min-width:1451px){.hxy-logo{text-align:center!important;transform-origin:center center!important}}

@media (min-width:1536px){
.hxy-head{width:100vw!important}
.hxy-bar{width:min(1500px,calc(100vw - 36px))!important;max-width:1500px!important;margin:0 auto!important;padding-left:clamp(10px,calc(1.9vw - 19px),17px)!important;padding-right:clamp(10px,calc(1.9vw - 19px),17px)!important;box-sizing:border-box!important}
.hxy-logo{margin-left:0!important;transform:scale(1.27,.91)!important;transform-origin:center center!important;text-align:center!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:clamp(64.5px,calc(1.796vw + 36.9px),71px)!important}
.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload{right:clamp(203px,calc(244.94px - 2.21vw),211px)!important}
.hxy-lang{right:-19px!important}
}

@media (min-width:1536px) and (max-width:1897px){
.hxy-bar{padding-left:10px!important;padding-right:10px!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(79.35px - .96685vw)!important}
}
@media (min-width:1898px){
.hxy-bar{padding-left:10px!important;padding-right:10px!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:61px!important}
}

/* Replace the text HXY mark with the supplied graphic */
.hxy-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:0!important;line-height:1!important;transform:none!important}
.hxy-logo::before{content:""!important;display:block!important;width:34px!important;height:37px!important;flex:0 0 34px!important;background:url('https://hxyconstructionmaterials.com/wp-content/uploads/2026/11/codex-clipboard-69c9b0df-495c-4159-b679-fd6203ec800a.png') center/contain no-repeat!important}
.hxy-logo span{display:block!important;width:auto!important;font-size:10px!important;line-height:12px!important;letter-spacing:1px!important;margin:1px 0 0!important;white-space:nowrap!important;text-align:center!important}
@media (min-width:1451px){.hxy-logo{width:125px!important;min-width:125px!important;height:52px!important;margin:0 12px 0 0!important}.hxy-logo::before{width:36px!important;height:39px!important;flex-basis:36px!important}}

.hxy-logo span{font-size:11px!important;line-height:15px!important;margin:0!important}
@media (min-width:1451px){.hxy-logo{height:55px!important}}

/* HXY screenshot-matched primary navigation */
.hxy-head .hxy-bar{max-width:1520px!important;min-height:86px!important;height:86px!important;padding:0 16px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important}
.hxy-head .hxy-logo{margin:0 6px 0 0!important;flex:0 0 auto!important}
.hxy-mainnav{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-width:0!important;flex:1 1 auto!important}
.hxy-mainnav>a,.hxy-mainnav>.hxy-ndrop>a{display:block!important;color:#000!important;text-decoration:none!important;font-family:"Barlow Condensed",sans-serif!important;font-size:18px!important;line-height:25px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;padding:13px 5px!important}
.hxy-mainnav>.hxy-ndrop{display:flex!important;align-items:center!important;position:relative!important;margin:0!important;gap:0!important}
.hxy-mainnav>.hxy-ndrop>.hxy-toggle{display:block!important;position:relative!important;flex:0 0 15px!important;width:15px!important;height:40px!important;margin:0 3px 0 0!important;padding:0!important;transform:none!important;cursor:pointer!important}
.hxy-mainnav>.hxy-ndrop>.hxy-toggle::before{content:""!important;display:block!important;position:absolute!important;left:4px!important;top:16px!important;width:0!important;height:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top:8px solid #000!important}
.hxy-mainnav>.hxy-ndrop:hover>.hxy-toggle::before,.hxy-mainnav>.hxy-ndrop:focus-within>.hxy-toggle::before{border-top-color:#c5231f!important}
.hxy-mainnav>.hxy-category>a{font-size:16px!important;font-weight:500!important;padding-left:5px!important;padding-right:4px!important}
.hxy-mainnav>.hxy-category>.hxy-toggle{flex-basis:13px!important;width:13px!important;margin-right:3px!important}
.hxy-mainnav>.hxy-category>.hxy-toggle::before{left:2px!important;top:16px!important;border-top-width:7px!important}
.hxy-mainnav>.hxy-major-start{margin-left:12px!important}
.hxy-mainnav>a[href="/projects/"]{margin-left:14px!important}
.hxy-mainnav>.hxy-ndrop[class*="hxy-major"]:last-of-type{margin-left:14px!important}
.hxy-mainnav>a[href="/contact/"]{margin-left:18px!important}
.hxy-mainnav .hxy-submenu{background:#fff!important;border:1px solid #e5e5e5!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important;min-width:235px!important;padding:8px 0!important;z-index:80!important}
.hxy-mainnav .hxy-submenu a{display:block!important;color:#111!important;font-family:"Barlow Condensed",sans-serif!important;font-size:16px!important;line-height:22px!important;font-weight:500!important;padding:9px 14px!important;white-space:normal!important}
.hxy-mainnav .hxy-submenu a:hover{background:#f2f2f2!important;color:#c5231f!important}
.hxy-head .hxy-upload{position:static!important;margin-left:auto!important;flex:0 0 auto!important;align-self:center!important;width:102px!important;min-width:102px!important;height:35px!important;padding:5px 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:17px!important;font-size:15px!important;font-weight:600!important}
.hxy-head .hxy-lang{position:relative!important;left:auto!important;right:auto!important;top:auto!important;flex:0 0 154px!important;width:154px!important;min-width:154px!important;height:40px!important;margin:0 0 0 8px!important;padding:5px 10px!important}
.hxy-head .hxy-flag,.hxy-head .hxy-lang-menu img{width:24px!important;height:16px!important}
.hxy-head .hxy-lang .hxy-flag{width:24px!important;height:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important}
.hxy-head .hxy-lang .hxy-flag img{position:static!important;width:24px!important;height:16px!important;display:block!important}
.hxy-head .hxy-lang-label{flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hxy-head .hxy-lang-caret{flex:0 0 auto!important}
@media(max-width:1450px){.hxy-head .hxy-bar{padding:8px 14px!important;min-height:86px!important;height:auto!important;flex-wrap:wrap!important}.hxy-mainnav{order:3;flex:1 0 100%!important;justify-content:center!important;flex-wrap:wrap!important;padding-top:3px!important}.hxy-head .hxy-upload{margin-left:auto!important}.hxy-mainnav>a,.hxy-mainnav>.hxy-ndrop>a{font-size:17px!important;padding:7px 4px!important}.hxy-mainnav>.hxy-category>a{font-size:15px!important}.hxy-head .hxy-lang{flex-basis:146px!important;width:146px!important;min-width:146px!important}}
@media(max-width:980px){.hxy-head .hxy-bar{padding:8px 10px!important}.hxy-mainnav>a,.hxy-mainnav>.hxy-ndrop>a{font-size:16px!important;padding:6px 3px!important}.hxy-mainnav>.hxy-category>a{font-size:15px!important}.hxy-head .hxy-lang{flex-basis:138px!important;width:138px!important;min-width:138px!important}.hxy-head .hxy-upload{width:94px!important;min-width:94px!important}.hxy-mainnav .hxy-submenu{min-width:220px!important}}
@media(max-width:620px){.hxy-head .hxy-bar{padding:8px!important}.hxy-head .hxy-logo{width:94px!important;min-width:94px!important}.hxy-mainnav{gap:0!important}.hxy-mainnav>a,.hxy-mainnav>.hxy-ndrop>a{font-size:15px!important;padding:6px 3px!important}.hxy-mainnav>.hxy-category>a{font-size:14px!important}.hxy-mainnav>.hxy-major-start,.hxy-mainnav>a[href="/projects/"],.hxy-mainnav>.hxy-ndrop[class*="hxy-major"]:last-of-type,.hxy-mainnav>a[href="/contact/"]{margin-left:0!important}.hxy-head .hxy-lang{flex-basis:126px!important;width:126px!important;min-width:126px!important;height:36px!important;margin-left:4px!important}.hxy-head .hxy-upload{display:none!important}.hxy-mainnav .hxy-submenu{min-width:205px!important}.hxy-mainnav .hxy-submenu a{font-size:15px!important}}

/* Final HXY navigation alignment */
.hxy-mainnav{justify-content:space-between!important;gap:0!important}
.hxy-mainnav>p{display:contents!important;margin:0!important;padding:0!important}
.hxy-mainnav>p:empty{display:none!important}
.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a{font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif!important;font-stretch:condensed!important;font-size:18px!important;line-height:25px!important;font-weight:600!important;color:#000!important;letter-spacing:0!important;white-space:nowrap!important;padding:13px 4px!important;margin-left:0!important}
.hxy-mainnav>.hxy-category>a{font-size:16px!important;font-weight:500!important;padding-left:4px!important;padding-right:4px!important}
.hxy-mainnav>.hxy-major-start,.hxy-mainnav>a[href="/projects/"],.hxy-mainnav>.hxy-ndrop[class*="hxy-major"]:last-of-type,.hxy-mainnav>a[href="/contact/"],.hxy-mainnav>p>a[href="/projects/"],.hxy-mainnav>p>a[href="/contact/"]{margin-left:0!important}
.hxy-mainnav>.hxy-ndrop>.hxy-toggle{border:0!important;background:none!important;box-shadow:none!important;display:block!important;position:relative!important;align-self:center!important;flex:0 0 15px!important;width:15px!important;height:25px!important;margin:0 2px 0 0!important;padding:0!important;transform:none!important}
.hxy-mainnav>.hxy-ndrop>.hxy-toggle::before{content:""!important;display:block!important;position:absolute!important;left:4px!important;top:8px!important;width:0!important;height:0!important;border:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top:8px solid #000!important}
.hxy-mainnav>.hxy-category>.hxy-toggle{flex-basis:13px!important;width:13px!important;height:25px!important;margin-right:2px!important}
.hxy-mainnav>.hxy-category>.hxy-toggle::before{left:2px!important;top:8px!important;border-top-width:7px!important}
.hxy-mainnav>.hxy-ndrop:hover>.hxy-toggle::before,.hxy-mainnav>.hxy-ndrop:focus-within>.hxy-toggle::before{border-top-color:#c5231f!important}
.hxy-mainnav .hxy-submenu a{font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif!important}
@media(max-width:1450px){.hxy-mainnav{justify-content:center!important;column-gap:2px!important}.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a{font-size:17px!important;padding:7px 4px!important}.hxy-mainnav>.hxy-category>a{font-size:15px!important}}
@media(max-width:980px){.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a{font-size:16px!important;padding:6px 3px!important}.hxy-mainnav>.hxy-category>a{font-size:15px!important}}
@media(max-width:620px){.hxy-mainnav{column-gap:1px!important}.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a{font-size:15px!important;padding:6px 3px!important}.hxy-mainnav>.hxy-category>a{font-size:14px!important}}

/* Final right-control positioning */
body .hxy-head .hxy-bar>a.hxy-upload,body .hxy-head .hxy-bar>p>a.hxy-upload{position:static!important;left:auto!important;right:auto!important;top:auto!important;margin-left:auto!important;flex:0 0 102px!important;width:102px!important;min-width:102px!important;height:35px!important;padding:5px 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Final desktop distribution and paragraph wrappers */
.hxy-mainnav>p{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
.hxy-mainnav>p:empty{display:none!important}
.hxy-mainnav>p>a{display:block!important;color:#000!important;font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif!important;font-size:18px!important;line-height:25px!important;font-weight:600!important;letter-spacing:0!important;white-space:nowrap!important;padding:13px 4px!important}
@media(min-width:1600px){.hxy-head .hxy-bar{width:calc(100vw - 32px)!important;max-width:1900px!important}}
@media(min-width:1451px) and (max-width:1650px){.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a{font-size:17px!important;padding-left:2px!important;padding-right:2px!important}.hxy-mainnav>.hxy-category>a{font-size:15px!important}}

/* Reference navigation typography — measured from hexussteel.com */
.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a{font-family:"Barlow Condensed",sans-serif!important;font-stretch:normal!important;font-size:20px!important;line-height:25px!important;font-weight:600!important;color:#000!important;letter-spacing:normal!important;padding:13px 6px!important}
.hxy-mainnav>.hxy-category>a{font-family:"Barlow Condensed",sans-serif!important;font-size:20px!important;line-height:25px!important;font-weight:600!important;color:#000!important;padding:13px 6px!important}
.hxy-mainnav .hxy-submenu a{font-family:"Barlow Condensed",sans-serif!important}
@media(max-width:1750px){.hxy-head .hxy-bar{padding:8px 14px!important;min-height:86px!important;height:auto!important;flex-wrap:wrap!important}.hxy-mainnav{order:3!important;flex:1 0 100%!important;justify-content:center!important;flex-wrap:wrap!important;padding-top:3px!important}}
@media(max-width:980px){.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a,.hxy-mainnav>.hxy-category>a{font-size:16px!important;padding:6px 3px!important}}
@media(max-width:620px){.hxy-mainnav>a,.hxy-mainnav>p>a,.hxy-mainnav>.hxy-ndrop>a,.hxy-mainnav>.hxy-category>a{font-size:15px!important;padding:6px 3px!important}}

/* HXY About page — reference layout */
.hxy-about-page{background:#fff;color:#333}
.hxy-about-wrap{width:min(1440px,calc(100vw - 32px));margin:0 auto}
.hxy-about-page h1,.hxy-about-page h2,.hxy-about-page h3,.hxy-about-page p{margin-top:0}
.hxy-about-page h2{font-family:"Barlow Condensed",sans-serif!important;font-size:45px!important;line-height:1.12!important;font-weight:800!important;color:#000!important;margin-bottom:20px!important}
.hxy-about-page p{font-family:"Barlow Condensed",sans-serif!important;font-size:16px!important;line-height:25px!important;color:#54595f!important}
.hxy-about-hero{min-height:620px;display:flex;align-items:center;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:#fff;position:relative}
.hxy-about-hero-inner{width:min(1440px,calc(100vw - 32px));padding-top:88px;padding-bottom:88px}
.hxy-about-hero h1{max-width:750px;margin-bottom:28px;color:#fff!important;font-family:"Barlow Condensed",sans-serif!important;font-size:45px!important;line-height:1.2!important;font-weight:800!important}
.hxy-about-hero p{max-width:700px;margin-bottom:14px;color:#fff!important;font-size:16px!important;line-height:25px!important}
.hxy-about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;margin-top:14px;background:#c5231f!important;color:#fff!important;text-decoration:none!important;font-family:"Barlow Condensed",sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:600!important;border:0;border-radius:2px}
.hxy-about-btn:hover{background:#a91d1a!important;color:#fff!important}
.hxy-about-btn.dark{background:#c5231f!important}
.hxy-about-crumb{padding:15px 0;background:#fff}
.hxy-about-crumb .hxy-about-wrap{display:flex;gap:6px;align-items:center;font-size:14px;color:#777}
.hxy-about-crumb a{color:#777!important;text-decoration:none!important}
.hxy-about-section{padding:80px 0}
.hxy-about-soft{background:#f8f8f8}
.hxy-about-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
.hxy-about-media{margin:0!important;overflow:hidden;border-radius:2px}
.hxy-about-media img{display:block;width:100%;height:100%;aspect-ratio:1.4/1;object-fit:cover}
.hxy-about-copy{max-width:670px}
.hxy-about-kicker{display:flex;align-items:center;gap:10px;color:#c5231f!important;text-transform:uppercase;letter-spacing:.4px;font-family:"Barlow Condensed",sans-serif!important;font-size:15px!important;font-weight:600!important;margin-bottom:14px}
.hxy-about-kicker:before{content:"";display:inline-block;width:25px;height:1px;background:#c5231f}
.hxy-about-heading{max-width:1040px;margin:0 auto 45px;text-align:center}
.hxy-about-heading p{max-width:950px;margin:0 auto}
.hxy-about-grid{display:grid;gap:25px}
.hxy-about-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hxy-about-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hxy-about-card{background:#f8f8f8;padding:35px 30px;min-height:250px}
.hxy-about-card h3{font-family:"Barlow Condensed",sans-serif!important;font-size:20px!important;line-height:1.3!important;font-weight:600!important;color:#000!important;margin-bottom:16px!important}
.hxy-about-card p{margin-bottom:0!important}
.hxy-about-num{font-family:"Barlow Condensed",sans-serif!important;font-size:14px!important;color:#c5231f!important;font-weight:600!important;margin-bottom:14px}
.hxy-about-ticks{display:grid;gap:8px;margin-top:22px;padding-left:0}
.hxy-about-ticks span{position:relative;padding-left:20px;font-family:"Barlow Condensed",sans-serif!important;font-size:16px;color:#333}
.hxy-about-ticks span:before{content:"›";position:absolute;left:0;color:#c5231f;font-size:22px;line-height:18px}
.hxy-about-ticks-2{grid-template-columns:1fr 1fr;column-gap:24px}
.hxy-about-cta{min-height:430px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,20,34,.94),rgba(4,20,34,.72)),url('https://hxyconstructionmaterials.com/wp-content/uploads/2026/11/steel-frame-construction.webp') center/cover no-repeat!important;color:#fff}
.hxy-about-cta .hxy-about-wrap{max-width:1120px;text-align:center;padding-top:70px;padding-bottom:70px}
.hxy-about-cta h2{color:#fff!important;font-size:35px!important;margin-bottom:24px!important}
.hxy-about-cta p{color:#f8f8f8!important;max-width:820px;margin-left:auto;margin-right:auto}
.hxy-about-related{padding:75px 0;background:#fff}
.hxy-about-related .hxy-about-wrap{max-width:1140px}
.hxy-about-related h2{font-size:45px!important;margin-bottom:16px!important}
.hxy-about-links{display:grid;gap:10px;margin-top:20px}
.hxy-about-links a{font-family:"Barlow Condensed",sans-serif!important;font-size:17px!important;color:#c5231f!important;text-decoration:none!important}
.hxy-about-page .hxy-foot{margin-top:0!important}
@media(max-width:980px){.hxy-about-page h2,.hxy-about-hero h1,.hxy-about-related h2{font-size:36px!important}.hxy-about-hero{min-height:540px}.hxy-about-section{padding:55px 0}.hxy-about-split{grid-template-columns:1fr;gap:35px}.hxy-about-media-left .hxy-about-media{order:2}.hxy-about-grid-4,.hxy-about-grid-3{grid-template-columns:1fr 1fr}.hxy-about-copy{max-width:none}}
@media(max-width:620px){.hxy-about-wrap{width:calc(100vw - 24px)}.hxy-about-page h2,.hxy-about-hero h1,.hxy-about-related h2{font-size:31px!important;line-height:1.16!important}.hxy-about-hero{min-height:620px}.hxy-about-hero-inner{padding-top:55px;padding-bottom:55px}.hxy-about-section{padding:42px 0}.hxy-about-grid-4,.hxy-about-grid-3{grid-template-columns:1fr}.hxy-about-card{min-height:0;padding:28px 24px}.hxy-about-ticks-2{grid-template-columns:1fr}.hxy-about-cta h2{font-size:31px!important}}