/*
Theme Name: theo Cattin
Author: Prospectiv*
*/
:is(.bg-blue,.bg-black) *:not(a:is([href^="tel:"],[href^="mailto:"]),:is(h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6) em,a:hover)) {color: var(--color-white);}
.bg-gray {background-color: var(--color-gray);}
.bg-yellow {background-color: var(--color-yellow);}
.bg-black {background-color: var(--color-black);}
.after-img {position: relative;}
.sc-10.after-img > *::before,
.after-img [class*="row-"]:not(:is([class*="arrow"]))::before {
    position: absolute;
    inset: 0;
    content: '';
    opacity: .2;
    display: block;
    background-size: auto 330px;
    background-repeat: no-repeat;
    background-position: calc(50% + 800px) 45%;
    background-image: url(assets/images/logos/logo-overlay.svg);
}
.after-img [class*="row-"][class*="-flexdirrow-rev"]:not(:is([class*="arrow"]))::before {background-position: calc(50% - 800px) 45%;}
:is(h2,h3,h4,h5,h6) {line-height: 112%;}
:is(h2,h3,h4,h5,h6) > span:not([class]) {
    line-height: 1;
    font-weight: 300;
}
/* figure[data-speed] > img {position: relative;} */
figure > img[data-speed] {height: 150%;transition: none;}
time {
    position: relative;
    display: inline-block;
    font-size: var(--size-14);
    color: var(--color-greenarms);
}
.bx-articles article:hover [class^="btn-"][class*="-circle"],
.listing .inner:hover [class^="btn-"][class*="-circle"] {transform: inherit;}
.bx-articles article:hover [class^="btn-"][class*="-circle"]::before,
.listing .inner:hover [class^="btn-"][class*="-circle"]::before {
    inset: -.065rem;
    transform: scale(1) translateX(0);
}
article:hover figure > img {scale: 1.03; transform-origin: center bottom;}
.listing .inner:hover figure > img {scale:1.03;}
:is(.listing .inner,article):hover [class^="wp-txt"] :is(h2,h3,h4) {text-decoration: underline;}
.bx-share {
    position: relative;
    display: flex;
    padding: .6rem 3rem;
    align-items: center;
    font-size: var(--size-20);
    text-transform: uppercase;
    color: var(--color-greenarms);
    justify-content: space-between;
    border-top: .065rem solid var(--color-greenarms);
    border-bottom: .065rem solid var(--color-greenarms);
}
.bx-share .rs {
    position: relative;
    gap: 1rem;
    display: flex;
}
.bx-share .rs a {
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
}
.bx-share .rs a:hover {filter: grayscale(1)s;}
.wp-form {
    position: relative;
    margin-inline: auto;
    width: min(956px,100%);
}
.wp-form .flex {
    position: relative;
    gap: 1.5rem 5%;
}
.wp-form .half {
    position: relative;
    width: 47.5%;
}
.wp-form :is(.half,.full) label:not([class]) {
    position: relative;
    width: 100%;
    font-weight: 500;
    margin-bottom: 1rem;
    display: inline-block;
    font-size: var(--size-20);
}
.wp-form .full {
    position: relative;
    width: 100%;
}
.wp-links {
    position: relative;
    display: flex;
    padding-inline: 4rem;
    justify-content: space-between;
}
.link:is(.prev,.next) {
    position: relative;
    gap: 1rem;
    display: flex;
    align-items: center;
    color: var(--color-greenarms);
}
.link.next {flex-direction: row-reverse;}
/* header */
main > header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-block: 1.2rem;
    transition: padding .5s;
    background: var(--color-white);
}
body.home:not(.sticky) main > header {background: transparent;}
main > header .row {align-items: center;}
main > header .row > [class^="bx-"] {flex: 1 1 0%;}
header .primary {
    position: relative;
    width: 100%;
    gap: 0.2rem 5%;
    display: flex;
}
main > header .bx-lf .primary > li > a {
    position: relative;
    font-weight: 400;
    display: inline-block;
    font-size: var(--size-20);
}
.logo {
    position: relative;
    gap: 0.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}
main > header .bx-ct .logo {
    position: fixed;
    top: 0;
    left: 50%;
    padding-top: 1rem;
    transition: all .1s;
    transform: translateX(-50%);
}

main > header .bx-rg a {
    padding: 0.5rem 1.5rem;
}

body:not(.home) main > header .bx-ct .logo .lg1 {opacity: 0; visibility: hidden;}
body:not(.home) main > header .bx-ct .logo {transform: translate(-50%,-67%);}
.logo .lg1 {
    width: 60px;
    margin-inline: auto;
    object-fit: contain;
}
.logo .lg2 {
    width: 258px;
    margin-inline: auto;
    object-fit: contain;
}
main > header .bx-rg {
    position: relative;
    gap: 2rem 2%;
    display: flex;
    align-items: center;
}
body.home main > header + div > div > section:not(section + section) > [class*="py-"] {
    padding-top: 13.5rem;
    transition: transform .8s;
}
body:not(.home) main > header + div > div > section:not(section + section) > [class*="py-"] { padding-top: 10rem; }
/* sc-01 */
.sc-01 .ontainer-xxl {position: relative;}
.sc-01 .listing figure {
    min-height: 600px;
    max-height: 737px;
    height: calc(100vh - 194.38px);
}
.sc-01 .listing figure > img { filter: brightness(0.8); }
.sc-01 .slick-list {overflow: visible;}
.sc-01 .inner {
    position: relative;
    width: 100%;
}
.sc-01 .body {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: min(710px,100%);
    transform: translateY(-50%);
    padding: 4rem 3rem 4rem 12rem;
}
.sc-01 .body::before {
    position: absolute;
    content: '';
    inset: 0 0 0 -134px;
    background: var(--color-gray2);
}
.sc-01 .body h1 {
    position: relative;
    font-size: var(--size-28);
}
.sc-01 .body h1::before {
    position: absolute;
    left: 0;
    content: '';
    height: 1rem;
    width: .065rem;
    bottom: calc(100% + 1rem);
    background: var(--color-greenarms);
}
.sc-01 .body *:not(a) {color: var(--color-white);}
.sc-01 .ctn-arrows {
    position: absolute;
    top: 56%;
    left: 50%;
    z-index: 2;
    width: min(100%,90vw);
    transform: translate(-50%,-50%);
}
.sc-01 .wp-arrow {
    display: flex;
    height: 0;
    align-items: center;
    margin-inline: -2rem;
    width: calc(100% + 4rem);
    justify-content: space-between;
}
/* sc-02 */
.sc-02 [class^="row"] {gap: 3rem 7%;}
.sc-02 [class^="row"] > .bx-lf { width: 50%; }
.sc-02 [class^="row"] > .bx-rg { flex: 1 1 0%; }
.sc-02 .grp {
    position: relative;
    grid-gap: 0;
    width: 100%;
    display: grid;
    overflow: visible;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(11, 1fr);
}
.sc-02 .bx-rg [class*="wp-txt"] { width: min(450px,100%);}  
.sc-02 [class^="row"][class*="-flexdirrow-rev"] .bx-rg [class*="wp-txt"] {
    margin-left: auto;
}  
.sc-02 .grp figure:nth-child(1) { 
    position: relative;
    margin-left: -291px;
    grid-area: 1 / 1 / 11 / 9;
}
.sc-02 .grp figure:nth-child(1)::after { 
    position: absolute;
    inset: 0;
    content: '';
    display: block;
    mix-blend-mode: multiply;
    background: linear-gradient(180deg, #00000000 0%, #00000000 53%, #0000009A 100%);
}
.sc-02 .grp figure:nth-child(2) { 
    grid-area: 8 / 7 / 12 / 12; 
    box-shadow: 0px 15px 60px #00000045;
}
.sc-02 [class^="row"][class*="-flexdirrow-rev"] .grp figure:nth-child(1) { 
    margin-left: 0;
    margin-right: -291px;
    grid-area: 1 / 4 / 11 / 12;
}
.sc-02 [class^="row"][class*="-flexdirrow-rev"] .grp figure:nth-child(2) { grid-area: 8 / 1 / 12 / 6; }
/* sc-03 */
.sc-03:not(.after-img) {position: relative;}
.sc-03.after-img [class*="row-"]:not(:is([class*="arrow"]))::before {
    background-size: auto 200px;
    background-position: calc(50% - 800px) 25%;
}
.sc-03 > * {
    position: relative;
    z-index: 2;
}
.sc-03 [class^="row"] {gap: 3rem 5%;}
.sc-03 [class^="row"] .bx-lf {
    position: relative;
    flex: 1 1 0%;
    z-index: 1;
}
.sc-03 [class^="row"] .bx-lf h2 > span {color: var(--color-white);}
.sc-03 [class^="row"] .bx-rg {
    position: relative;
    gap: 2rem;
    width: 65.8%;
    display: flex;
    margin-top: auto;
    padding-block: 5rem;
    flex-direction: column;
}
.sc-03 [class^="row"] .bx-rg::before {
    position: absolute;
    top: -3rem;
    z-index: -2;
    content: '';
    width: 100vw;
    right: 85.1%;
    height: calc(100% + 6rem);
    background-color: var(--color-yellow);
}
.sc-03 [class^="row"] .bx-rg .wp-arrow {
    position: absolute;
    display: flex;
    gap: 1rem;
    bottom: 0;
    right: 79.8%;
    max-width: max-content;
}
.sc-03 [class^="row"] .bx-rg .listing {
    position: relative;
    width: 90%;
}
.sc-03 [class^="row"] .bx-rg .slick-track {gap: 1rem;}
.sc-03 [class^="row"] .bx-rg .inner {
    position: relative;
    transition: all .5s;
    padding-inline: 1rem;
}
.sc-03 [class^="row"] .bx-rg .slick-slide:not(.slick-active) .inner {transform: translateX(2rem);}
.sc-03 [class^="row"] .bx-rg .inner figure {
    position: relative;
    height: 500px;
    background: transparent;
}
.sc-03 [class^="row"] .bx-rg .inner figure > img {object-fit: contain;}
/* .sc-03 [class^="row"] .bx-rg .inner figure > img {object-fit: contain;} */
.sc-03 [class^="row"] .bx-rg .slick-list {
    overflow: visible;
    clip-path: polygon(0 0, calc(100% + 250px) 0%, calc(100% + 250px) 100%, 0% 100%);
}
.sc-03 [class^="row"] .bx-rg .inner h3 {font-weight: 400;}
/* sc-04 */
.sc-04 [class^="row"] .bx-rg .wp-txt :is(h1,h2,h3,h4,h5,h6) {color: var(--color-greenarms);}
.sc-04 [class^="row"] .bx-rg .wp-txt *:not(:is(h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6) em,a)) {color: var(--color-white);}
.sc-04 [class^="row"] .bx-lf {
    position: relative;
    width: 56%;
}
.sc-04 [class^="row"] .bx-lf > figure {margin-left: -137px;}
.sc-04 [class^="row"][class*="-flexdirrow-rev"] .bx-lf > figure {margin-left: 0;margin-right: -137px;}
.sc-04 [class^="row"] .bx-rg {
    position: relative;
    flex: 1 1 0%;
}
.sc-04 [class^="row"] .bx-rg .wp-txt {
    position: relative;
    top: 50%;
    padding-left: 4rem;
    transform: translateY(-50%);
}
.sc-04 [class^="row"][class*="-flexdirrow-rev"] .bx-rg .wp-txt {
    padding-left: 0;
    padding-right: 4rem;
}
.sc-04 [class^="row"] .bx-rg .cvr-img {
    position: absolute;
    inset: 0;
}
.sc-04 [class^="row"] .bx-rg .cvr-img > figure {
    position: relative;
    margin-right: -137px;
    background: var(--color-dark);
}
.sc-04 [class^="row"][class*="-flexdirrow-rev"] .bx-rg .cvr-img > figure {
    margin-right: 0;
    margin-left: -137px;
}
.sc-04 [class^="row"] .bx-rg .cvr-img > figure > img {filter: brightness(0.08);}
/* sc-05 */
.sc-05 {
    position: relative;
    z-index: 2;
}
.sc-05 [class*="wp-txt"]::before {
    position: absolute;
    content: '';
    bottom: 100%;
    height: 1.2rem;
    width: .065rem;
    background: var(--color-greenarms);
}
.sc-05 [class*="wp-txt"]::after {
    position: absolute;
    content: '';
    height: 5rem;
    width: .065rem;
    top: calc(100% + 2.5rem);
    background: var(--color-greenarms);
    animation: slide-top 2s ease-in infinite alternate backwards;
}
@keyframes slide-top {0% {height: 0;}}
.sc-05 [class*="wp-txt"]::after 
.sc-05 h1 {
    font-weight: 400;
    text-transform: uppercase;
}
/* sc-06 */
:is(.sc-06,.sc-14) { position: relative; }
:is(.sc-06,.sc-14)::before {
    position: absolute;
    inset: 0;
    content: '';
    opacity: .2;
}
.sc-06::before {background: url(assets/images/logos/logo-overlay.svg) no-repeat calc(50% + 800px) 95%/auto 330px, url(assets/images/logos/logo-overlay.svg) no-repeat calc(50% - 800px) 0%/auto 330px;}
.sc-06 .row {
    position: relative;
    gap: 5rem 5%;
}
.sc-06 article {position: relative;}
.sc-06 .row > [class^="bx-"] {position: relative;}
.sc-06 .row > .bx-articles {
    flex: 1 1 0%;
    display: flex;
    row-gap: 5rem;
    flex-direction: column;
}
.sc-06 .row > .bx-articles > div {
    position: relative;
    display: flex;
    row-gap: 2rem;
    padding: 3rem 3rem;
    border-radius: 1rem;
    flex-direction: column;
    background: var(--color-white);
    box-shadow: 0px 15px 60px #00000029;
}
.sc-06 .row > .bx-articles > div figure {
    height: 378px;
    border-radius: 1rem;
}
.sc-06 .row > .bx-articles > div .link {
    position: absolute;
    bottom: calc(100% + 2rem);
}
.sc-06 .row > .bx-articles > div h2 {font-size: 2.5rem;}
.sc-06 .row > .bx-articles > div .wp-txt {row-gap: .5rem;}
.sc-06 .row > .bx-aside {
    position: relative;
    width: min(329px,100%);
}
.sc-06 .row > .bx-articles > div + .wp-links {margin-top: -2rem;}
.sc-06 .row > .bx-aside aside {
    position: sticky;
    top: 7rem;
    padding: 2rem;
    overflow: hidden;
    border-radius: .8rem;
    background: var(--color-white);
    box-shadow: 0px 15px 60px #00000029;
}
.sc-06 .row > .bx-aside aside .space-y {row-gap: 1.5rem;}
.sc-06 .row > .bx-aside .listing {
    position: relative;
    display: flex;
    row-gap: 1.5rem;
    flex-direction: column;
}
.sc-06 .row > .bx-aside .bx-lf {width: 100%;}
.sc-06 .row > .bx-aside figure {
    height: 128px;
    border-radius: 0.5rem;
}
.sc-06 .row > .bx-aside aside [class*="wp-txt"] {row-gap: .2rem;}
.sc-06 .row > .bx-aside aside select {
    height: 3rem;
    background: #F2EEE7;
}
.sc-06 .row > .bx-aside aside h3 {
    font-weight: 600;
    margin-bottom: .5rem;
    font-family: 'Mundial';
    font-size: var(--size-20);
}
.sc-06 .row > .bx-aside aside h4 {font-size: var(--size-20);}
.sc-06 .row > .bx-aside aside p {font-size: var(--size-12);}
.sc-06 .row > .bx-aside article [class^="btn-"][class*="-circle"] {display: none;}
.sc-06 .row article p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.sc-06 .row article :is(h4,h2) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.sc-06 .row article [class^="btn-"][class*="-circle"] {margin-top: .5rem;}
.sc-06 article {
    position: relative;
    display: flex;
    gap: 1rem 3%;
    flex-wrap: wrap;
    align-items: center;
}
.sc-06 .bx-articles article .bx-lf {
    position: relative;
    width: 432px;
}
.sc-06 .bx-articles article .bx-lf > figure {
    height: 331px;
    border-radius: 1rem;
}
.sc-06 .bx-articles article .bx-rg {flex: 1 1 0%;}
.sc-06 .bx-articles article [class*="wp-txt"] {row-gap: .6rem;}
.sc-06 .bx-articles article h2 {font-size: var(--size-40);}
.sc-06 .bx-articles article p {font-size: var(--size-16);}
.sc-06 article p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
/* sc-07 */
.sc-07 :not(:is(h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6) em,a:hover)) {color: var(--color-white);}
.sc-07 .float-box {
    position: relative;
    display: block;
    margin-left: auto;
    width: min(1300px,100%);
}
.sc-07 .float-box::before {
    position: absolute;
    content: '';
    display: block;
    inset: -8rem -50vw -8rem 5%;
    background: var(--color-black);
}
.sc-07 .float-box .row {gap: 5rem 10%;}
.sc-07 .float-box .bx-lf { 
    height: 580px; 
    flex: 0 0 auto; 
}
.sc-07 .float-box .bx-lf figure {
    position: relative;
    bottom: -2rem;
    background: transparent;
}
.sc-07 .float-box .bx-lf figure > img {object-fit: contain; }
.sc-07 .float-box .bx-rg {
    flex: 1 1 0%; 
    margin-top: auto;
    margin-bottom: -3rem;
}
.sc-07 .float-box .bx-rg .wp-txt * + *:is(h2,h3,h4,h5,h6) {margin-top: 1rem;}
.sc-07 [class^="icn-list"] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.sc-07 .icn-list-vertical {
    row-gap: .5rem;
    flex-direction: column;
}
.sc-07 .icn-list-horizontal > li:not(:first-child)::before {
    position: relative;
    content: '';
    height: 100%;
    width: .065rem;
    display: block;
    margin-left: 1rem;
    background: var(--color-greenarms);
}
.sc-07 .icn-list-horizontal > li > img {margin-right: -.5rem;}
.sc-07 [class^="icn-list"] > li {
    position: relative;
    gap: 1rem;
    display: flex;
    align-items: flex-start;
}
.sc-07 [class^="icn-list"] > li > img {
    width: 1.2rem;
    height: 1.5rem;
    object-fit: contain;
}
.sc-07 [class^="icn-list"] > li > span > strong {
    display: block;
    font-weight: 700;
    color: var(--color-greenarms);
    font-family: "quinn-display";
}
.steps {
    position: relative;
    column-gap: 1rem;
    display: flex;
    width: max-content;
    margin-top: 2rem !important;
}
.steps > li {
    position: relative;
    flex: 1 1 0%;
    text-align: center;
}
.steps > li > span {
    position: relative;
    width: 100%;
    min-width: 55px;
    white-space: nowrap;
    display: inline-block;
    font-size: var(--size-14);
}
.steps > li.current > span::before {
    position: absolute;
    left: 50%;
    content: '';
    padding: 0.3rem;
    display: block;
    transform: translateX(-50%);
    bottom: calc(100% + 1.4rem);
    background: var(--color-greenarms);
    clip-path: polygon(100% 0, 50% 100%, 0 0);
}
.steps > li::after {
    position: absolute;
    left: -.5rem;
    content: '';
    bottom: 100%;
    display: block;
    width: calc(100% + 1rem);
    border-top: .065rem solid var(--color-white);
}
.steps > li:first-child::after {left: 50%;}
.steps > li:last-child::after {left: initial;right: 50%;}

.steps > li::before {
    position: absolute;
    left: 50%;
    content: '';
    bottom: 100%;
    height: 1rem;
    width: .065rem;
    display: block;
    transform: translateX(-50%);
    background: var(--color-white);
}
/* sc-08 */
.sc-08 .wp-sld {position: relative;}
.sc-08 .wp-arrow {
    position: absolute;
    top: 50%;
    height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
    justify-content: space-between;
}
.sc-08 .listing {width: 100%;}
.sc-08 .listing .inner {
    position: relative;
    row-gap: 1rem;
    flex-direction: column;
    display: flex !important;
}
.sc-08 .listing figure {
    position: relative;
    width: 100%;
    height: 450px;
}
.sc-08 .listing .slick-slide:not(.slick-current) figure {border-left: .065rem solid var(--color-greenarms);}
.sc-08 .listing .slick-slide figure {border-left: none;}
.sc-08 .listing .inner [class*="wp-txt"] {
    flex: 1 1 auto;
    padding-inline: 4rem;
}
.sc-08 .listing .inner [class^="btn-"][class*="-circle"] { margin-top: 0; }
.sc-08 .listing .inner [class^="btn-"][class*="-circle"]:not(:hover) { transform: initial !important; }
.sc-08 .listing figure img {object-fit: contain;}
.sc-08 .listing .inner [class*="wp-txt"] [class^="btn-"] {margin-top: auto;}
/* sc-09 */
.sc-09 .listing {
    position: relative;
    gap: 3rem 0;
    display: flex;
    flex-wrap: wrap;
}
.sc-09 .listing .inner {
    position: relative;
    row-gap: 1rem;
    display: flex;
    width: 33.333%;
    flex-direction: column;
}
.sc-09 .listing .inner [class*="wp-txt"] {
    flex: 1 1 auto;
    padding-inline: 4rem;
}
.sc-09 .listing .inner [class*="wp-txt"] [class^="btn-"] {margin-top: auto;}
.sc-09 .listing figure {
    position: relative;
    width: 100%;
    height: 450px;
}
.sc-09 .listing figure > img {object-fit: contain;}
.sc-09 [class^="btn-"][class*="-circle"] {margin-top: 0; transform: translateX(0); }
.sc-09 .listing .inner:nth-child(3n + 2) figure {
    border-left: .065rem solid var(--color-greenarms);
    border-right: .065rem solid var(--color-greenarms);
}
/* sc-10 */
.sc-10.after-img > *::before {
    background-size: auto 12rem;
    background-position: calc(50% - 800px) 45%;
}
.sc-10  .wp-txt {
    position: relative;
    margin-inline: auto;
    width: min(960px,100%);
}
.sc-10 :is(h1,h2,h3,h4,h5,h6) {color: var(--color-white);}
/* sc-11 */
.sc-11 > figure {
    position: absolute;
    inset: 0;
}
.sc-11 > figure::after {
    position: absolute;
    inset: 0;
    content: '';
    opacity: 0.83;
    background: var(--color-black);
}
.sc-11 .wp-txt {
    position: relative;
    margin-inline: auto;
    width: min(500px,100%);
}
.sc-11 > figure + * *:not(:is(h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6) em,[class^="btn-"],a:hover)) {color: var(--color-white);}
/* sc-12 */
.sc-12 {overflow: hidden;}
.sc-12 .container-xl .row {position: relative;}
.sc-12 .listing {
    position: relative;
    margin-right: auto;
    width: min(861px,70%);
}
.sc-12 .listing .slick-list {overflow: visible;}
.sc-12 .listing .slick-list {clip-path: polygon(-1.5rem -1.5rem, 100vw -1.5rem, 100vw calc(100% + 2rem),-1.5rem calc(100% + 2rem));}
.sc-12 .listing .slick-list .slick-slide {
    height: inherit;
    padding-right: 3rem;
    transition: all .5s;
}
.sc-12 .listing .slick-list .slick-slide:not(:is(.slick-current, .slick-current ~ .slick-slide)) {opacity: 0;}
.sc-12 .listing .slick-list .slick-slide > div {height: 100%;}
.sc-12 .listing .slick-list .inner {
    position: relative;
    height: 100%;
    box-shadow: 1rem 0 2.5rem -1rem #00000045;
}
.sc-12  .wp-arrow {
    position: absolute;
    top: 0;
    right: 0;
    gap: 1rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
/* sc-13 */
.sc-13 .row {gap: 2rem 5%;justify-content: space-between;}
.sc-13 .row [class^="bx-"]:not(.bx-1) {flex: 1 1 333px;}
.sc-13 .bx-1 {flex: 0 0 auto;}
.sc-13 .bx-1 figure {
    position: relative;
    width: 106px;
    height: 106px;
    border-radius: 50%;
}
/* sc-14 */
.sc-14::before {background: url(assets/images/logos/logo-overlay.svg) no-repeat calc(50% + 800px) 95%/auto 330px, url(assets/images/logos/logo-overlay.svg) no-repeat calc(50% - 800px) 20%/auto 330px;}
.acceptance {
    position: relative;
    gap: 1rem;
    display: flex;
}
/* sc-404 */
.sc-404 h1 {
    font-family: cursive;
    font-size: var(--size-100);
    text-shadow: 0.3rem 0.2rem #bfa57169;
}
/* footer */
footer {position: relative;}
footer > figure {
    position: absolute;
    inset: 0;
}
footer > figure::after {
    position: absolute;
    inset: 0;
    content: '';
    display: block;
    mix-blend-mode: multiply;
    background: var(--color-black);
}
footer .logo .lg2 {filter: brightness(0) invert(1);}
footer .flex {
    gap: 2rem 5%;
    width: 100%;
    justify-content: center;
}
footer .flex ~ * {margin-top: -1.1rem;}
footer [class^="btn-"] {text-transform: initial;}
footer [class^="bx-"] {width: max-content; flex: 0 0 270px;}
footer [class^="bx-"] [class*="wp-txt"] {row-gap: .5rem;}
footer *:not(:is(h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6) em,a:hover)) {color: var(--color-white);}
footer [class*="wp-txt"] h6 {text-transform: uppercase; font-weight: 600;}
footer [class*="wp-txt"] :is(p,li) {font-size: var(--size-16);}
footer .nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
footer .nav > li {
    position: relative;
    display: flex;
}
footer .nav > li:not(:first-child)::before {
    position: relative;
    content: '-';
    margin-inline: .5rem;
    display: inline-block;
}
footer .nav :is(li, li *) {color: var(--color-greenarms);}
footer [class*="wp-txt"] :is([class^="btn-"],p) {
    font-size: var(--size-16);
    padding-block: 0.7rem 1rem;
}