/*
.homepage.svelte-tneg4g.svelte-tneg4g {
    overflow: hidden
}
*/

.homepage__photos.svelte-tneg4g.svelte-tneg4g {
/*    margin: calc(-96px - 4vw) 0 80px;   */
    max-width: 2000px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .homepage__photos.svelte-tneg4g.svelte-tneg4g {
/*        margin:calc(max(300px,min(20vw,500px))*-1) auto max(64px,min(6.5vw,128px))  */
    }
}


.photo-card.svelte-12ymsvm a.svelte-12ymsvm {
    border-radius: 20px;
    border: 5px solid #485872b0;
    -webkit-box-shadow: 0 16px 12px #091740b0, 0 26px 52px #0000009c;
    box-shadow: 0 16px 12px #091740b0, 0 26px 52px #0000009c;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: block;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .7s var(--ease-quart);
    transition: -webkit-transform .7s var(--ease-quart);
    transition: transform .7s var(--ease-quart);
    transition: transform .7s var(--ease-quart),-webkit-transform .7s var(--ease-quart);
    will-change: transform
}

.photo-card.svelte-12ymsvm picture {
    background: #633185;
    height: 100%;
    width: 100%
}

.photo-card.svelte-12ymsvm picture img {
    display: block;
    height: calc(100% + 2px);
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .7s var(--ease-quart);
    transition: opacity .7s var(--ease-quart);
    width: calc(100% + 2px)
}

.photo-card__info.svelte-12ymsvm.svelte-12ymsvm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 16px;
    color: #fef6ef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: max(.429rem,min(1.5vw,.5rem));
    left: 20px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    z-index: 2
}

@media (min-width: 768px) {
    .photo-card__info.svelte-12ymsvm.svelte-12ymsvm {
        font-size:max(.429rem,min(1.2vw,.5rem))
    }
}

.photo-card__info.svelte-12ymsvm picture {
    border-radius: 100%;
    height: 20px;
    margin-right: 12px;
    overflow: hidden;
    width: 20px
}

@media (min-width: 768px) {
    .photo-card__info.svelte-12ymsvm picture {
        height:24px;
        margin-right: 16px;
        width: 24px
    }
}

.photo-card__info.svelte-12ymsvm picture img {
    display: block;
    height: 100%;
    width: 100%
}

.photo-card__info.svelte-12ymsvm p {
    line-height: 1.4;
    max-width: min(80%,300px)
}

.photo-card__info.svelte-12ymsvm>* {
    opacity: 0;
    -webkit-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0);
    -webkit-transition: opacity .7s var(--ease-quart),-webkit-transform .8s var(--ease-quart);
    transition: opacity .7s var(--ease-quart),-webkit-transform .8s var(--ease-quart);
    transition: opacity .7s var(--ease-quart),transform .8s var(--ease-quart);
    transition: opacity .7s var(--ease-quart),transform .8s var(--ease-quart),-webkit-transform .8s var(--ease-quart)
}

@media (min-width: 992px) {
    .photo-card__info.svelte-12ymsvm>* {
        -webkit-transform:translate3d(0,8px,0);
        transform: translate3d(0,8px,0)
    }
}
  /* on hover gradient for description
.photo-card.svelte-12ymsvm a.svelte-12ymsvm:after {

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(45,23,69,0)),to(#ffcc00));
    background: linear-gradient(180deg,rgba(45,23,69,0),#ffcc00);
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .8s var(--ease-quart);
    transition: opacity .8s var(--ease-quart);
    width: 100%;
    z-index: 1;
}
*/

@media (hover: hover) {
    .photo-card.svelte-12ymsvm a.svelte-12ymsvm:hover {
        -webkit-transform:scale(1.0375) rotate(1deg) translateZ(0);
        transform: scale(1.0375) rotate(1deg) translateZ(0)
    }

    .photo-card.svelte-12ymsvm a.svelte-12ymsvm:hover .photo-card__info * {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .photo-card.svelte-12ymsvm a.svelte-12ymsvm:hover .photo-card__info picture {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .photo-card.svelte-12ymsvm a.svelte-12ymsvm:hover .photo-card__info p {
        -webkit-transition-delay: .18s;
        transition-delay: .18s
    }

    .photo-card.svelte-12ymsvm a.svelte-12ymsvm:hover:after {
        opacity: 1
    }
}

.collage.svelte-2g5fxn {
    display: grid;
    grid-template-columns: repeat(16,1fr);
    grid-template-rows: repeat(3,1fr);
    height: 110vw;
    margin: 0 -14vw
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn {
        grid-template-columns:repeat(32,1fr);
        grid-template-rows: repeat(2,1fr);
        height: max(400px,min(20vw,800px));
        margin: 0 -140px
    }
}

.collage.svelte-2g5fxn .photo-card {
    --rotation: 0deg;
    display: block;
    grid-column-end: span 8;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card {
        height:max(156px,min(18vw,400px))
    }
}

.collage.svelte-2g5fxn .photo-card>* {
    -webkit-transform: rotate(var(--rotation)) translateZ(0);
    transform: rotate(var(--rotation)) translateZ(0)
}

.collage.svelte-2g5fxn .photo-card:first-child {
    --rotation: -2.5deg;
    grid-column-start: 2;
    grid-row: 1;
    z-index: 5;
    /*adds*/
    --rotation: 10.5deg;
    left: -8vw;
    top: -9vw;
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:first-child {
        top:max(24px,min(0vw,128px));
        z-index: 2
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(2) {
    --rotation: 3deg;
    grid-column-start: 1;
    grid-row: 2;
    left: -20vw;
    margin-top: -10vw;
    z-index: 3;
    --rotation: -6deg;
    left: 7vw;
    top: 2vw;
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(2) {
        grid-column-start:7;
        grid-row: 1;
        left: 0;
        margin-top: 0;
        top: max(16px,min(3vw,48px));
        z-index: 7
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(3) {
    grid-column-start: 5;
    grid-row: 2;
    z-index: 10;
    /*adds*/
    margin-top: -30vw;
    width: calc(140% + 2px);
    left: -12vw;
    top: -10vw;
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(3) {
        grid-column-start:13;
        grid-row: 1;
        margin-top: 0;
        z-index: 10;
        width: calc(110% + 2px);
        left: -6vw;
        top: 0vw;
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(4) {
    --rotation: 6deg;
    grid-column-start: 8;
    grid-row: 2;
    left: 20vw;
    margin-top: -7vw;
    z-index: 3
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(4) {
        grid-column-start:19;
        grid-row: 1;
        left: 0;
        margin-top: 0;
        top: max(16px,min(3vw,48px));
        z-index: 2
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(5) {
    --rotation: 3.5deg;
    grid-column-start: 8;
    grid-row: 1;
    z-index: 6;
    --rotation: -11.5deg;
    right: -6vw;
    top: -7vw;
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(5) {
        grid-column-start:24;
        top: max(24px,min(0vw,128px));
        z-index: 1
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(6) {
    --rotation: -5.5deg;
    display: none
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(6) {
        display:block;
        grid-column-start: 1;
        grid-row: 2;
        top: max(24px,min(5.5vw,88px));
        z-index: 9
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(7) {
    --rotation: -8deg;
    display: none
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(7) {
        display:block;
        grid-column-start: 5;
        grid-row: 2;
        z-index: 8
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(8) {
    --rotation: 8deg;
    grid-column-start: 2;
    grid-row: 3;
    margin-top: -16vw;
    z-index: 2
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(8) {
        grid-column-start:11;
        grid-row: 2;
        margin-top: 0;
        top: calc(max(20px,min(3vw,48px))*-1);
        z-index: 5
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(9) {
    --rotation: -2deg;
    grid-column-start: 8;
    grid-row: 3;
    margin-top: -16vw;
    z-index: 1
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(9) {
        --rotation:2deg;
        grid-column-start: 15;
        grid-row: 2;
        margin-top: 0;
        top: calc(max(20px,min(3vw,48px))*-1);
        z-index: 4
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(10) {
    --rotation: 8deg;
    display: none
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(10) {
        display:block;
        grid-column-start: 21;
        grid-row: 2;
        z-index: 3
    }
}

.collage.svelte-2g5fxn .photo-card:nth-child(11) {
    --rotation: 5.5deg;
    display: none
}

@media (min-width: 768px) {
    .collage.svelte-2g5fxn .photo-card:nth-child(11) {
        display:block;
        grid-column-start: 25;
        grid-row: 2;
        margin-right: 0;
        top: max(24px,min(5.5vw,88px));
        z-index: 2
    }
}

.collage.svelte-2g5fxn .photo-card:hover {
    z-index: 13
}

.collage.svelte-2g5fxn .is-hovered img {
    opacity: 1!important
}

.collage.is-hovering.svelte-2g5fxn .photo-card img {
    opacity: .5
}
/*
.homepage.svelte-tneg4g.svelte-tneg4g {
    overflow: hidden
}
*/

.homepage__photos.svelte-tneg4g.svelte-tneg4g {
/*    margin: calc(-96px - 4vw) 0 80px;*/
    max-width: 2000px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .homepage__photos.svelte-tneg4g.svelte-tneg4g {
        margin-bottom: 30px;
/*       margin:calc(max(300px,min(20vw,500px))*-1) auto max(64px,min(6.5vw,128px))   */
    }
}

@media (max-width: 991px) {
  .homepage.svelte-tneg4g.svelte-tneg4g {
      overflow: visible;
  }
  .collage.svelte-2g5fxn {
    height: 80vw;
  }
}

@media (min-width: 768px) {


}