.section--banner{height:100%}.section--banner .section__inner{display:flex;width:100%;max-height:684px}.section--banner .grid-wrapper .banner{display:block;max-height:342px}.section--banner .single-banner,.section--banner .grid-wrapper{flex:1}.section--banner .grid-wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:12px;padding-left:12px}.section--banner .grid-wrapper--desktop{display:grid;overflow:hidden}.section--banner .main-desktop-banner{display:flex}.section--banner video.main-desktop-banner,.section--banner video.main-mobile-banner{display:flex;width:100%;height:100%;min-height:100%;object-fit:cover;position:absolute}.section--banner .grid-wrapper--mobile,.section--banner .main-mobile-banner{display:none}.section--banner .banner img,.section--banner .banner{height:100%}.section--banner .banner{position:relative}.banner__inner{position:absolute}.grid-wrapper .banner__inner{left:0;right:0;top:68%;bottom:0;padding-bottom:12px;display:flex;text-align:center;background:linear-gradient(to bottom,#fff0,#ffffffe6);justify-content:end;align-items:center;flex-direction:column;padding-right:4px;padding-left:4px}.grid-wrapper .banner__inner h2{font-size:22px;font-weight:500;line-height:28px;letter-spacing:1px;margin-bottom:8px;text-decoration:underline}.grid-wrapper .banner__inner a{font-size:16px;line-height:18px;display:flex;justify-content:center}.single-banner .banner__inner--top{top:100px;left:65px;justify-content:flex-start;align-items:flex-start}.single-banner .banner__inner--bottom{top:auto;bottom:40px;left:65px;justify-content:flex-end;align-items:flex-end}.single-banner h2{font-size:48px;font-weight:700;line-height:64px;margin-bottom:16px}.single-banner p{color:#1a1a1a;font-weight:500;font-size:16px;line-height:22px;margin-bottom:36px}.grid-wrapper .text-position__top .banner__inner{bottom:auto;top:0;padding-top:20px;background:none}.grid-wrapper .text-position__bottom .banner__inner{bottom:0;top:auto;background:none}.grid-wrapper .text-position__bottom.withShadow .banner__inner{background:linear-gradient(to bottom,#fff0,#ffffffe6);padding-top:20px}.grid-wrapper .text-position__top.withShadow .banner__inner{background:linear-gradient(to top,#fff0,#ffffffe6)}.grid-banner-button{font-weight:600}@media(max-width:991px){.section--banner .grid-wrapper{gap:8px;padding-left:8px}.single-banner .banner__inner--top{top:75px;left:35px}.single-banner .banner__inner--bottom{left:35px}.single-banner h2{font-size:38px;font-weight:700;line-height:44px;margin-bottom:8px}.single-banner p{margin-bottom:18px}}@media(max-width:720px){.section--banner .section__inner{max-height:100%;flex-direction:column}.single-banner h2{font-size:32px;font-weight:700;line-height:44px;margin-bottom:0;text-align:center}.single-banner p{text-align:center}.grid-wrapper .banner__inner h2{font-size:12px;line-height:18px;margin-bottom:4px;font-weight:600}.section--banner .single-banner,.section--banner .grid-wrapper{flex:initial}.section--banner .single-banner{height:460px}.section--banner .grid-wrapper .banner{height:auto;width:100%}.section--banner .grid-wrapper .banner img{aspect-ratio:1/1;display:block}.section--banner .grid-wrapper{padding-left:0}.section--banner .grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding-top:4px}.section--banner .grid-wrapper--desktop,.section--banner .main-desktop-banner{display:none}.section--banner .grid-wrapper--mobile{display:grid}.section--banner .main-mobile-banner{display:flex}.single-banner .banner__inner{left:0;display:flex;flex-direction:column;align-items:center;padding:20px 20px 12px;right:0}.grid-wrapper .banner__inner a{font-size:14px}.grid-wrapper .banner__inner{top:50%}}.single-banner .text-color--desktop-dark h2,.single-banner .text-color--desktop-dark p{color:#1a1a1a}.single-banner .text-color--desktop-light h2,.single-banner .text-color--desktop-light p{color:#fff}@media(max-width:600px){.single-banner .text-color--mobile-dark h2,.single-banner .text-color--mobile-dark p{color:#1a1a1a}.single-banner .text-color--mobile-light h2,.single-banner .text-color--mobile-light p{color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/nx-homepage-banner.css.map */