.carr_s-tiny {
    --side-gap: 20px;
    /* --side-gap: 2rem; */
}
.carr_s-x-small {
    --side-gap: 25px;
}

.carr_s-small {
    --side-gap: 30px;
}

.carr_s-medium {
    --side-gap: 3rem;
}

.carr_s-large {
    --side-gap: 4rem;
}

.carr_s-x-large {
    --side-gap: 5rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 500;
    color: rgba(var(--section-color-rgb), 1);
    text-wrap-style: balance;
}

h1, h2, h3 {
    letter-spacing: -0.02em;
}


h1 {
    /* font-weight: 500; */
    /* font-size: 8em; */
}

h2 {
    font-family: var(--heading-font);
    font-size: clamp(2rem,3.5vw,1.5rem);
    line-height: 1;
    text-transform: uppercase;
}

h3 {
    font-family: var(--heading-font);
    line-height: 1;
    text-transform: uppercase;
    font-size: 1.5rem;
}

h2 {
    /* margin-bottom: 1rem; */
    /* padding-left: 2rem; */
    /* padding: 1rem 2rem 1rem 2rem; */
    /* margin-top: 0.5em; */
    /* padding-left: 2rem; */
    /* padding-right: 2rem; */
    line-height: 0.9;
}


*+h2 {
    margin-top: 1rem;
}

*+h3 {
    margin-top: 0.5rem;
}


h1.xp-title {
    border-bottom: solid 1px #ccc;
    /* padding-bottom: 10px; */
    text-transform: uppercase;
}

*+p {
    margin-top: var(--p-gap);
}

*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 1em
}

.button {
    background-color: var(--section-color);
    padding: 0.5em 1em;
    height: 2.5em;
    /* display: flex; */
    align-items: center;
    /* border-radius: 0.2rem; */
    border-radius: var(--border-radius);
    color: #fff;
    display: inline-flex;
    border-radius:  0;
    /* filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.25)); */
    background-color: rgba(255,255,255,0.25);
    color: var(--section-color);
    box-shadow: 0 0 4px rgb(100 100 100 / 0.25);
    color: #444;
    background-color: var(--section-color);
    color: #fff;
}

.button:hover {
    background-color: var(--main-color);
    box-shadow: var(--main-shadow);
    color: #fff;
}

.xpk-game-hero {
    /* margin-bottom: 50px; */
}

.xpk-section-page {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
    padding: 40px 0;
}

.xpk-section-header {
    /* margin-bottom: 1rem; */
}

.xpk-section-title {
    margin-top: 0;
}

.xpk-section-featured-image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    border-radius: 8px;
}

.xpk-section-short-description {
    font-size: 1.25rem;
    line-height: 1.5;
}

.xpk-game-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}

.xpk-game-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 8px;
}

.xpk-game-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.xpk-game-card-image img {
    display: block;
    width: 100%;
    height: auto;
}

.xpk-game-card-title {
    margin: 0;
    padding: 18px;
}

.reveal-content {
    display: none;
    padding-top: var(--content-gap);
}

.reveal_block_header_text {
    /* background-color: red; */
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

.reveal_block_header_buttons {
    text-align: left;
    /* padding: 10px 0; */
    display: flex;
    /* align-content: space-between; */
    margin-top: 0rem;
    margin-bottom: 0rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    /* flex-basis: 50%; */
    justify-content: flex-end;
    flex-shrink: 0;
    /* flex-basis: 14rem; */
    /* background-color: #ccc; */
    flex-direction: row;
    align-items: stretch;
    flex-direction: column;
    /* text-align: right; */
}

*+.xpk-content-block {
    margin-top: var(--content-gap);
}

*+.xpk-game-section {
    margin-top: var(--content-gap);
}

.reveal-toggle span {
    display: inline-block;
    margin-right: 0.25em;
}

.reveal .reveal-toggle svg {
    transform: rotate(90deg);
}

.reveal.hidden .reveal-toggle svg {
    transform: rotate(-90deg);
}

.carr_s-page-header {
    position: relative;
}

.carr_s-page_ident {
    position: absolute;
    bottom: 100%;
    left: 0;
}

body.carr_s-navigation_open2 {
    overflow: hidden;
}

.switch {
    position: relative;
    display: inline-block;
    width: 4em;
    height: 2em;
    /* margin-right: 3em; */
    font-size: 1em;
    /* background-color: red; */
}

.switch input {
    width: 0 !important;
    height: 0 !important;
    margin-top: 0 !important;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s;
     border: solid 1px var(--main-color);
    overflow: hidden;
    /* z-index: 5; */
}

.switch .slider:hover::before {
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5);
}

.switch input:checked:disabled+.slider {
    pointer-events: none;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 1.4em;
    width: 1.4em;
    left: calc(0.3em - 1px);
    bottom: calc(0.3em - 1px);
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.switch input:checked+.slider {
    background-color: var(--main-color);
}

.switch input:checked:disabled+.slider:before {
    background-color: rgba(255, 255, 255, 0.125);
}

.switch input:before {
    content: "off";
    position: absolute;
    left: 70%;
    font-size: 0.75em;
    color: #aaa;
    z-index: 1;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    background-color: red;
    width: 0%;
    align-items: center;
}

.switch input:checked:disabled:before {
    opacity: 0.25;
}

.switch input:checked:before {
    content: "on";
    color: #fff;
    left: 30%;
    /* background-color: red; */
}

.switch2 input:focus+.slider {
    box-shadow: 0 0 1px var(--main-color);
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(2em);
    -ms-transform: translateX(2em);
    transform: translateX(2em);
}

/* Rounded sliders */
.slider.round {
    border-radius: 2em;
}

.slider.round:before {
    border-radius: 50%;
}

.reveal_block {
}

.reveal_block .reveal_block_content {
    padding: 1rem;
    border: solid 1px #ddd;
    margin-bottom: 0.5rem;
    background-color: #fff;
}

.reveal_block.hidden .reveal_block_content {
    display: none;
}

.toggle_reveal_block span {
    display: inline-block;
    margin-right: 0.25em;
}

.reveal_block .toggle_reveal_block {
    /* width: auto; */
    /* white-space: nowrap; */
    /* margin-left: 0; */
    /* line-height: 2; */
    /* min-height: auto; */
    /* background-color: #fff; */
    /* color: #000; */
    font-size: 1em;
    /* padding: 0 1rem; */
    height: 2em;
    /* position: relative; */
    /* white-space: nowrap; */
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.reveal_block .toggle_reveal_block, .reveal_block .switch {
    flex-shrink: 1;
    align-self: flex-end;
}

.toggle_reveal_block.active {
    background-color: #ddd;
    /* color: rgba(255,255,255,0.25); */
    color: #bbb;
    margin-bottom: -0.5rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    align-self: end;
}

.reveal_block .toggle_reveal_block svg {
    width: 1.4em;
    height: 1.4em;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    margin-left: 0.5em;
    margin-right: -0.5em;
    fill: #fff;
}

.reveal_block .toggle_reveal_block.active svg {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    fill: #bbb;
}

.reveal_block_header {
    /* margin: 0 auto; */
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1em;
    /* align-content: space-between; */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    min-height: 3rem;
    align-items: stretch;
}

#carr_s-featured_block .carr_s-content-area {
    position: relative;
    /* bottom: 0px; */
    /* background-color: rgba(255,255,255,0.75); */
    /* overflow: hidden; */
    margin-bottom: 1em;
}

.carr_s-div-feature {
    height: 0;
    overflow: hidden;
    padding-top: calc(9 / 16 * 100%);
    background: white;
    position: relative;
}

.carr_s-div-feature figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.carr_s-div-feature figure img {
    width: 100%;
    height: 100%;
}

.single .carr_s-post-title {
    text-align: right;
    font-size: 4rem;
    padding: 0 var(--web-side-spacer);
}

p, .carr_s-text-small, .carr_s-text-normal, .carr_s-text-large, .carr_s-text-x-large {
    /* line-height: 1.5; */
    display: inline-block;
}

.carr_s-text-small, .has-small-font-size {
    font-size: 0.65em;
    color: yellow;
}

p, .carr_s-text-normal {
    font-size: 1em;
    color: #000;
    display: block;
    
}

#carr_s-main_content_block p,
#carr_s-main_content_block ul,
#carr_s-main_content_block ol {
    font-size: var(--page-size);
    text-wrap: pretty;
    /* font-size: 1rem; */
    /* background-color: rgba(255,255,255,0.5); */
    /* padding: 1rem; */
    /* font-family: 'helvetica_neue_regular_italic'; */
}

#carr_s-main_content_block ul {
    
}

#carr_s-main_content_block ul {
	/* list-style-position: outside; */
	max-width: 100%;
	padding: 0.3em 0;
	margin: 0;
	margin-left: 2rem;
	list-style: none;
}

#carr_s-main_content_block li {
	padding: 0.3em 0;
	position: relative;
	line-height: 1.3;
}

#carr_s-main_content_block li::before {
    content: '';
    display: inline-block;
    font-size: 0.75em;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: -1rem;
    background-color: var(--section-color);
    margin-top: -0.5em;
    border-radius: 50%;
    margin-left: -0.5em;
}

body:is(
    .carr_s-x-large
) #carr_s-main_content_block2 {
    --page-size: 1.3em;
}
body:is(
    .carr_s-large
) #carr_s-main_content_block2 {
    --page-size: 1.1em;
}
body:is(
    .carr_s-x-medium
) #carr_s-main_content_block2 {
    --page-size: 1.1em;
}
body:is(
    .carr_s-x-small
) #carr_s-main_content_block2 {
    --page-size: 1.1em;
}
body:is(
    .carr_s-x-small
) #carr_s-main_content_block2 {
    --page-size: 1.1em;
}





.carr_s-text-medium, .has-medium-font-size {
    font-size: 1.25em;
    /* color: blue; */
}

.carr_s-text-large, .has-large-font-size {
    font-size: 1.5em;
    /* color: pink; */
}

.carr_s-text-x-large, .has-x-large-font-size {
    font-size: 1.75em;
    /* color: red; */
}


.carr_s-page_content_image {
    display: flex;
}

.carr_s-page_content_image img {
    width: 100%;
}

.carr_s-ratio {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.carr_s-ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    flex-direction: column;
}

.carr_s-ratio > * > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
}

.ratio_1_1 {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
}

.ratio_1_1 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ratio_16_9 {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.ratio_16_9 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carr_s-timeline_2 {
    /* margin-top: 4rem; */
    /* background-color: #fff; */
    /* background-color: var(--section-color); */
    /* margin-bottom: 4rem; */
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.carr_s-timeline_2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width:  100%;
    height: 100%;
    /* background-color: #fff; */
    opacity: 0.9;
}

.carr_s-timeline_outer {
    /* --side-padding: 2em; */
    position: relative;
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
    margin-top: 1rem;
    margin-bottom: 1rem;
    /* background-color: #fff; */
    /* background-color: #ccc; */
}




.carr_s-timeline {
    display: flex;
    overflow: visible;
    /* flex-direction: row-reverse; */
    flex-wrap: nowrap;
    /* padding: 0 3rem; */
    position: relative;
    width: 100%;
}

.carr_s-timeline_item {
    flex-basis: 100%;
    flex-shrink: 0;
    padding: 0.75rem;
    /* height: 30rem; */
    display: flex;
    /* aspect-ratio: 1; */
    /* overflow: hidden; */
    pointer-events: none !important;
    /* user-select:none; */
    position: relative;
}

.carr_s-timeline_item * {
    pointer-events: none !important;
}


.carr_s-timeline_item_inner {
    width: 100%;
    /* padding: 1rem; */
    position: relative;
    overflow: hidden;
    background-color: rgba(var(--section-color-rgb),0.5);
    /* border: solid 1px var(--section-color); */
    z-index: 1;
}


#carr_s-the_timeline .carr_s-timeline_item_inner {
    background-color: rgba(var(--section-color-rgb),1);
    background-color: #fff;
}

#carr_s-the_timeline .carr_s-timeline_item::before,
#carr_s-the_timeline .carr_s-timeline_item::after {
    content: '';
    position: absolute;
    background-color: #fff;
    font-size: 0.5rem;
}

#carr_s-the_timeline .carr_s-timeline_item::before {
    top: 3em;
    height: 1em;
    width: 100%;
    left: 0;
    z-index: 0;
}



#carr_s-the_timeline .carr_s-timeline_item:first-child::before {
    width: calc(50% + 0.5em);
}

#carr_s-the_timeline .carr_s-timeline_item::after {
    top: 2rem;
    height: 50%;
    width: 1em;
    left: 50%;
    margin-left: -0.5em;
    z-index: 0;
    opacity: 0.25;
    /* font-size: 1em; */
}

body:is(
    .carr_s-x-large
) #carr_s-the_timeline .carr_s-timeline_item::before,
body:is(
    .carr_s-x-large
) #carr_s-the_timeline .carr_s-timeline_item::after {
    top: 4em;
}

body:is(
    .carr_s-large
) #carr_s-the_timeline .carr_s-timeline_item::before,
body:is(
    .carr_s-large
) #carr_s-the_timeline .carr_s-timeline_item::after {
    top: 3em;
}

body:is(
    .carr_s-medium
) #carr_s-the_timeline .carr_s-timeline_item::before,
body:is(
    .carr_s-medium
) #carr_s-the_timeline .carr_s-timeline_item::after {
    top: 1em;
}

body:is(
    .carr_s-small
) #carr_s-the_timeline .carr_s-timeline_item::before,
body:is(
    .carr_s-small
) #carr_s-the_timeline .carr_s-timeline_item::after {
    top: 0.5em;
}

body:is(
    .carr_s-x-small
) #carr_s-the_timeline .carr_s-timeline_item::before,
body:is(
    .carr_s-x-small
) #carr_s-the_timeline .carr_s-timeline_item::after {
    top: -3em;
}

body:is(
    .carr_s-tiny
) #carr_s-the_timeline .carr_s-timeline_item::before,
body:is(
    .carr_s-tiny
) #carr_s-the_timeline .carr_s-timeline_item::after {
    top: -4rem;
}



.carr_s-timeline_image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.carr_s-timeline_image figure {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
}

.carr_s-timeline_image figure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--section-color-rgb), 0.5);
    opacity: 0;
}

.carr_s-timeline_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.carr_s-timeline_item_content {
    /* overflow: hidden; */
    /* height: 0; */
    /* padding-top: 100%; */
    position: relative;
    height: 100%;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: flex-end; */
    /* overflow: hidden; */
    flex-flow: nowrap;
}

.carr_s-timeline_item_content_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.carr_s-timeline_item_content_inner h3 {
    position: relative;
    z-index: 10;
}

.carr_s-timeline_main_content_block {
    position:absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(var(--section-color-rgb),0.5);
    padding: 1rem;
    background-color: rgba(255,255,255,.9);
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
}

.carr_s-timeline_content_block {
    /* margin-top: -0.75em; */
}
.carr_s-timeline_content_block p {
    font-size: 1rem;
    /* color: #fff; */
}

.carr_s-timeline_content_block {
    /* width: 100%; */
    padding-top: 2rem;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: flex-end; */
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
}

#carr_s-the_timeline .carr_s-timeline_item:first-child .carr_s-timeline_content_block {
    top: 50%;
    padding-top: 3.5rem;
    width: unset;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
}

#carr_s-the_timeline .carr_s-timeline_item:first-child .carr_s-timeline_main_content_block {
    width: 50%;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, .75);
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small,
    .carr_s-small
) .carr_s-timeline_content_block {
    padding-top: 1rem;
}

.carr_s-timeline_item_content_inner h3 span {
    font-family: var(--heading-font);
    font-size: 1.25em;
    padding: 0.15em 0.2em;
    background-color: rgba(255,255,255,0.75);
    /* opacity: 0.5; */
    display: inline-flex;
    margin: 1rem;
    background-color: rgba(var(--section-color-rgb),1);
    color: #fff;
    opacity: 0.58;
}



.carr_s-timeline_item_content_inner h2 {
    position: absolute;
    /* top: 50%; */
    padding: 0;
    margin: 0;
    transform: translateY(-50%);
    /* background-color: rgba(255,255,255,0.2); */
    font-size: 1.8em;
    /* color: #fff; */
    margin-left: -1rem;
    /* bottom: 100%; */
    display: flex;
    top: 0;
    /* background-color: var(--section-color); */
    /* font-family: delirium; */
    /* text-transform: initial; */
    /* z-index: 20; */
}

#carr_s-the_timeline .carr_s-timeline_item:first-child .carr_s-timeline_item_content_inner h2 {
    top: 50%;
    
}

.carr_s-timeline_item_content_inner h2 span {
    background-color: var(--section-color);
    padding-left: 1rem;
    padding-right: 1rem;
    padding: 0.75rem 1rem;
    background-color: rgba(255,255,255,1);
    /* background-color: var(--section-color); */
}

.carr_s-timeline_arrow {
    position: absolute !important;
    top: 0;
    /* bottom: 0; */
    width: 50vw;
    background-color: #ccc;
    z-index: 1;
    height: calc(100% + 0rem);
    background-color: rgba(255,255,255,0.65);
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    /* margin-top: -1rem; */
}

.carr_s-timeline_arrow.carr_s-timeline_right {
    /* justify-content: flex-start; */
    left: 100%;
    width: calc(var(--arrow-link-height) - 4rem);
    top: 50%;
    /* transform: translate(-50%,-50%); */
    margin-top: calc((var(--arrow-link-height) - 4rem) * -0.5);
    /* padding: 1rem 0rem 1rem 1rem; */
    /* padding-right: 0em; */
    /* padding-left: 2rem; */
    display: flex;
    justify-content: flex-start;
    height: calc(var(--arrow-link-height) - 4rem);
    margin-left: calc((var(--arrow-link-height) - 4rem) * -1);
}

body.carr_s-x-small .carr_s-timeline_arrow.carr_s-timeline_right {
    margin-left: -5.5rem
}
body.carr_s-tiny .carr_s-timeline_arrow.carr_s-timeline_right {
    margin-left: unset;
    top: 4.75rem;
    left: unset;
    left: 75%;
    margin-left: calc((var(--arrow-link-height) - 4rem) * -0.5);
}

.carr_s-timeline_arrow.carr_s-timeline_left {
    /* justify-content: flex-end; */
    /* left: 0; */
    width: calc((var(--arrow-link-height) - 4rem) * 1);
    top: 50%;
    /* transform: translate(50%,-50%); */
    margin-top: calc((var(--arrow-link-height) - 4rem) * -0.5);
    /* padding: 1rem 1rem 1rem 0rem; */
    /* padding-left:  0em; */
    /* right: 100%; */
    right: 100%;
    /* width: 13rem; */
    height: calc((var(--arrow-link-height) - 4rem) * 1);
    --arrow-link-height) - 0rem);
    display: flex;
    margin-right: calc((var(--arrow-link-height) - 4rem) * -1);
    /* overflow: visible; */
}

body.carr_s-x-small .carr_s-timeline_arrow.carr_s-timeline_left {
    margin-right: -5.5rem
}

body.carr_s-tiny .carr_s-timeline_arrow.carr_s-timeline_left {
    margin-right: unset;
    top: 4.75rem;
    right: unset;
    right: 75%;
    margin-right: calc((var(--arrow-link-height) - 4rem) * -0.5);
}

.carr_s-timeline_arrow svg {
    /* opacity: 0.5 !important; */
}

.carr_s-timeline_arrow:hover svg {
    opacity: 0.75 !important;
}


.carr_s-timeline_arrow.carr_s-timeline_right svg {
    transform: rotate(180deg);
    opacity: 0.5;
    /* filter: drop-shadow(1rem 0 1rem rgba(0, 0, 0, 0.4)); */
}
.carr_s-timeline_arrow.carr_s-timeline_left svg {
    transform: rotate(0deg);
    opacity: 0.5;
    /* filter: drop-shadow(1rem 0 1rem rgba(0, 0, 0, 0.4)); */
}

.carr_s-timeline_arrow svg {
    /* font-size: 10vw; */
    /* width: auto; */
    /* height: 100%; */
    fill: #fff;
    opacity: 0.75;
    fill:  var(--section-color);
}

.carr_s-timeline_left {
    /* right: 100%; */
    /* margin-right: -10rem; */
}

.carr_s-timeline_right {
    /* left: 100%; */
    /* margin-left: -10rem; */
}



.carr_s-case_study.carr_s-current_page {
    opacity: 0.2;
}

.carr_s-case_study.carr_s-current_page a {
    pointer-events: none;
}

.carr_s-site-side .carr_s-case_study {
    margin-top: 1rem;
}

.carr_s-page_list_bottom {
    --gap: 1em;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin-left: calc(var(--side-gap));
    margin-right: calc(var(--side-gap));
    position: relative;
    background-color: rgba(255,255,255,0.35);
    padding: 1rem;
    /* background-color: #ccc; */
}

.carr_s-page_list_bottom > * {
    flex-basis: 100%;
    padding: var(--gap);
}

.carr_s-xx-large .carr_s-page_list_bottom > * {
    flex-basis: 20%;
}

.carr_s-page_list_bottom a {
    display: block;
    position: relative;
}

.carr_s-page_list_bottom h2 {
    position: absolute;
    z-index: 1;
    top: 0em;
    left: 0em;
    color: #fff;
    font-size: 3em;
    width: 100%;
    height: 100%;
    padding: 0.1em 0.25em;
    background-color: rgba(var(--main-color-rgb),0.5);
}

.carr_s-x-large .carr_s-page_list_bottom > * {
    flex-basis: 25%;
}

.carr_s-large .carr_s-page_list_bottom > * {
    flex-basis: 33.333%;
}

.carr_s-medium .carr_s-page_list_bottom > * {
    flex-basis: 33.333%;
}

.carr_s-small .carr_s-page_list_bottom > * {
    flex-basis: 50%;
}

.carr_s-x-small .carr_s-page_list_bottom > * {
    flex-basis: 50%;
}



.carr_s-sub_page_content {
    padding-top: 5rem;
    /* margin-top: 2px; */
    /* background-color: rgba(255, 255, 255, 0.25); */
    /* padding-bottom: 5rem; */
}

.carr_s-sub_page_heading_holder {
    display: flex;
    position:relative;
    align-items: center;
    /* background-color: #ccc; */
    /* margin-top: 0.25rem; */
    /* margin-bottom: 0.25rem; */
    /* background-color: #ccc; */
}
.carr_s-sub_page_heading {
    margin-bottom: 0;
    /* font-size: clamp(2rem, 5vw, 3rem); */
    /* background-color: #ccc; */
    /* opacity: 0.35; */
    /* font-family: delirium; */
    /* text-transform: lowercase; */
    position: relative;
    z-index: 1;
    line-height: 1;
    padding-top: 0.25em;
    font-family: 'helvetica_neue_regular_italic';
    letter-spacing: -0.05em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

body:is(
    .carr_s-tiny
) .carr_s-sub_page_heading {
    font-size: 5vw;
}

body:is(
    .carr_s-x-small
) .carr_s-sub_page_heading {
    font-size: 4vw;
}

body:is(
    .carr_s-small
) .carr_s-sub_page_heading {
    font-size: 3vw;
}

body:is(
    .carr_s-medium
) .carr_s-sub_page_heading {
    font-size: 2.5vw;
}

body:is(
    .carr_s-large
) .carr_s-sub_page_heading {
    font-size: 2rem;
}

body:is(
    .carr_s-x-large
) .carr_s-sub_page_heading {
    font-size: 2rem;
}

.carr_s-sub_content_block_horizontal .carr_s-sub_page_heading {
    color: #fff;
    font-size: 1.5em;
}


body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page_content .carr_s-columns {
    flex-flow: wrap;
    width:  100%;
    /* flex-direction: column; */
    height: 100%;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page_content .carr_s-column {
    /* flex-basis: unset; */
    /* height: unset; */
    /* flex-shrink: 0; */
    /* aspect-ratio: 3; */
    order: 2;
    /* height: calc(var(--arrow-link-height) + 0rem) !important; */
    /* padding-top: 1rem; */
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page_image_2 {
    order: 0 !important;
    /* aspect-ratio: 2; */
    /* height: 10em; */
    height: calc(var(--arrow-link-height) + 0rem) !important;
}


body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page_image_2 figure {
    /* aspect-ratio: unset; */
    /* height: 20rem; */
    /* height: calc(var(--arrow-link-height) + 13rem) !important; */
    /* flex-shrink: 0 !important; */
    /* flex-grow: 0 !important; */
    /* position: relative; */
}

.carr_s-sub_page_content .carr_s-columns .carr_s-sub_page_image {
    /* order: 0; */
}
.carr_s-sub_page_content .carr_s-columns .carr_s-sub_page_image_link {
    order: 1;
}

body:is(
    .carr_s-xx-large,
    .carr_s-x-large,
    .carr_s-large,
    .carr_s-medium,
    .carr_s-small
) .carr_s-sub_page_content .carr_s-columns .carr_s-sub_page_arrow {
    position: absolute;
     height: 100%;
    aspect-ratio: 1;
    right: 100%;
    margin-right: -4rem;
}

body:is(
    .carr_s-tiny,
    .carr_s-xx-small,
    .carr_s-x-small
) .carr_s-sub_page_content .carr_s-columns .carr_s-sub_page_image {
    flex-basis: 50%;
    order: 1;
}

body:is(
    .carr_s-tiny,
    .carr_s-xx-small,
    .carr_s-x-small
) .carr_s-sub_page_content .carr_s-columns .carr_s-sub_page_image_link {
    flex-basis: 50%;
    order: 2;
}

body:is(
    .carr_s-tiny,
    .carr_s-xx-small,
    .carr_s-x-small
) .carr_s-sub_page_content .carr_s-columns .carr_s-sub_page_content_holder {
    order: 0;
    /* height: calc(var(--arrow-link-height) + 0rem) !important; */
    padding-top: 1rem;
    padding-bottom: 4rem;
}

.carr_s-subpage_heading {
    margin-bottom: 4rem;
    width: 75%;
}

.carr_s-sub_pages {
    /* background-color: rgba(255,255,255,0.8); */
    /* background-color: var(--base-color); */
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

.carr_s-sub_pages_secondary {
    --arrow-link-height: 8rem;
}

.carr_s-sub_page_link {
    /* flex-basis: 50%; */
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    /* width: 50%; */
}


body:is(
    .carr_s-tiny,
    .carr_s-x-small,
    .carr_s-small,
    .carr_s-medium,
    .carr_s-large
) .carr_s-sub_page_link {
        width: 100%;

}

a.carr_s-current_team_member {
    opacity: 0.25;
    pointer-events: none;
}

.carr_s-sub_page {
    position: relative;
    overflow: hidden;
    /* background-color: var(--section-color); */
    /* flex-basis: 50%; */
    width: 100%;
	transition: opacity 0.6s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: linear-gradient(180deg, rgba(var(--section-color-rgb), 0.2) 0%, rgba(var(--section-color-rgb), 0.1) 0.5rem, rgba(var(--section-color-rgb), 0) 6rem);
    /* background: linear-gradient(180deg, rgba(255,255,255, 0.5) 0%, rgba(255,255,255, 0) 4rem); */
    /* background-color: rgba(var(--section-color-rgb), 0.2); */
	
}


.no-touchevents .carr_s-sub_pages:hover .carr_s-sub_page {
	opacity: 0.8
}

.no-touchevents .carr_s-sub_pages:hover .carr_s-sub_page:hover {
	opacity: 1
}


.carr_s-sub_page figure {
    position:absolute;
    top: 0;
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
}



.carr_s-sub_page figure::after {
	content: '';
	opacity: 0.5;
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--section-color);
	opacity: 0;
	transition: opacity 0.6s;
}

.no-touchevents .carr_s-sub_page:hover figure::after {
	opacity: 0.75
}

.carr_s-sub_content_block .current_subpage.carr_s-sub_page figure {
    opacity: 0.25
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page figure {
    left: 0%;
    /* aspect-ratio: 1; */
}


body:is(
    .carr_s-tiny
) .carr_s-sub_page figure {
    width: calc(var(--arrow-link-height) - 0rem);
}
body:is(
    .carr_s-x-small
) .carr_s-sub_page figure {
    width: calc(var(--arrow-link-height) - 0rem);
}

.carr_s-sub_page figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.carr_s-sub_page_content_block {
    position: absolute;
    height: 100%;
    width: 100%;
}

.carr_s-sub_pages_secondary .current_subpage .carr_s-sub_page_content_block {
    background-color: rgba(var(--section-color-rgb),0.75);
}

.carr_s-sub_page + .carr_s-sub_page {
    /* margin-top: 0.5rem; */
    /* margin-top: 0.2rem; */
    /* margin-top:  1px; */
}

.carr_s-sub_page .carr_s-columns {
    position: relative;
    height: 100%;

}

body:is(
    .carr_s-x-small
) .carr_s-sub_page2 {
    aspect-ratio: 1.25;
}
body:is(
    .carr_s-tiny
) .carr_s-sub_page2 {
}



.carr_s-arrow_link {
    display: block;
    position: relative;
    top:0;
    /* left: 0; */
    /* opacity: 0.25; */
    z-index: 10;
    height: 100%;
    /* background: linear-gradient(180deg, rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0) 3rem); */
}

.carr_s-sub_page .carr_s-arrow_link {/* background: linear-gradient(180deg, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0) 4rem); *//* z-index: 1000; */}

.carr_s-sub_page.current_subpage {
    pointer-events: none;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page .carr_s-arrow_link {
    /* position: absolute; */
    /* bottom: 0; */
    /* height: 100%; */
    /* left:  0; */
    /* width: 100%; */
    /* aspect-ratio: 4; */
    /* top: 0; */
    /* align-items: flex-start; */
    /* padding-top: 2rem; */
}


.carr_s-arrow_link {
    /* padding-top: 2rem; */
    /* padding-left: 0em; */
    /* padding-bottom: 2rem; */
    height: var(--arrow-link-height);
    display: flex;
    align-items: center;
    /* --arrow-link-height: 5rem; */
}



.carr_s-tiny {
    --arrow-link-height: 8rem;
}

.carr_s-x-small {
    --arrow-link-height: 13rem;
}



.carr_s-small {
    --arrow-link-height: 14rem;
}

.carr_s-medium {
    --arrow-link-height: 15rem;
}

.carr_s-large { 
    --arrow-link-height: 16rem;
}
.carr_s-x-large {
    --arrow-link-height: 17rem;
}


.current_subpage {
    opacity: 0.25;
}

.carr_s-sub_content_block .current_subpage a svg {
    /* display: none; */
}

.carr_s-sub_content_block .current_subpage {
    /* pointer-events: none; */
    opacity: 1;
}

.carr_s-sub_content_block .current_subpage .carr_s-about_you_bottom_links > svg {
  /* opacity: 0; */
  /* display: none; */
  transform: rotate(270deg);
  /* fill: var(--this-color); */
}

.carr_s-sub_content_block .current_subpage .carr_s-about_you_sub_content2 {
     display: none;
}

.carr_s-sub_content_block .current_subpage .carr_s-about_you_sub_image {
     /* display: none; */
     /* opacity: 0.1; */
}


.carr_s-arrow_link svg {
    /* fill: #fff; */
    padding: 0;
    height: calc(var(--arrow-link-height) - 2rem);
    width: calc(var(--arrow-link-height) - 2rem);
    opacity: 0.35;
    fill: rgba(var(--section-color-rgb), 1);
    /* margin: 1rem 1rem 1rem 0rem; */
    /* fill: var(--main-color); */
    /* fill: #fff; */
    filter: drop-shadow(0.25rem 0 0.25rem rgba(0, 0, 0, 0.2));
    transition: opacity 0.3s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.carr_s-sub_page .carr_s-arrow_link svg {
    fill: #fff;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-arrow_link svg {
    /* fill: #fff; */
    opacity: 0.5;
    /* height: calc(var(--arrow-link-height) - 0rem); */
    /* width: calc(var(--arrow-link-height) - 0rem); */
}

.no-touchevents .carr_s-sub_page:hover .carr_s-arrow_link svg {
    opacity: 0.5;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-arrow_link:hover svg {
    opacity: 1;
}

.carr_s-sub_page_image_2 figure,
.carr_s-sub_page_image_3 figure {
    display: flex;
    position: relative;
    width:  100%;
    height: 100%;
}

.carr_s-sub_page_image_2 figure,
.carr_s-sub_page_image_3 figure {
    width: 100%;
}

body:not(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_image_2 figure {
    aspect-ratio: 16/9;
}
body:is(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_image_2 figure {
    /* aspect-ratio: 3; */
}

.carr_s-sub_page_image_2 figure img,
.carr_s-sub_page_image_3 figure img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}


.carr_s-sub_page_arrow {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    aspect-ratio: 1;
    z-index: 1
}

body:is(
     .carr_s-x-small
) .carr_s-sub_page {
    /* display: flex; */
    /* height: 30rem; */
}

body:is(
    .carr_s-tiny
) .carr_s-sub_page {
    /* display: flex; */
    /* aspect-ratio: 1; */
}

body:is(
    .carr_s-tiny,
    .carr_s-xx-small,
    .carr_s-x-small
) .carr_s-sub_page + .carr_s-sub_page {
    margin-top: 0rem;
}

.carr_s-sub_page_image a {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0);
}

.carr_s-sub_page_image a:hover {
    background-color: rgba(255,255,255,0.25);
}

.carr_s-sub_page:hover .carr_s-arrow_link svg {
    /* opacity: 0.5; */
    /* fill: var(--main-color); */
}



.carr_s-sub_page_start {
    flex-basis: 14.5rem !important;
    padding-right: 2rem;
    /* flex-basis: 20% !important; */
}

.carr_s-sub_pages .carr_s-sub_page_start {
    display: flex;
    /* display: block; */
    /* width: 100%; */
    /* height: auto; */
    overflow: hidden;
}

.carr_s-sub_pages .carr_s-sub_page_start svg {
    fill: #fff;
    fill: var(--section-color);
    /* width: 100%; */
    /* flex-basis: 100%; */
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.35;
}

h2.carr_s-main_title {
    font-size: clamp(2rem,4vw,5rem);
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.carr_s-about_pages .carr_s-sub_page_image figure {
    aspect-ratio: 1;
    height: 100%;
    display: flex;
    
}

.carr_s-about_pages .carr_s-sub_page_image figure img {
    width:100%;
    height: 100%;
    object-fit:cover;
}

.carr_s-full_width {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.carr_s-sub_page_content2 h2 {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.carr_s-sub_page_content2 h3 {
    position: absolute;
    bottom: 50%;
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.carr_s-sub_page_content_holder h2, .carr_s-sub_page_content_holder h3, .carr_s-sub_page_content_holder h4 {
    margin: 0;
    font-family: var(--heading-font);
    text-transform: uppercase;
}

.carr_s-sub_page_content_holder h2 {
    /* font-size: 2.5vw; */
    /* color: #fff; */
    padding: 0;
    /* font-size: 2vw; */
    /* text-align: right; */
    line-height: 0.9;
    /* display: flex; */
    /* width: 0; */
    /* justify-content: flex-end; */
    max-width: 100%;
    font-size: clamp(1.1rem, 2.5vw, 2rem);
    /* text-align: right; */
    /* position: absolute; */
}

.carr_s-sub_pages_secondary .current_subpage .carr_s-sub_page_content_holder h2 {
    color: #fff;
}

body:not(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_content_holder h2 {
    /* width: 25ch; */
}

body:is(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_content_holder h2 {
    text-align: left;
}

.carr_s-sub_page_content_holder h3 {
    /* font-size: 2.5vw; */
    /* color: #fff; */
    padding: 0;
    color: var(--section-color);
    /* text-align: right; */
}

body:is(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_content_holder h3 {
    text-align: left;
}
body:is(
    .carr_s-tiny
) .carr_s-sub_page_content_holder h3 {
    display: none;
}



.carr_s-sub_page_content_intro {
    color: #fff;
    font-size: 1.25em
}
 
.carr_s-sub_page_content_holder h3 {
    /* font-size: 2vw; */
    opacity: 0.5;
    /* color: #fff; */
}




.carr_s-sub_page h3 {
	font-size: 1.5rem;
	text-transform:unset;
	/* text-align: right; */
	line-height: 1.1;
	max-width: 100%;
	font-size: clamp(0.8rem, 1.5vw, 1.2rem);
}

body:not(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page h3 {
	/* width: 36ch; */
	font-size: clamp(0.8rem, 1.5vw, 1rem);
}

.carr_s-sub_page * + h3 {
	margin-top: 0.25em;
	opacity: 1;
	font-family: var(--main-font);
	/* color: #444; */
	margin-top: 0.5em;
	/* margin-top: auto; */
	opacity: 0.5;
}

.carr_s-sub_page_content_holder2 h4 {
    background-color: rgba(var(--section-color-rgb),0.5);
    color: #fff;
    padding: 0.3em 0.4em;
    /* opacity: 0.5; */
    position: absolute;
    top: 0;
    /* margin-bottom: auto; */
    text-align: right;
    font-size: clamp(0.6rem, 1.25vw, 1rem);
}

.carr_s-sub_page_content_holder h4 {
    background-color: rgba(var(--section-color-rgb),0.5);
    color: #fff;
    padding: 0 0.75em;
    /* opacity: 0.5; */
    position: absolute;
    top: 0;
    /* margin-bottom: auto; */
    text-align: right;
    font-size: clamp(0.6rem, 1.25vw, 1rem);
    font-family: 'Avenir Light';
    line-height: 2.25;
}

.carr_s-sub_pages_secondary .carr_s-sub_page_content_holder h4 {
    font-size: 0.5rem;
}

body:is(
    .carr_s-x-small2,
    .carr_s-tiny
) .carr_s-sub_page_content_holder h4 {
    font-size: 0.45rem;
}

.carr_s-sub_page:hover .carr_s-sub_page_content_holder h4 {
    color: rgba(var(--section-color-rgb), 1);
    /* opacity: 1; */
    background-color: rgba(255,255,255,0.65);
}

.no-touchevents .carr_s-sub_page:hover .carr_s-sub_page_content_holder h2 {
    color: #fff;
}

.no-touchevents .carr_s-sub_page:hover .carr_s-sub_page_content_holder h3 {
    color: #fff;
}

.carr_s-sub_page h4 + * {
	/* margin-top: 0.5em; */
}




.carr_s-sub_page_intro {
    position: relative;
    font-size: 1.5vw;
    margin-bottom: auto;
}

.carr_s-sub_page_content_inner {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    padding: 2rem 2rem 2rem 12vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    padding: 1rem;
    min-height: 6rem;
    align-items: flex-end;
}

body:is( .carr_s-small, .carr_s-medium, .carr_s-xx-large, .carr_s-x-large, .carr_s-large ) .carr_s-sub_page_content_inner {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2rem;
}

.carr_s-sub_page_image {
    flex-basis: 50%;
    margin-top: 0 !important;
}

.carr_s-team_pages .carr_s-column.carr_s-sub_page_image {
    flex-basis: 20rem;
}

.carr_s-team_pages .carr_s-column.carr_s-sub_page_image.carr_s-sub_page_image_link {
    /* margin-right: -2rem; */
    z-index: 1;
}

.carr_s-sub_pages2 {
    background-color: var(--section-color);
}

.carr_s-sub_pages .carr_s-columns {
    /* background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%); */
    /* background-color: var(--section-color); */
    /* width: 100% !important; */
    /* left: 0; */
    /* width:  100%; */
    /* margin-left: auto; */
    height: 100%;
}

.carr_s-sub_page_content_holder {
    padding: 2rem;
    position: relative;
    height: 100%;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: flex-end; */
    /* border-left: solid 1px #ddd; */
    /* top: 1rem; */
    /* bottom: 1rem; */
    /* left: 0; */
    /* right: 0; */
    width: 50%;
    margin-left: 50%;
}




.carr_s-sub_page_content_holder_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width:  100%;
    height: 100%;
    padding-top: 2rem;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page_content_holder_inner {
    align-items: flex-start;
}
body:is(
    .carr_s-tiny
) .carr_s-sub_page_content_holder_inner {
    padding-top: 0;
}

body:is(
     .carr_s-x-small
) .carr_s-sub_page_content_holder {
    /* left: 50%; */
    margin-left: calc(var(--arrow-link-height) - 0rem);
    width:  calc(100% - var(--arrow-link-height));
}

body:is(
    .carr_s-tiny
) .carr_s-sub_page_content_holder {
    /* left: 50%; */
    margin-left: calc(var(--arrow-link-height) - 0rem);
    width: calc(100% - var(--arrow-link-height) + 0rem);
}

.carr_s-sub_page_content_block_inner {
    position:relative;
    height: 100%;
    display: flex;
}

body:is(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_content_holder {
    align-items: flex-start;
 }

body:is(
    .carr_s-tiny
) .carr_s-sub_page_content_holder {
    padding: 1rem;
}

body:not(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_content_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* bottom: 0; */
    height: 100%;
}

body:not(
    .carr_s-x-small2,
    .carr_s-tiny2
) .carr_s-sub_page_content_block::before {
    content:'';
    position: absolute;
    top:0;
    left: 0%;
    right: 0;
    bottom:0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 4rem);
    background-color: var(--section-color);
    z-index: 0;
    opacity: 0;
    /* opacity: 1; */
    transition: opacity 0.6s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.carr_s-sub_content_block .current_subpage.carr_s-sub_page .carr_s-arrow_link svg {
    fill: var(--section-color);
}

.carr_s-sub_page:hover .carr_s-sub_page_content_block::before {
     /* background-color: rgba(var(--main-color-rgb),0.75); */
     opacity: 1;
}

body:is(
    .carr_s-x-small,
    .carr_s-tiny
) .carr_s-sub_page_content_block::before {
    left: 0%;
    /* background-color: rgba(255,255,255,0.5); */
}

.carr_s-column.carr_s-sub_page_content_holder .carr_s-edit_link {
    position: absolute;
    top: 0;
    left: 0;
    /* width: auto; */
    z-index: 20;
}

.carr_s-div:not(.responsive_block) > .carr_s-heading {
    padding-left: 2rem;
}

.carr_s-intro_block {
    /* background-color: rgba(var(--section-color-rgb), 1); */
}

.carr_s-intro_block_2 {
    /* background-color: rgba(var(--section-color-rgb), 1); */
    min-height: 2rem;
    width:  50%;
    /* width: 50%; */
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /* margin-top: 0rem; */
}

#carr_s-intro_block {
    display: flex;
    background-color: rgba(var(--section-color-rgb),0.975);
    z-index: 10;
    margin-top: 4rem;
    padding-bottom: 4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10rem;
}

body:is(
    .carr_s-small,
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-intro_block {
    /* margin-top: 0.5rem; */
    height: 10rem;
}

.carr_s-intro_block h2 {
    padding: 0.5rem var(--side-gap) 0.5rem var(--side-gap);
    color: #fff;
    /* font-size: clamp(1.5rem,3vw,2rem); */
    /* text-align: right; */
    text-transform: unset;
    line-height: 1.1;
    font-family: 'helvetica_neue_regular_italic';
    /* min-height: 10rem; */
    position: relative;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: flex-end; */
    width: 75%;
    /* text-wrap-style: pretty; */
    /* text-transform: uppercase; */
    /* height: 10rem; */
    /* font-family: delirium; */
    /* text-transform: initial; */
    
}



body:is(
     .carr_s-tiny
) .carr_s-intro_block h2 {
    width: 100%;
    font-size: 1rem;
}
body:is(
    .carr_s-x-small
) .carr_s-intro_block h2 {
    width: 100%;
    font-size: 1.1rem;
}
body:is(
     .carr_s-small
) .carr_s-intro_block h2 {
    font-size: 1.2rem;
}
body:is(
     .carr_s-medium
) .carr_s-intro_block h2 {
    font-size: 1.4rem;
}
body:is(
     .carr_s-large
) .carr_s-intro_block h2 {
    font-size: 1.5rem;
}
body:is(
     .carr_s-x-large
) .carr_s-intro_block h2 {
    font-size: 1.6rem;
}

.carr_s-intro_block_2 h2 {
    padding: 1rem 2rem;
    color: #fff;
    /* font-size: 2.5vw; */
    text-align: right;
    text-transform: unset;
    line-height: 1.1;
    font-family: 'helvetica_neue_regular_italic';
    min-height: 8rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: clamp(2rem, 2.5vw, 3.5rem);
    background-color: rgba(var(--section-color-rgb), 1);
    width: 100%;
}


body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-intro_block_2 h2 {
    text-align: left !important;
    font-size: 1.75em;
    min-height: auto;
}




body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-intro_block_2 {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    min-height: unset;
    /* padding: 0.75rem 0; */
}







#carr_s-home_page_content {
    /* aspect-ratio: 3; */
    position: relative;
    height: 40rem;
}

body:is(
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-home_page_content {
    height: 30rem;
}


#carr_s-home_page_content .carr_s-site_branding {
    position: absolute;
    z-index: 100;
    height: var(--menu-height);
    top: 2rem;
}

#carr_s-home_page_content .custom-logo-link {
    /* padding: 2rem; */
    padding-right: 2rem;
}

body:is(
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-home_page_content {
    aspect-ratio: 1;
}

#carr_s-home_page_content .carr_s-featured_image {
    /* width: 100%; */
    /* height: 100%; */
}

#carr_s-home_page_content .carr_s-featured_image img {
  object-position: left;
}

#carr_s-home_page_content .custom-logo-link2 img {
    padding: 1em
}

#carr_s-home_page_content .carr_s-main_content_block {
    background-color: transparent;
    justify-content: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
}

body:not(
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-home_page_content .carr_s-main_content_block {
        height: 100%;
}

#carr_s-home_page_content h1 {
    font-size: 6.5vw;
    font-family: var(--heading-font);
    line-height: 0.8;
}

body:is(
    .carr_s-small,
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-home_page_content h1 {
    font-size: 12vw;
}

#carr_s-home_page_content h2 {
    font-size: 2vw;
}

body:is(
    .carr_s-small,
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-home_page_content h2 {
    font-size: 4vw;
}


#carr_s-home_page_content .carr_s-heading {
    color: #fff;
    text-align: left;
}
#carr_s-home_page_content .carr_s-columns {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
}

#carr_s-home_page_content .carr_s-columns .carr_s-column {
    /* padding-left: 0rem; */
    /* padding-right: 0rem; */
}

#carr_s-home_page_content .carr_s-columns .carr_s-column:first-child {
    flex-basis: 50%;
}
#carr_s-home_page_content .carr_s-columns .carr_s-column:first-child {
    /* flex-basis: 30%; */
}

#carr_s-home_page_content .carr_s-columns .carr_s-column:last-child {
    flex-basis: 50%;
    /* background-color: rgba(var(--main-color-rgb),0.8); */
    height: 100%;
    /* align-self: center; */
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    width: 100%;
    padding-left: 0rem;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) #carr_s-home_page_content .carr_s-columns {
    padding-left: 0rem;
    padding-right: 0rem;
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) #carr_s-home_page_content .carr_s-columns .carr_s-column + .carr_s-column {
    margin-top: 0rem;
}

#carr_s-home_page_content .carr_s-content_block_inner {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}



.carr_s-home_inro {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 2rem;
    /* background-color: rgba(var(--main-color-rgb), 0.8); */
    left: 0%;
    top: 100%;
    background-color: rgba(255,255,255,0.5);
}

.carr_s-home_inro p {
    font-size: clamp(1rem,2vw,1.5rem) !important;
    text-align: center;
}


#carr_s-body_featured_image {
    background-color: rgba(255,255,255,0.5);
    background-color: rgba(var(--section-color-rgb),0.25);
}


#carr_s-body_featured_image::before {
    content:'';
    position: absolute;
    top:0;
    left: 0%;
    right: 50%;
    bottom:0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 4rem);
    background-color: var(--section-color);
    background-color: #fff;
    z-index: 0;
    opacity: 0.5;
}


#carr_s-body_featured_image figure {
    /* width: 30rem; */
    display: flex;
    aspect-ratio: 16/9;
    margin-left: 0%;
    max-width: 50%;
    /* aspect-ratio: 3; */
}


body:is(
    .carr_s-x-small,
    .carr_s-tiny
) #carr_s-body_featured_image figure {
    max-width: 100%;
}

#carr_s-body_featured_image figure img {
    object-fit:cover;
    width: 100%;
    height: 100%;
}