﻿.header {
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 z-index: 10;
}
 .header__toggle {
	 position: absolute;
	 left: 2vmin;
	 top: 1.6vmin;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 margin: 0;
	 outline: none;
	 border: 0;
	 padding: 0;
	 width: 5.3333333333vmin;
	 height: 5.3333333333vmin;
	 background-color: transparent;
}
 .header__toggle span {
	 position: absolute;
	 display: block;
	 width: 4.2666666667vmin;
	 height: 0.4vmin;
	 background-color: #fff;
}
 .header__toggle span::before, .header__toggle span::after {
	 content: "";
	 position: absolute;
	 left: 0;
	 display: block;
	 width: 4.2666666667vmin;
	 height: 0.4vmin;
	 background-color: #fff;
}
 .is-fixed .header__toggle span::before, [data-page=infographics] .header__toggle span::before, .is-fixed .header__toggle span::after, [data-page=infographics] .header__toggle span::after {
	 background-color: #000;
}
 @media (max-width: 767px) {
	 .header__toggle span::before, .header__toggle span::after {
		 width: 8.5333333333vmin;
		 height: 0.8vmin;
	}
}
 .header__toggle span::before {
	 top: -1.2vmin;
}
 @media (max-width: 767px) {
	 .header__toggle span::before {
		 top: -2.4vmin;
	}
}
 .header__toggle span::after {
	 top: 1.2vmin;
}
 @media (max-width: 767px) {
	 .header__toggle span::after {
		 top: 2.4vmin;
	}
}
 .is-fixed .header__toggle span, [data-page=infographics] .header__toggle span {
	 background-color: #000;
}
 @media (max-width: 767px) {
	 .header__toggle span {
		 width: 8.5333333333vmin;
		 height: 0.8vmin;
	}
}
 .is-fixed .header__toggle {
	 left: 1.6vmin;
	 top: 2vmin;
}
 @media (max-width: 767px) {
	 .is-fixed .header__toggle {
		 left: 3.2vmin;
		 top: 4vmin;
	}
}
 @media (max-width: 1023px) {
	 .header__toggle {
		 display: flex;
	}
}
 @media (max-width: 767px) {
	 .header__toggle {
		 left: 4vmin;
		 top: 3.2vmin;
		 width: 10.6666666667vmin;
		 height: 10.6666666667vmin;
	}
}
 .header__logo-rbc {
	 position: absolute;
	 left: 1.4117647059vh;
	 top: 1.0588235294vh;
	 padding: 1.1764705882vh;
	 width: 11.1764705882vh;
	 height: 4.7058823529vh;
}
 .header__logo-rbc svg {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 [data-page=infographics] .header__logo-rbc svg.light {
	 display: none;
}
 .header__logo-rbc svg.dark {
	 display: none;
}
 [data-page=infographics] .header__logo-rbc svg.dark {
	 display: block;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .header__logo-rbc svg.dark {
		 display: none;
	}
}
 .header__logo-rbc svg.black {
	 display: none;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .header__logo-rbc svg.black {
		 display: block;
	}
}
 .is-fixed .header__logo-rbc svg.light {
	 display: none;
}
 .is-fixed .header__logo-rbc svg.dark {
	 display: block;
}
 [data-page=infographics] .is-fixed .header__logo-rbc svg.dark {
	 display: none;
}
 @media (max-width: 1023px) {
	 .is-fixed .header__logo-rbc svg.dark {
		 display: none;
	}
	 [data-page=article] .is-fixed .header__logo-rbc svg.light {
		 display: none;
	}
	 [data-page=article] .is-fixed .header__logo-rbc svg.black {
		 display: block;
	}
}
 [data-page=article] .header__logo-rbc {
	 left: 0.8333333333vw;
	 top: 0.625vw;
	 padding: 0.6944444444vw;
	 width: 6.5972222222vw;
	 height: 2.7777777778vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .header__logo-rbc {
		 left: auto;
		 right: 24.5333333333vmin;
		 top: 3.2vmin;
		 padding: 0;
		 width: 9.6vmin;
		 height: 2.6666666667vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .header__logo-rbc {
		 right: 49.8666666667vmin;
		 top: 6.9333333333vmin;
		 padding: 0;
		 width: 19.2vmin;
		 height: 5.3333333333vmin;
	}
}
 [data-page=infographics] .header__logo-rbc {
	 left: 1.8823529412vh;
	 top: 1.5294117647vh;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .header__logo-rbc {
		 left: auto;
		 right: 24.5333333333vmin;
		 top: 3.2vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=infographics] .header__logo-rbc {
		 right: 49.0666666667vmin;
		 top: 6.4vmin;
	}
}
 .is-fixed .header__logo-rbc {
	 left: 1.1111111111vw;
	 top: 1.3888888889vw;
	 padding: 0.6944444444vw;
	 width: 6.5972222222vw;
	 height: 2.7777777778vw;
}
 @media (max-width: 1023px) {
	 .is-fixed .header__logo-rbc {
		 left: auto;
		 right: 24.5333333333vmin;
		 top: 3.2vmin;
		 padding: 0;
		 width: 9.6vmin;
		 height: 2.6666666667vmin;
	}
}
 @media (max-width: 767px) {
	 .is-fixed .header__logo-rbc {
		 right: 48.8vmin;
		 top: 6.9333333333vmin;
		 padding: 0;
		 width: 19.2vmin;
		 height: 5.3333333333vmin;
	}
}
 @media (max-width: 1023px) {
	 .header__logo-rbc {
		 left: auto;
		 right: 24.5333333333vmin;
		 top: 3.2vmin;
		 padding: 0;
		 width: 9.6vmin;
		 height: 2.6666666667vmin;
	}
}
 @media (max-width: 767px) {
	 .header__logo-rbc {
		 right: 49.0666666667vmin;
		 top: 6.4vmin;
		 padding: 0;
		 width: 19.2vmin;
		 height: 5.3333333333vmin;
	}
}
 .header__go-home {
	 position: absolute;
	 left: 50%;
	 top: 2.3611111111vw;
	 display: none;
	 align-items: center;
	 margin-left: -dw(554);
	 text-decoration: none;
}
 .header__go-home svg {
	 display: block;
	 width: 1.4583333333vw;
	 height: 0.9722222222vw;
	 transform: scale(-1, 1);
	 transition: transform 0.3s;
}
 .header__go-home span {
	 display: none;
	 margin-left: 1.0416666667vw;
	 font-family: "Roboto", sans-serif;
	 font-weight: 400;
	 font-size: 0.9027777778vw;
	 line-height: 1.3194444444vw;
	 text-decoration: none;
	 color: #000;
}
 [data-page=infographics] .header__go-home span {
	 display: block;
}
 .header__go-home:focus svg, .header__go-home:hover svg {
	 transform: scale(-1, 1) translate3d(5px, 0, 0);
}
 [data-page=infographics] .header__go-home {
	 left: 50%;
	 top: 2.0833333333vw;
	 display: flex;
	 justify-content: center;
	 margin-left: -3.8194444444vw;
	 width: 7.6388888889vw;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .header__go-home {
		 display: none;
	}
}
 .is-fixed .header__go-home {
	 display: flex;
}
 [data-page=infographics] .is-fixed .header__go-home {
	 left: 2.9166666667vw;
	 top: 2.3611111111vw;
	 justify-content: flex-start;
	 margin-left: 0;
	 width: auto;
}
 @media (max-width: 1023px) {
	 .is-fixed .header__go-home {
		 display: none;
	}
}
 .header__logo-miratorg {
	 position: absolute;
	 right: 10.56vh;
	 top: 0;
	 width: 27.951vh;
	 height: 12.837vh;
}
 .header__logo-miratorg svg, .header__logo-miratorg img {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 [data-page=article] .header__logo-miratorg {
	 right: 1.3888888889vw;
	 top: 1.0416666667vw;
	 width: 12.0138888889vw;
	 height: 2.9861111111vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .header__logo-miratorg {
		 right: 2vmin;
		 top: 2.2666666667vmin;
		 width: 20.2666666667vmin;
		 height: 5.0666666667vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .header__logo-miratorg {
		 right: 5.6vmin;
		 top: 4.5333333333vmin;
		 width: 40.5333333333vmin;
		 height: 10.1333333333vmin;
	}
}
 [data-page=infographics] .header__logo-miratorg {
	 right: 1.6666666667vw;
	 top: 1.5972222222vw;
	 width: 10.8333333333vw;
	 height: 2.7083333333vw;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .header__logo-miratorg {
		 right: 2vmin;
		 top: 2vmin;
		 width: 20.2666666667vmin;
		 height: 5.0666666667vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=infographics] .header__logo-miratorg {
		 right: 4vmin;
		 top: 4vmin;
		 width: 40.5333333333vmin;
		 height: 10.1333333333vmin;
	}
}
 .is-fixed .header__logo-miratorg {
	 right: 1.7361111111vw;
	 top: 1.4583333333vw;
	 width: 12.0138888889vw;
	 height: 2.9861111111vw;
}
 [data-page=infographics] .is-fixed .header__logo-miratorg {
	 display: none;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .is-fixed .header__logo-miratorg {
		 display: block;
	}
}
 @media (max-width: 1023px) {
	 .is-fixed .header__logo-miratorg {
		 right: 1.7333333333vmin;
		 top: 2vmin;
		 width: 20.2666666667vmin;
		 height: 5.0666666667vmin;
	}
}
 @media (max-width: 767px) {
	 .is-fixed .header__logo-miratorg {
		 right: 3.4666666667vmin;
		 top: 4vmin;
		 width: 40.5333333333vmin;
		 height: 10.6666666667vmin;
	}
}
 @media (max-width: 1023px) {
	 .header__logo-miratorg {
		 right: 2vmin;
		 top: 2vmin;
		 width: 22.266667vmin;
    height: 10.066667vmin;
	}
}
 @media (max-width: 767px) {
	 .header__logo-miratorg {
		 right: 4vmin;
		 top: 4vmin;
		 width: 28.533vmin;
		 height: 10.1333333333vmin;
	}
}
 .header__project-label {
	 position: absolute;
	 right: 25.4117647059vh;
	 top: 3.6470588235vh;
	 font-weight: 400;
	 font-size: 1.2941176471vh;
	 letter-spacing: -0.0211764706vh;
	 color: #fff;
}
 .is-fixed .header__project-label {
	 display: none;
}
 .is-browser-firefox .header__project-label {
	 top: 3.4117647059vh;
}
 [data-page=article] .header__project-label {
	 right: 15vw;
	 top: 2.1527777778vw;
	 font-size: 0.7638888889vw;
	 letter-spacing: -0.0125vw;
}
 [data-page=article].is-browser-firefox .header__project-label {
	 top: 2.0138888889vw;
}
 @media (max-width: 1023px) {
	 .header__project-label {
		 display: none;
	}
}
 .header__nav {
	 display: none;
	 height: 5.9027777778vw;
}
 .header__nav__item {
	 margin-left: 4.3055555556vw;
	 border-bottom: 1px solid #fff;
	 font-family: "Journalism", sans-serif;
	 font-weight: 400;
	 font-size: 1.875vw;
	 letter-spacing: 0.0361111111vw;
	 text-decoration: none;
	 color: #000;
	 transition: border 0.3s;
}
 .header__nav__item:hover, .header__nav__item:focus, .header__nav__item:active {
	 outline: none;
}
 .header__nav__item:hover {
	 border-color: #000;
}
 .header__nav__item:hover.header__nav__item--4 {
	 border-color: #fff;
}
 .header__nav__item:nth-child(2) {
	 margin-left: 0;
}
 .header__nav__item.not-active {
	 border-bottom: 1px solid #000;
	 opacity: 0.15;
	 pointer-events: none;
}
 .header__nav__item--4 {
	 display: flex;
	 align-items: center;
	 margin-left: 5.0694444444vw;
	 width: 20.9027777778vw;
	 font-family: "Graphik RBC LC", sans-serif;
	 font-weight: 400;
	 font-size: 0.9027777778vw;
	 line-height: 0.9722222222vw;
	 letter-spacing: -0.0069444444vw;
	 color: #e6193c;
}
 .header__nav__item--4 svg {
	 margin-right: 0.8333333333vw;
	 width: 3.3333333333vw;
	 height: 3.4027777778vw;
}
 .header__nav__item--4 span {
	 width: 16.5277777778vw;
}
 [data-page=infographics] .header__nav__item {
	 display: none;
	 opacity: 0.37;
	 pointer-events: none;
}
 [data-page=infographics] .header__nav__item--4 {
	 display: flex;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .header__nav__item {
		 display: flex;
		 opacity: 1;
		 pointer-events: auto;
	}
	 [data-page=infographics] .header__nav__item--4 {
		 pointer-events: none;
	}
}
 @media (max-width: 1023px) {
	 .header__nav__item {
		 display: flex;
		 flex: 1;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 margin: 0;
		 border-bottom: 1px dashed #fff;
		 padding: 2.6666666667vmin;
		 font-family: "Graphik RBC LC", sans-serif;
		 font-size: 3.8666666667vmin;
		 line-height: 3.552vmin;
		 letter-spacing: -0.0453333333vmin;
		 text-align: center;
		 color: #fff;
		 transition: none;
	}
	 .header__nav__item:focus, .header__nav__item:hover {
		 border-color: #fff;
	}
	 .header__nav__item.not-active {
		 border-bottom: 1px dashed #fff;
		 font-weight: 700;
		 background-color: rgba(255, 255, 255, 0.29);
		 opacity: 1;
	}
	 .header__nav__item--4 {
		 border-bottom: 0;
		 width: 100%;
		 font-size: 3.8666666667vmin;
		 line-height: 3.552vmin;
		 letter-spacing: -0.0453333333vmin;
	}
	 .header__nav__item--4 svg {
		 display: none;
	}
	 .header__nav__item--4 span {
		 display: none;
	}
}
 @media (max-width: 767px) {
	 .header__nav__item {
		 padding: 4vmin;
		 font-size: 7.7333333333vmin;
		 line-height: 7.104vmin;
		 letter-spacing: -0.0906666667vmin;
	}
	 .header__nav__item--4 {
		 font-size: 7.7333333333vmin;
		 line-height: 7.104vmin;
		 letter-spacing: -0.0906666667vmin;
	}
}
 .header__nav__caption {
	 display: none;
	 font-weight: 300;
	 font-size: 2.4vmin;
	 line-height: 3.552vmin;
	 letter-spacing: -0.0293333333vmin;
	 color: #fff;
}
 @media (max-width: 1023px) {
	 .header__nav__caption {
		 display: block;
	}
}
 @media (max-width: 767px) {
	 .header__nav__caption {
		 font-weight: 300;
		 font-size: 4.8vmin;
		 line-height: 7.104vmin;
		 letter-spacing: -0.056vmin;
	}
}
 .header__nav__mobile {
	 display: none;
}
 @media (max-width: 1023px) {
	 .header__nav__mobile {
		 display: block;
	}
}
 .header__nav__close {
	 position: relative;
	 display: none;
	 flex: 1;
	 align-items: center;
	 justify-content: center;
	 outline: none;
	 border: 0;
	 border-bottom: 1px dashed #fff;
	 padding: 2.6666666667vmin;
	 background-color: transparent;
	 cursor: pointer;
}
 .header__nav__close::before, .header__nav__close::after {
	 content: "";
	 position: relative;
	 display: block;
	 width: 0.4vmin;
	 height: 4.8vmin;
	 background-color: #fff;
}
 .header__nav__close::before {
	 left: 0.2vmin;
	 transform: rotate(45deg);
}
 .header__nav__close::after {
	 left: -0.2vmin;
	 transform: rotate(-45deg);
}
 @media (max-width: 1023px) {
	 .header__nav__close {
		 display: flex;
	}
}
 @media (max-width: 767px) {
	 .header__nav__close {
		 display: flex;
		 padding: 4vmin;
	}
	 .header__nav__close::before, .header__nav__close::after {
		 width: 0.8vmin;
		 height: 9.6vmin;
	}
	 .header__nav__close::before {
		 left: 0.4vmin;
	}
	 .header__nav__close::after {
		 left: -0.4vmin;
	}
}
 .is-fixed .header__nav {
	 display: flex;
	 align-items: center;
	 padding-left: 15.6944444444vw;
}
 [data-page=infographics] .is-fixed .header__nav {
	 padding-left: 7.9861111111vw;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .is-fixed .header__nav {
		 padding-left: 0;
	}
}
 @media (max-width: 1023px) {
	 .is-fixed .header__nav {
		 display: none;
		 align-items: stretch;
		 padding-left: 0;
	}
}
 @media (max-width: 1023px) {
	 .header__nav {
		 position: fixed;
		 left: 0;
		 top: 0;
		 z-index: 10;
		 display: none;
		 flex-direction: column;
		 overflow-x: hidden;
		 overflow-y: auto;
		 width: 100%;
		 height: 100vh;
		 background: url("../images/nav-bg.jpg") center top no-repeat;
		 background-size: cover;
		 -webkit-overflow-scrolling: touch;
	}
}
 .header__infographics {
	 position: absolute;
	 right: 2.9166666667vw;
	 top: 1.3888888889vw;
	 display: none;
	 align-items: center;
	 justify-content: flex-end;
}
 .header__infographics span {
	 display: block;
	 margin-right: 2.0833333333vw;
	 max-width: 17.3611111111vw;
	 font-family: "Graphik RBC LC", sans-serif;
	 font-weight: 400;
	 font-size: 0.9027777778vw;
	 line-height: 0.9722222222vw;
	 letter-spacing: -0.0166666667vw;
	 color: #e6193c;
}
 .header__infographics a {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 2.0138888889vw;
	 width: 10.625vw;
	 height: 2.9861111111vw;
	 font-family: "Graphik RBC LC", sans-serif;
	 font-weight: 400;
	 font-size: 1.0416666667vw;
	 line-height: 1.4583333333vw;
	 text-align: center;
	 text-decoration: none;
	 color: #fff;
	 background-color: #e6193c;
}
 .is-browser-ie .header__infographics a {
	 padding-top: 0.1388888889vw;
}
 [data-page=infographics] .is-fixed .header__infographics {
	 display: flex;
}
 @media (max-width: 1023px) {
	 [data-page=infographics] .is-fixed .header__infographics {
		 display: none;
	}
}
 .header.is-fixed {
	 position: fixed;
	 height: 5.9027777778vw;
	 box-shadow: 0 0.1388888889vw 1.5277777778vw rgba(237, 237, 237, 0.5);
	 background-color: #fff;
}
 [data-page=main] .header.is-fixed .header__logo-rbc svg.black, [data-page=infographics] .header.is-fixed .header__logo-rbc svg.black {
	 display: none;
}
 @media (max-width: 1023px) {
	 [data-page=main] .header.is-fixed .header__logo-rbc svg.black, [data-page=infographics] .header.is-fixed .header__logo-rbc svg.black {
		 display: block;
	}
}
 @media (max-width: 1023px) {
	 .header.is-fixed {
		 height: 9.3333333333vmin;
		 box-shadow: 0 0.2666666667vmin 1.3333333333vmin rgba(227, 227, 227, 0.5);
	}
}
 @media (max-width: 767px) {
	 .header.is-fixed {
		 height: 18.6666666667vmin;
		 box-shadow: 0 0.5333333333vmin 2.6666666667vmin rgba(227, 227, 227, 0.5);
	}
}
 