@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Bitter:ital,wght@0,300..700;1,300..700&display=swap);

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}

.contact-form{
    border:1px solid #A2674F;
    border-radius: 5px;
    padding: 40px;
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
}

.contact-form .input{
    margin-bottom: 20px;
}

.contact-form .input input[type="text"]{
    height: 40px;
    border: 1px solid #A2674F;
    border-radius: 5px;
    width: 100%;
    text-indent: 10px;
    box-sizing: border-box;
    background: transparent;
}
.contact-form .input textarea{
    height: 40px;
    border: 1px solid #A2674F;
    border-radius: 5px;
    width: 100%;
    min-height: 300px;
    padding: 10px;
    box-sizing: border-box;
    background: transparent;

}

.contact-form input[type="submit"]{
    background: #A2674F;
    height: 45px;
    border:0px;
    padding: 0 20px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.contact-form .input select{
    height: 45px;
    border: 1px solid #A2674F;
    border-radius: 5px;
    width: 100%;
    text-indent: 10px;
    background: transparent;

    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 8px;
}



.contact-form .input .label{
    font-family: Bitter, Georgia, Times, serif;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
}



.video-section-width {
    position: relative;
    max-width: 100vw;
    overflow-x: hidden;
}

.flex{
    display: flex;
}

.justify-content-center{
    justify-content : center;
}

.width-90{
    width: 90px !important;
    margin : 0 20px;
}

.color-light-grey{
    color: #776E64;
}

.brand-card{
    max-width: 400px;
    width: 100%;
    display: inline-block;
    margin: 10px 5px;
    border:1px solid #C4BFB6;
    border-radius: 6px;
}

.brand-card-home{
    max-width: 400px;
    width: 100%;
    display: inline-block;
    margin: 10px 5px;
    border-radius: 6px;
  
}

.brand-display-home:hover{
    cursor: pointer;
    box-sizing: border-box;
    width: 90%;
    margin: 5%;
    border-radius: 10px;
}



.font-16{
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.brand-number{
    font-size: 39.657px;
    color: #A2674F;
    font-style: normal;
    font-weight: 400;
    line-height: 42.83px; 
}

.brand-container{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.brand-card-home .media__picture{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 300px !important;
    height: auto;
}
.brand-milae{
    background: #FF8616;
}

.brand-greenpark{
    background: #025B20;
}


.brand-london-pride{
    background: #354C9C;
}

.about-brands{
    text-align: left;
}

.designation-text{
    position: relative;
    top: -10px;
}

.brand-display-home{
    aspect-ratio : 1 / 1;
    width: 100%;
    position: relative;
    transform: scale(1);
    transition: 0.5s all ease;
}

.brand-display{
    width: 100%;
    height: 160px;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: text-top;
}
.about-flex{
    display: flex; 
    flex-direction: column; 
    margin-top: 42px;
}

.sliderParent{
    display: flex !important;
    width: 300% !important;
}

.font-40{
    font-size:40px !important;
    line-height: 59px;

}

.font-25{
    font-size: 25px !important;
    font-weight: 400;
    line-height: 34px;
}

.font-33{
    font-size:33px !important;
}

.font-light{
    font-weight: 300;
}

.width-220{
    width: 220px !important;
}

.margin-top-0{
    margin:0 auto;
}

.watermark-top{
    position: absolute;
    top:-90px;
    right : -180px;
    width: 590px !important;
}

.watermark-bottom{
    position: absolute;
    bottom: -300px;
    left : -200px;
    width: 590px !important;

}

.margin-top-8{
    padding-top: 8rem !important;
}

.margin-bottom-8{
    padding-bottom: 8rem !important;
}


.rightImage{
    max-width: none !important;
}

.flex-start{
    justify-content: flex-start !important;
}

[dir="rtl"] .ajax-progress {
    float: right;
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(/core/misc/throbber-active.gif) no-repeat 0 center;
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(/core/misc/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.js input.form-autocomplete {
    background-image: url(/core/misc/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0% center;
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(/core/misc/throbber-active.gif);
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center;
}

.fieldgroup {
    padding: 0;
    border-width: 0;
}

.container-inline div, .container-inline label {
    display: inline-block;
}

.container-inline .details-wrapper {
    display: block;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

.js details:not([open]) .details-wrapper {
    display: none;
}

.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.item-list__comma-list, .item-list__comma-list li {
    display: inline;
}

.item-list__comma-list {
    margin: 0;
    padding: 0;
}

.item-list__comma-list li:after {
    content: ", ";
}

.item-list__comma-list li:last-child:after {
    content: "";
}

.js .js-hide {
    display: none;
}

.js-show {
    display: none;
}

.js .js-show {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.position-container {
    position: relative;
}

.progress {
    position: relative;
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 16px;
    background-color: #000;
}

.progress__description, .progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
}

.progress__description {
    float: left;
}

[dir="rtl"] .progress__description {
    float: right;
}

.progress__percentage {
    float: right;
}

[dir="rtl"] .progress__percentage {
    float: left;
}

.progress--small .progress__track {
    height: 7px;
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.resize-none {
    resize: none;
}

.text-shadow{
    text-shadow: 5.566px 7.793px 4.453px rgba(0, 0, 0, 0.33);
}

.font-size-40{
    font-size: 40px !important;
}

.no-padding{
    padding: 0 !important;
}

.resize-vertical {
    min-height: 2em;
    resize: vertical;
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal;
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff;
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px;
}

.system-status-counter__status-icon--error:before {
    background-image: url(/core/misc/icons/e32700/error.svg);
}

.system-status-counter__status-icon--warning:before {
    background-image: url(/core/misc/icons/e29700/warning.svg);
}

.system-status-counter__status-icon--checked:before {
    background-image: url(/core/misc/icons/73b355/check.svg);
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
}

@media screen and (min-width:60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .system-status-report-counters__item--half-width {
        width: 49%;
    }

    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}

body.drag {
    cursor: move;
}

tr.region-title {
    font-weight: bold;
}

tr.region-message {
    color: #999;
}

tr.region-populated {
    display: none;
}

tr.add-new .tabledrag-changed {
    display: none;
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none;
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: url(/core/misc/icons/787878/move.svg) no-repeat 6px 7px;
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
    background-image: url(/core/misc/icons/000000/move.svg);
}

.touchevents .draggable td {
    padding: 0 10px;
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0;
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px;
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px;
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px;
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
}

[dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0;
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.tablesort--asc {
    background-image: url(/core/misc/icons/787878/twistie-down.svg);
}

.tablesort--desc {
    background-image: url(/core/misc/icons/787878/twistie-up.svg);
}

div.tree-child {
    background: url(/core/misc/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(/core/misc/tree-bottom.png) no-repeat 11px center;
}

[dir="rtl"] div.tree-child, [dir="rtl"] div.tree-child-last {
    background-position: -65px center;
}

div.tree-child-horizontal {
    background: url(/core/misc/tree.png) no-repeat -11px center;
}

svg.ext {
    width: 14px;
    height: 14px;
    padding-right: 0.2em;
    fill: #727272;
    font-weight: 900;
}

svg.mailto {
    width: 14px;
    height: 14px;
    padding-right: 0.2em;
    fill: #727272;
}

svg.ext path, svg.mailto path {
    stroke: #727272;
    stroke-width: 3;
}

@media print {
    svg.ext, svg.mailto {
        display: none;
        padding: 0;
    }
}

extlink i {
    padding-left: 0.2em;
}

.paragraph--unpublished {
    background-color: #fff4f4;
}

.site-language__label, .site-search__label, .site-search__span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.block__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 104rem
}

.block-search, .hero-biography, .hero-detail__content-inner, .site-header__panel-inner {
    padding-top: 8rem
}

.block__inner, .hero-basic__title, .hero-detail__content, .hero-detail__media, .history-timeline .swiper-pagination-ctn, .history-timeline .swiper-slide, .history-timeline__intro, .page-transition, .site-footer__inner, .site-header__bar, .site-header__panel-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:600px) {
    .block__inner, .hero-basic__title, .hero-detail__content, .hero-detail__media, .history-timeline .swiper-pagination-ctn, .history-timeline .swiper-slide, .history-timeline__intro, .page-transition, .site-footer__inner, .site-header__bar, .site-header__panel-inner {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.block, .hero-detail__content, .site-error {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width:600px) {
    .block, .hero-detail__content, .site-error {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
}

.block-presentation, .block-related__items, .block-team__items, .hero-biography {
    --rowGapX: 1rem;
    --rowGapY: var(--rowGapX);
    box-sizing: border-box;
    display: flex;
    flex-wrap: var(--rowWrap, wrap);
    margin: calc(var(--rowGapY)*-1) calc(var(--rowGapX)*-1)
}

.block-presentation>*, .block-related__items>*, .block-team__items>*, .hero-biography>* {
    box-sizing: inherit;
    flex-basis: var(--colWidth, auto);
    padding: var(--rowGapY) var(--rowGapX)
}

.block-team-sublist__asterisk:empty {
    margin-bottom: 0;
    margin-top: 0
}

.block-team-sublist__asterisk:first-child {
    margin-top: 0
}

.block-team-sublist__asterisk:last-child {
    margin-bottom: 0
}

.hero-detail__title, .timeline-item__year {
    font-family: Bitter, Georgia, Times, serif;
    font-size: clamp(3.8rem, calc(-.83636rem + 12.36364vw), 14rem);
    font-weight: 300;
    line-height: 1.08em
}

.hero-biography__title {
    font-family: Bitter, Georgia, Times, serif;
    font-size: 3.8rem;
    line-height: 1.08em
}

@media (min-width:600px) {
    .hero-biography__title {
        font-size: 5.6rem
    }
}

.employee_image{
    width: 100%; 
    margin:0 auto;
}

.name-text{
    text-align: center; 
    margin: 0 auto; 
    font-size: 16px;
}

.director-image{
    flex:1; 
    align-items: center;
    position: relative;
    top: 50px;
}

@media (max-width:700px){
    .card-statistic__label{
        display: block !important;
    }
    .brand-card-home .media__picture{
        width: 200px !important;
    }
    .director-image img{
        width: 250px !important;
        height: 250px !important;
    }
    .site-header__logo{
        left: -20px;
    }
    .card-statistic__number{
        font-size: 3rem !important;
    }
}

@media (min-width:900px) {
    .employee_image{
        width: 80% !important; 
        margin:0 auto;
    }
    .designation-text{
        top:-30px !important;
    }
    .director-image{
        flex:1; 
        align-items: center;
        top: 0px;
    }
    .about-flex{
        flex-direction: row;
    }

    .home_image_padding{
        padding-right: 4rem !important;
        padding-left: 0px !important;
        box-sizing: border-box;
    }
    .hero-biography__title {
        font-size: 7.2rem
    }
}

.block-collaborators__title, .block-dropdown-list__title, .block-featured__title, .block-fiftyfifty-sticky__title, .block-fiftyfifty__title, .block-partners__title, .block-related__title, .block-relations__title, .block-resources__title, .block-search__title, .block-statistics__title, .block-team-sublist__title, .block-team__title, .card-basic__title, .card-featured__title, .card-recipe__title, .hero-detail--news-article .hero-detail__title, .history-timeline__intro-title, .history-timeline__nav-item-hover-title, .media__button-title, .news-listing__title, .timeline-group__title, .wysiwyg--styled .h1, .wysiwyg--styled .h2, .wysiwyg--styled h1, .wysiwyg--styled h2 {
    font-family: Bitter, Georgia, Times, serif;
    font-size: clamp(3.8rem, calc(2.98182rem + 2.18182vw), 5.6rem);
    line-height: 1.08em
}

.block-team-sublist__category-title, .brand-products__title, .card-news__title, .card-related__title, .card-relation__title, .wysiwyg--styled .h3, .wysiwyg--styled h3 {
    font-family: Bitter, Georgia, Times, serif;
    font-size: clamp(3.2rem, calc(1.4rem + 2vw), 3.8rem);
    line-height: 1.25em
}

.block-dropdown-list__category-title, .block-tabs__header-link, .brands-listing__type-link, .card-team__name, .news-listing__header-link, .wysiwyg--styled .h4, .wysiwyg--styled h4 {
    font-family: Bitter, Georgia, Times, serif;
    font-size: clamp(1.8rem, calc(1.16364rem + 1.69697vw), 3.2rem);
    line-height: 1.25em
}

.block-dropdown-list__subcategory-title, .block-googlemaps__popup-title, .block-table__title, .block-videos__thumbnail-title, .brands-listing__subtype-link.is-active, .card-resource__title, .card-search__title, .hero-detail__subtitle, .news-listing__error, .wysiwyg--styled .h5, .wysiwyg--styled .h6, .wysiwyg--styled h5, .wysiwyg--styled h6 {
    font-family: Bitter, Georgia, Times, serif;
    font-size: 1.7rem;
    line-height: 1.4em
}

@media (min-width:600px) {
    .block-dropdown-list__subcategory-title, .block-googlemaps__popup-title, .block-table__title, .block-videos__thumbnail-title, .brands-listing__subtype-link.is-active, .card-resource__title, .card-search__title, .hero-detail__subtitle, .news-listing__error, .wysiwyg--styled .h5, .wysiwyg--styled .h6, .wysiwyg--styled h5, .wysiwyg--styled h6 {
        font-size: 2rem
    }
}

.wysiwyg--styled blockquote {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 3.8rem;
    line-height: 1.25em
}

.block-emphasis__title, .card-collaborator__title, .hero-biography__subtitle, .site-header__panel-nav-list-item-link {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 3.2rem;
    line-height: 1.25em
}

.block-collaborators__text, .block-emphasis__text, .block-fiftyfifty-sticky__text, .block-fiftyfifty__text, .block-statistics__text, .block-team-sublist__subcategories, .brand-products__text, .brands-listing__subtype-link, .card-basic__text, .card-collaborator__text, .card-featured__text, .card-recipe__text, .card-related__text, .card-relation__text, .card-statistic__text, .card-team__position, .history-timeline__intro-text, .history-timeline__nav-item-hover-subtitle, .media__button-text, .news-listing__filter-select select, .site-error__text, .site-language__select, .site-search__form, .timeline-group__text, .timeline-item__text {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1.4em
}

@media (min-width:600px) {
    .block-collaborators__text, .block-emphasis__text, .block-fiftyfifty-sticky__text, .block-fiftyfifty__text, .block-statistics__text, .block-team-sublist__subcategories, .brand-products__text, .brands-listing__subtype-link, .card-basic__text, .card-collaborator__text, .card-featured__text, .card-recipe__text, .card-related__text, .card-relation__text, .card-statistic__text, .card-team__position, .history-timeline__intro-text, .history-timeline__nav-item-hover-subtitle, .media__button-text, .news-listing__filter-select select, .site-error__text, .site-language__select, .site-search__form, .timeline-group__text, .timeline-item__text {
        font-size: 2rem
    }
}

.card-news__text, .site-header__nav-list-item-link {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1.4em
}

.block-dropdown-list__item, .block-googlemaps__popup-text, .block-media__caption, .card-basic__button, .card-relation__buttons, .card-resource__text, .card-search__description {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    line-height: 1.4em
}

.block-googlemaps__popup-category, .block-presentation__signature, .block-videos__thumbnail-text, .site-footer__bottom, .site-footer__policy {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.4em
}

.block-fiftyfifty-sticky__surtitle, .block-fiftyfifty__surtitle, .block-search__label, .block-videos__thumbnail-link, .block__surtitle, .brand-products .swiper-pagination, .brand-products__surtitle, .card-featured__surtitle, .card-recipe__surtitle, .card-search__category, .card-statistic__label, .hero-detail__surtitle, .history-timeline .swiper-pagination-bullet--group .swiper-pagination-bullet-title, .history-timeline .swiper-pagination-bullet--item .swiper-pagination-bullet-title, .history-timeline__button-back, .history-timeline__button-next, .history-timeline__nav-item-inner, .media__button-link, .site-header__panel-toggler, .timeline-group__period, .timeline-item__surtitle {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: uppercase
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

div[data-drupal-messages] {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio, .plyr iframe, .plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*0.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control.plyr__tab-focus {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid transparent;
    border-width: var(--plyr-menu-arrow-size, 4px);
    border-top: var(--plyr-menu-arrow-size, 4px) solid hsla(0, 0%, 100%, .9);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*0.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*0.7)
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*0.7/1.5) calc(var(--plyr-control-spacing, 10px)*0.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid transparent;
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*0.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*0.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*0.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*0.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*0.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*0.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*0.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*0.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*0.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b3ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc(-7px - -2);
    margin-right: calc(var(--plyr-control-spacing, 10px)*0.7*-1 - -2);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*0.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(90deg, currentColor 0, transparent 0);
    background-image: linear-gradient(90deg, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    margin-top: -4px;
    margin-top: calc(var(--plyr-range-thumb-height, 13px)/2*-1 - var(--plyr-range-track-height, 5px)/2*-1)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__tooltip {
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip, .plyr__controls>.plyr__control:first-child .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before, .plyr__controls>.plyr__control:first-child .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*0.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*0.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*0.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress__buffer, .plyr__progress input[type=range] {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 0, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 0, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
    background: #000;
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(transparent, rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--video .plyr__progress__buffer {
    color: hsla(0, 0%, 100%, .25);
    color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div, .plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin: -var(--plyr-range-track-height, 5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: hsla(0, 0%, 100%, .9);
    background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius, 3px);
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

body {
    background: #e8e6df;
    color: #101820;
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    height: 100%;
    min-width: 200px;
    overscroll-behavior: none
}

body ::-moz-selection {
    background: #101820;
    color: #e8e6df
}

body ::selection {
    background: #101820;
    color: #e8e6df
}

@media (prefers-reduced-motion:reduce) {
    body * {
        -webkit-animation-delay: 0s !important;
        animation-delay: 0s !important;
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important
    }
}

html {
    font-size: 62.5%;
    height: 100%
}

:root {
    --windowHeight: 100vh;
    --backgroundColor: palette(off-white);
    --textColor: palette(charcoal)
}

.theme {
    background-color: var(--backgroundColor);
    color: var(--textColor)
}

.theme--charcoal {
    --backgroundColor: #101820;
    --backgroundContrastLightColor: #101820;
    --textAccentColor: #e09b32
}

.theme--charcoal, .theme--copper {
    --backgroundContrastDarkColor: #101820;
    --textColor: #e8e6df;
    --textLightColor: #e8e6df;
    --textLighterColor: #e8e6df
}

.theme--copper {
    --backgroundColor: #a2674f;
    --backgroundContrastLightColor: #a2674f;
    --textAccentColor: #e8e6df
}

.theme--off-white {
    --backgroundColor: #e8e6df;
    --backgroundContrastLightColor: #fff;
    --backgroundContrastDarkColor: #101820;
    --textColor: #101820;
    --textAccentColor: #a2674f;
    --textLightColor: #776e64;
    --textLighterColor: #c4bfb6
}

.theme--taupe {
    --backgroundColor: #776e64;
    --backgroundContrastLightColor: #776e64;
    --backgroundContrastDarkColor: #776e64;
    --textColor: #e8e6df;
    --textAccentColor: #e09b32;
    --textLightColor: #e8e6df;
    --textLighterColor: #e8e6df
}

.theme--beige {
    --backgroundColor: #c4bfb6;
    --backgroundContrastLightColor: #c4bfb6;
    --backgroundContrastDarkColor: #c4bfb6;
    --textColor: #101820;
    --textAccentColor: #a2674f;
    --textLightColor: #776e64;
    --textLighterColor: #c4bfb6
}

[v-cloak] {
    display: none
}

.site-main__inner {
    position: relative;
    width: 100%;
    z-index: 5
}

blockquote {
    margin: 0
}

button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font-weight: inherit;
    line-height: 1.4;
    padding: 0;
    text-decoration: none;
    text-transform: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    margin: 0
}

.icon {
    fill: currentColor
}

.icon--arrow-left, .icon--chevron-left {
    transform: scaleX(-1)
}

.icon--chevron-down {
    transform: rotate(90deg)
}

img {
    display: block;
    width: 100%
}

a {
    color: inherit;
    text-decoration: none
}

@media (hover:hover) {
    a:hover {
        color: inherit;
        text-decoration: none
    }
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.magnetism {
    --magnetismOffset: 0px;
    --magnetismX: 0px;
    --magnetismY: 0px;
    position: relative
}

.magnetism:before {
    bottom: calc(var(--magnetismOffset)*-1);
    content: "";
    display: block;
    left: calc(var(--magnetismOffset)*-1);
    position: absolute;
    right: calc(var(--magnetismOffset)*-1);
    top: calc(var(--magnetismOffset)*-1)
}

.page-transition {
    transition-duration: .5s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: currentColor;
    bottom: 0;
    color: #e8e6df;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.page-transition__background, .page-transition__logo {
    display: none
}

.page.loaded .page-transition {
    background: transparent;
    pointer-events: none
}

.page.leaving .page-transition {
    background: currentColor !important;
    pointer-events: all !important;
    transition-duration: .5s !important
}

.page.leaving .page-transition__background, .page.leaving .page-transition__logo {
    display: none !important
}

.i-os .page.leaving .page-transition, .safari .page.leaving .page-transition {
    background: transparent !important;
    pointer-events: none !important
}

.page.page--home.intro .page-transition {
    background: transparent
}

.page.page--home.intro .page-transition__background {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: currentColor;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.page.page--home.intro .page-transition__logo {
    transition-duration: .75s;
    transition-property: height, margin-top, opacity, width;
    border-color: currentcolor;
    border-style: solid;
    border-width: 50vh 50vw;
    display: block;
    height: 24rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: var(--duration);
    width: 24rem;
    z-index: 2
}

.page.page--home.intro .page-transition__logo-medias {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.page.page--home.intro .page-transition__logo-media {
    transition-duration: .75s;
    transition-property: opacity;
    background: #101820;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.2);
    transition-duration: var(--duration)
}

.page.page--home.intro .page-transition__logo-icon {
    position: relative;
    width: 100%;
    z-index: 2
}

.page.page--home.intro .page-transition__logo-icon svg {
    margin: -.2rem;
    position: relative;
    width: auto
}

.page.page--home.intro.ready .page-transition__background {
    opacity: 0;
    transition-delay: var(--duration)
}

.page.page--home.intro.ready .page-transition__logo {
    opacity: 1
}

.page.page--home.intro.ready .page-transition__logo-media {
    opacity: 0
}

.page.page--home.intro.loaded .page-transition {
    pointer-events: none
}

.page.page--home.intro.loaded .page-transition__logo {
    height: 500vw;
    margin-top: 50%;
    transition-timing-function: cubic-bezier(.87, 0, .83, .67);
    width: 500vw
}

.page.page--home.intro.ended .page-transition__background, .page.page--home.intro.ended .page-transition__logo {
    display: none
}

.page {
    min-height: var(--windowHeight);
    position: relative;
    width: 100%
}

.page__vh-sizer {
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    width: 0
}

.page.scroll-disabled, .page__vh-sizer {
    left: 0;
    position: fixed;
    top: 0
}

html:not(.mac-os) .page.scroll-disabled {
    padding-right: 15px
}

.toolbar-fixed .site-header__bar {
    top: 39px
}

.toolbar-tray-open.toolbar-fixed.toolbar-horizontal .site-header__bar {
    top: 79px
}

.toolbar-tray-open.toolbar-fixed.toolbar-vertical .site-header__bar {
    left: 15rem
}

p {
    margin: 0
}

.slide-reveal {
    display: block;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(.19, 1, .22, 1)
}

.slide-reveal--no-transition {
    transition: none
}

strong {
    font-weight: 700
}

svg {
    display: block;
    overflow: visible;
    pointer-events: none;
    width: 100%
}

textarea {
    resize: vertical;
    width: 100%
}

.delay-1.visible {
    transition-delay: .1s
}

.delay-2.visible {
    transition-delay: .2s
}

.delay-3.visible {
    transition-delay: .3s
}

.delay-4.visible {
    transition-delay: .4s
}

.delay-5.visible {
    transition-delay: .5s
}

.delay-6.visible {
    transition-delay: .6s
}

.toggle-on-scroll.fade.visible {
    transition-duration: .75s;
    transition-property: opacity
}

.toggle-on-scroll.fade:not(.visible) {
    opacity: 0
}

.toggle-on-scroll.fade-flip.visible>* {
    transition-duration: .75s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.toggle-on-scroll.fade-flip:not(.visible)>* {
    opacity: 0;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -.0008, 0, 0, 1, 0, 0, 250, 0, 1);
    transform-origin: center top
}

.toggle-on-scroll.fade-translate.visible {
    transition-duration: .75s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.toggle-on-scroll.fade-translate:not(.visible) {
    opacity: 0;
    transform: translateY(6rem)
}

.toggle-on-scroll.width.visible {
    transition-duration: .75s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.toggle-on-scroll.width:not(.visible) {
    width: 0
}

@media (min-width:600px) {
    .page:not(.loaded) .toggle-on-scroll.fade {
        opacity: 0
    }

    .page:not(.loaded) .toggle-on-scroll.fade-flip>* {
        opacity: 0;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -.0008, 0, 0, 1, 0, 0, 250, 0, 1);
        transform-origin: center top
    }

    .page:not(.loaded) .toggle-on-scroll.fade-translate {
        opacity: 0;
        transform: translateY(6rem)
    }

    .page:not(.loaded) .toggle-on-scroll.width {
        width: 0
    }
}

.button {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textColor);
    display: inline-block;
    position: relative;
    text-align: center
}

@media (hover:hover) {
    .button:hover {
        color: var(--backgroundColor)
    }

    .button:hover .button__background {
        background: var(--textAccentColor)
    }
}

.button__background {
    transition-property: background-color, border-color, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--backgroundColor);
    border: 2px solid var(--textAccentColor);
    border-radius: 4rem;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(var(--magnetismX), var(--magnetismY))
}

.button__background, .button__text {
    transition-duration: .75s;
    box-sizing: border-box
}

.button__text {
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    display: flex;
    font-weight: 600;
    padding: 2rem 3rem;
    position: relative;
    transform: translate(calc(var(--magnetismX)*-0.5), calc(var(--magnetismY)*-0.5))
}

.button__icon {
    display: block;
    margin-left: 1rem;
    width: 1.5rem
}

@media (hover:hover) {
    .button--external:hover {
        color: var(--textAccentColor)
    }
}

.button--external .button__background {
    display: none
}

.button--external .button__text {
    padding: 0;
    transform: none
}

.button--filled {
    color: var(--backgroundColor)
}

@media (hover:hover) {
    .button--filled:hover {
        color: var(--textColor)
    }

    .button--filled:hover .button__background {
        background: transparent
    }
}

.button--filled .button__background {
    background: var(--textAccentColor)
}

.button--rounded {
    --dimension: 16rem
}

@media (hover:hover) {
    .button--rounded:hover .button__background svg {
        transform: translate(-50%, -50%) rotate(235deg)
    }

    .button--rounded:hover .button__text {
        opacity: 1
    }
}

.button--rounded .button__background {
    border-radius: 100%
}

.button--rounded .button__background svg {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    fill: currentColor;
    font-family: Bitter, Georgia, Times, serif;
    font-size: 3.6rem;
    font-weight: 600;
    left: 50%;
    letter-spacing: .25em;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%) rotate(200deg);
    width: 130%
}

.button--rounded .button__text {
    align-items: center;
    display: flex;
    font-size: 1.7rem;
    height: var(--dimension);
    justify-content: center;
    opacity: 0;
    width: var(--dimension)
}

.media {
    display: block;
    position: relative
}

.media__vimeo, .media__youtube {
    left: 0;
    position: absolute;
    top: 0
}

.media__picture, .media__video, .media__vimeo, .media__youtube {
    display: block;
    height: 100%;
    width: 100%
}

.media__button, .media__picture-image {
    display: block;
    width: 100%
}

.media__button {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

@media (hover:hover) {
    .media__button:hover .media__button-inner {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }

    .media__button:hover .media__button-content {
        margin: 4rem
    }
}

.media__button-inner, .media__button-magnetism {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.media__button-inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.media__button-inner:before {
    background: linear-gradient(0deg, #101820, transparent);
    content: "";
    z-index: 2
}

.media__button-inner:before, .media__button-picture {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.media__button-picture {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    margin: -2rem;
    transform: translate(var(--magnetismX), var(--magnetismY));
    z-index: 1
}

.media__button-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.media__button-content {
    transition-duration: .75s;
    transition-property: margin;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: flex-start;
    bottom: 0;
    color: #e8e6df;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    margin: 3rem;
    max-width: 52rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    z-index: 3
}

.media__button-title {
    font-weight: 500
}

.media__button-text {
    display: none;
    margin-top: 1.5rem
}

.media__button-link {
    align-items: center;
    display: flex;
    margin-top: 2rem
}

@media (min-width:600px) {
    .media__button-link {
        margin-top: 4rem
    }
}

.media__button-icon {
    color: #e09b32;
    display: block;
    margin-right: 1.5rem;
    width: 2rem
}

.media__button-toggler {
    transition-duration: .75s;
    transition-property: background, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: #101820;
    border-radius: 100%;
    box-sizing: border-box;
    color: #e8e6df;
    display: block;
    height: 4rem;
    padding: 1.5rem;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 4rem
}

@media (hover:hover) {
    .media__button-toggler:hover {
        background: #e8e6df;
        color: #101820
    }
}

.media__veil {
    background-color: #101820;
    bottom: 0;
    opacity: .7;
    right: 0
}

.media--contain, .media__veil {
    left: 0;
    position: absolute;
    top: 0
}

.media--contain {
    height: 100%;
    width: 100%
}

.media--contain .media__video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.media--contain .media__picture {
    height: 100%
}

.media--contain .media__picture-image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.media--cover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.media--cover .media__video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.media--cover .media__picture {
    height: 100%
}

.media--cover .media__picture-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.media--player {
    --plyr-color-main: #e09b32;
    --plyr-range-fill-background: #e09b32;
    opacity: .4;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    transition: opacity .5s ease
}

.media--player .plyr {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    opacity: 0
}

.media--player.ready {
    opacity: 1;
    pointer-events: auto
}

.media--player .plyr__control--overlaid svg, .media--player .plyr__control:focus svg, .media--player .plyr__control:hover svg {
    fill: var(--backgroundColor)
}

.media.playing .media__button {
    opacity: 0;
    pointer-events: none
}

.media.playing .plyr {
    opacity: 1
}

@media (min-width:600px) and (hover:hover) {
    .media__button:hover .media__button-content {
        margin: 5rem
    }
}

@media (min-width:600px) {
    .media__button-content {
        margin: 4rem
    }

    .media__button-text {
        display: block
    }

    .media__button-toggler {
        right: 4rem;
        top: 4rem
    }
}

.wysiwyg a:not(.button) {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textAccentColor);
    display: inline;
    font-family: Bitter, Georgia, Times, serif;
    font-style: italic;
    font-weight: inherit;
    text-decoration: underline;
    text-underline-offset: 3px
}

@media (hover:hover) {
    .wysiwyg a:not(.button):hover {
        color: currentColor;
        text-decoration: none
    }
}

.wysiwyg em {
    font-family: Bitter, Georgia, Times, serif
}

.wysiwyg hr {
    background: currentColor;
    margin: 4rem 0
}

.wysiwyg--styled {
    font-size: 1.8rem;
    line-height: 1.6em
}

.wysiwyg--styled>* {
    margin-bottom: 3rem
}

.wysiwyg--styled>:last-child {
    margin-bottom: 0
}

.wysiwyg--styled blockquote {
    display: block;
    font-weight: 500
}

.wysiwyg--styled li {
    margin-left: 0;
    padding-left: 4rem;
    position: relative
}

.wysiwyg--styled li+li {
    margin-top: 1.5rem
}

.wysiwyg--styled ol {
    margin-left: 0;
    padding-left: 0
}

.wysiwyg--styled ol li {
    align-items: baseline;
    counter-increment: items
}

.wysiwyg--styled ol li:before {
    align-self: baseline;
    color: var(--textAccentColor);
    content: counter(items) ".";
    display: block;
    flex-shrink: 0;
    font-size: 1.7rem;
    font-weight: 600;
    left: 0;
    position: absolute;
    top: 0;
    width: 2rem
}

.wysiwyg--styled ul {
    margin-left: 0;
    padding-left: 0
}

.wysiwyg--styled ul li:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1px;
    left: 0;
    position: absolute;
    top: .8em;
    width: 2rem
}

.card-basic {
    display: block;
    padding-bottom: 120%;
    position: relative
}

.card-basic__inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.card-basic__inner, .card-basic__inner:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.card-basic__inner:before {
    background: linear-gradient(0deg, var(--backgroundColor), transparent);
    content: "";
    display: block;
    z-index: 2
}

.card-basic__media {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    margin: -2rem;
    transform: translate(var(--magnetismX), var(--magnetismY));
    z-index: 1
}

.card-basic__content, .card-basic__media {
    transition-duration: .75s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.card-basic__content {
    transition-property: margin, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 1.5rem;
    max-width: 52rem;
    z-index: 3
}

.card-basic__title {
    font-weight: 500
}

.card-basic__text {
    margin-top: 1.5rem
}

.card-basic__button {
    align-items: center;
    display: flex;
    font-weight: 500;
    margin-top: 1rem;
    text-transform: capitalize
}

.card-basic__button-icon {
    color: var(--textAccentColor);
    flex-shrink: 0;
    margin-left: 1rem;
    transform: translateY(.1em);
    width: 1rem
}

@media (hover:hover) {
    .card-basic.magnetism:hover .card-basic__inner {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }

    .card-basic.magnetism:hover .card-basic__content {
        margin: 2.5rem
    }
}

@media (min-width:600px) {
    .card-basic {
        padding-bottom: 75%
    }

    .card-basic__content {
        margin: 4rem
    }

    .card-basic__button {
        margin-top: 2rem
    }
}

@media (min-width:600px) and (hover:hover) {
    .card-basic.magnetism:hover .card-basic__content {
        margin: 5rem
    }
}

.card-brand {
    display: block;
    padding-bottom: 100%;
    position: relative
}

@media (hover:hover) {
    .card-brand:hover .card-brand__inner {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }

    .card-brand:hover .card-brand__media {
        opacity: 1
    }
}

.card-brand__inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.card-brand__inner, .card-brand__logo {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.card-brand__logo {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 1.5rem
}

.card-brand__logo .media {
    max-height: 45%;
    max-width: 65%;
    position: relative
}

@media (min-width:600px) {
    .card-brand__logo .media {
        max-height: 35%;
        max-width: 60%
    }
}

.card-brand__media {
    transition-duration: .75s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    bottom: 0;
    left: 0;
    margin: -2rem;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(var(--magnetismX), var(--magnetismY));
    z-index: 1
}

@media (min-width:600px) {
    .card-brand {
        padding-bottom: 120%
    }
}

.card-collaborator {
    border: 1px solid var(--textLighterColor);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 2rem
}

.card-collaborator__logo {
    display: block;
    height: 8rem;
    margin-bottom: 3rem;
    position: relative;
    width: 100%
}

.card-collaborator__number {
    color: var(--textAccentColor);
    flex-shrink: 0;
    font-family: News Gothic, Helvetica, Arial, sans-serif;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1.08em;
    margin-right: 1.5rem;
    text-transform: uppercase
}

.card-collaborator__title {
    margin-bottom: 2rem
}

.card-featured {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.card-featured__surtitle {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .card-featured__surtitle {
        margin-bottom: 4rem
    }
}

.card-featured__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1)
}

.card-featured__surtitle.visible:before {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .card-featured__surtitle.visible:before {
        flex-basis: 16rem
    }
}

.card-featured__title {
    font-weight: 500;
    margin-bottom: 1.5rem
}

.card-featured__button {
    margin-top: 3rem
}

.card-featured__media {
    --mediaDimesion: 24rem;
    display: block;
    margin: 0 auto 3rem;
    max-width: var(--mediaDimesion);
    position: relative;
    width: 80%
}

.card-featured__media-ctn {
    width: 100%
}

.card-featured__media-inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.card-featured__media .media {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: translate(var(--magnetismX), var(--magnetismY))
}

@media (hover:hover) {
    .card-featured__media.magnetism:hover .card-featured__media-inner {
        -webkit-clip-path: circle(calc(50% - 1rem));
        clip-path: circle(calc(50% - 1rem))
    }
}

@media (min-width:600px) {
    .card-featured__media {
        --mediaDimesion: 36rem;
        margin: 0 auto 6rem
    }

    .card-featured__button {
        margin-top: 4rem
    }
}

.card-news {
    display: block;
    padding-bottom: 130%;
    position: relative
}

@media (hover:hover) {
    .card-news:hover .card-news__inner {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }

    .card-news:hover .card-news__content {
        margin: 2.5rem
    }
}

.card-news__inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.card-news__inner, .card-news__inner:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.card-news__inner:before {
    background: linear-gradient(0deg, var(--backgroundColor), transparent);
    content: "";
    display: block;
    z-index: 2
}

.card-news__media {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    margin: -2rem;
    transform: translate(var(--magnetismX), var(--magnetismY));
    z-index: 1
}

.card-news__content, .card-news__media {
    transition-duration: .75s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.card-news__content {
    transition-property: margin, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 1.5rem;
    max-width: 36rem;
    z-index: 3
}

.card-news__title {
    font-weight: 500
}

.card-news__text {
    display: none;
    margin-top: 1.5rem
}

@media (min-width:600px) and (hover:hover) {
    .card-news:hover .card-news__content {
        margin: 5rem
    }
}

@media (min-width:600px) {
    .card-news__content {
        margin: 4rem
    }

    .card-news__text {
        display: block
    }
}

.card-recipe {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.card-recipe__surtitle {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .card-recipe__surtitle {
        margin-bottom: 4rem
    }
}

.card-recipe__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1) .5s
}

.swiper-slide-active .card-recipe__surtitle:before {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .swiper-slide-active .card-recipe__surtitle:before {
        flex-basis: 16rem
    }
}

.card-recipe__title {
    font-weight: 500;
    margin-bottom: 1.5rem
}

.card-recipe__button {
    margin-top: 4rem
}

.card-recipe__media {
    display: block;
    height: var(--mediaDimension);
    margin: 0 auto 6rem;
    overflow: hidden;
    position: relative;
    width: var(--mediaDimension)
}

.card-related {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.card-related__media {
    display: block;
    margin-bottom: 3rem;
    width: 100%
}

.card-related__media-inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    position: relative
}

@media (hover:hover) {
    .card-related__media.magnetism:hover .card-related__media-inner {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }
}

.card-related .media {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: translate(var(--magnetismX), var(--magnetismY))
}

.card-related__title {
    width: 100%
}

.card-related__text {
    margin: 1.5rem 0 auto;
    width: 100%
}

.card-related__button {
    align-items: center;
    display: flex;
    font-weight: 500;
    margin-top: 3rem
}

.card-related__button .icon {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textAccentColor);
    flex-shrink: 0;
    margin-left: 1rem;
    width: .4em
}

.card-related__button:hover .icon {
    transform: translate3d(1rem, 0, 0)
}

.card-relation {
    border: 1px solid var(--textLighterColor);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 4rem;
    text-align: center
}

.card-relation__title {
    margin-bottom: 1.5rem
}

.card-relation__buttons {
    font-weight: 500;
    margin-top: 2rem
}

.card-relation__button {
    margin-top: 1rem
}

.card-relation__button-link {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    display: inline-flex;
    font-weight: inherit
}

.card-relation__button-link-icon {
    color: var(--textAccentColor);
    margin-left: 1rem;
    width: 1.5rem
}

.card-relation__button-link--simple {
    color: var(--textAccentColor)
}

@media (hover:hover) {
    .card-relation__button-link--download:hover {
        color: var(--textAccentColor)
    }
}

.card-resource {
    align-items: center;
    background: var(--backgroundContrastLightColor);
    border: 1px solid var(--textLighterColor);
    border-radius: 8px;
    display: flex;
    padding: 2rem
}

@media (hover:hover) {
    .card-resource:hover .card-resource__download:before {
        opacity: 1
    }
}

.card-resource__icon {
    color: var(--textAccentColor);
    flex-shrink: 0;
    width: 4rem
}

.card-resource__content {
    flex-grow: 1;
    margin: 0 2rem
}

.card-resource__title {
    font-weight: 500
}

.card-resource__text {
    margin-top: .25rem
}

.card-resource__download {
    color: var(--textAccentColor);
    flex-shrink: 0;
    position: relative;
    width: 3rem
}

.card-resource__download svg {
    position: relative;
    z-index: 1
}

.card-resource__download:before {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--backgroundColor);
    border-radius: 100%;
    content: "";
    display: block;
    height: 6rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6rem
}

.card-search {
    transition-duration: .75s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    border: 1px solid var(--textLighterColor);
    border-radius: 8px;
    display: block;
    padding: 2rem
}

@media (min-width:600px) {
    .card-search {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: 23rem auto
    }
}

.card-search:hover {
    background-color: #fff
}

.card-search__media {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    display: none;
    flex-shrink: 0
}

@media (min-width:600px) {
    .card-search__media {
        align-items: center;
        align-self: center;
        display: flex;
        justify-content: center;
        padding-bottom: 100%
    }
}

@media (hover:hover) {
    .card-search__media.magnetism:hover {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }
}

.card-search .media {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: translate(var(--magnetismX), var(--magnetismY))
}

@media (min-width:600px) {
    .card-search .media--contain {
        height: auto;
        inset: 2rem;
        width: auto
    }
}

@media (min-width:600px) {
    .card-search__content:first-child {
        grid-column-end: span 2
    }
}

.card-search__category, .card-search__title {
    margin-bottom: 1rem
}

.card-statistic {
    border: 1px solid var(--textLighterColor);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 2rem
}

.card-statistic__label {
    align-items: center;
    display: flex;
    margin-bottom: 1.5rem
}

.card-statistic__number {
    color: var(--textAccentColor);
    font-family: News Gothic, Helvetica, Arial, sans-serif;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1.08em;
    margin-right: 1.5rem;
    max-width: 66.66%;
    text-transform: none
}

.card-team {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.card-team__media {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    display: block;
    margin-bottom: 3rem;
    position: relative;
    width: 100%
}

@media (hover:hover) {
    .card-team__media.magnetism:hover {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }
}

.card-team .media {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: translate(var(--magnetismX), var(--magnetismY))
}

.card-team__name {
    color: var(--textAccentColor);
    width: 100%
}

.card-team__position {
    margin: 1.5rem 0 auto;
    width: 100%
}

.card-team--profile {
    border: 1px solid var(--textLighterColor);
    border-radius: 8px;
    padding: 2rem
}

.site-language {
    color: var(--textColor);
    position: relative;
    z-index: 0
}

@media (min-width:900px) {
    .site-language {
        width: 23.8rem
    }
}

.site-language:before {
    background-color: var(--backgroundContrastDarkColor);
    border-radius: 1rem;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.site-language:after {
    border: .6rem solid transparent;
    border-bottom: 0;
    border-top: .8rem solid;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 1
}

.site-language__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: currentColor;
    padding: 1.5rem 5.2rem 1.5rem 2rem;
    width: 100%
}

.site-language option {
    color: initial
}

.site-pagination {
    color: var(--textLightColor);
    display: flex;
    font-size: 2rem;
    font-weight: 500;
    justify-content: center;
    margin-top: 10rem
}

.site-pagination__items {
    align-items: center;
    display: flex
}

.site-pagination__item.is-ellipsis a, .site-pagination__item.is-hidden {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.site-pagination__item.is-ellipsis:after {
    content: "..."
}

.site-pagination__link {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 4.8rem;
    min-width: 4.8rem;
    padding: 0 1.5rem;
    text-align: center
}

.site-pagination__link[aria-disabled=true] {
    color: var(--textLighterColor);
    cursor: default;
    pointer-events: none
}

.site-pagination__link:not([aria-disabled=true]):hover, .site-pagination__link[aria-current=page] {
    color: var(--textAccentColor)
}

.site-pagination__link[aria-current=page] {
    font-family: Bitter, Georgia, Times, serif;
    font-weight: 600
}

.site-pagination__link .icon {
    display: block;
    width: 3.5rem
}

.site-search__form {
    align-items: stretch;
    background-color: #fff;
    border: 1px solid var(--textLighterColor);
    border-radius: 6rem;
    color: #101820;
    display: flex;
    overflow: hidden
}

@media (min-width:900px) {
    .site-search__form {
        border-radius: 8px
    }
}

.site-search__button {
    transition-duration: .75s;
    transition-property: background-color, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    cursor: pointer;
    font-size: .75em;
    padding: 0 2rem
}

.site-search__button--submit {
    order: -1
}

.site-search__input {
    background-color: transparent;
    border: 0;
    color: inherit;
    flex-grow: 1;
    padding: 2rem 0
}

.site-search__input::-moz-placeholder {
    color: inherit
}

.site-search__input::placeholder {
    color: inherit
}

.site-search__input::-webkit-search-cancel-button, .site-search__input::-webkit-search-decoration, .site-search__input::-webkit-search-results-button, .site-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

.site-search .icon {
    width: 1em
}

.site-search__toggle {
    transition-duration: .75s;
    transition-property: background-color, border-color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    border: .1rem solid transparent;
    border-radius: 50%;
    display: flex;
    height: 4.8rem;
    justify-content: center;
    position: relative;
    width: 4.8rem;
    z-index: 2
}

.site-search.is-closed .site-search__toggle:hover {
    background-color: #e8e6df;
    border-color: #a2674f
}

.site-search__overlay {
    transition-duration: .75s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background-color: #101820;
    bottom: 0;
    left: 0;
    opacity: .75;
    position: fixed;
    right: 0;
    top: var(--headerHeight);
    z-index: 3
}

.site-search--toggle {
    display: none
}

@media (min-width:900px) {
    .site-search--toggle {
        --headerHeight: 8rem;
        display: block;
        margin-left: 1.5rem
    }

    .scroll-compact .site-search--toggle {
        --headerHeight: 6rem
    }

    .site-search--toggle .site-search__form {
        transition-duration: .75s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        background-color: transparent;
        border: 0;
        border-radius: 0;
        height: var(--headerHeight);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .site-search--toggle .site-search__form:before {
        transition-duration: .75s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        background-color: #c4bfb6;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .site-search--toggle .site-search__button--submit {
        position: relative
    }

    .site-search--toggle .site-search__button--submit:before {
        background-color: #776e64;
        bottom: 2rem;
        content: "";
        position: absolute;
        right: 0;
        top: 2rem;
        width: .1rem
    }

    .site-search--toggle .site-search__input {
        padding: 2rem
    }

    .site-search--toggle.is-closed .site-search__form {
        opacity: 0;
        pointer-events: none
    }

    .site-search--toggle.is-closed .site-search__form:before {
        transform: translate3d(25%, 0, 0)
    }

    .site-search--toggle.is-closed .site-search__overlay {
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width:1280px) {
    .site-search--toggle {
        margin-left: 4rem
    }
}

.site-search--mobile {
    margin-bottom: 3rem
}

.site-search--mobile .site-search__form {
    background-color: #e8e6df
}

body.is-search-open {
    overflow: hidden
}

.toolbar-fixed .site-search__form {
    top: 39px
}

.toolbar-fixed .site-search__overlay {
    top: calc(var(--headerHeight) + 39px)
}

.toolbar-tray-open.toolbar-fixed.toolbar-horizontal .site-search__form {
    top: 79px
}

.toolbar-tray-open.toolbar-fixed.toolbar-horizontal .site-search__overlay {
    top: calc(var(--headerHeight) + 79px)
}

.timeline-group {
    margin: auto;
    max-width: 58rem;
    text-align: center
}

.timeline-group__title {
    font-weight: 500
}

.timeline-group__period {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 4rem
}

.timeline-group__period-separator {
    background: currentColor;
    height: 1px;
    margin: 0 1rem;
    opacity: .5;
    width: 6rem
}

.timeline-group__text {
    margin-top: 4rem
}

.timeline-item {
    margin: auto 0;
    text-align: center
}

.timeline-item__inner {
    display: grid;
    grid-gap: 4rem;
    grid-template-columns: 1fr;
    justify-items: center
}

@media (min-width:900px) {
    .timeline-item__inner {
        grid-template-columns: repeat(3, 1fr);
        justify-items: flex-start
    }
}

.timeline-item__year {
    color: #e8e6df
}

.timeline-item__media-primary {
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.timeline-item__content {
    max-width: 58rem
}

.timeline-item__surtitle {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .timeline-item__surtitle {
        margin-bottom: 4rem
    }
}

.timeline-item__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1) .5s
}

.swiper-slide-active .timeline-item__surtitle:before {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .swiper-slide-active .timeline-item__surtitle:before {
        flex-basis: 16rem
    }
}

@media (min-width:900px) {
    .timeline-item {
        margin: 0;
        text-align: left
    }

    .timeline-item__surtitle {
        justify-content: flex-start
    }
}

.block {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 1
}

.block__inner {
    box-sizing: content-box;
    position: relative
}

.block__surtitle {
    align-items: center;
    display: flex;
    margin-bottom: 3rem
}

.block__surtitle-right{
    justify-content: end;
}

@media (min-width:600px) {
    .block__surtitle {
        margin-bottom: 4rem
    }
}

.block__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1)
}
.block__surtitle-right:after{
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-left: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1)
}


.block__surtitle-right:before {
    background: var(--textAccentColor);
    content: "";
    display: none;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1)
}



.block__surtitle.visible:before,.block__surtitle.visible:after {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .block__surtitle.visible:before,.block__surtitle.visible:after {
        flex-basis: 16rem
    }
}

.block__button {
    margin-top: 1rem
}

@media (min-width:600px) {
    .block__button {
        margin-top: 4rem
    }
}

.block--centered .block__surtitle {
    justify-content: center
}

.block--centered .block__button {
    display: flex;
    justify-content: center
}

.block--big .block__inner {
    max-width: 104rem
}

.block--full-width .block__inner {
    max-width: 160rem
}

.block--full-screen .block__inner {
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

.block--no-overflow {
    overflow: hidden
}

.block--no-padding {
    padding-bottom: 0;
    padding-top: 0
}

.block--small .block__inner {
    max-width: 66rem
}

.block-brands {
    margin: 4rem 0 0
}

@media (min-width:600px) {
    .block-brands {
        margin: 6rem 0
    }
}

.block-brands__type {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    padding: 1.5rem 0;
    position: relative
}

@media (hover:hover) {
    .block-brands__type:hover {
        color: var(--textAccentColor);
        z-index: 3
    }

    .block-brands__type:hover .block-brands__type-brand {
        opacity: 1;
        pointer-events: all
    }
}

@media (min-width:600px) {
    .block-brands__type {
        padding: 2rem 0
    }
}

.block-brands__type-title {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    font-family: Bitter, Georgia, Times, serif;
    font-size: clamp(5.2rem, calc(1.2rem + 10.66667vw), 14rem);
    font-weight: 400;
    line-height: 1.08em;
    pointer-events: none;
    position: relative;
    text-align: center
}

@media (min-width:600px) {
    .block-brands__type-title {
        font-weight: 300
    }
}

.block-brands__type-brands {
    --brandDimension: 15vw;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(50% - var(--brandDimension)/2)
}

.block-brands__type-brand {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: block;
    flex-shrink: 0;
    height: var(--brandDimension);
    opacity: 0;
    position: relative;
    transition-delay: calc(var(--index)*100ms);
    width: var(--brandDimension);
    z-index: var(--zindex)
}

@media (hover:hover) {
    .block-brands__type-brand:hover {
        z-index: 10
    }
}

.block-brands__type-brand-inner {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.block-brands__type-brand-media {
    background-color: #fff;
    border: 2px solid var(--textAccentColor);
    border-radius: 100%;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.block-brands__type-brand-media-inner {
    bottom: 0;
    left: 0;
    margin: -2rem;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(calc(var(--magnetismX)*-0.25), calc(var(--magnetismY)*-0.25))
}

.block-brands__type-brand:focus-within {
    z-index: 10
}

.block-brands__type-brand:nth-child(2n) .block-brands__type-brand-inner, .block-brands__type-brand:nth-child(odd) .block-brands__type-brand-inner {
    transform: translateX(calc(var(--magnetismX)*var(--factor)*-1))
}

.block-brands__type-brand:not(:first-child) {
    margin-left: calc(var(--brandDimension)*-0.4)
}

.block-brands__type:focus-within {
    color: var(--textAccentColor);
    z-index: 3
}

.block-brands__type:focus-within .block-brands__type-brand {
    opacity: 1;
    pointer-events: all
}

.block-brands__type:not(:hover) .block-brands__type-brand {
    transition-delay: 0s !important;
    transition-duration: .5s
}

.block-brands__button {
    display: flex;
    justify-content: center;
    margin-top: 3rem
}

@media (min-width:600px) {
    .block-brands__button {
        margin-top: 6rem
    }
}

@media (hover:none) {
    .block-brands__type-brands {
        --brandDimension: 25vw;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        pointer-events: all;
        position: relative;
        top: 0
    }

    .block-brands__type-brand {
        opacity: 1
    }
}

.block-collaborators__header {
    margin: 0 auto 6rem;
    max-width: 80rem;
    text-align: center
}

.block-collaborators__title {
    font-weight: 500
}

.block-collaborators__text {
    margin-top: 1.5rem
}

.block-collaborators .swiper-container {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

.block-collaborators .swiper-wrapper {
    display: flex;
    position: relative
}

.block-collaborators .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    max-width: 108rem;
    padding-left: 2rem;
    width: 90%
}

.block-collaborators .swiper-slide:first-child {
    margin-left: -2rem
}

.block-collaborators .swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    z-index: 5
}

.block-collaborators .swiper-pagination-bullet {
    display: block;
    height: 3rem;
    position: relative;
    width: 3rem
}

@media (hover:hover) {
    .block-collaborators .swiper-pagination-bullet:hover:after {
        background: var(--textAccentColor)
    }
}

.block-collaborators .swiper-pagination-bullet:after {
    transition-duration: .75s;
    transition-property: margin, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textLighterColor);
    border-radius: 100%;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.block-collaborators .swiper-pagination-bullet-active:after {
    background: var(--textAccentColor)
}

@media (min-width:600px) {
    .block-collaborators .swiper-container {
        margin-left: -4rem;
        margin-right: -4rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:900px) {
    .block-collaborators .swiper-slide {
        width: 40%
    }
}

@media (min-width:1280px) {
    .block-collaborators .swiper-slide {
        width: 33.33%
    }
}

.block-dropdown-list__title {
    font-weight: 500
}

.block-dropdown-list__text {
    margin-top: 2rem
}

.block-dropdown-list__categories {
    align-items: flex-start;
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 6rem
}

@media (min-width:900px) {
    .block-dropdown-list__categories {
        grid-template-columns: repeat(2, 1fr)
    }
}

.block-dropdown-list__category {
    transition-duration: .75s;
    transition-property: border-color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    border-bottom: .2rem solid var(--textLighterColor)
}

.block-dropdown-list__category.is-active, .block-dropdown-list__category:hover {
    border-color: var(--textAccentColor)
}

.block-dropdown-list__category.is-active .block-dropdown-list__category-icon, .block-dropdown-list__category:hover .block-dropdown-list__category-icon {
    color: var(--textAccentColor)
}

.block-dropdown-list__category-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 2rem 1rem;
    text-align: left;
    width: 100%
}

.block-dropdown-list__category-icon {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    flex-shrink: 0;
    margin-left: 1rem;
    width: 1.6rem
}

.block-dropdown-list__category-title[aria-expanded=true] .block-dropdown-list__category-icon {
    transform: rotate(-180deg)
}

.block-dropdown-list__subcategories {
    padding: 2rem 1rem
}

.block-dropdown-list__subcategory:not(:first-child) {
    margin-top: 1.5rem
}

.block-dropdown-list__subcategory-title {
    font-weight: 500
}

.block-dropdown-list__items {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem
}

.block-dropdown-list__item:not(:last-child):after {
    content: ",";
    margin-right: .5rem
}

.block-emphasis {
    max-width: 142rem
}

.block-emphasis__text, .block-emphasis__title {
    font-weight: 500
}

.block-emphasis__text:not(:first-child) {
    margin-top: 2rem
}

.block-emphasis__button {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
    position: relative
}

@media (min-width:900px) {
    .block-emphasis__title {
        font-size: 5.6rem;
        line-height: 1.08em
    }

    .block-emphasis--big .block-emphasis__title {
        font-size: 7.2rem
    }

    .block-emphasis__text {
        font-size: 3.2rem;
        line-height: 1.08em
    }

    .block-emphasis--big .block-emphasis__text {
        font-size: 3.8rem
    }
}

.block-featured__title {
    font-weight: 500;
    margin: 0 auto 6rem;
    max-width: 58rem;
    text-align: center
}

.block-featured__items {
    --gridGutterX: 4rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    justify-content: center;
    --gridGutterY: 4rem
}

@media (min-width:600px) {
    .block-featured__items {
        --gridGutterY: 8rem
    }
}

.block-featured__items>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY)
}

.block-featured__item {
    max-width: 66rem;
    width: 100%
}

@media (min-width:900px) {
    .block-featured--small .block-featured__item {
        width: 33.33%
    }

    .block-featured--small .card-featured__title {
        font-size: 3.8rem
    }
}

.block-fiftyfifty-sticky {
    --gridGutterX: 4rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    align-items: stretch;
    --gridGutterY: 4rem
}

.block-fiftyfifty-sticky>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY);
    width: 100%
}

.block-fiftyfifty-sticky__col-left {
    margin-right: auto;
    max-width: 58rem;
    position: relative
}

.block-fiftyfifty-sticky__surtitle {
    align-items: center;
    display: flex;
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .block-fiftyfifty-sticky__surtitle {
        margin-bottom: 4rem
    }
}

.block-fiftyfifty-sticky__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1)
}

.block-fiftyfifty-sticky__surtitle.visible:before {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .block-fiftyfifty-sticky__surtitle.visible:before {
        flex-basis: 16rem
    }
}

.block-fiftyfifty-sticky__title {
    font-weight: 500;
    margin-bottom: 1.5rem
}

.block-fiftyfifty-sticky__button {
    margin-top: 3rem
}

.block-fiftyfifty-sticky .swiper-container {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

.block-fiftyfifty-sticky .swiper-wrapper {
    display: flex;
    position: relative
}

.block-fiftyfifty-sticky .swiper-slide {
    box-sizing: border-box;
    flex-shrink: 0;
    padding-left: 2rem;
    width: 90%
}

.block-fiftyfifty-sticky .swiper-slide:first-child {
    margin-left: -2rem
}

@media (min-width:600px) {
    .block-fiftyfifty-sticky .swiper-container {
        margin-left: -4rem;
        margin-right: -4rem;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .block-fiftyfifty-sticky__button {
        margin-top: 4rem
    }
}

@media (min-width:900px) {
    .block-fiftyfifty-sticky>* {
        width: 50%
    }

    .block-fiftyfifty-sticky__col-left {
        margin: 0 auto
    }

    .block-fiftyfifty-sticky__col-left-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        left: 0;
        min-height: var(--itemHeight);
        position: sticky;
        top: calc(50vh - var(--itemHeight)/2)
    }

    .block-fiftyfifty-sticky .swiper-container {
        margin: 0;
        overflow: visible;
        padding: 0
    }

    .block-fiftyfifty-sticky .swiper-wrapper {
        display: block;
        transform: none !important
    }

    .block-fiftyfifty-sticky .swiper-slide {
        padding-left: 0;
        width: 100%
    }

    .block-fiftyfifty-sticky .swiper-slide:first-child {
        margin-left: 0
    }

    .block-fiftyfifty-sticky .swiper-slide:not(:first-child) {
        margin-top: 4rem
    }

    .block-fiftyfifty-sticky--reverse {
        flex-direction: row-reverse
    }
}

.block-fiftyfifty {
    --gridGutterX: 4rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    align-items: center;
    --gridGutterY: 4rem;
    flex-direction: column-reverse
}

.block-fiftyfifty>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY);
    width: 100%
}

.block-fiftyfifty__col-left {
    margin-right: auto;
    max-width: 58rem
}

.block-fiftyfifty__surtitle {
    align-items: center;
    display: flex;
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .block-fiftyfifty__surtitle {
        margin-bottom: 4rem
    }
}

.block-fiftyfifty__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1)
}

.block-fiftyfifty__surtitle.visible:before {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .block-fiftyfifty__surtitle.visible:before {
        flex-basis: 16rem
    }
}

.block-fiftyfifty__title {
    font-weight: 500;
    margin-bottom: 1.5rem
}

.block-fiftyfifty__button {
    margin-top: 3rem
}

.block-fiftyfifty__media {
    display: block;
    position: relative
}

.block-fiftyfifty__media-inner {
    transition-duration: .75s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    position: relative
}

.block-fiftyfifty__media .media {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: translate(var(--magnetismX), var(--magnetismY))
}

.block-fiftyfifty__media--image .block-fiftyfifty__media-inner {
    padding-bottom: 66%
}

@media (hover:hover) {
    .block-fiftyfifty__media.magnetism:hover .block-fiftyfifty__media-inner {
        -webkit-clip-path: inset(1rem 1rem 1rem 1rem round 8px);
        clip-path: inset(1rem 1rem 1rem 1rem round 8px)
    }
}

.block-fiftyfifty__accordion {
    grid-gap: 2rem;
    margin-top: 3rem
}

.block-fiftyfifty__accordion-title {
    font-size: 2rem
}

.block-fiftyfifty__accordion-icon {
    width: 1.2rem
}

.block-fiftyfifty__accordion-description {
    font-size: 1.7rem;
    font-weight: 400;
    padding: 0 1rem 2rem
}

.block-fiftyfifty--accordion .block-fiftyfifty__col-left {
    margin: 0;
    max-width: 100%
}

.block-fiftyfifty--double-text {
    flex-direction: column
}

.block-fiftyfifty--double-text .block-fiftyfifty__col-left {
    max-width: 100%
}

@media (min-width:600px) {
    .block-fiftyfifty__button {
        margin-top: 4rem
    }
}

@media (min-width:900px) {
    .block-fiftyfifty {
        flex-direction: row
    }

    .block-fiftyfifty>* {
        width: 50%
    }

    .block-fiftyfifty__col-left {
        margin: 0 auto
    }

    .block-fiftyfifty__accordion {
        grid-template-columns: repeat(2, 1fr)
    }

    .block-fiftyfifty--reverse {
        flex-direction: row-reverse
    }

    .block-fiftyfifty--accordion {
        align-items: flex-start;
        flex-direction: column-reverse
    }

    .block-fiftyfifty--accordion>* {
        width: 100%
    }
}

@media (min-width:1280px) {
    .block-fiftyfifty--accordion {
        flex-direction: row
    }

    .block-fiftyfifty--accordion>* {
        width: 50%
    }

    .block-fiftyfifty--accordion .block-fiftyfifty__col-left {
        margin: 0 auto;
        max-width: 75rem
    }

    .block-fiftyfifty--accordion.block-fiftyfifty--reverse {
        flex-direction: row-reverse
    }
}

.block-googlemaps__map {
    height: 61rem
}

.block-googlemaps__popup {
    background-color: #c4bfb6;
    border: .2rem solid #776e64;
    border-radius: 8px;
    padding: 1rem 3rem 1rem 1rem;
    position: relative;
    width: 15.6rem
}

.block-googlemaps__popup--brown {
    --popup-color: #a2674f
}

.block-googlemaps__popup--green {
    --popup-color: #488f71
}

.block-googlemaps__popup--blue {
    --popup-color: #2e5665
}

.block-googlemaps__popup--yellow {
    --popup-color: #e09b32
}

.block-googlemaps__popup:after {
    background-color: #c4bfb6;
    border: .2rem solid #776e64;
    border-right: 0;
    border-top: 0;
    content: "";
    height: 1.6rem;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate(-50%, calc(-50% + .1rem)) rotate(-45deg);
    width: 1.6rem
}

.block-googlemaps__popup-title {
    font-weight: 500
}

.block-googlemaps__popup-category {
    align-items: baseline;
    display: flex;
    margin-top: 1rem
}

.block-googlemaps__popup-category:before {
    background-color: var(--popup-color);
    border: .2rem solid #776e64;
    border-radius: 50%;
    content: "";
    flex-shrink: 0;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.block-googlemaps__popup-description {
    font-family: Bitter, Georgia, Times, serif;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 500;
    margin-left: 1.7rem;
    margin-top: .5rem
}

.block-googlemaps .gm-style .gm-style-iw-t {
    bottom: 6.4rem !important
}

.block-googlemaps .gm-style .gm-style-iw-t:after {
    display: none
}

.block-googlemaps .gm-style .gm-style-iw-c {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    padding: 0
}

.block-googlemaps .gm-style .gm-style-iw-d {
    overflow: visible !important
}

.block-googlemaps .gm-style .gm-style-iw-d+button {
    align-items: center;
    display: flex !important;
    height: 3rem !important;
    justify-content: center;
    right: 0 !important;
    top: 0 !important;
    width: 3rem !important
}

.block-googlemaps .gm-style .gm-style-iw-d+button img {
    margin: 0 !important
}

.block-media__media {
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.block-media__caption {
    margin-top: 3rem;
    max-width: 46rem
}

.block-media .media--player {
    padding-bottom: 100% !important
}

@media (min-width:600px) {
    .block-media .media--player {
        padding-bottom: 56.25% !important
    }
}

.block--no-padding .block-media__media {
    height: var(--windowHeight);
    width: 100%
}

.block--no-padding .block-media__media-inner {
    height: 1px;
    left: 0;
    position: sticky;
    top: 0
}

.block--no-padding .block-media__media-inner-inner {
    height: var(--windowHeight);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.block--no-padding .block-media__media .media__button-toggler {
    transition-duration: .75s;
    transition-property: margin-top;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    margin-top: 6rem
}

@media (min-width:900px) {
    .page:not(.scroll-up) .block--no-padding .media__button-toggler {
        margin-top: 0
    }
}

.block-mosaic {
    --gridGutterX: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    --gridGutterY: 2rem
}

.block-mosaic>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY)
}

.block-mosaic__item {
    width: 100%
}

.block-mosaic__item-inner {
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    height: 30rem;
    position: relative
}

.block-mosaic__item-caption {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 1.5rem;
    position: absolute;
    right: 0;
    top: 0
}

.block-mosaic__item-caption:before {
    background: linear-gradient(0deg, var(--backgroundColor), transparent);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.block-mosaic__item-caption-inner {
    max-width: 46rem;
    position: relative;
    z-index: 2
}

.block-mosaic--items-4 .block-mosaic__item:nth-child(2), .block-mosaic--items-4 .block-mosaic__item:nth-child(3) {
    width: 50%
}

@media (min-width:600px) {
    .block-mosaic__item-inner {
        height: 50rem
    }

    .block-mosaic__item-caption {
        padding: 2rem
    }

    .block-mosaic--items-2 .block-mosaic__item {
        width: 50%
    }

    .block-mosaic--items-3 .block-mosaic__item {
        width: 33.33%
    }

    .block-mosaic--items-4 .block-mosaic__item {
        width: 66.66%
    }

    .block-mosaic--items-4 .block-mosaic__item:nth-child(2), .block-mosaic--items-4 .block-mosaic__item:nth-child(3) {
        width: 33.33%
    }
}

.block-news {
    padding-bottom: 10rem;
    position: relative;
    width: 100%
}

.block-news+.block__button {
    margin-top: -6rem
}

.block-news .swiper-wrapper {
    display: flex;
    position: relative
}

.block-news .swiper-slide {
    box-sizing: border-box;
    flex-shrink: 0;
    padding-left: 2rem;
    width: 90%
}

.block-news .swiper-slide:first-child {
    margin-left: -2rem
}

.block-news .swiper-navigation {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 6rem;
    margin-top: 4rem;
    position: absolute;
    right: 0
}

.block-news .swiper-button-next, .block-news .swiper-button-prev {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    display: block;
    margin-left: 2rem;
    width: 4rem
}

@media (hover:hover) {
    .block-news .swiper-button-next:hover, .block-news .swiper-button-prev:hover {
        color: var(--textAccentColor)
    }
}

.block-news .swiper-button-next:disabled, .block-news .swiper-button-prev:disabled {
    opacity: .5;
    pointer-events: none
}

.block-news .swiper-button-prev {
    transform: rotate(180deg)
}

@media (min-width:900px) {
    .block-news .swiper-slide {
        width: 40%
    }
}

@media (min-width:1280px) {
    .block-news .swiper-slide {
        width: 33.33%
    }
}

.block-partners__title {
    font-weight: 500;
    margin: 0 auto 8rem;
    max-width: 58rem;
    text-align: center
}

.block-partners__items {
    --gridGutterX: 4rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    justify-content: center;
    --gridGutterY: 4rem
}

.block-partners__items>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY);
    width: 50%
}

.block-partners__item-link {
    display: block;
    height: 8rem;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .block-partners__items>* {
        width: 33.33%
    }
}

@media (min-width:1280px) {
    .block-partners__items>* {
        width: 20%
    }
}

.block-presentation {
    --rowGapX: 2rem;
    align-items: center;
    margin: 0 auto;
    max-width: 160rem
}

@media (min-width:900px) {
    .block-presentation {
        --rowWrap: nowrap
    }
}

@media (min-width:1280px) {
    .block-presentation {
        --rowGapX: 4rem
    }
}

.block-presentation__content {
    flex-grow: 1
}

@media (min-width:900px) {
    .block-presentation__content {
        margin: 0 auto;
        max-width: 50%
    }
}

.block-presentation__signature {
    margin-top: 4rem;
    max-width: 36rem
}

.block-presentation__signature-media:not(:last-child) {
    margin-bottom: 1rem
}

.block-presentation__signature-media img {
    max-height: 80px;
    max-width: 320px
}

.block-presentation__signature-name {
    font-weight: 700
}

.block-presentation__media {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:900px) {
    .block-presentation__media {
        width: 40%
    }
}

.block-presentation__media .media {
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.block-related__title {
    font-weight: 500;
    margin: 0 auto 6rem;
    max-width: 58rem;
    text-align: center
}

.block-related__items {
    --rowGapY: 3rem;
    justify-content: center
}

@media (min-width:1280px) {
    .block-related__items {
        --rowGapX: 1.5rem
    }
}

.block-related__item {
    --colWidth: 100%
}

@media (min-width:900px) {
    .block-related__item {
        --colWidth: 33.33333%
    }
}

.block-relations__title {
    font-weight: 500;
    margin: 0 auto 6rem;
    max-width: 58rem;
    text-align: center
}

.block-relations__items {
    --gridGutterX: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    justify-content: center;
    --gridGutterY: 2rem
}

.block-relations__items>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY);
    width: 100%
}

.block-relations__item {
    display: flex
}

@media (min-width:600px) {
    .block-relations__items>* {
        width: 50%
    }
}

@media (min-width:900px) {
    .block-relations__items>* {
        width: 33.33%
    }
}

.block-resources__title {
    font-weight: 500;
    margin: 0 auto 6rem;
    max-width: 58rem;
    text-align: center
}

.block-resources__item {
    margin-top: 2rem
}

.block-search__title {
    color: var(--textLightColor);
    font-weight: 500;
    margin-bottom: 6rem;
    text-align: center
}

.block-search__label {
    margin-top: 3rem
}

.block-search__items {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: 1fr;
    margin-top: 4rem
}

.block-statistics__content {
    margin-bottom: 6rem;
    max-width: 80rem
}

.block-statistics__title {
    font-weight: 500
}

.block-statistics__text {
    margin-top: 1.5rem
}

.block-statistics .swiper-container {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

.block-statistics .swiper-wrapper {
    display: flex;
    position: relative
}

.block-statistics .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    padding-left: 2rem;
    width: 90%
}

.block-statistics .swiper-slide:first-child {
    margin-left: -2rem
}

.block-statistics .swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    z-index: 5
}

.block-statistics .swiper-pagination-bullet {
    display: block;
    height: 3rem;
    position: relative;
    width: 3rem
}

@media (hover:hover) {
    .block-statistics .swiper-pagination-bullet:hover:after {
        background: var(--textAccentColor)
    }
}

.block-statistics .swiper-pagination-bullet:after {
    transition-duration: .75s;
    transition-property: margin, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textLighterColor);
    border-radius: 100%;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.block-statistics .swiper-pagination-bullet-active:after {
    background: var(--textAccentColor)
}

.block-statistics--news-article .block-statistics__content {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:600px) {
    .block-statistics .swiper-container {
        margin-left: -4rem;
        margin-right: -4rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}



@media (min-width:900px) {
    .block-statistics .swiper-container {
        margin: 0;
        overflow: visible;
        padding: 0
    }

    .block-statistics .swiper-wrapper {
        --gridGutterX: 2rem;
        display: flex;
        flex-wrap: wrap;
        margin-left: calc(var(--gridGutterX)*-1);
        margin-top: calc(var(--gridGutterY)*-1);
        --gridGutterY: 2rem;
        transform: none !important
    }

    .block-statistics .swiper-wrapper>* {
        box-sizing: border-box;
        padding-left: var(--gridGutterX);
        padding-top: var(--gridGutterY);
        width: 33.33333%
    }

    .block-statistics .swiper-slide:first-child {
        margin-left: 0
    }

    .block-statistics .swiper-pagination {
        display: none
    }
}

.block-table__title {
    color: var(--textLightColor);
    font-weight: 500;
    margin-bottom: 3rem;
    text-align: center
}

.block-table__content {
    overflow: hidden
}

.block-table__content .swiper-wrapper {
    display: flex
}

.block-table__content .swiper-slide {
    display: flex;
    flex-shrink: 0;
    min-width: 100%
}

.block-table__table {
    background-color: var(--backgroundContrastLightColor);
    border: .1rem solid var(--textLighterColor);
    border-radius: 8px;
    border-spacing: 0;
    flex-shrink: 0;
    min-width: 100%;
    table-layout: fixed
}

.block-table__head .block-table__col {
    font-weight: 700
}

.block-table__body .block-table__row:nth-child(odd) {
    background-color: var(--backgroundColor)
}

.block-table__col {
    padding: 1rem;
    text-align: center;
    width: 150px
}

.block-table__col:not(:last-child) {
    border-right: .1rem solid var(--textLighterColor)
}

.block-tabs__header-items {
    display: flex
}

.block-tabs__header-link {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.block-tabs__header-link:after {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textAccentColor);
    content: "";
    display: block;
    height: .2rem;
    margin-top: .25rem;
    pointer-events: none;
    transform: scaleX(0)
}

.block-tabs__header-link[aria-selected=false] {
    color: var(--textLightColor)
}

.block-tabs__header-link:hover:after, .block-tabs__header-link[aria-selected=true]:after {
    transform: scaleX(1)
}

.block-tabs__items {
    margin-top: 6rem
}

.block-team-sublist__title {
    font-weight: 500
}

.block-team-sublist__categories {
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width:900px) {
    .block-team-sublist__categories {
        grid-template-columns: repeat(2, 1fr)
    }
}

.block-team-sublist__category {
    margin-top: 6rem
}

.block-team-sublist__subcategory {
    margin-top: 3rem
}

.block-team-sublist__subcategory-title {
    font-weight: 500;
    margin-bottom: .5rem
}

.block-team-sublist__footer {
    margin-top: 3rem
}

@media (min-width:900px) {
    .block-team-sublist__footer {
        margin-top: 6rem
    }
}

.block-team-sublist__asterisk {
    margin-top: 1rem
}

.block-team__title {
    font-weight: 500;
    margin-bottom: 6rem
}

@media (min-width:1280px) {
    .block-team__items {
        --rowGapX: 1.5rem
    }
}

.block-team__item {
    --colWidth: 100%;
    display: flex
}

@media (min-width:600px) {
    .block-team__item {
        --colWidth: 50%
    }
}

@media (min-width:900px) {
    .block-team__item {
        --colWidth: 33.33333%
    }
}

@media (min-width:1280px) {
    .block-team__item {
        --colWidth: 25%
    }
}

.block-videos {
    align-items: flex-start;
    display: grid;
    grid-gap: 2rem 3rem;
    grid-template-columns: 1fr
}

@media (min-width:1280px) {
    .block-videos {
        grid-template-columns: auto 53rem
    }
}

.block-videos__main {
    flex-grow: 1
}

@media (min-width:1280px) {
    .block-videos__main {
        width: auto
    }
}

.block-videos__main .media {
    padding-bottom: 100% !important
}

@media (min-width:600px) {
    .block-videos__main .media {
        padding-bottom: 65% !important
    }
}

.block-videos__main .media__button-text {
    display: none
}

@media (min-width:600px) {
    .block-videos__main .media__button-text {
        display: block
    }
}

.block-videos__thumbnails {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: 1fr
}

@media (min-width:1280px) {
    .block-videos__thumbnails {
        grid-gap: 2rem
    }
}

.block-videos__thumbnail {
    align-items: center;
    background-color: #dddad0;
    border: .1rem solid #c4bfb6;
    border-radius: 8px;
    display: flex;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 0
}

.block-videos__thumbnail:before {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    border: .4rem solid #a2674f;
    border-radius: 8px;
    bottom: -.1rem;
    content: "";
    left: -.1rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -.1rem;
    top: -.1rem;
    z-index: 2
}

.block-videos__thumbnail.is-active:before, .block-videos__thumbnail:hover:before {
    opacity: 1
}

.block-videos__thumbnail-media {
    align-self: stretch;
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px);
    color: #e8e6df;
    display: flex;
    flex-shrink: 0;
    width: 17rem
}

@media (min-width:600px) {
    .block-videos__thumbnail-media {
        width: 24rem
    }
}

.block-videos__thumbnail-media:before {
    background: linear-gradient(0deg, #101820, transparent);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.block-videos__thumbnail-picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.block-videos__thumbnail-content {
    align-items: flex-start;
    bottom: 0;
    color: #e8e6df;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    margin: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.block-videos__thumbnail-link {
    align-items: center;
    display: flex;
    margin-top: 4rem
}

.block-videos__thumbnail-icon {
    color: #e09b32;
    display: block;
    margin-right: 1.5rem;
    width: 2rem
}

.block-videos__thumbnail-caption {
    box-sizing: border-box;
    padding: 2rem
}

.block-videos__thumbnail-text {
    margin-top: 1rem
}

.block-videos__thumbnail .media {
    padding-bottom: 65%
}

.brand-products {
    position: relative;
    width: 100%
}

.brand-products__back {
    display: flex;
    font-weight: 500;
    margin-bottom: 2rem;
    width: 100%
}

.brand-products__back-button {
    align-items: center;
    display: flex
}

.brand-products__back-icon {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textAccentColor);
    margin-right: 1rem;
    width: .4em
}

.brand-products__back:hover .brand-products__back-icon {
    transform: translate3d(-1rem, 0, 0)
}

.brand-products__item {
    border: 1px solid var(--textLightColor);
    border-radius: 8px;
    display: flex;
    padding: 3rem 1.5rem
}

.brand-products__item-inner {
    display: grid;
    flex-grow: 1;
    grid-gap: 2rem;
    grid-template-columns: 1fr;
    justify-items: center
}

.brand-products__item--no-media .brand-products__item-inner {
    align-items: center;
    display: flex
}

.brand-products__item-media {
    width: 20rem;
    width: clamp(15rem, calc(10rem + 13.33333vw), 26rem);
    display: flex;
    flex-shrink: 0
}

.brand-products__item-media-inner {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative
}

.brand-products__item-media-background {
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition-duration: .5s, .75s, .5s;
    width: 100%
}

.brand-products__item-media-background-inner {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textAccentColor);
    border-radius: 100%;
    padding-bottom: 100%;
    transform: translate(calc(var(--magnetismX)*-1), calc(var(--magnetismY)*-1));
    width: 100%
}

.brand-products__item-media-background.visible {
    transform: translate(-50%, -50%) scale(1)
}

.brand-products__item-media-foreground {
    transition-duration: .5s;
    transition-property: opacity, transform;
    transition-delay: .1s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    opacity: 0;
    position: relative;
    transform: scale(.5);
    width: 185%
}

.brand-products__item-media-foreground:before {
    content: "";
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.brand-products__item-media-foreground-inner {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(calc(var(--magnetismX)*2), calc(var(--magnetismY)*2))
}

.brand-products__item-media-foreground.visible {
    opacity: 1;
    transform: scale(1)
}

.brand-products__item-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.brand-products__surtitle {
    align-items: center;
    align-self: stretch;
    display: flex;
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .brand-products__surtitle {
        margin-bottom: 4rem
    }
}

.brand-products__surtitle:before {
    background: var(--textAccentColor);
    content: "";
    display: block;
    flex-basis: 6rem;
    height: 1px;
    margin-right: 1.5rem;
    transition: flex-basis .75s cubic-bezier(.19, 1, .22, 1) .5s
}

.swiper-slide-active .brand-products__surtitle:before {
    flex-basis: 10rem
}

@media (min-width:600px) {
    .swiper-slide-active .brand-products__surtitle:before {
        flex-basis: 16rem
    }
}

.brand-products__title {
    font-weight: 500;
    margin-bottom: 1.5rem
}

.brand-products__button {
    margin-top: 4rem
}

.brand-products .swiper-wrapper {
    display: flex;
    position: relative
}

.brand-products .swiper-slide {
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
    width: 100%
}

.brand-products .swiper-navigation-ctn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 6rem;
    z-index: 5
}

.brand-products .swiper-button-next, .brand-products .swiper-button-prev {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    display: block;
    margin: 0 2rem;
    width: 4rem
}

@media (hover:hover) {
    .brand-products .swiper-button-next:hover, .brand-products .swiper-button-prev:hover {
        color: var(--textAccentColor)
    }
}

.brand-products .swiper-button-next:disabled, .brand-products .swiper-button-prev:disabled {
    opacity: .5;
    pointer-events: none
}

.brand-products .swiper-button-prev {
    transform: rotate(180deg)
}

@media (min-width:600px) {
    .brand-products__item {
        padding: 6rem 10rem
    }
}

@media (min-width:900px) {
    .brand-products__item {
        padding: 6rem clamp(4rem, calc(-14rem + 20vw), 10rem)
    }

    .brand-products__item-inner {
        align-items: center;
        grid-gap: clamp(4rem, calc(-14rem + 20vw), 10rem);
        grid-template-columns: -webkit-max-content auto;
        grid-template-columns: max-content auto
    }

    .brand-products__item-content {
        align-items: flex-start;
        text-align: left
    }
/* 
    .brand-products .swiper-slide {
        width: 80%
    } */
}

.brand-recipes {
    --mediaDimension: 24rem;
    position: relative;
    width: 100%
}

.brand-recipes .swiper-wrapper {
    display: flex;
    position: relative
}

.brand-recipes .swiper-slide {
    box-sizing: border-box;
    flex-shrink: 0;
    opacity: 1 !important;
    pointer-events: none !important;
    position: relative;
    width: 100%;
    z-index: 1
}

.brand-recipes .swiper-slide .card-recipe__button, .brand-recipes .swiper-slide .card-recipe__media, .brand-recipes .swiper-slide .card-recipe__surtitle, .brand-recipes .swiper-slide .card-recipe__text, .brand-recipes .swiper-slide .card-recipe__title {
    transition-duration: .3s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    opacity: 0;
    transform: translateY(-3rem)
}

.brand-recipes .swiper-slide .card-recipe__surtitle {
    transition-delay: 50ms
}

.brand-recipes .swiper-slide .card-recipe__title {
    transition-delay: .1s
}

.brand-recipes .swiper-slide .card-recipe__text {
    transition-delay: .15s
}

.brand-recipes .swiper-slide .card-recipe__button {
    transition-delay: .2s
}

.brand-recipes .swiper-slide-active {
    pointer-events: all !important;
    z-index: 2
}

.brand-recipes .swiper-slide-active .card-recipe__button, .brand-recipes .swiper-slide-active .card-recipe__media, .brand-recipes .swiper-slide-active .card-recipe__surtitle, .brand-recipes .swiper-slide-active .card-recipe__text, .brand-recipes .swiper-slide-active .card-recipe__title {
    opacity: 1;
    transform: none;
    transition-delay: .3s
}

.brand-recipes .swiper-slide-active .card-recipe__surtitle {
    transition-delay: .35s
}

.brand-recipes .swiper-slide-active .card-recipe__title {
    transition-delay: .4s
}

.brand-recipes .swiper-slide-active .card-recipe__text {
    transition-delay: .45s
}

.brand-recipes .swiper-slide-active .card-recipe__button {
    transition-delay: .5s
}

.brand-recipes .swiper-navigation {
    align-items: center;
    display: flex;
    height: 6rem;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(var(--mediaDimension)/2);
    transform: translateY(-50%);
    z-index: 3
}

.brand-recipes .swiper-button-next, .brand-recipes .swiper-button-prev {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    display: block;
    width: 4rem
}

@media (hover:hover) {
    .brand-recipes .swiper-button-next:hover, .brand-recipes .swiper-button-prev:hover {
        color: var(--textAccentColor)
    }
}

.brand-recipes .swiper-button-next:disabled, .brand-recipes .swiper-button-prev:disabled {
    opacity: .5;
    pointer-events: none
}

.brand-recipes .swiper-button-prev {
    transform: rotate(180deg)
}

@media (min-width:600px) {
    .brand-recipes {
        --mediaDimension: 36rem
    }
}

.brands-listing__types {
    margin-bottom: 3rem
}

@media (min-width:600px) {
    .brands-listing__types {
        margin-bottom: 6rem
    }
}

.brands-listing .swiper-wrapper {
    display: flex;
    position: relative
}

.brands-listing__type-link {
    transition-duration: .75s;
    transition-property: border, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    display: block;
    padding-bottom: .5rem;
    position: relative
}

@media (hover:hover) {
    .brands-listing__type-link:hover {
        color: var(--textColor)
    }

    .brands-listing__type-link:hover:after {
        width: 100%
    }
}

.brands-listing__type-link:after {
    transition-duration: .75s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textAccentColor);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}

.brands-listing__type-link.is-active {
    color: var(--textColor);
    font-style: italic;
    font-weight: 600
}

.brands-listing__type-link.is-active:after {
    width: 100%
}

.brands-listing__subtypes {
    margin-bottom: 2rem
}

@media (min-width:600px) {
    .brands-listing__subtypes {
        margin-bottom: 4rem
    }
}

.brands-listing__subtype-link {
    transition-duration: .75s;
    transition-property: background, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    border: .1rem solid var(--textColor);
    border-radius: 10rem;
    color: var(--textLightColor);
    display: flex;
    padding: .5rem 2rem
}

@media (min-width:600px) {
    .brands-listing__subtype-link {
        padding: 1rem 2rem
    }
}

.brands-listing__subtype-link.is-active {
    font-style: italic;
    font-weight: 500
}

.brands-listing__subtype-link.is-active, .brands-listing__subtype-link:hover {
    background-color: #a2674f;
    color: #e8e6df
}

.brands-listing__subtype-icon {
    margin-left: 1rem;
    width: .5em
}

.brands-listing__items {
    --gridGutterX: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    justify-content: center;
    --gridGutterY: 2rem;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.brands-listing__items>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY);
    width: 50%
}

.brands-listing.changing .brands-listing__items {
    opacity: 0;
    pointer-events: none
}

.brands-listing.changing .brands-listing__item {
    opacity: 0 !important;
    transform: translateY(6rem) !important
}

@media (min-width:1280px) {
    .brands-listing__items>* {
        width: 33.33%
    }
}

.hero-basic {
    color: #e8e6df;
    position: relative;
    z-index: 1
}

.hero-basic:before {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: linear-gradient(180deg, rgba(0, 0, 0, .65), transparent);
    content: "";
    display: block;
    height: 8rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.hero-basic__title {
    align-items: center;
    display: flex;
    font-family: Bitter, Georgia, Times, serif;
    font-size: 11vw;
    font-weight: 700;
    height: calc(var(--windowHeight)*0.85);
    justify-content: center;
    line-height: 1.08em;
    position: relative;
    text-align: center;
    text-shadow: 0 0 35px rgba(0, 0, 0, .65);
    text-transform: uppercase;
    z-index: 2
}

@media (min-width:600px) {
    .hero-basic__title {
        font-size: 5.8vw
    }
}

.hero-basic__title-inner {
    display: block;
    transform: translateY(-32%)
}

.hero-basic__background, .hero-basic__foreground {
    height: calc(var(--windowHeight)*0.7);
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0
}

@media (min-width:600px) {
    .hero-basic__background, .hero-basic__foreground {
        bottom: 0;
        height: auto
    }
}

.hero-basic__background .media__picture-image, .hero-basic__foreground .media__picture-image {
    -o-object-position: bottom center;
    object-position: bottom center
}

.hero-basic__background {
    z-index: 1
}

.hero-basic__foreground {
    z-index: 3
}

.hero-basic:not(.visible) {
    opacity: 0;
    pointer-events: none
}

.page .hero-basic__title {
    height: calc(var(--windowHeight)*0.7);
    opacity: 0
}

@media (min-width:600px) {
    .page .hero-basic__title {
        height: var(--windowHeight)
    }
}

.page .hero-basic__background, .page .hero-basic__foreground {
    transform: scale(1.2)
}

.page.loaded .hero-basic__title {
    transition-duration: .75s;
    transition-property: height, opacity;
    transition-delay: 1.8s;
    opacity: 1
}

@media (min-width:600px) {
    .page.loaded .hero-basic__title {
        height: calc(var(--windowHeight)*0.85)
    }
}

.page.loaded .hero-basic__background, .page.loaded .hero-basic__foreground {
    transition-duration: 1.8s;
    transition-property: transform;
    transform: scale(1)
}

.hero-biography {
    --rowGapX: 2rem;
    align-items: center;
    margin: 0 auto;
    max-width: 160rem
}

@media (min-width:900px) {
    .hero-biography {
        --rowWrap: nowrap
    }
}

@media (min-width:1280px) {
    .hero-biography {
        --rowGapX: 4rem
    }
}

.hero-biography__content {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-wrap: wrap
}

@media (min-width:900px) {
    .hero-biography__content {
        margin: 0 auto;
        max-width: 50%
    }
}

.hero-biography__back {
    align-items: center;
    display: flex;
    font-weight: 500;
    margin-bottom: 2rem;
    width: 100%
}

.hero-biography__back-icon {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textAccentColor);
    margin-right: 1rem;
    width: .4em
}

.hero-biography__back:hover .hero-biography__back-icon {
    transform: translate3d(-1rem, 0, 0)
}

.hero-biography__text {
    align-items: center;
    display: flex;
    flex-grow: 1;
    width: 100%
}

.hero-biography__text-inner {
    width: 100%
}

.hero-biography__media {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:900px) {
    .hero-biography__media {
        width: 40%
    }
}

.hero-biography__media .media {
    -webkit-clip-path: inset(0 0 0 0 round 8px);
    clip-path: inset(0 0 0 0 round 8px)
}

.hero-detail {
    position: relative;
    z-index: 1
}

.hero-detail__content {
    left: 0;
    overflow: hidden;
    position: sticky;
    text-align: center;
    top: 0
}

.hero-detail__content-inner {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hero-detail__surtitle {
    margin-bottom: 3rem
}

.hero-detail__title {
    color: var(--textLightColor)
}

.hero-detail__subtitle {
    margin: 2rem auto 0;
    max-width: 66rem
}

.hero-detail__media {
    margin-bottom: 8rem;
    overflow: hidden;
    position: relative
}

.hero-detail__media-inner {
    transform-origin: center top
}

.hero-detail .media {
    border-radius: 8px;
    overflow: hidden
}

.hero-detail--news-article .hero-detail__title {
    color: var(--textColor);
    font-weight: 500;
    max-width: 104rem
}

.history-timeline__intro {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    background: #e8e6df;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 7
}

.history-timeline__intro-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    text-align: center;
    width: 46rem
}

.history-timeline__intro-title {
    color: var(--textLightColor)
}

.history-timeline__intro-text {
    margin-top: 1.5rem
}

.history-timeline__intro-button {
    margin-top: 3rem
}

.history-timeline__nav {
    --interval: 30vh;
    --spacing: 10rem;
    --width: calc(200vh - var(--spacing)*2);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: #a2674f;
    bottom: 0;
    color: #101820;
    overflow: hidden;
    pointer-events: none;
    z-index: 6
}

.history-timeline__nav, .history-timeline__nav:after {
    transition-duration: .75s;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.history-timeline__nav:after {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--backgroundColor);
    border-bottom: 1px solid var(--textLighterColor);
    content: "";
    display: block;
    height: 6rem;
    transform: translateY(-120%);
    z-index: 11
}

.history-timeline__nav-item {
    transition-duration: 1.8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: block;
    height: calc(var(--width) - var(--index)*var(--interval));
    left: 50%;
    margin-left: calc(var(--width)*-0.5 - var(--index)*var(--interval)*-0.5);
    margin-top: calc(var(--index)*var(--interval)*0.5 + var(--spacing));
    position: absolute;
    top: 0;
    transform: scale(0);
    transition-delay: calc(100ms*var(--index));
    width: calc(var(--width) - var(--index)*var(--interval))
}

@media (hover:hover) {
    .history-timeline__nav-item:hover .history-timeline__nav-item-hover {
        opacity: 1
    }

    .history-timeline__nav-item:hover .history-timeline__nav-item-hover-title {
        transform: none
    }

    .history-timeline__nav-item:hover .history-timeline__nav-item-hover-subtitle {
        transform: none;
        transition-delay: .1s
    }
}

.history-timeline__nav-item-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.history-timeline__nav-item-bg .icon--dendrochronology .outer {
    fill: #e8e6df;
    stroke: var(--color);
    stroke-miterlimit: 4.0005;
    stroke-width: 4.0005
}

.history-timeline__nav-item-bg .icon--dendrochronology .inner {
    enable-background: new;
    fill: none;
    opacity: .2;
    stroke: #2e5665;
    stroke-miterlimit: 4.0005;
    stroke-width: 1.0001
}

.history-timeline__nav-item-inner {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 3rem;
    position: absolute;
    right: 0;
    top: 0
}

.history-timeline__nav-item-inner-period {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: auto;
    transform: rotate(180deg)
}

.history-timeline__nav-item-inner-period-separator {
    background: currentColor;
    height: 1px;
    margin: 0 1rem;
    opacity: .5;
    width: 2rem
}

.history-timeline__nav-item-hover {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 1.5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translate(0);
    z-index: 10
}

.history-timeline__nav-item-hover-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.history-timeline__nav-item-hover-bg .icon--dendrochronology .outer {
    fill: var(--color);
    stroke: var(--color);
    stroke-miterlimit: 4.0005;
    stroke-width: 4.0005
}

.history-timeline__nav-item-hover-bg .icon--dendrochronology .inner {
    display: none
}

.history-timeline__nav-item-hover-subtitle, .history-timeline__nav-item-hover-title {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    position: relative;
    transform: translateY(4rem)
}

.history-timeline__nav-item-hover-subtitle {
    margin-top: 2rem
}

.history-timeline__nav-item--inverted .history-timeline__nav-item-hover {
    color: #e8e6df
}

.history-timeline__background {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.history-timeline__background-item {
    transition-duration: .75s;
    transition-property: opacity;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.history-timeline__background-item.active {
    opacity: .1
}

.history-timeline .swiper-container {
    transition-duration: .75s;
    transition-property: background, color, opacity;
    background: var(--activeColor);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

.history-timeline .swiper-container.inverted {
    color: #e8e6df
}

.history-timeline .swiper-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.history-timeline .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: var(--windowHeight);
    overflow: hidden;
    padding-bottom: 9rem;
    padding-top: 6rem;
    position: relative;
    width: 100%
}

.history-timeline .swiper-slide.swiper-slide-active {
    overflow-y: auto
}

.history-timeline .swiper-pagination-ctn {
    transition-duration: .75s;
    transition-property: background;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    padding-bottom: 2rem;
    padding-top: 2rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 5
}

.history-timeline .swiper-pagination-ctn:before {
    background: linear-gradient(0deg, var(--activeColor) 50%, var(--activeColorTransparent));
    bottom: 0;
    content: "";
    height: 150%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.history-timeline .swiper-pagination-ctn button {
    pointer-events: auto
}

.history-timeline .swiper-pagination {
    align-items: center;
    display: none;
    justify-content: space-between;
    order: 1;
    position: relative;
    width: 100%
}

.history-timeline .swiper-pagination:before {
    background: currentColor;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    right: 0;
    top: 50%
}

.history-timeline .swiper-pagination-bullet {
    display: block;
    position: relative;
    z-index: 5
}

@media (hover:hover) {
    .history-timeline .swiper-pagination-bullet:hover .swiper-pagination-bullet-bg {
        height: 2rem;
        width: 2rem
    }
}

.history-timeline .swiper-pagination-bullet-bg {
    transition-duration: .75s;
    transition-property: background, height, width;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--activeColor);
    border: 2px solid;
    border-radius: 100%;
    display: block;
    height: .5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    z-index: 4
}

.history-timeline .swiper-pagination-bullet--group .swiper-pagination-bullet-bg {
    height: 1rem;
    width: 1rem
}

.history-timeline .swiper-pagination-bullet--group .swiper-pagination-bullet-title {
    bottom: 100%;
    left: 0;
    margin-bottom: 2rem;
    position: absolute;
    white-space: nowrap;
    z-index: 5
}

@media (hover:hover) {
    .history-timeline .swiper-pagination-bullet--item:hover .swiper-pagination-bullet-bg {
        height: 6rem;
        width: 6rem
    }

    .history-timeline .swiper-pagination-bullet--item:hover .swiper-pagination-bullet-title {
        opacity: 1
    }
}

.history-timeline .swiper-pagination-bullet--item .swiper-pagination-bullet-title {
    transition-duration: .75s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    display: flex;
    height: 6rem;
    justify-content: center;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6rem;
    z-index: 5
}

.history-timeline__button-back {
    align-items: center;
    display: inline-flex
}

.history-timeline__button-back-icon {
    flex-shrink: 0;
    margin-right: 1rem;
    transform: translateY(.1em) rotate(180deg);
    width: 1rem
}

.history-timeline__button-next {
    align-items: center;
    display: inline-flex
}

.history-timeline__button-next-icon {
    flex-shrink: 0;
    margin-left: 1rem;
    width: 1rem
}

.history-timeline.loaded .history-timeline__nav {
    pointer-events: all
}

.history-timeline.intro-clicked .history-timeline__intro {
    opacity: 0;
    pointer-events: none
}

.history-timeline.intro-clicked .history-timeline__nav-item, .history-timeline.intro-clicked .history-timeline__nav:after {
    transform: none
}

.history-timeline.nav-clicked .history-timeline__nav {
    opacity: 0;
    pointer-events: none
}

.history-timeline.nav-clicked .swiper-container {
    opacity: 1;
    transition-delay: 0s, 0s, .5s
}

.history-timeline .swiper-pagination-bullet-active .swiper-pagination-bullet-bg {
    height: 2rem;
    width: 2rem
}

.page.history-not-inverted:not(.scroll-compact) .site-header__logo .text {
    fill: #101820
}

.page.history-inverted:not(.scroll-compact) .site-header__bar {
    color: #e8e6df
}

.page.history-inverted:not(.scroll-compact) .site-header__logo .text {
    fill: #e8e6df
}

@media (min-width:600px) {
    .history-timeline__intro-button {
        margin-top: 4rem
    }
}

@media (min-width:900px) {
    .history-timeline .swiper-wrapper {
        display: flex
    }

    .history-timeline .swiper-slide {
        flex-shrink: 0;
        height: var(--windowHeight);
        min-height: auto;
        min-width: 100vw;
        padding-bottom: 27rem;
        padding-top: 16rem;
        width: auto
    }

    .history-timeline .swiper-slide:before {
        height: 16rem
    }

    .history-timeline .swiper-pagination {
        display: flex;
        margin-top: 8rem
    }

    .history-timeline .swiper-pagination-ctn {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .history-timeline__nav {
        --interval: 18vw;
        --spacing: 4rem;
        --width: calc(100vw - var(--spacing)*2)
    }

    .history-timeline__nav-item {
        left: 0;
        margin-left: calc(var(--index)*var(--interval)*0.5 + var(--spacing));
        margin-top: calc(var(--width)*-0.5 - var(--index)*var(--interval)*-0.5);
        top: 50%
    }

    .history-timeline__nav-item-inner {
        transform: rotate(-90deg)
    }

    .history-timeline__nav-item-hover {
        padding: 8rem
    }

    .history-timeline__nav-item.active .history-timeline__nav-item-hover {
        opacity: 1
    }

    .history-timeline__nav-item.active .history-timeline__nav-item-hover-title {
        transform: none
    }

    .history-timeline__nav-item.active .history-timeline__nav-item-hover-subtitle {
        transform: none;
        transition-delay: .1s
    }
}

.news-listing__title {
    font-weight: 500;
    margin: 0 auto 6rem;
    max-width: 58rem;
    text-align: center
}

.news-listing__header {
    margin-bottom: 6rem
}

.news-listing__header-items {
    display: flex
}

.news-listing__header-item {
    flex-shrink: 0
}

.news-listing__header-link {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: var(--textLightColor);
    position: relative
}

.news-listing__header-link:after {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textAccentColor);
    content: "";
    display: block;
    height: .2rem;
    left: 0;
    margin-top: .25rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transform: scaleX(0)
}

.news-listing__header-link:hover, .news-listing__header-link[aria-current=page] {
    color: currentColor
}

.news-listing__header-link:hover:after, .news-listing__header-link[aria-current=page]:after {
    transform: scaleX(1)
}

.news-listing__filter {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 4rem
}

.news-listing__filter-label {
    margin-right: 2rem
}

.news-listing__filter-select {
    color: var(--backgroundContrastLightColor);
    position: relative;
    z-index: 0
}

.news-listing__filter-select:before {
    background-color: var(--backgroundContrastDarkColor);
    border-radius: 1rem;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.news-listing__filter-select:after {
    border: .6rem solid transparent;
    border-bottom: 0;
    border-top: .8rem solid;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 1
}

.news-listing__filter-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: currentColor;
    padding: 1.5rem 5.2rem 1.5rem 2rem;
    width: 100%
}

.news-listing__filter-select option {
    color: initial
}

.news-listing__items {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(1, 1fr)
}

@media (min-width:900px) {
    .news-listing__items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1280px) {
    .news-listing__items {
        grid-template-columns: repeat(3, 1fr)
    }
}

.news-listing__error {
    text-align: center
}

.news-listing.is-changing .news-listing__items {
    opacity: 0;
    pointer-events: none
}

.news-listing.is-changing .news-listing__item {
    opacity: 0 !important;
    transform: translateY(6rem) !important
}

.cookies {
    --btnBackgroundColor: transparent;
    --btnTextColor: #e8e6df;
    --btnHoverBackgroundColor: #a2674f;
    --btnHoverTextColor: #e8e6df;
    bottom: 2rem;
    left: 0;
    padding: 0 1.5rem;
    position: fixed;
    right: 0;
    z-index: 6
}

@media (min-width:600px) {
    .cookies {
        padding: 0 4rem
    }
}

.cookies__inner {
    align-items: center;
    background-color: rgba(16, 24, 32, .9);
    border: .1rem solid rgba(232, 230, 223, .6);
    border-radius: 8px;
    color: #e8e6df;
    display: flex;
    font-size: 1.2rem;
    margin: 0 auto;
    max-width: 960px;
    padding: 1.5rem
}

@media (min-width:900px) {
    .cookies__inner {
        border-radius: 20rem
    }
}

@media (min-width:1280px) {
    .cookies__inner {
        font-size: 1.5rem
    }
}

.cookies__logo {
    flex-shrink: 0;
    margin-right: 2rem;
    width: 4rem
}

@media (min-width:600px) {
    .cookies__logo {
        width: 6rem
    }
}

.cookies__content {
    flex-grow: 1
}

.cookies #truste-consent-track {
    background-color: transparent !important
}

.cookies #truste-consent-content {
    margin: 0 !important;
    max-width: none !important
}

.cookies #truste-consent-text {
    float: none !important;
    margin: 0 !important;
    width: auto !important
}

.cookies #truste-consent-text h2 {
    color: currentColor !important;
    font-family: inherit !important;
    font-size: inherit !important;
    margin: 0
}

.cookies #truste-consent-buttons {
    display: flex;
    flex-direction: column;
    float: none !important
}

@media (min-width:600px) {
    .cookies #truste-consent-buttons {
        align-items: baseline;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 -1rem !important
    }
}

.cookies #truste-consent-buttons>* {
    margin: 2rem 0 0 !important
}

@media (min-width:600px) {
    .cookies #truste-consent-buttons>* {
        margin: 2rem 1rem 0 !important
    }
}

#teconsent a, #truste-consent-buttons button {
    transition-duration: .75s;
    transition-property: background-color, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--btnBackgroundColor);
    border: .2rem solid var(--btnHoverBackgroundColor);
    border-radius: 20rem;
    color: currentColor;
    display: inline-block;
    font-family: inherit;
    font-size: inherit !important;
    font-weight: 600;
    padding: 1rem 1.5rem !important;
    width: auto
}

@media (min-width:1280px) {
    #teconsent a, #truste-consent-buttons button {
        font-size: 1.8rem !important
    }
}

#teconsent a:hover, #truste-consent-buttons button:hover {
    background: var(--btnHoverBackgroundColor);
    color: var(--btnHoverTextColor)
}

#teconsent {
    --btnBackgroundColor: var(--backgroundColor);
    --btnTextColor: var(--textColor);
    --btnHoverBackgroundColor: var(--textAccentColor);
    --btnHoverTextColor: var(--backgroundColor)
}

.site-error {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    min-height: 100vh;
    position: relative;
    text-align: center;
    z-index: 0
}

.site-error__inner {
    position: relative;
    width: 100%;
    z-index: 1
}

.site-error__title {
    color: var(--textLightColor);
    font-family: Bitter, Georgia, Times, serif;
    font-size: clamp(12rem, calc(3.81818rem + 21.81818vw), 30rem);
    font-weight: 300;
    line-height: 1
}

.site-error__btn {
    margin-top: 3rem
}

@media (min-width:600px) {
    .site-error__btn {
        margin-top: 4rem
    }
}

.site-error__images {
    pointer-events: none
}

.site-error__image {
    --animationBase: 3;
    --animationDelay: calc(var(--errorImageDelay)*var(--animationBase));
    --animationDuration: calc(var(--errorImageSpeed)*var(--animationBase));
    --animationTransitionEnd: calc(var(--errorImageTransitionEnd)*var(--animationBase));
    --errorImageSpeed: 40s;
    --errorImageDelay: 0s;
    --errorImageTransitionStart: 100%;
    --errorImageTransitionEnd: -100vh;
    align-items: flex-end;
    bottom: 0;
    display: flex;
    left: 3rem;
    position: fixed;
    top: 0
}

@media (min-width:900px) {
    .site-error__image {
        --animationBase: 2
    }
}

@media (min-width:1280px) {
    .site-error__image {
        --animationBase: 1
    }
}

.site-error__image:first-child {
    --errorImageSpeed: 35s;
    --errorImageDelay: 6s;
    left: 12%;
    z-index: -1
}

.site-error__image:nth-child(2) {
    --errorImageSpeed: 30s;
    --errorImageDelay: 18s;
    left: 32%
}

.site-error__image:nth-child(3) {
    left: 71%;
    z-index: -1
}

.site-error__image:nth-child(4) {
    --errorImageSpeed: 30s;
    --errorImageDelay: 26s;
    left: 71%;
    z-index: -1
}

.site-error__image:nth-child(5) {
    --errorImageSpeed: 35s;
    --errorImageDelay: 14s;
    left: 93%
}

.site-error__image-inner {
    -webkit-animation-delay: calc(-25s + var(--animationDelay));
    animation-delay: calc(-25s + var(--animationDelay));
    -webkit-animation-duration: var(--animationDuration);
    animation-duration: var(--animationDuration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: errorImageAnimation;
    animation-name: errorImageAnimation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    flex-shrink: 0;
    transform: translateY(var(--errorImageTransitionStart))
}

.site-error__image-inner .media {
    transform: translateX(-50%)
}

.site-error__image-inner .media__picture {
    border-radius: 8px;
    overflow: hidden;
    transform: scale(.5)
}

@media (min-width:600px) {
    .site-error__image-inner .media__picture {
        transform: scale(.7)
    }
}

@media (min-width:900px) {
    .site-error__image-inner .media__picture {
        transform: scale(.8)
    }
}

@media (min-width:1280px) {
    .site-error__image-inner .media__picture {
        transform: scale(1)
    }
}

@-webkit-keyframes errorImageAnimation {
    0% {
        transform: translate3d(0, var(--errorImageTransitionStart), 0)
    }

    to {
        transform: translate3d(0, var(--animationTransitionEnd), 0)
    }
}

@keyframes errorImageAnimation {
    0% {
        transform: translate3d(0, var(--errorImageTransitionStart), 0)
    }

    to {
        transform: translate3d(0, var(--animationTransitionEnd), 0)
    }
}

.site-footer {
    padding-bottom: 3rem;
    position: relative;
    z-index: 5
}

.site-footer__top {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between
}

@media (min-width:900px) {
    .site-footer__top {
        border-bottom: .1rem solid rgba(232, 230, 223, .2);
        grid-column-gap: 2rem;
        grid-template-columns: auto auto;
        margin-bottom: 4rem;
        padding-bottom: 4rem;
        padding-top: 4rem
    }
}

.site-footer__top .site-footer__inner {
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width:900px) {
    .site-footer__top .site-footer__inner {
        padding-bottom: 0;
        padding-top: 0
    }
}

.site-footer__top .site-footer__inner:not(:first-child) {
    border-top: .1rem solid rgba(232, 230, 223, .2)
}

@media (min-width:900px) {
    .site-footer__top .site-footer__inner:not(:first-child) {
        border-top: 0
    }
}

.site-footer__logo {
    display: block;
    width: 25rem
}

.site-footer__logo .circle {
    fill: var(--backgroundContrastDarkColor)
}

.site-footer__logo .text {
    fill: currentColor
}

.site-footer__socials {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, 5.4rem);
    margin: 0 -.5rem
}

@media (min-width:900px) {
    .site-footer__socials {
        border-top: 0
    }
}

.site-footer__socials li {
    padding: .5rem
}

.site-footer__socials .magnetism {
    display: block
}

.site-footer__social {
    color: var(--textColor) !important
}

.site-footer__social-inner {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 5.4rem;
    z-index: 0
}

.site-footer__social-inner:before {
    content: "";
    padding-bottom: 100%
}

.site-footer__social-background {
    background-color: var(--textColor);
    border-radius: 50%;
    bottom: 0;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(var(--magnetismX), var(--magnetismY));
    z-index: -1
}

.site-footer__social-background, .site-footer__social-icon {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.site-footer__social-icon {
    transform: translate(calc(var(--magnetismX)*-0.5), calc(var(--magnetismY)*-0.5));
    width: 40%
}

.site-footer__middle {
    align-items: flex-start;
    display: grid;
    grid-gap: 4rem 2rem;
    grid-template-columns: 1fr;
    justify-content: space-between
}

@media (min-width:900px) {
    .site-footer__middle {
        grid-template-columns: auto auto
    }
}

.site-footer__nav-list {
    display: grid;
    grid-gap: 3rem 2rem;
    grid-template-columns: repeat(auto-fill, minmax(27rem, 1fr))
}

@media (min-width:900px) {
    .site-footer__nav-list {
        grid-template-columns: repeat(3, minmax(auto, 22rem)) auto
    }
}

.site-footer__nav--policies:not(:first-child) {
    margin-top: 4rem
}

@media (min-width:900px) {
    .site-footer__nav--policies:not(:first-child) {
        margin-top: 8rem
    }
}

.site-footer__nav a {
    position: relative
}

@media (hover:hover) {
    .site-footer__nav a:hover:after {
        transform: scaleX(1)
    }
}

.site-footer__nav a:after {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textAccentColor);
    content: "";
    display: block;
    height: .2rem;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: scaleX(0);
    width: 100%
}

.site-footer__nav-title {
    font-family: Bitter, Georgia, Times, serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 1rem
}

.site-footer__nav-list-item {
    font-family: Barlow, Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    line-height: 1.4em;
    margin-top: .5rem
}

.site-footer__nav-list-link {
    padding-bottom: .2rem
}

@media (min-width:900px) {
    .site-footer__policies {
        display: flex;
        flex-wrap: wrap
    }
}

.site-footer__policy:not(:first-child) {
    margin-top: .5rem
}

@media (min-width:900px) {
    .site-footer__policy:not(:first-child) {
        margin-top: 0
    }
}

@media (min-width:900px) {
    .site-footer__policy:not(:last-child) {
        align-items: center;
        display: flex
    }

    .site-footer__policy:not(:last-child):after {
        content: "|";
        opacity: .4;
        padding: 0 3rem
    }
}

.site-footer__bottom {
    display: grid;
    grid-gap: 1rem 4rem;
    grid-template-columns: repeat(auto-fill, minmax(auto, 52rem))
}

.site-footer__bottom:not(:first-child) {
    margin-top: 3rem
}

.site-header__bar {
    transition-property: height, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 6rem;
    position: fixed;
    z-index: 40
}

.site-header__bar, .site-header__bar:before {
    transition-duration: .75s;
    left: 0;
    right: 0;
    top: 0
}

.site-header__bar:before {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--backgroundColor);
    border-bottom: 1px solid var(--textLighterColor);
    bottom: 0;
    content: "";
    display: block;
    position: absolute
}

.site-header__logo {
    position: relative;
    width: 16rem;
    z-index: 1
}

.site-header__nav {
    display: none;
    flex-grow: 1;
    font-weight: 500;
    position: relative
}

.site-header__nav-list {
    --gridGutterX: 4rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gridGutterX)*-1);
    margin-top: calc(var(--gridGutterY)*-1);
    align-items: baseline;
    justify-content: flex-end;
    --gridGutterY: 4rem
}

.site-header__nav-list>* {
    box-sizing: border-box;
    padding-left: var(--gridGutterX);
    padding-top: var(--gridGutterY)
}

@media (min-width:900px) {
    .site-header__nav-list {
        --gridGutterX: 1.5rem
    }
}

@media (min-width:1280px) {
    .site-header__nav-list {
        --gridGutterX: 4rem
    }
}

.site-header__nav-list-item {
    position: relative
}

.site-header__nav-list-item--left+.site-header__nav-list-item--right {
    margin-left: auto
}

.site-header__nav-list-item-link {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    display: block;
    overflow: hidden;
    padding: .5rem 0;
    position: relative
}

@media (hover:hover) {
    .site-header__nav-list-item-link:hover:after {
        width: 100%
    }
}

.site-header__nav-list-item-link:after {
    transition-duration: .75s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: #FEAE56;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}

.site-header__nav-list-item-link--active {
    font-family: Bitter, Georgia, Times, serif;
    font-style: italic;
    font-weight: 600
}

.site-header__nav-list-item-link--active:after {
    width: 100%
}

.site-header__panel-toggler {
    align-items: center;
    border: 1px solid;
    border-radius: 4rem;
    display: flex;
    margin-left: auto;
    padding: 1rem 1.5rem;
    position: relative
}

.site-header__panel-toggler-icon {
    display: block;
    flex-shrink: 0;
    height: 1rem;
    margin-right: 1rem;
    padding-bottom: 1px;
    position: relative;
    width: 2rem
}

.site-header__panel-toggler-icon-bar {
    transition-duration: .75s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: currentColor;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.site-header__panel-toggler-icon-bar:first-child {
    top: 0
}

.site-header__panel-toggler-icon-bar:nth-child(2), .site-header__panel-toggler-icon-bar:nth-child(3) {
    top: 50%
}

.site-header__panel-toggler-icon-bar:last-child {
    bottom: 0
}

.site-header__panel {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    bottom: 0;
    left: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    z-index: 39
}

.site-header__panel-inner {
    box-sizing: border-box;
    padding-bottom: 2rem
}

.site-header__panel-nav {
    flex-grow: 1;
    margin: auto 0
}

.site-header__panel-nav-list {
    align-items: center;
    display: flex;
    flex-direction: column
}

.site-header__panel-nav-list-item {
    width: 100%
}

.site-header__panel-nav-list-item-link {
    transition-duration: .75s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
    padding: .5rem 0;
    position: relative
}

@media (hover:hover) {
    .site-header__panel-nav-list-item-link:hover:after {
        width: 100%
    }
}

.site-header__panel-nav-list-item-link:after {
    transition-duration: .75s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: var(--textAccentColor);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.site-header__panel-nav-list-item-link--active {
    font-family: Bitter, Georgia, Times, serif;
    font-style: italic;
    font-weight: 600
}

.site-header__panel-nav-list-item-link--active:after {
    width: 100%
}

.site-header__panel-nav-list-item-link .site-header__panel-nav-list-item-link-icon {
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    flex-shrink: 0;
    margin-left: 1.5rem;
    width: .4em
}

.site-header__panel .site-language {
    margin-top: 4rem
}

.site-header__subnav-item:not(:first-child) {
    margin-top: 1rem
}

.site-header__subnav-link {
    display: block;
    padding: .5rem 0
}

.site-header__subnav-link--active {
    font-family: Bitter, Georgia, Times, serif;
    font-style: italic;
    font-weight: 600
}

.site-header__bar .site-header__subnav {
    transition-duration: .75s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: #101820;
    opacity: 0;
    padding: 4rem 2rem 2rem;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(-4rem);
    width: 25rem
}

.site-header__bar .site-header__subnav:before {
    background-color: #e8e6df;
    border: .2rem solid #776e64;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 2rem;
    z-index: -1
}

.site-header__bar .site-header__nav-list-item--left .site-header__subnav {
    left: 4rem
}

.site-header__bar .site-header__nav-list-item--right .site-header__subnav {
    right: 0
}

.keyboard-user .site-header__bar .site-header__nav-list-item-link:focus+.site-header__subnav, .keyboard-user .site-header__bar .site-header__nav-list-item:focus-within .site-header__subnav, .site-header__bar .site-header__nav-list-item-link[aria-expanded=true]+.site-header__subnav {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.site-header .site-header__panel .site-header__subnav {
    display: none
}

.keyboard-user .site-header .site-header__panel .site-header__panel-nav-list-item-link:focus .site-header__panel-nav-list-item-link-icon, .keyboard-user .site-header .site-header__panel .site-header__panel-nav-list-item:focus-within .site-header__panel-nav-list-item-link-icon, .site-header .site-header__panel .site-header__panel-nav-list-item-link[aria-expanded=true] .site-header__panel-nav-list-item-link-icon {
    transform: rotate(-180deg)
}

.keyboard-user .site-header .site-header__panel .site-header__panel-nav-list-item-link:focus+.site-header__subnav, .keyboard-user .site-header .site-header__panel .site-header__panel-nav-list-item:focus-within .site-header__subnav, .site-header .site-header__panel .site-header__panel-nav-list-item-link[aria-expanded=true]+.site-header__subnav {
    display: block
}

.site-header.opened .site-header__bar {
    color: #e8e6df
}

.site-header.opened .site-header__bar:before {
    transform: translateY(-120%)
}

.site-header.opened .site-header__logo .circle, .site-header.opened .site-header__logo .text {
    fill: currentColor
}

.site-header.opened .site-header__logo .logo-icon {
    fill: #a2674f
}

.site-header.opened .site-header__panel {
    pointer-events: all;
    transform: none
}

.site-header.opened .site-header__panel-toggler-icon-bar:first-child, .site-header.opened .site-header__panel-toggler-icon-bar:last-child {
    opacity: 0
}

.site-header.opened .site-header__panel-toggler-icon-bar:nth-child(2) {
    transform: rotate(-45deg)
}

.site-header.opened .site-header__panel-toggler-icon-bar:nth-child(3) {
    transform: rotate(45deg)
}

.page:not(.loaded) .site-header__bar {
    transform: translateY(-120%)
}

.page:not(.scroll-compact) .site-header__bar {
    height: 8rem
}

.page:not(.scroll-compact) .site-header__bar:before {
    transform: translateY(-120%)
}

.page.inverted:not(.scroll-compact) .site-header__bar {
    color: var(--backgroundColor)
}

.page.inverted:not(.scroll-compact) .site-header__logo .text {
    fill: var(--backgroundColor)
}

@media (min-width:900px) {
    .site-header__logo {
        left:100px;
        position: absolute;
        top: 60%;
        transform: translate(-50%, -50%);
        width: 20rem;
    }

    .site-header__nav {
        display: block
    }

    .site-header__panel, .site-header__panel-toggler {
        display: none
    }

    .page.scroll-compact.scroll-down .site-header__bar {
        transform: translateY(-120%)
    }
}

@media (min-width:1280px) {
    .site-header__logo {
        width: 20rem;
    }
}

.skip {
    left: 1.5rem;
    position: fixed;
    top: -100vh;
    z-index: 100
}

.keyboard-user .skip:focus {
    top: 1.5rem
}

.page.page--history .site-header__bar {
    height: 6rem !important
}

.page.page--history .site-footer {
    display: none
}

.search {
    display: block
}

.kint-rich {
    z-index: 1000;
    position: relative;
}

#user-login-form {
    margin-top: 100px;
}

.node-preview-backlink {
    color: blue;
    text-decoration: underline;
}

.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}

.messages+.messages {
    margin-top: 1.538em;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item+.messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(/core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url(/core/misc/icons/e29700/warning.svg);
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url(/core/misc/icons/e32700/error.svg);
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}