/* page-header - common --------------------------------------------------------*/

/* @group @variables */

[class*="o-page-header"] {
--page-header-position: absolute;
--page-header-grid-template-columns: var(--x-padding-header-left) 8.75rem 0 0 3.375rem 1fr 0 1rem 3.375rem var(--x-padding-header-right);
--page-header-grid-template-rows: .375rem 0 3rem .375rem;
--page-header-height: 3.75rem;
--page-header-transition: var(--transform-transition);
--application-link-padding: .375rem 0;
--application-link-svg-width: 1rem;
--application-link-svg-height: 1rem;
--application-link-font-size: .625rem;
--application-link-line-height: 1.2;
}

[class*="is-watch-nav"] [class*="o-page-header"] {
--page-header-position: fixed;
--page-header-transform: translateY(-15rem);
}

[class*="is-fit-sticky"] [class*="o-page-header"] {
--page-header-transform: translateY(0);
}

}

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

[class*="o-page-header"] {
}

}

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

[class*="o-page-header"] {
--page-header-grid-template-columns: var(--x-padding-header-left) 8.75rem 0 0 3.375rem 1fr 10rem 1rem 3.375rem var(--x-padding-header-right);
}

}

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

[class*="o-page-header"] {
 --page-header-grid-template-columns: var(--x-padding-header-left) 9.875rem 0 1fr 2.25rem 1rem 10rem 0 var(--x-padding-header-right);
--page-header-grid-template-rows: .375rem 1rem 1fr 0;
--page-header-height: 6rem;
--application-link-svg-width: 1.5rem;
--application-link-svg-height: 1.5rem;
}

}

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

[class*="o-page-header"] {
--x-padding-header-base: 5vw;
}

}

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

[class*="o-page-header"] {
--page-header-grid-template-columns: var(--x-padding-header-left) 9.875rem 0 1fr 2.25rem 3rem 13rem 0 var(--x-padding-header-right);
--page-header-height: 6.75rem;
--application-link-font-size: .875rem;
--application-link-line-height: 1.42857143;
}

}

/* @end @variables */

/* @group @o-page-header */

[class*="o-page-header"] {
position: var(--page-header-position);
z-index: 42;
top: 0;
right: 0;
left: 0;
display: grid;
grid-template-columns: var(--page-header-grid-template-columns);
grid-template-rows: var(--page-header-grid-template-rows);
height: var(--page-header-height);
transform: var(--page-header-transform);
transition: var(--page-header-transition);
}

[class*="a-page-header-application"] {
grid-column: 7;
grid-row: 3 / span 2;
}

[class*="a-page-nav-toggle"] {
grid-column: 9;
grid-row: 3 / span 2;
}

[class*="a-page-header-logo"] {
grid-column: 2;
grid-row: 1 / span 3;
height: 100%;
background-color: hsl(65deg 83% 50%);
border: solid hsl(0deg 0% 100%);
border-width: 0 0 1px 0;
}

[class*="a-page-header-logo"] a {
display: grid;
align-items: center;
height: inherit;
}

[class*="o-page-header"]:before {
content: '';
grid-column: 1;
grid-row: 1 / span 3;
width: 100%;
height: 100%;
background-color: hsl(65deg 83% 50%);
border: solid hsl(0deg 0% 100%);
border-width: 0 0 1px 0;
}

[class*="o-page-header"]:after {
content: '';
position: relative;
z-index: -1;
grid-column: 5;
grid-row: 1 / span 3;
width: 200%;
height: 200%;
background-color: hsl(65deg 83% 50%);
border: solid hsl(0deg 0% 100%);
border-width: 0 1px 1px 0;
}

@media all and (max-width:61.9375em) {

[class*="o-page-header"]:after {
/*clip-path: circle(100% at 0 0%);*/
transform: translate(-50%, -50%);
border-radius: 50%;
}

}

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

[class*="o-page-header"]:after {
position: relative;
z-index: -1;
grid-column: 1 / span 5;
width: 100%;
height: 100%;
border-radius: 0 0 3.375rem 0;
}

}

/* @end @o-page-header */

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

/* @group @a-page-header-application */

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

[class*="a-page-header-application"] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
height: 100%;
}

[class*="a-page-header-application"] li,
[class*="a-page-header-application"] a,
[class*="a-page-header-application"] label {
height: inherit;
cursor: pointer;
}

}

/* @end @a-page-header-application */

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

/* @group @variables */

@media all and (max-width:61.9375em) {

[class*="a-page-nav-toggle"] {
--application-link-background-color: hsl(347deg 84% 64%);
--application-link-action-background-color: hsl(0deg 0% 100%);
--application-link-border-color: hsl(347deg 84% 64%);
--application-link-action-border-color: hsl(347deg 84% 59%);
--application-link-color: hsl(0deg 0% 100%);
--application-link-action-color: hsl(347deg 84% 59%);
}

}

/* @end @variables */

/* @group @a-page-nav-toggle */

@media all and (max-width:61.9375em) {

[class*="a-page-nav-toggle"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
height: 100%;
background-color: var(--application-link-background-color);
border-width: 2px;
border-style: solid;
border-color: var(--application-link-border-color);
border-radius: .5rem;
color: var(--application-link-color);
transition: var(--link-premier-transition);
cursor: pointer;
}

[class*="a-page-nav-toggle"] svg {
width: auto;
height: 1.5rem;
fill: currentColor;
}

[class*="a-page-nav-toggle"]:hover,
[class*="a-page-nav-toggle"]:focus {
background-color: var(--application-link-action-background-color);
border-color: var(--application-link-action-border-color);
color: var(--application-link-action-color);
}

}

/* @end @a-page-nav-toggle */

/* watch header -------------------------------------------------------- */

/* @group @variables */

[class*="a-mutual-header-watch"] {
--header-watch-height: 20rem;
}

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

[class*="a-mutual-header-watch"] {
--header-watch-height: 24rem;
}

}

/* @end @variables */

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

[class*="a-mutual-header-watch"] {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: var(--header-watch-height);
pointer-events: none;
}

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