.grid-container{padding-left:20px;padding-right:20px;display:grid;grid-template-columns:repeat(12,1fr);gap:16px;width:100%}.Hero-Banner-Wrapper-Desktop{display:block;height:100vh}@media (max-width: 768px){.Hero-Banner-Wrapper-Desktop{display:none}}.Hero-Banner-Wrapper-Mobile{display:none}@media (max-width: 768px){.Hero-Banner-Wrapper-Mobile{display:block}}.Hero-Banner-Wrapper-Desktop{position:relative}.Video-Desktop{position:absolute;top:0;left:0;width:100%;height:100vh}.Video-Desktop.Image{display:none}.Image-Desktop{position:absolute;top:0;left:0;width:100%;height:100vh}.Image-Desktop.Video{display:none}.Image-Desktop img{width:100%;height:100%;object-fit:cover}.Text-Desktop{position:absolute;top:0;left:0;padding:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:16px;width:100%;height:100vh}.Text-Desktop-p{font-family:GT-America-Extended-Regular;text-transform:uppercase;font-weight:400;font-size:24px;line-height:34px;letter-spacing:.48px}@media (max-width: 1200px){.Text-Desktop-p{font-family:GT-America-Extended-Regular;text-transform:uppercase;font-weight:400;font-size:18px;line-height:24px;letter-spacing:.72px}}.Text-Desktop-p-1{grid-column:2 / -1;grid-row:6;display:block;align-self:end}.Text-Desktop-p-2{grid-column:9 / -1;grid-row:11;display:block}@media (max-width: 1200px){.Text-Desktop-p-2{grid-row:10;align-self:end}}@media (max-width: 1023px){.Text-Desktop-p-2{grid-column:8 / -1;align-self:start}}.Hero-Banner-Wrapper-Mobile{position:relative}.Video-Mobile{position:absolute;top:0;left:0;width:100%}.Video-Mobile.Image-mobile{display:none}.Image-Mobile{position:absolute;top:0;left:0;width:100%}.Image-Mobile.Video-mobile{display:none}.Image-Mobile img{width:100%;height:100%;object-fit:cover}.Text-Mobile{display:none}@media (max-width: 768px){.Text-Mobile{position:absolute;top:0;left:0;width:100%;padding:78px 20px 20px;display:flex;flex-direction:column;justify-content:space-between}}.Text-Mobile-p{font-family:GT-America-Extended-Regular;text-transform:uppercase;font-weight:400;font-size:18px;line-height:24px;letter-spacing:.72px;width:100%}.Text-Mobile-p-1{text-align:left;padding-bottom:12px}.Text-Mobile-p-2{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-redesign-hero-banner.css.map */