#home {padding-top:0;}


#home .hero-message{height:0; overflow: hidden;}


.anim-logo{
	position: fixed;
    z-index: 300;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 660px;
}

.anim-logo img {
    width: 100%;
    height: auto;
}


.overscroll-section{z-index:198;}

footer{position:relative; z-index:199;}



#core-collection-single{overflow:hidden;}


#core-collection-single .product-wrap {position:relative; z-index:2;}


.pattern{position:absolute; top:0; width:100vw; height:calc(100dvh - 180px); background-color: #101325; background-image: url(../images/stories-ribbon.svg); background-repeat: no-repeat;}


#stories .flexible-content{z-index: 3;position: relative;}



.mobile-scroll-wrap{scrollbar-width:none;}

.scroll-indicators {
    width: 100%;
    position: relative;
}


.bar-wrap {
    width: calc(100% + 24px);
	margin-left: -12px;
    height: 2px;
    background-color: #5B5B5B35;
}

.bar-mover {
    height: 2px;
    background-color: #5B5B5B;
    width: 75%;
    position: relative;
}

.mobile-scroll-wrap .item {
    user-select: none;
}




/* product page pip stuff */
#image-pips{
	position:fixed;
	top:100px;
	right:30px;
	
    flex-direction: column;
    z-index: 200;
    gap:6px;
    list-style: none;
	display:none;
}
@media only screen and (max-width: 767px) {
	#image-pips.mobile-only{display:flex;}
}
#image-pips li{
	height:8px;
	width:8px;
	border-radius:4px;
	background-color:lightgrey;
	margin: 4px 0;
}
#image-pips li.active{background-color:darkgrey;}



@media only screen and (max-width: 767px) {
    #core-collection-single .product-wrap .image-reel {
        
        overflow-y: visible; 
        height: fit-content;
        aspect-ratio: unset;
    }
    /* #core-collection-single .product-wrap .details-wrap {position:absolute; top:0;} */
    
    .image-spacer{
    	width: 100vw;
    	aspect-ratio: 1280 / 1720;
    }
	#core-collection-single .product-wrap .details-wrap .details-inner {
       height:fit-content;
    }
    #core-collection-single .product-wrap {
        padding: 0;
        display:grid;
        align-items: start;
    }
    #core-collection-single .product-wrap > * {
		grid-area: 1 / 1;
	}
}


/* Set the value below to be one higher than the amount you to initially see */
.stories-wrap .story-wrap:nth-child(n+4) {
    display: none;
}