.section-hero{--aspect-ratio: 3/1.5;overflow:hidden}@media(min-width:768px){.section-hero{--aspect-ratio: 3/1.4}}@media(min-width:1280px){.section-hero{--aspect-ratio: 3/1.1}}.section-hero .wrapper{position:relative;background-color:var(--colour-black)}.section-hero .media{position:relative}.section-hero .media:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;background:linear-gradient(0deg,#000,#0000);opacity:.4}@media(min-width:1024px){.section-hero .media:after{background:linear-gradient(45deg,#000,#0000);opacity:.6}}.section-hero .media>*{position:relative;z-index:1}.section-hero .media video,.section-hero .media img,.section-hero .media iframe{width:100%;height:auto;aspect-ratio:var(--aspect-ratio);object-fit:cover}.section-hero .container{display:flex;flex-direction:column-reverse}@media(max-width:1023.98px){.section-hero .container{padding-top:2rem;position:relative;z-index:10}}@media(min-width:768px)and (max-width:1023.98px){.section-hero .container{max-width:72vw}}@media(min-width:1024px){.section-hero .container{position:absolute;top:0;left:50%;height:100%;transform:translate(-50%);z-index:15;padding:2.5rem 4rem;flex-direction:column;justify-content:flex-end}}@media(min-width:1280px){.section-hero .container{padding-left:6.5rem}}@media(min-width:1600px){.section-hero .container{padding-left:9.5rem}}.section-hero .container .content p{max-width:30rem}@media(min-width:1024px){.section-hero .container .content p:last-of-type{margin-bottom:2.5rem}}.section-hero .movie-details{display:flex;align-items:center;gap:1rem}@media(max-width:1023.98px){.section-hero .movie-details{position:absolute;top:0;left:0;width:100%;padding:0 var(--gutter);transform:translateY(-100%);padding-bottom:1rem}}.section-hero .movie-details .play-movie{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0;color:var(--colour-white);flex-shrink:0;cursor:pointer}.section-hero .movie-details .play-movie:focus{outline:none}.section-hero .movie-details .play-movie:hover{text-decoration:none;outline:none}.section-hero .movie-details .play-movie:disabled{opacity:.5;pointer-events:none}.section-hero .movie-details .play-movie svg{height:2rem;width:2rem;fill:currentColor}.section-hero .movie-details .movie-content{display:grid;grid-template-columns:2rem;grid-template-areas:"rating title" "rating date";gap:.75rem 1rem;place-items:center start;padding-left:1rem;border-left:1px solid var(--colour-white)}.section-hero .movie-details .movie-content>*{margin:0;line-height:1}.section-hero .movie-details .rating{height:2rem;width:2rem;object-fit:contain;grid-area:rating;display:flex}.section-hero .movie-details .movie-title{grid-area:title;font-size:.875rem;font-weight:400;letter-spacing:.12em;line-height:1;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.section-hero .movie-details .movie-date{grid-area:date;font-size:.875rem}.section-hero .movie-preview{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;visibility:hidden;background-color:#000c;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:var(--transition-duration);display:grid;place-items:center;z-index:-1}.section-hero .movie-preview video,.section-hero .movie-preview iframe{aspect-ratio:16/9;height:auto;width:80%;opacity:0;transition:opacity var(--transition-duration) var(--transition-timing) 0s;transition-delay:0s}@media(min-width:768px){.section-hero .movie-preview video,.section-hero .movie-preview iframe{width:64%}}@media(min-width:1024px){.section-hero .movie-preview video,.section-hero .movie-preview iframe{width:56%}}.section-hero .movie-preview.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:50}.section-hero .movie-preview.is-active video,.section-hero .movie-preview.is-active iframe{opacity:1;transition-delay:var(--transition-duration)}.section-hero .swiper-container{position:relative}.section-hero .swiper-button{padding:0;margin:0;position:absolute;top:50%;transform:translateY(-50%);z-index:10;opacity:1;transition:opacity var(--transition-duration) var(--transition-timing) 0s}@media(max-width:1023.98px){.section-hero .swiper-button{display:none}}.section-hero .swiper-button,.section-hero .swiper-button svg{height:2rem;width:2rem}.section-hero .swiper-button.prev{left:1rem}.section-hero .swiper-button.next{right:1rem}.section-hero .swiper-button svg{fill:currentColor}.section-hero .movie-preview-active .swiper-button{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */