.button {
text-transform: uppercase;
}
.custom-product-intro-component>.inner>.top .title{
max-width: 80%;
margin-left: auto;
margin-right: auto;
} .hero-component.landing .content:has(.vertical-text) .vertical-text .num{
display: none !important;
} body.single-custom-product #header .logo svg .cls-123,
#header:has(nav.primary > menu > li#menu-item-6:hover) .logo svg .cls-123,
#header:has(nav.primary > menu > li#menu-item-6:focus-within) .logo svg .cls-123,
#header:has(nav.primary > ul > li#menu-item-6:hover) .logo svg .cls-123,
#header:has(nav.primary > ul > li#menu-item-6:focus-within) .logo svg .cls-123 {
fill: #231f20 !important;
} @media screen and (min-width: 1200px) {
nav.primary > ul > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(6),
nav.primary > ul > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(7),
nav.primary > ul > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(8),
nav.primary > menu > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(6),
nav.primary > menu > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(7),
nav.primary > menu > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(8) {
border-bottom: 1px solid var(--_border-color);
}
nav.primary > ul > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(4n),
nav.primary > menu > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:nth-child(4n) {
border-right: 1px solid var(--_border-color);
}
nav.primary > ul > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu::after,
nav.primary > menu > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu::after {
height: 100%;
}
nav.primary > ul > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:has(.info-container),
nav.primary > menu > li#menu-item-6.full-width > .sub > .inner > ul.sub-menu > li:has(.info-container) {
border-right: 1px solid var(--_border-color);
border-bottom: 1px solid var(--_border-color);
}
nav.primary > ul > li#menu-item-6.full-width .info-container .button,
nav.primary > menu > li#menu-item-6.full-width .info-container .button {
border-top: 0;
border-bottom: 0;
}
}
body.home .panel-brands.auguste-company-references-redesign {
background: #e7c978;
color: #111418;
margin: 0;
padding: clamp(48px, 3.6vw, 74px) 0 clamp(52px, 4vw, 82px);
}
body.home .panel-brands.auguste-company-references-redesign .container {
max-width: 1520px;
width: calc(100% - (clamp(24px, 6.5vw, 136px) * 2));
margin-inline: auto;
padding-inline: 0;
}
.auguste-reference-stats {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: minmax(320px, 1fr) minmax(190px, auto);
position: relative;
min-height: clamp(500px, 28vw, 560px);
font-family: inherit;
}
.auguste-reference-stats::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: calc(100% - 190px);
height: 1px;
background: rgba(17, 20, 24, 0.68);
}
.auguste-reference-stats__title {
grid-column: 1 / 7;
grid-row: 1;
align-self: center;
font-size: clamp(64px, 5.2vw, 106px);
line-height: 0.95;
font-weight: 800;
letter-spacing: 0;
margin: 0;
padding-right: clamp(32px, 5vw, 90px);
}
.auguste-reference-stat {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding-left: clamp(34px, 4vw, 74px);
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(1) {
grid-column: 7 / 10;
grid-row: 1;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(2) {
grid-column: 10 / 13;
grid-row: 1;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(3) {
grid-column: 1 / 5;
grid-row: 2;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(4) {
grid-column: 5 / 9;
grid-row: 2;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(5) {
grid-column: 9 / 13;
grid-row: 2;
}
.auguste-reference-stat--top {
border-left: 1px solid rgba(17, 20, 24, 0.68);
padding-bottom: clamp(42px, 4vw, 74px);
}
.auguste-reference-stat--top::before,
.auguste-reference-stat--top::after {
content: "";
position: absolute;
left: -2px;
bottom: -1px;
background: #111418;
}
.auguste-reference-stat--top::before {
width: 4px;
height: 44px;
}
.auguste-reference-stat--top::after {
width: 44px;
height: 4px;
}
.auguste-reference-stat--bottom {
justify-content: flex-start;
padding-top: clamp(48px, 5vw, 74px);
padding-left: clamp(54px, 5.2vw, 106px);
}
.auguste-reference-stat--bottom + .auguste-reference-stat--bottom {
border-left: 1px solid rgba(17, 20, 24, 0.68);
}
.auguste-reference-stat__value {
font-size: 48px;
line-height: 0.95;
font-weight: 800;
letter-spacing: 0;
margin-bottom: clamp(28px, 4.2vw, 72px);
white-space: nowrap;
}
.auguste-reference-stat--bottom .auguste-reference-stat__value {
font-size: 48px;
margin-bottom: 18px;
}
.auguste-reference-stat__value sup {
font-size: 0.45em;
line-height: 0;
vertical-align: super;
}
.auguste-reference-stat__label {
font-size: 16px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.24em;
text-transform: uppercase;
max-width: 520px;
}
@media (min-width: 1101px) and (max-width: 1500px) {
.auguste-reference-stats {
min-height: 500px;
}
.auguste-reference-stats__title {
grid-column: 1 / 6;
font-size: clamp(58px, 4.6vw, 68px);
padding-right: 28px;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(1) {
grid-column: 6 / 10;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(2) {
grid-column: 10 / 13;
}
.auguste-reference-stat {
padding-left: clamp(26px, 3vw, 44px);
}
.auguste-reference-stat--bottom {
padding-left: clamp(38px, 4vw, 64px);
}
.auguste-reference-stat__label {
letter-spacing: 0.18em;
}
}
@media (max-width: 1100px) {
.auguste-reference-stats {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
min-height: 0;
}
.auguste-reference-stats::before {
display: none;
}
.auguste-reference-stats > .auguste-reference-stat {
grid-column: auto !important;
grid-row: auto !important;
}
.auguste-reference-stats__title {
grid-column: 1 / -1;
padding: 0 0 48px;
border-bottom: 1px solid rgba(17, 20, 24, 0.68);
}
.auguste-reference-stat,
.auguste-reference-stat--bottom {
min-height: 220px;
padding: 40px 28px;
border-left: 0;
border-bottom: 1px solid rgba(17, 20, 24, 0.68);
}
.auguste-reference-stat:nth-child(odd) {
border-left: 1px solid rgba(17, 20, 24, 0.68);
}
.auguste-reference-stat--top::before,
.auguste-reference-stat--top::after {
display: none;
}
.auguste-reference-stats > .auguste-reference-stat:nth-of-type(5) {
grid-column: 1 / -1 !important;
border-left: 0;
}
.auguste-reference-stat__value,
.auguste-reference-stat--bottom .auguste-reference-stat__value {
margin-bottom: 20px;
}
}
@media (max-width: 640px) {
body.home .panel-brands.auguste-company-references-redesign {
padding: 56px 0;
}
body.home .panel-brands.auguste-company-references-redesign .container {
width: calc(100% - 44px);
padding-inline: 22px;
}
.auguste-reference-stats {
display: block;
}
.auguste-reference-stats__title {
font-size: clamp(48px, 15vw, 72px);
padding-bottom: 34px;
margin-bottom: 0;
}
.auguste-reference-stat,
.auguste-reference-stat--bottom,
.auguste-reference-stat:nth-child(odd),
.auguste-reference-stat--bottom + .auguste-reference-stat--bottom {
min-height: 0;
padding: 34px 0;
border-left: 0;
border-bottom: 1px solid rgba(17, 20, 24, 0.68);
}
.auguste-reference-stat__value {
font-size: clamp(42px, 15vw, 70px);
margin-bottom: 16px;
}
.auguste-reference-stat--bottom .auguste-reference-stat__value {
font-size: 48px;
}
.auguste-reference-stat__label {
font-size: 15px;
letter-spacing: 0.2em;
}
}