@charset "UTF-8";

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.background {
    animation: gradient 9s ease infinite;
    background: linear-gradient(330deg, #bbaffe, #ede7e2);
    background-size: 400% 400%
}


@media (max-width:1024px) {
    .scrollSection {
        height: auto;
        padding: 12.5rem 0
    }

    .scrollSection:after {
        align-items: center;
        content: "Swipe to Read More";
        display: inline-block;
        display: inline-flex;
        font-family: Suisse Intl Mono, monospace;
        font-size: max(12px, .875rem);
        left: 50%;
        letter-spacing: -.02em;
        position: absolute;
        text-transform: capitalize;
        transform: translateX(-50%);
        translate: 0 6.25rem
    }
}

@media (max-width:1024px) and (max-width:650px) {
    .scrollSection:after {
        font-size: max(10px, .75rem)
    }
}

@media (max-width:1024px) {
    .scrollSection:after:before {
        background: #bbaffe;
        clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
        content: "";
        display: inline-block;
        height: .5rem;
        margin: 0 .75rem 0 0;
        width: .5rem
    }
}

@media (max-width:1024px) and (max-width:650px) {
    .scrollSection:after:before {
        margin: 0 .75rem 0 0
    }
}

@media (max-width:650px) {
    .scrollSection {
        padding: 4rem 0
    }

    .scrollSection:after {
        translate: 0 2rem
    }
}

.scrollSection .container {
    align-items: center;
    height: 100%
}

@media (max-width:650px) {
    .scrollSection .container {
        align-items: start
    }
}

.scrollSection__header {
    grid-column: 1/-1;
    grid-row: 1;
    position: relative;
    text-align: center;
    z-index: 2
}

@media (max-width:1024px) {
    .scrollSection__header {
        margin: 0 0 5rem
    }
}

@media (max-width:650px) {
    .scrollSection__header {
        margin: 0 0 3rem
    }
}

.scrollSection__tagline {
    display: inline-block;
    margin: 0 0 3.375rem;
    color: #fff;
}

.scrollSection__tagline.caption::before {
	background: #bbaffe;
	clip-path: polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);
	content: "";
	display: inline-block;
	height: .5rem;
	margin: 0 .75rem 0 0;
	width: .5rem;
}
.font-s1 {
	font-size: 8rem;
	line-height: 1;
}
@media (max-width:650px) {
    .scrollSection__tagline {
        margin: 0 0 2rem
    }
}

.scrollSection__heading {
    color: #5523e8;
    margin: 0;
}

[data-theme=dark] .scrollSection__heading {
    color: #bbaffe
}

.scrollSection__heading span {
    display: inline-block
}

.scrollSection__slider {
    align-items: center;
    display: flex;
    filter: blur(6px);
    grid-column: 1/-1;
    grid-row: 1;
    height: 100vh;
    opacity: 0;
    scale: .4
}

@media (max-width:1024px) {
    .scrollSection__slider {
        filter: none;
        grid-row: 2;
        height: auto;
        opacity: 1;
        scale: 1
    }
}

.scrollSection__slider .swiper-wrapper {
    align-items: center;
    height: auto
}

.scrollSection__item.swiper-slide {
    align-items: start;
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 12.5rem 0 0;
    min-width: 46.625rem;
    width: 46.625rem
}

@media (max-width:1024px) {
    .scrollSection__item.swiper-slide {
        filter: blur(6px);
        min-width: auto;
        opacity: .4;
        scale: .9;
        transition: .6s ease;
        width: auto
    }

    .scrollSection__item.swiper-slide.swiper-slide-active {
        box-shadow: 0 149px 42px 0 transparent, 0 96px 38px 0 rgba(0, 0, 0, .01), 0 54px 32px 0 rgba(0, 0, 0, .03), 0 24px 24px 0 rgba(0, 0, 0, .05), 0 6px 13px 0 rgba(0, 0, 0, .06);
        box-shadow: none;
        filter: none;
        opacity: 1;
        scale: 1
    }

    .scrollSection__item.swiper-slide.swiper-slide-active .scrollSection__content,
    .scrollSection__item.swiper-slide.swiper-slide-active .scrollSection__image {
        box-shadow: 0 149px 42px 0 transparent, 0 96px 38px 0 rgba(0, 0, 0, .01), 0 54px 32px 0 rgba(0, 0, 0, .03), 0 24px 24px 0 rgba(0, 0, 0, .05), 0 6px 13px 0 rgba(0, 0, 0, .06);
        filter: none;
        opacity: 1;
        scale: 1
    }
}

@media (min-width:1025px) {
    .scrollSection__item.swiper-slide:first-child {
        filter: none;
        margin-left: 35vw;
        opacity: 1;
        scale: 1
    }
}

.scrollSection__item.swiper-slide:nth-child(4n+1) .scrollSection__content {
    grid-column: span 4;
    margin: 0 0 5.375rem
}

@media (max-width:1024px) {
    .scrollSection__item.swiper-slide:nth-child(4n+1) .scrollSection__content {
        margin: 0 0 1.5rem
    }
}

.scrollSection__item.swiper-slide:nth-child(4n+1) .scrollSection__image {
    aspect-ratio: 284/360;
    grid-column: 4/span 2
}

.scrollSection__item.swiper-slide:nth-child(4n+2) .scrollSection__content {
    grid-column: span 3
}

.scrollSection__item.swiper-slide:nth-child(4n+2) .scrollSection__image {
    aspect-ratio: 1/1;
    grid-column: span 2
}

.scrollSection__item.swiper-slide:nth-child(4n+3) .scrollSection__content {
    grid-column: 2/span 4;
    grid-row: 2
}

.scrollSection__item.swiper-slide:nth-child(4n+3) .scrollSection__image {
    aspect-ratio: 284/360;
    grid-column: 1/span 2;
    grid-row: 1;
    margin: 0 0 1.5rem
}

.scrollSection__item.swiper-slide:nth-child(4n+4) .scrollSection__content {
    grid-column: span 3
}

.scrollSection__item.swiper-slide:nth-child(4n+4) .scrollSection__image {
    align-self: end;
    aspect-ratio: 1/1;
    grid-column: span 2;
    position: relative;
    top: 6.25rem
}

@media (max-width:650px) {
    .scrollSection__item.swiper-slide:nth-child(n) .scrollSection__content {
        grid-column: 1/-1;
        grid-row: 1;
        margin: 0 0 1.5rem
    }

    .scrollSection__item.swiper-slide:nth-child(n) .scrollSection__image {
        aspect-ratio: 5/4;
        grid-column: 1/-1;
        grid-row: 2;
        top: 0
    }
}

.scrollSection__content {
    background: #5523e8;
    border-radius: .75rem;
    color: #fff;
    padding: 2.625rem
}

@media (max-width:650px) {
    .scrollSection__content {
        border-radius: .375rem;
        padding: 2.25rem 1.5rem
    }
}

.scrollSection__quote {
    font-size: max(12px, 1.375rem);
    margin: 0 0 3rem
}

@media (max-width:650px) {
    .scrollSection__quote {
        font-size: max(12px, 1rem)
    }
}

.scrollSection__image {
    border-radius: .375rem;
    overflow: hidden
}
.portfolio_sectionGSAP {
	overflow-x: hidden;
}
body{
    background: #000628;
}