.hero{align-items:flex-end;color:var(--airy-pink);display:grid;grid-template-rows:100%;height:calc(var(--vh, 100vh) - var(--notification-bar-height));justify-items:center;margin-block-end:var(--space-s);position:relative;width:100vw}.hero:before,.hero:after{content:"";display:block;height:200px;left:0;position:absolute;right:0;z-index:1}.hero:before{background-image:linear-gradient(to bottom,#00000080,#0000);top:0}.hero:after{background-image:linear-gradient(to top,#00000080,#0000);bottom:0}.hero .title{display:grid;gap:var(--space-m);justify-items:center;padding:var(--space-m);z-index:2}.hero scroll-sticker.title{inset-block-start:clamp((0% + (var(--scroll-sticker-height)/2)),var(--scroll-sticker-top),(100% - (var(--scroll-sticker-height)/2)));position:absolute;transform:translateY(-50%)}.hero .image{position:absolute;height:100%;width:100%}.hero .image picture{height:100%}@media screen and (min-width: 750px){.hero{aspect-ratio:var(--ratio-movie);height:56vw;max-height:90vh}}@media screen and (min-width: 990px){.hero .title{padding:var(--space-xl)}}@media screen and (min-width: 1920px){.hero{margin-inline:calc((100vw - var(--max-page-width)) / -2)}}@media (prefers-reduced-motion: no-preference){body.transitions-enabled .hero{transition:height var(--duration-short) var(--transition-ease-default)}body.transitions-enabled .hero.with-keyhole{-webkit-mask-image:var(--keyhole);-webkit-mask-position:center bottom;-webkit-mask-repeat:no-repeat;-webkit-mask-size:120vmax;animation-duration:var(--duration-very-long);animation-fill-mode:both;animation-name:keyhole;animation-timing-function:linear;mask-image:var(--keyhole);mask-position:center bottom;mask-repeat:no-repeat;overflow:hidden}body.transitions-enabled .hero.with-keyhole .title{animation-delay:var(--duration-long);animation-duration:var(--duration-long);animation-fill-mode:both;animation-name:keyholeTitle;animation-timing-function:ease-out}body.transitions-enabled .hero.with-keyhole .image{animation-duration:calc(var(--duration-very-long));animation-fill-mode:both;animation-name:keyholeImage;animation-timing-function:ease-out}}@keyframes keyhole{0%{-webkit-mask-size:0%;mask-size:0%}to{-webkit-mask-size:120vmax;mask-size:120vmax}}@media (min-width: 990px){@keyframes keyhole{0%{-webkit-mask-size:0%;mask-size:0%}to{-webkit-mask-size:110vw;mask-size:110vw}}}@keyframes keyholeTitle{0%{opacity:0}to{opacity:1}}@keyframes keyholeImage{0%{transform:scale(1.2)}to{transform:scale(1)}}body.template-index{--body-bg-color: var(--airy-pink);--footer-bg-color: transparent;--header-bg-color--active: var(--body-bg-color);--header-bg-color: transparent;--header-border-color--active: var(--light-brown);--header-border-color: transparent;--header-color--active: var(--rust-brown);--header-color: var(--airy-pink);--header-margin: var(--header-margin--fixed-header)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hero.css.map */