.tiles-slider{min-height:500px;grid-template-columns:1fr 2fr;position:relative;margin-block:2rem;width:100%;display:grid}.tiles-slider .layer{height:100%;inset-inline-start:0;position:absolute;inset-block-start:0;width:100%}.tiles-slider .hero-left{justify-content:center;position:relative;flex-direction:column;display:flex}.tiles-slider .hero-left button{padding:15px;border:none;transition:all .3s ease;position:absolute;margin:10px;background:none;cursor:pointer;z-index:2}.tiles-slider .hero-left button:hover{opacity:.6}.tiles-slider .hero-left button:active{transform:scale(.9)}.tiles-slider .hero-left button svg{stroke-linecap:round;fill:none;transition:all .3s ease;position:relative;inset-block-start:0;stroke-width:2;stroke:#fff;stroke-linejoin:round}.tiles-slider .hero-left button.btn-left{inset-inline-start:0}.tiles-slider .hero-left button.btn-left svg{transform:translateX(0) rotate(180deg)}.tiles-slider .hero-left button.btn-right{inset-inline-end:0}.tiles-slider .hero-left .layers{height:100%;overflow:hidden;position:relative;width:100%}.tiles-slider .hero-left .layers .layer{transform:translateX(100%);transition:all .5s cubic-bezier(.55,0,.1,1);transition-delay:.5s;grid-template-rows:1fr 3fr 1fr;opacity:0;display:grid}.tiles-slider .hero-left .layers .layer.layer-displayed{transform:translateX(0);opacity:1;z-index:1}.tiles-slider .hero-left .layers .layer.layer-displayed-exit{transform:translateX(-100%);opacity:0;z-index:1}.tiles-slider .hero-left .layers .layer h4{font-size:2rem;text-align:center}.tiles-slider .hero-left .layers .layer h4 a{transform:translateY(0);text-decoration:none;color:inherit;transition:all .3s ease;display:block}.tiles-slider .hero-left .layers .layer h4 a:hover{transform:translateY(4px);opacity:.6}.tiles-slider .hero-left .layers .layer .layer__image{background-size:auto 100%;background-size:contain;background-position:50%;background-repeat:no-repeat;display:block}.tiles-slider .hero-left .layers .layer .layer__info{padding-block-start:1rem;text-align:center}.tiles-slider .hero-right{overflow:hidden;position:relative}.tiles-slider .hero-right .layer{transform:translateX(100%);transition:transform .5s cubic-bezier(.55,0,.1,1),opacity .1s cubic-bezier(.55,0,.1,1);transition-delay:.5s}.tiles-slider .hero-right .photo-frame .layer{transition-delay:.5s;background-size:cover;opacity:0;background-position:50%;background-repeat:no-repeat}.tiles-slider .hero-right .photo-frame .layer.layer-displayed-exit{transition-delay:1s;transition-duration:0;opacity:0;box-shadow:none;z-index:1}.tiles-slider .hero-right .photo-frame .layer.layer-displayed{transform:translateX(0);opacity:1;z-index:2}.tiles-slider .hero-right .photo-frame{overflow:hidden;position:absolute;animation-play-state:paused}.tiles-slider .hero-right .photo-frame.frame-top{height:45%;inset-inline-start:2rem;border:2px solid var(--page-content-background-main-color);inset-block-start:0;width:50%;z-index:5}.tiles-slider .hero-right .photo-frame.frame-bottom{inset-inline-end:2rem;inset-block-end:0;height:70%;width:75%;z-index:4}.tiles-slider .hero-right .photo-frame .cover{height:100%;inset-inline-start:0;position:absolute;inset-block-start:0;background-color:var(--page-content-background-main-color);width:0;z-index:5}.tiles-slider .hero-right .photo-name{height:28%;transform:translateY(-25%);inset-inline-start:calc(50% + 2rem);font-size:.875rem;font-weight:300;position:absolute;inset-block-start:15%;width:45%;z-index:3}.tiles-slider .hero-right .photo-name span{display:block}.tiles-slider .hero-right .photo-name__wrapper{position:relative}.tiles-slider .hero-right .photo-name .layer{transform:translateX(-90%);padding:10px;transition:all .5s cubic-bezier(.55,0,.1,1);opacity:0;place-items:center;display:grid}.tiles-slider .hero-right .photo-name .layer.layer-displayed{transform:translateX(0);transition-delay:.5s;opacity:1}@media (max-width:767.98px){.tiles-slider{min-height:80vh;grid-template-columns:auto;grid-template-rows:1fr 1fr}.tiles-slider .hero-left{justify-content:flex-start!important}.tiles-slider .hero-left button{padding:.5rem!important;inset-block-start:50%;margin:0!important}.tiles-slider .hero-right .photo-frame.frame-top,.tiles-slider .hero-right .photo-name{display:none}.tiles-slider .hero-right .photo-frame.frame-bottom{inset-inline-end:0;inset-block-start:10%;width:100%}}@media (max-width:991.98px){.tiles-slider .hero-left .layers .layer h4{font-size:1.4rem}}