/** values */
.our-values h1, .our-story h1 {
    margin: 0;
    display: inline-block;
    background-image: url("/paper/elements/our-values-title.svg");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 0.5em;
    z-index: 2;
}
.values-container {
    background-image: url("/paper/elements/values-bg-top.svg"), url("/paper/elements/values-bg-middle.svg"), url("/paper/elements/values-bg-bottom.svg");
    background-size: contain, contain, contain;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 10% top, 10% center, -10% bottom;
}
.value-container, .value-container-even {
    position: relative;
    border: 30px solid;
    border-image: url('/paper/elements/patch-values-odd-2.svg');
    border-image-repeat: stretch stretch;
    border-image-slice: 45 45 fill;
    padding: 0;
    padding-top: 3em;
    padding-bottom: 0.5em;
    text-align: center;
    margin-bottom: 2em;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.2));
}
.value-container h2, .value-container-even h2 {
    position: relative;
    padding-bottom: 0.1em;
}
.value-container h2, .value-container-even h2,
.value-container p, .value-container-even p {
    color: #916E53;
}
.value-container p, .value-container-even p {
    font-family: 'montserrat', Arial, sans-serif;
}
.value-container h2::before {
    content: ' ';
    display: inline-block;
    background: url("/paper/elements/values-line-blue.svg") no-repeat;
    background-size: contain;
    aspect-ratio: 128/6;
    width: 4em;
    position: absolute;
    bottom: 0;
    left: calc(50% - 2em);
}
.value-container-even h2::before {
    content: ' ';
    display: inline-block;
    background: url("/paper/elements/values-line-green.svg") no-repeat;
    background-size: contain;
    aspect-ratio: 128/6;
    width: 4em;
    position: absolute;
    bottom: -0.05em;
    left: calc(50% - 2em);
}
.value-container-even {
    border-image-source: url('/paper/elements/patch-values-even-2.svg');
}
.value-container img, .value-container-even img {
    position: absolute;
    width: 6em;
    left: calc(50% - 3em);
    top: -4em;
}
.value-container p, .value-container-even p {
    font-family: 'montserrat', Arial, sans-serif;
}

/** team */
.our-team {
    position: relative;
    text-align: center;
    background-image: url("/paper/elements/team-grid.svg");
    background-position: top;
    background-size: cover, 10%;
    background-repeat: no-repeat;
}
.our-team h1 {
    margin: 0;
    display: inline-block;
    background-image: url("/paper/elements/our-values-title.svg");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 1em;
    z-index: 2;
}
.our-team-left, .our-team-right {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 300/155;
    position: absolute;
}
.our-team-left {
    background-image: url("/paper/elements/team-left.png");
    top: 2em;
    left: 10%;
    width: 20%;
    max-width: 220px;
}
.our-team-right {
    background-image: url("/paper/elements/team-right.png");
    top: 3.5em;
    right: 10%;
    width: 17%;
    max-width: 200px;
}
.our-team-alumni, .our-team-supports {
    display: inline-block;
    background-size: contain;
    background-position: bottom;
    padding-bottom: 0.1em;
    background-repeat: no-repeat;
    color: #916E53;
}
.our-team-alumni {
    background-image: url("/paper/lines/team-alumni.svg");
}
.our-team-supports {
    background-image: url("/paper/lines/team-supports.svg");
}
#carouselTeam2 .bg-left, #carouselTeam2l .bg-left, #carouselTeam2 .bg-right, #carouselTeam2l .bg-right,
#carouselTeam3 .bg-left, #carouselTeam3l .bg-left, #carouselTeam3 .bg-right, #carouselTeam3l .bg-right {
    display: inline-block;
    position: absolute;
    width: 5em;
    height: 5em;
    background-size: contain;
    background-repeat: no-repeat;
    top: -4em;
}
#carouselTeam2 .bg-left, #carouselTeam2l .bg-left, #carouselTeam3 .bg-left, #carouselTeam3l .bg-left {
    left: 7%;
}
#carouselTeam2 .bg-right, #carouselTeam2l .bg-right, #carouselTeam3 .bg-right, #carouselTeam3l .bg-right {
    right: 7%;
}
#carouselTeam2 .bg-left, #carouselTeam2l .bg-left {
    background-image: url("/paper/elements/participation-left.png");
}
#carouselTeam2 .bg-right, #carouselTeam2l .bg-right {
    background-image: url("/paper/elements/participation-right.png");
}
#carouselTeam3 .bg-left, #carouselTeam3l .bg-left {
    background-image: url("/paper/elements/supports-left.png");
}
#carouselTeam3 .bg-right, #carouselTeam3l .bg-right {
    background-image: url("/paper/elements/supports-right.png");
}
#carouselTeam1 .bg, #carouselTeam1l .bg,
#carouselTeam2 .bg, #carouselTeam2l .bg,
#carouselTeam3 .bg, #carouselTeam3l .bg {
    display: inline-block;
    position: absolute;
    top: calc(50% - 3em);
    left: 0;
    width: 100%;
    height: 6em;
    background: rgba(158, 179, 193, 0.5);
}
#carouselTeam2 .bg, #carouselTeam2l .bg {
    background: rgba(174, 181, 145, 0.5);
}
#carouselTeam3 .bg, #carouselTeam3l .bg {
    background: rgba(227, 169, 149, 0.5);
}
#carouselTeam1 .carousel-control-prev, #carouselTeam1l .carousel-control-prev,
#carouselTeam1 .carousel-control-next, #carouselTeam1l .carousel-control-next,
#carouselTeam2 .carousel-control-prev, #carouselTeam2l .carousel-control-prev,
#carouselTeam2 .carousel-control-next, #carouselTeam2l .carousel-control-next,
#carouselTeam3 .carousel-control-prev, #carouselTeam3l .carousel-control-prev,
#carouselTeam3 .carousel-control-next, #carouselTeam3l .carousel-control-next {
    opacity: 1 !important;
}
#carouselTeam1 .carousel-control-prev-icon, #carouselTeam1l .carousel-control-prev-icon,
#carouselTeam1 .carousel-control-next-icon, #carouselTeam1l .carousel-control-next-icon,
#carouselTeam2 .carousel-control-prev-icon, #carouselTeam2l .carousel-control-prev-icon,
#carouselTeam2 .carousel-control-next-icon, #carouselTeam2l .carousel-control-next-icon,
#carouselTeam3 .carousel-control-prev-icon, #carouselTeam3l .carousel-control-prev-icon,
#carouselTeam3 .carousel-control-next-icon, #carouselTeam3l .carousel-control-next-icon {
    width: 5em;
    height: 5em;
    aspect-ratio: 1;
    background-image: url("/paper/elements/team-blue-next.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#carouselTeam1 .carousel-control-prev-icon, #carouselTeam1l .carousel-control-prev-icon {
    background-image: url("/paper/elements/team-blue-prev.png");
}
#carouselTeam2 .carousel-control-next-icon, #carouselTeam2l .carousel-control-next-icon {
    background-image: url("/paper/elements/team-green-next.png");
}
#carouselTeam2 .carousel-control-prev-icon, #carouselTeam2l .carousel-control-prev-icon {
    background-image: url("/paper/elements/team-green-prev.png");
}
#carouselTeam3 .carousel-control-next-icon, #carouselTeam3l .carousel-control-next-icon {
    background-image: url("/paper/elements/team-red-next.png");
}
#carouselTeam3 .carousel-control-prev-icon, #carouselTeam3l .carousel-control-prev-icon {
    background-image: url("/paper/elements/team-red-prev.png");
}
#carouselTeam1 .carousel-item, #carouselTeam1l .carousel-item,
#carouselTeam2 .carousel-item, #carouselTeam2l .carousel-item,
#carouselTeam3 .carousel-item, #carouselTeam3l .carousel-item {
    width: 100%;
    text-align: center;
}
#carouselTeam1 .team-card, #carouselTeam1l .team-card {
    margin: 2em;
    position: relative;
    display: inline-block;
    border-image: url('/paper/elements/patch-article-blog.svg') 55;
    border-image-width: 70px;
    border-image-slice: 20% fill;
    padding: 3em;
    color: #916E53;
    max-width: 75%;
    text-align: left;
    padding-left: 8em;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
}
#carouselTeam2 .team-card, #carouselTeam2l .team-card {
    padding-left: 6em;
}
#carouselTeam2 h2, #carouselTeam2l h2 {
    font-size: 1.2em;
}
#carouselTeam3 h2, #carouselTeam3l h2 {
    font-size: 1.4em;
}
#carouselTeam1 .photo, #carouselTeam1l .photo {
    position: absolute;
    top: -0.5em;
    left: -0.5em;
    width: 6em;
    height: 6em;
    transform: rotate(-2deg);
    border: 3px solid white;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
}
#carouselTeam1 .contact-sticker, #carouselTeam1l .contact-sticker {
    width: 5em;
    position: absolute;
    top: 6em;
    left: 1.25em;
}
#carouselTeam1 .field, #carouselTeam1l .field {
    font-family: 'montserrat', Arial, sans-serif;
    font-size: 1.2em;
}
#carouselTeam1 .qualifValue, #carouselTeam1 .dateValue,
#carouselTeam1l .qualifValue, #carouselTeam1l .dateValue {
    font-family: 'VSPencil', Arial, sans-serif;
    font-size: 1.2em;
}
#carouselTeam1l .team-card, #carouselTeam2l .team-card {
    width: 30%;
}
#carouselTeam1 .team-card, #carouselTeam2 .team-card {
    width: 70%;
}
#carouselTeam1l .team-card {
    height: 100%;
}
#carouselTeam2 .team-card, #carouselTeam2l .team-card,
#carouselTeam3 .team-card, #carouselTeam3l .team-card {
    aspect-ratio: 1;
    background: url("/paper/elements/friend-bg.png");
    background-size: contain;
    background-repeat: no-repeat;

    display: inline-block;
    width: 15em;
    padding-top: 6em;
    padding-left: 2em;
    padding-right: 2em;
}
#carouselTeam2 .carousel-item, #carouselTeam2l .carousel-item,
#carouselTeam3 .carousel-item, #carouselTeam3l .carousel-item {
    margin-top: 2em;
}
#carouselTeam2 .photo, #carouselTeam2l .photo,
#carouselTeam3 .photo, #carouselTeam3l .photo {
    position: absolute;
    top: -0.5em;
    width: 6em;
    height: 6em;
    transform: rotate(-2deg);
    border: 3px solid white;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
}

/** story */
.our-story-container {
    position: relative;
    width: 100%;
    padding: 1.5em;
    text-align: center;
    margin-top: 5em;
}
.our-story {
    text-align: left;
    border: 10px solid;
    border-image: url('/paper/lines/story-outline.svg');
    border-image-repeat: stretch stretch;
    border-image-slice: 10;
}
.our-story h1 {
    padding: 1em 1.5em;
    position: relative;
    top: -2em;
}
@media (max-width: 768px) {
    .our-story h1 {
        font-size: 1.2em;
    }
}
.our-story .row {
    margin-top: -3em;
}
.story-1a p, .story-1b p, .story-3a p, .story-4b p {
    width: 100%;
    text-align: justify;
    font-family: 'montserrat', Arial, sans-serif;
}
.story-1a, .story-3a {
    text-align: right;
}
.story-1b, .story-2a, .story-3b, .story-4a {
    text-align: center;
}
.story-1b img {
    max-width: 85%;
}
.story-2a img {
    max-height: 100%;
    max-width: 70%;
    aspect-ratio: 1024/646;
}
.story-3b img {
    max-height: 100%;
    max-width: 85%;
    aspect-ratio: 1024/540;
}
.story-1a h2, .story-2b h2, .story-3a h2, .story-4b h2 {
    padding: 0.25em;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}
.story-1a h2 {
    background-image: url("/paper/lines/our-story-t1.svg");
}
.story-1a h2::before, .story-2b h2::after, .story-3a h2::before, .story-4b h2::after {
    content: ' ';
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.story-1a h2::before {
    left: -1.25em;
    background-image: url("/paper/icons/green-pin.svg");
}
.story-2b h2 {
    background: url("/paper/lines/our-story-t2.svg") no-repeat bottom center;
}
.story-2b h2::after {
    right: -1.4em;
    background-image: url("/paper/icons/green-alarmclock.svg");
}
.story-3a h2 {
    padding: 0.25em;
    background: url("/paper/lines/our-story-t3.svg") no-repeat bottom center;
    background-size: contain;
}
.story-3a h2::before {
    left: -1.25em;
    background-image: url("/paper/icons/green-search.svg");
}
.story-4b h2 {
    padding: 0.25em;
    background: url("/paper/lines/our-story-t4.svg") no-repeat bottom center;
    background-size: contain;
}
.story-4b h2::after {
    right: -1.4em;
    background-image: url("/paper/icons/green-light.svg");
}