.site-header{

	background-color:rgba(var(--accent-02), 0.5);
}



.masthead {
	padding-bottom: 4rem;
}


.hero.intro,  .hero h1 {
	font-size: 4rem;
	font-weight: 900;
	text-align: center;
	color: rgba(var(--first-dark), 1.0);
	line-height: 1.25;
	padding-top:3rem;
	padding-bottom: 2rem;
}


.hero h1 {
	padding: 0;
	font-size: 4.5rem;
}


.hero.background {
	border-radius: 20px;

}


.hero .overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(var(--accent-01),0.995), rgba(var(--first),0.05));
  z-index: 0;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


.hero .content {
	padding:4rem;
	z-index: 999;
}

.hero .content strong {
	font-size: 1.75rem;
	font-weight: 900;
	line-height: 1.1;
	color: rgba(var(--accent-02), 1.0);
}


.panel.who {
	background-color: rgba(var(--first-dark), 0.0625);
}

.panel.core {
	background-color:rgba(var(--accent-02), 0.5);
	padding:4rem 0;
}

.core .cards .card {
	backdrop-filter: blur(80px);
    background-color: rgba(255, 255, 255, 0.5);
    width:49%;
    border-radius: 20px;
}

.core .cards .card .background {
	border-radius: 20px 20px 0 0;
}


.card strong {
	font-size: 1.5rem;
	font-weight: 700;
	color: rgba(var(--first-dark), 1.0);

}


.panel h2 {
	color: rgba(var(--first-dark), 1.0);
	font-weight: 300;
	font-family: var(--main);
	text-transform: none;
}

.panel h5 {
	color: rgba(var(--first-dark), 1.0);
	font-size: 0.6rem;
	font-weight: 500;
	padding:0.3rem 0.5rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	background-color: rgba(var(--first), 0.125);
	width: fit-content;
	border-radius: 20px;
	border:1px solid rgba(var(--first-light), 1);

}

.sector.background {
	border-radius: 20px;
}

.materials .material {
	position: relative;
	padding-left: 4rem;
}

.materials .material:before {
	position: absolute;
	left:0;
	top:0.5rem;
	font-family: 'unique';
	font-size: 3rem;
	color: rgba(var(--first), 1.0);
	content: '';
	display: block;
	line-height: 1;
	text-align: center;
	width:3rem;
	max-width: 3rem;
}

.materials .material.tiles:before {
	content: '\ea29';
}

.materials .material.outdoor:before {
	content: '\ea2b';
}

.materials .material.flooring:before {
	content: '\ea28';
}

.materials .material.surface:before {
	content: '\ea27';
}

.materials .material.mattress:before {
	content: '\ea2a';
}

.materials .material.household:before {
	content: '\ea2c';
}