.bb-mmi-see,.bb-mmi-see *{box-sizing:border-box}.bb-mmi-see{position:relative;width:100%;max-width:100%;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(255,44,168,.045),transparent 31%),#000;color:#f7f7f8}.bb-mmi-see__inner{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding:72px 48px 0}.bb-mmi-see__header{width:100%;max-width:760px;margin:0 0 30px}.bb-mmi-see__eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 13px;color:#d0d5dc;font-size:1.17rem!important;line-height:1.2!important;font-weight:700;letter-spacing:.13em!important;text-transform:uppercase}.bb-mmi-see__eyebrow:before{content:"";display:block;width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:#ff2ca8;box-shadow:0 0 8px #ff2ca8bd,0 0 18px #ff2ca842}.bb-mmi-see__heading{width:100%;max-width:720px;margin:0;color:#f7f7f8;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem!important;line-height:1.05!important;letter-spacing:-.045em!important}.bb-mmi-see__intro{width:100%;max-width:660px;margin:18px 0 0;color:#c9cfd7;font-size:1.6rem!important;line-height:1.55!important}.bb-mmi-see__video-area{display:flex;width:100%;justify-content:center;margin-bottom:30px}.bb-mmi-see__video-card{width:100%;max-width:660px;overflow:hidden;border:1px solid rgba(206,214,224,.13);border-radius:18px;background:linear-gradient(145deg,#191b20,#121419 66%,#0e1014);box-shadow:0 12px 30px #0003}.bb-mmi-see__video-top{padding:17px 18px 16px}.bb-mmi-see__label{display:block;margin-bottom:6px;color:#ff2ca8;font-size:.92rem;line-height:1.2;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.bb-mmi-see__video-title{margin:0;color:#f7f7f8;font-size:1.4rem;line-height:1.25;font-weight:750}.bb-mmi-see__video-frame{display:flex;align-items:center;justify-content:center;width:100%;min-height:260px;max-height:470px;overflow:hidden;border-top:1px solid rgba(206,214,224,.09);background:#050608}.bb-mmi-see__video{display:block;width:auto;max-width:100%;height:auto;max-height:470px;margin:0 auto;object-fit:contain;background:#000}.bb-mmi-see__examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin:0}.bb-mmi-see__card{min-width:0;overflow:hidden;border:1px solid rgba(206,214,224,.12);border-radius:17px;background:linear-gradient(145deg,#191b20,#121419 66%,#0e1014);box-shadow:0 12px 30px #0003}.bb-mmi-see__image{width:100%;overflow:hidden;background:#07080a}.bb-mmi-see__image img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:center}.bb-mmi-see__image--f30 img{object-position:center 18%}.bb-mmi-see__card-content{padding:14px 14px 15px}.bb-mmi-see__model{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin-bottom:9px;padding:5px 8px;color:#ff62bd;font-size:.76rem;line-height:1.2;font-weight:750;letter-spacing:.045em;text-transform:uppercase;border:1px solid rgba(255,44,168,.24);border-radius:999px;background:#ff2ca80f}.bb-mmi-see__card-title{margin:0;color:#f7f7f8;font-size:1.2rem;line-height:1.22;font-weight:750;letter-spacing:-.015em}.bb-mmi-see__card-copy{margin:6px 0 0;color:#aab1bb;font-size:1rem;line-height:1.45}.bb-mmi-see__note{display:flex;align-items:flex-start;gap:11px;width:100%;max-width:660px;margin:18px auto 0;padding:13px 14px;border:1px solid rgba(255,44,168,.16);border-radius:14px;background:linear-gradient(145deg,#ff2ca80d,#111318db 52%)}.bb-mmi-see__note-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;flex:0 0 31px;color:#ff2ca8;font-size:.95rem;line-height:1;font-weight:750;border:1px solid rgba(255,44,168,.25);border-radius:999px;background:#ff2ca80f}.bb-mmi-see__note-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.bb-mmi-see__note-copy strong{color:#f7f7f8;font-size:1.08rem;line-height:1.3;font-weight:750}.bb-mmi-see__note-copy span{color:#aab1bb;font-size:.94rem;line-height:1.45}@media screen and (min-width:750px)and (max-width:989px){.bb-mmi-see__inner{width:100%;max-width:900px;padding:56px 36px 0}.bb-mmi-see__header{max-width:680px}.bb-mmi-see__heading{max-width:680px;font-size:2.85rem!important}.bb-mmi-see__intro{max-width:620px;font-size:1.35rem!important}.bb-mmi-see__video-card{max-width:580px}.bb-mmi-see__video-frame,.bb-mmi-see__video{max-height:420px}.bb-mmi-see__examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bb-mmi-see__image--f30 img{object-position:center 18%}}@media screen and (max-width:749px){.bb-mmi-see__inner{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:41px 18px 0!important}.bb-mmi-see__header{width:100%;max-width:100%;margin:0 0 24px}.bb-mmi-see__eyebrow{gap:8px;margin:0 0 10px;font-size:1rem!important;line-height:1.2!important;font-weight:700;letter-spacing:.12em!important}.bb-mmi-see__heading{width:100%;max-width:100%;font-size:2.5rem!important;line-height:1.05!important;letter-spacing:-.04em!important}.bb-mmi-see__intro{width:100%;max-width:100%;margin-top:14px;font-size:1.4rem!important;line-height:1.55!important}.bb-mmi-see__video-area{margin-bottom:18px}.bb-mmi-see__video-card{width:100%;max-width:100%;border-radius:15px}.bb-mmi-see__video-top{padding:14px 14px 13px}.bb-mmi-see__label{font-size:.82rem}.bb-mmi-see__video-title{font-size:1.14rem}.bb-mmi-see__video-frame{min-height:0;max-height:520px}.bb-mmi-see__video{width:auto;max-width:100%;max-height:520px}.bb-mmi-see__examples{display:flex;gap:10px;width:calc(100% + 18px);margin-right:-18px;padding-right:18px;padding-bottom:4px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bb-mmi-see__examples::-webkit-scrollbar{display:none}.bb-mmi-see__card{flex:0 0 78%;scroll-snap-align:start;border-radius:14px}.bb-mmi-see__image img{aspect-ratio:4 / 3}.bb-mmi-see__image--f30 img{object-position:center}.bb-mmi-see__card-content{padding:12px 12px 13px}.bb-mmi-see__model{margin-bottom:7px;font-size:.72rem}.bb-mmi-see__card-title{font-size:1.2rem;line-height:1.2}.bb-mmi-see__card-copy{margin-top:5px;font-size:.95rem}.bb-mmi-see__note{width:100%;max-width:100%;margin-top:14px;padding:12px}.bb-mmi-see__note-copy strong{font-size:1rem}.bb-mmi-see__note-copy span{font-size:.9rem}}@media screen and (min-width:1300px){.bb-mmi-see__inner{padding-left:50px;padding-right:50px}.bb-mmi-see__video-card{max-width:620px}}@media(prefers-reduced-motion:reduce){.bb-mmi-see *,.bb-mmi-see *:before,.bb-mmi-see *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bb-mmi-see-bmw.css.map */