.brand-banner{align-items:flex-end;display:flex;min-height:500px;overflow:hidden;position:relative}.brand-banner__bg{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.brand-banner__bg--dark{background:linear-gradient(135deg,#111,#222)}.brand-banner__container{margin:0 auto;max-width:1440px;padding:80px 60px;position:relative;width:100%;z-index:2}.brand-banner__content{max-width:550px}.brand-banner--right .brand-banner__content{margin-left:auto}.brand-banner--center .brand-banner__content{margin:0 auto;text-align:center}.brand-banner__tag{display:inline-block;font-size:16px;font-weight:600;margin-bottom:16px}.brand-banner__heading,.brand-banner__tag{color:#fff;font-family:Mazda Type,sans-serif;letter-spacing:3px;text-transform:uppercase}.brand-banner__heading{font-size:42px;font-weight:800;line-height:1.15;margin:0 0 20px}.brand-banner__desc{color:hsla(0,0%,100%,.8);font-family:Mazda Type,sans-serif;font-size:15px;line-height:1.8;margin:0 0 30px}.brand-banner__desc p{margin:0}.brand-banner__cta{border:1px solid hsla(0,0%,100%,.4);color:#fff;display:inline-block;font-family:Mazda Type,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;padding:16px 36px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.brand-banner__cta:hover{background:#fff;border-color:#fff;color:#101010}@media (max-width:767px){.brand-banner{min-height:400px}.brand-banner__container{padding:60px 20px}.brand-banner__heading{font-size:28px}}.brand-banner--glass-bar{align-items:flex-end}.brand-banner--glass-bar .brand-banner__container{padding-bottom:80px}.brand-banner__glass-bar{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;box-sizing:border-box;display:flex;justify-content:space-between;max-width:700px;overflow:hidden;transition:all .3s ease;width:fit-content}.brand-banner__glass-bar:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.35);box-shadow:0 10px 30px rgba(0,0,0,.25)}.brand-banner__glass-left{display:flex;flex:1;flex-direction:column;gap:4px;padding:1rem}.brand-banner__glass-tag{color:hsla(0,0%,100%,.6);font-family:Mazda Type,sans-serif;font-size:16px;font-weight:400;letter-spacing:2px;text-transform:uppercase}.brand-banner__glass-heading{color:#fff;font-family:Mazda Type,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;margin:0}.brand-banner__glass-right{align-items:center;border-left:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:center;padding:1rem}.brand-banner__glass-cta{align-items:center;color:#fff;display:flex;font-family:Mazda Type,sans-serif;font-size:20px;font-weight:700;gap:8px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;transition:opacity .3s ease,transform .3s ease}.brand-banner__glass-cta:hover{opacity:.8;transform:translateX(2px)}.brand-banner__arrow-icon{transition:transform .3s ease}.brand-banner__glass-cta:hover .brand-banner__arrow-icon{transform:translateX(3px)}@media (max-width:767px){.brand-banner--glass-bar .brand-banner__container{padding-bottom:40px}.brand-banner__glass-bar{align-items:stretch;flex-direction:column;max-width:100%}.brand-banner__glass-left{align-items:center;padding:1rem;text-align:center}.brand-banner__glass-right{background:hsla(0,0%,100%,.04);border-left:none;border-top:1px solid hsla(0,0%,100%,.2);padding:1rem}.brand-banner__glass-cta{justify-content:center;width:100%}}