.sc-bandeau {
    & .cliping {
        position: absolute;
        inset: 0;
        mask-image: linear-gradient(0deg, rgb(21 21 42 / 0%) 0%, #000 30%, #000 80%, rgb(21 21 42 / 0%) 100%);
        mask-repeat: no-repeat;
        mask-size: cover;
        &::after {
            position: absolute;
            inset: 0;
            content: '';
            mix-blend-mode: hard-light;
            background: linear-gradient(0deg, rgb(21 21 42) 0%, rgb(21 21 42 / 54%) 50%, rgb(21 20 42 / 54%) 80%, rgb(21 21 42) 100%);
        }
    }
    & [class^="container"] {
        position: relative;
        padding-block: min(13rem,30vw);
        & .text-center {
            position: relative;
            height: 100%;
            align-items: center;
            justify-content: center;
            & h1 {font-weight: 300;}
            & .fakeserif {
                display: block;
                @media screen and (width>=1200px) {
                    & {

                        display: flow-root;
                        font-weight: inherit;

                        &::before {
                            content: "";
                            display: table;
                            margin-bottom: calc(-0.5lh + 0.35em);
                        }

                        &::after {
                            content: "";
                            display: table;
                            margin-bottom: calc(-0.5lh + 0.3em);
                        }
                    }
                }

            }
        }
        & .nav {
            position: absolute;
            bottom: min(5rem,10vw);
            right: 0;
            display: flex;
            min-width: 80%;
            flex-wrap: wrap;
            align-items: center;
            gap: 0 min(3rem,7vw);
            justify-content: flex-end;
            border-bottom: 1px solid var(--cLTtheme, var(--cLCyanBright));
            & a {    
                font-weight: 500;
                font-size: min(26px,4vw);
                column-gap: min(2rem,5vw);
                padding: 0 0 min(1.5rem,5vw);
                & .arrow {
                    color: currentColor;
                    border-color: transparent;
                    background-color: transparent;
                    padding: min(0.7rem, 4vw) min(1.7rem, 9vw);
                }
            }
            & > li:last-child {
                color: var(--cLTtheme, var(--cLCyanBright));
            }
            @media screen and (width < 1200px) {
                & {
                    position: relative;
                    top: 5rem;
                    bottom: initial;
                }
            }
        }
        @media screen and (width >= 1200px) {
            & {
                height: min(735px,100vh);
                &:has( .nav) {
                    height: min(954px,100vh);
                }
            }
        }
    }
}