.hero-section{position:relative;display:flex;flex-direction:column;justify-content:flex-end}.hero-section.hero-section__default{aspect-ratio:9 / 16}@media (min-width: 1024px){.hero-section.hero-section__default{aspect-ratio:16 / 9}}.hero-section.hero-section__default.force-desktop-ratio{aspect-ratio:16 / 9}.hero-section.hero-section__panoramic{aspect-ratio:9 / 13.5}@media (min-width: 1024px){.hero-section.hero-section__panoramic{aspect-ratio:9 / 4}}.hero-section.hero-section__panoramic.force-desktop-ratio{aspect-ratio:9 / 4}.hero-section__media{position:absolute;height:100%;top:0;left:0;width:100%;z-index:1}@media (min-width: 1024px){.hero-section__media{position:unset;top:unset;left:unset;width:unset;z-index:unset}}.hero-section__image,.hero-section__video{width:100%;height:100%}.hero-section__image img,.hero-section__video video{min-height:100%;width:100%;object-fit:cover}.hero-section__image img.aspect-16-9,.hero-section__video video.aspect-16-9{width:100%;object-fit:cover}.hero-section__image img.aspect-21-9,.hero-section__video video.aspect-21-9{width:100%;object-fit:cover}.hero-section__video .video-player,.hero-section__video .video-player iframe{width:100%;height:100%}.hero-section__content{z-index:2;position:sticky;bottom:0;left:0;width:100%}@media (max-width: 1023px){.hero-section__content{margin-bottom:16px}}.hero-section__overlay{width:100%;height:500px;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,#100a0d00,#100a0d7a)}.hero-section .hero-section__item{text-transform:uppercase;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}@media (min-width: 1024px){.hero-section .hero-section__item{margin-top:-70px;min-height:57px;margin-bottom:0}}.hero-section .hero-section__item :where(h1,h2,h3,h4,h5,h6){max-width:100%}@media (min-width: 1024px){.hero-section__media.hero-section__media-panoramic{min-height:800px}.hero-section .hero-section__item{flex-direction:row;align-items:center;gap:0}.hero-section .hero-section__item :where(h1,h2,h3,h4,h5,h6){max-width:354px}}@media (max-width: 1023px){.hero-section.ratio-mobile-9-16{aspect-ratio:9 / 16}.hero-section.ratio-mobile-2-3{aspect-ratio:2 / 3}.hero-section.ratio-mobile-4-5{aspect-ratio:4 / 5}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/hero.css.map */
