.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 .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%;display:flex;align-items:center;justify-content:center;row-gap:2.4rem}.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:2rem 3rem;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}.homePageBanner .bannerBox .homePageBannerBottom{padding:4.4rem 0}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:1.6rem}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem{width:100%}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox{width:100%;height:100%;padding:2.4rem;border-radius:1.2rem;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.6rem;text-decoration:none;cursor:pointer}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox>div{width:100%;display:flex;flex-direction:column;row-gap:1.6rem}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox>div>p{color:#464646;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.032rem}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox>div>p.linkArrow{color:#1f1f1f;font-size:2rem;font-weight:500;letter-spacing:-.048rem;row-gap:.8rem}@media screen and (max-width: 960px){.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox video,.homePageBanner .bannerBox .homePageBannerTop .videoBanner .videoBannerBox img{aspect-ratio:unset;max-height:90vh}.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 .bannerBox .homePageBannerBottom{padding:3.2rem 0}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox{grid-template-columns:repeat(2,1fr)}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem,.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox{height:auto}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox>div>p{font-size:1.4rem}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox .homePageBannerBottomItem .itemBox>div>p.linkArrow{font-size:1.4rem}}@media screen and (max-width: 600px){.homePageBanner .bannerBox .homePageBannerBottom{padding:2.4rem 0}.homePageBanner .bannerBox .homePageBannerBottom .homePageBannerBottomBox{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-homepage-banner.css.map */