s-slider{--item-basis:30%;--active-basis:80%;--transition-time:.3s;gap:var(--gap,10px);scrollbar-width:none;align-items:end;display:flex}s-slider[direction=horizontal]{scroll-snap-type:x mandatory;flex-direction:row;overflow:auto hidden}s-slider[direction=vertical]{scroll-snap-type:y mandatory;flex-direction:column;overflow:hidden auto}s-slider article{transform-origin:50%;flex:0 0 var(--item-basis);scroll-snap-align:center;transition:var(--transition-time)}s-slider article.active{flex:0 0 var(--active-basis)}#section_hero{background-image:var(--bg-image);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;transition:all .6s;display:flex}#section_hero header{flex-direction:column;justify-content:center;align-items:center;transition:inherit;display:flex}#section_hero header h1{color:var(--primary);font-size:120px;font-weight:600}#section_hero header p{font-size:32px;font-weight:600}#section_love{flex-direction:row;justify-content:space-between;align-items:center;height:100vh;display:flex}#section_love header h2{font-size:64px;font-weight:600}#section_love header h2 span{color:var(--primary)}#section_love s-slider{--gap:10px;width:100vw;height:30vh;margin-top:10vh}#section_love s-slider:not([direction=horizontal]) article{height:40%}#section_love s-slider:not([direction=horizontal]) article:first-child{margin-left:10vw}#section_love s-slider:not([direction=horizontal]) article:last-child{margin-right:10vw}#section_love s-slider:not([direction=horizontal]) article.active{height:100%}#section_love s-slider[direction=vertical]{align-items:center;width:20vw;height:80vh}#section_love s-slider[direction=vertical] article{width:60%}#section_love s-slider[direction=vertical] article:first-child{margin-top:10vh;margin-left:0}#section_love s-slider[direction=vertical] article:last-child{margin-bottom:10vh;margin-right:0}#section_love s-slider[direction=vertical] article.active{width:100%}#section_love s-slider article{opacity:.6;contain:paint;background-image:radial-gradient(var(--bg-lightest), var(--bg-darkest));border-radius:15px;justify-content:center;align-items:center;display:flex}#section_love s-slider article.active{opacity:1}#section_love s-slider article img{opacity:.5;object-fit:cover;height:100%;position:absolute}#section_love s-slider article p{font-size:32px;font-weight:600;position:absolute}