@media screen and (min-width: 1200px){.section-spots .spot.clickable-spot{height:500px;overflow:hidden}.section-spots .spot.clickable-spot figure{transform:translateY(-20px);min-height:calc(100% + 20px);position:absolute;object-fit:cover;object-position:center;width:100%;height:100%;-webkit-transition:all 300ms ease;transition:all 300ms ease;z-index:1}.section-spots .spot.clickable-spot figure:after{background-color:rgba(45,45,45,.2);z-index:2}.section-spots .spot.clickable-spot .text{position:absolute;top:100%;left:0;transform:translateY(-100%);padding:3.2rem;max-width:460px;transition:all 300ms ease;z-index:4}.section-spots .spot.clickable-spot .text h3{margin-bottom:1.6rem}.section-spots .spot.clickable-spot .text>p{transform:translateY(500%);display:none;margin:0}.section-spots .spot.clickable-spot:hover figure{transform:translateY(0)}.section-spots .spot.clickable-spot:hover figure:after{background-color:rgba(45,45,45,.8)}.section-spots .spot.clickable-spot:hover .text{top:0;transform:translateY(0)}.section-spots .spot.clickable-spot:hover .text>p{display:block;transform:translateY(0)}}@media screen and (max-width: 1199px){.section-spots .spot{grid-column:span 6 !important}.section-spots .spot.clickable-spot{min-height:400px}}/*# sourceMappingURL=extend.css.map */