.homePageBanner{max-width:192rem;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center;background:#f8f8f8}.homePageBanner .bannerBox{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.homePageBanner .bannerBox>div{max-width:100%;width:100%;box-sizing:border-box}.homePageBanner .bannerBox .homePageBannerTop .videoBanner{width:100%;display:flex}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox{width:100%;position:relative;display:flex;align-items:center;justify-content:center}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox video,.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox img{max-width:100%;width:100%;height:auto;aspect-ratio:1440/530;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .imgCover{opacity:0;position:absolute;top:0;left:0}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle{width:100%;height:100%;max-width:100%;max-height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox{width:100%;height:100%;display:flex;align-items:center;justify-content:center;row-gap:2.4rem}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox h1,.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox h1 *{margin:0;color:#fcfcfc;text-align:center;font-family:Albert Sans;font-size:4rem;font-style:normal;font-weight:600;line-height:normal}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox p{color:#fcfcfc;text-align:center;font-family:Albert Sans;font-size:2rem;font-style:normal;font-weight:500;line-height:normal}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox .btn{width:auto;padding:1.8rem 2.4rem;text-align:center;font-family:Albert Sans;font-size:1.8rem;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.048rem;border:none;border-radius:4.4rem;margin-top:2rem}@media screen and (max-width: 960px){.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox video,.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox img{aspect-ratio:320/570;max-height:90dvh}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox h1,.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox h1 *{font-size:2.4rem}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox p{font-size:1.6rem;padding:0 2rem}.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox .rectangle .bannerBox .btn{font-size:1.4rem;padding:1.6rem 2.4rem}}.homePageBanner .homePageBannerTop .bannerBox h1,.homePageBanner .homePageBannerTop .bannerBox p,.homePageBanner .homePageBannerTop .bannerBox .btn{position:relative}@-webkit-keyframes textAni{0%{opacity:0}50%{opacity:0;top:3.2rem}to{opacity:1;top:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-homepage-banner.css.map */