.ybn-brandbanner{position:relative;width:100%;height:var(--ybn-brandbanner-h, 736px);margin-bottom:64px;overflow:hidden}.ybn-brandbanner__media{position:absolute;top:0;right:0;bottom:0;left:0}.ybn-brandbanner__img{display:block;width:100%;height:100%;object-fit:cover}.ybn-brandbanner__img--mobile{display:none}.ybn-brandbanner__overlay{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:48px;align-items:center;justify-content:center;width:100%;height:100%;padding:0 16px;background-color:rgba(0,0,0,var(--ybn-brandbanner-scrim, .2))}.ybn-brandbanner__logo{display:block;width:auto;height:auto;max-width:345px;max-height:45px}.ybn-brandbanner__content{display:flex;flex-direction:column;gap:33px;align-items:center;justify-content:center}.ybn-brandbanner__title{margin:0;color:#fff;font-weight:700;font-size:48px;line-height:52px;letter-spacing:-2px;text-align:center}.ybn-brandbanner__sub{margin:0;color:#fff;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;text-align:center}.ybn-brandbanner__crumb{position:absolute;top:16px;left:16px;z-index:9}.ybn-brandbanner__crumb,.ybn-brandbanner__crumb a,.ybn-brandbanner__crumb li,.ybn-brandbanner__crumb span{color:#fff}.ybn-brandbanner__crumb-list{display:flex;gap:6px;align-items:center;margin:0;padding:0;list-style:none;font-size:13px;line-height:18px}.ybn-brandbanner__crumb-list li+li:before{content:"/";margin-right:6px;opacity:.7}.ybn-brandbanner__crumb a{text-decoration:none}.ybn-brandbanner__crumb a:hover{text-decoration:underline}.ybn-gridbanner{grid-column:1 / -1}.ybn-gridbanner__inner{position:relative;width:100%;max-height:320px;overflow:hidden}.ybn-gridbanner__img{display:block;width:100%;height:100%;object-fit:cover}.ybn-gridbanner__scrim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003}.ybn-gridbanner__content{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;transform:translate(-50%,-50%)}.ybn-gridbanner__logo{display:block;width:auto;height:auto;max-width:345px;max-height:45px}.ybn-gridbanner__text{max-width:520px;margin:0;color:#fff;font-weight:600;font-size:20px;line-height:24px;letter-spacing:-.5px;text-align:center}.ybn-gridtile{display:block;align-self:stretch;overflow:hidden;text-decoration:none;background-color:#11213a}.ybn-gridtile__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:767.98px){.ybn-gridtile{grid-row:auto}.ybn-gridbanner__text{font-size:16px;line-height:20px}}@media(max-width:767.98px){.ybn-brandbanner{width:calc(100% + 32px);height:var(--ybn-brandbanner-h-mob, 612px);margin:0 -16px 32px}.ybn-brandbanner__img--desktop{display:none}.ybn-brandbanner__img--mobile{display:block}.ybn-brandbanner__overlay{gap:32px}.ybn-brandbanner__content{gap:16px}.ybn-brandbanner__sub{max-width:330px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yatas-brandbanner.css.map */