/* @group @variables */

[class*="o-mutual-header"] {
--header-position: relative;
--header-background-color: hsla(0, 0%, 100%, 1);
}

[class*="o-root-header"] {
--header-position: absolute;
--header-background-color: transparent;
}

[class*="o-mutual-header"],
[class*="o-root-header"] {
--header-columns: var(--body-x-padding-left) auto .75rem 1fr .75rem 9rem .75rem 0 var(--body-x-padding-right);
--header-height: 6rem;
--header-rows:.375rem 1fr .375rem;
--header-transition: var(--link-transition);
--header-text-transform: var(--text-transform-uppercase);
--header-logo-img-height: 2.25rem;

--btn-grid-template-columns: var(--btn-before-after-size) auto;
--btn-offer-gap: .375rem;
--btn-text-column: 2;
--btn-text-row: 1;
--btn-before-column: 1;
--btn-before-row: 1;
--btn-before-content: '';
--btn-before-after-size: 1.125rem;
--btn-before-background-color: currentColor;
}

@media all and (max-height: 47.9375em) {


}

@media all and (min-width: 48em) {

[class*="o-mutual-header"],
[class*="o-root-header"] {
--header-columns: var(--body-x-padding-left) auto .75rem 1fr .75rem auto .75rem 0 var(--body-x-padding-right);
}

html.is-fit-sticky [class*="o-mutual-header"],
html.is-fit-sticky [class*="o-root-header"] {
--header-position: fixed;
--header-height: 3.75rem;
--header-background-color: hsla(0, 0%, 0%, .75);
--header-translate-y: 0;
--header-box-shadow: 0 1px 0 var(--color-very-dark-gray), .125rem .125rem .25rem var(--color-very-dark-gray);
--header-logo-img-height: 1.875rem;
--header-backdrop-filter: blur(.375rem);
}

html.is-headroom-pinned [class*="o-mutual-header"],
html.is-headroom-pinned [class*="o-root-header"] {
--header-translate-y: translateY(0);
}

}

/*html:not(.is-fit-sticky) [class*="o-root-header"] {
--header-logo-img-filter: var(--filter-white);
}*/

/* @end @variables */

/* @group @o-mutual-header */

[class*="o-mutual-header"],
[class*="o-root-header"] {
position: var(--header-position);
z-index: 12;
right: 0;
left: 0;
display: grid;
grid-template-columns: var(--header-columns);
grid-template-rows: var(--header-rows);
height: var(--header-height);
background-color: var(--header-background-color);
box-shadow: var(--header-box-shadow);
color: var(--text-color);
text-transform: var(--header-text-transform);
-webkit-backdrop-filter: var(--header-backdrop-filter);
backdrop-filter: var(--header-backdrop-filter);
transition: transform .3s 0s cubic-bezier(.6, .5, .5, .75);
transform: var(--header-translate-y);
}

/* @end @o-mutual-header */

/* --------------------------------------------------------*/

/* @group @a-mutual-header-logo */

.a-mutual-header-logo {
position: relative;
z-index: 3;
grid-column: 2;
grid-row: 2;
display: grid;
place-items: center start;
}

.a-mutual-header-logo-img {
width: auto;
height: var(--header-logo-img-height);
filter: var(--header-logo-img-filter);
}

/* @end @a-mutual-header-logo */

/* --------------------------------------------------------*/

/* @group @m-mutual-header-nav-contact */

.m-mutual-header-nav-contact {
position: relative;
grid-column: 6 / 8;
grid-row: 1 / 4;
display: grid;
place-items: var(--place-items-v-center-primary);
}

/* @end @m-mutual-header-nav */