.mg-els-wrap{margin-bottom:34px;position:relative} .mg-els-kicker{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#86868B} .mg-els-dot{width:7px;height:7px;border-radius:50%;background:#FFC300;box-shadow:0 0 0 4px rgba(255,195,0,.16);flex:none} .mg-els-counter{margin-left:auto;font-size:11px;font-weight:700;color:#86868B;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:none} .mg-els-grid{display:grid;grid-template-columns:1fr;gap:18px} @media(min-width:760px){.mg-els-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(min-width:1100px){.mg-els-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} .mg-els-grid.is-solo,.mg-els-grid.is-spotlight{grid-template-columns:1fr} .mg-els-grid.is-solo .mg-elevated.mg-elevated2,.mg-els-grid.is-spotlight .mg-elevated.mg-elevated2{display:grid;grid-template-columns:1.08fr .92fr} .mg-els-grid.is-solo .mg-elevated2-media,.mg-els-grid.is-spotlight .mg-elevated2-media{aspect-ratio:auto;height:100%;min-height:340px} .mg-els-grid.is-solo .mg-elevated2-body,.mg-els-grid.is-spotlight .mg-elevated2-body{padding:38px 34px 30px} .mg-els-grid.is-solo .mg-elevated2-title,.mg-els-grid.is-spotlight .mg-elevated2-title{font-size:clamp(22px,2.4vw,27px);line-height:1.24} .mg-els-grid.is-solo .mg-elevated2-meta,.mg-els-grid.is-spotlight .mg-elevated2-meta{margin-top:12px;font-size:13.5px} .mg-els-grid.is-solo .mg-elevated2-venue,.mg-els-grid.is-spotlight .mg-elevated2-venue{margin-top:7px;font-size:13px} .mg-els-grid.is-solo .mg-elevated2-actions,.mg-els-grid.is-spotlight .mg-elevated2-actions{padding-top:16px;min-height:44px} .mg-els-grid.is-solo .mg-elevated2-poster,.mg-els-grid.is-spotlight .mg-elevated2-poster{display:none} .mg-els-grid.is-solo .mg-elevated2-headwrap,.mg-els-grid.is-spotlight .mg-elevated2-headwrap{margin-left:0} @media(max-width:1099px){ .mg-els-grid.is-solo .mg-elevated.mg-elevated2,.mg-els-grid.is-spotlight .mg-elevated.mg-elevated2{display:block} .mg-els-grid.is-solo .mg-elevated2-media,.mg-els-grid.is-spotlight .mg-elevated2-media{aspect-ratio:16/10;min-height:0} .mg-els-grid.is-solo .mg-elevated2-body,.mg-els-grid.is-spotlight .mg-elevated2-body{padding:8px 16px 14px} } .mg-elevated.mg-elevated2{ position:relative;display:flex;flex-direction:column;background:#FFF; border:1px solid #E8E8ED;border-radius:20px;overflow:hidden;cursor:pointer; box-shadow:0 1px 2px rgba(15,15,15,.04),0 18px 40px -30px rgba(15,15,15,.20); transition:box-shadow .38s cubic-bezier(.22,1,.36,1),border-color .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1); animation:mg-els-in .6s cubic-bezier(.22,1,.36,1) backwards; animation-delay:calc(var(--i,0)*70ms); outline:none;padding:0;gap:0;align-items:stretch; } .mg-elevated.mg-elevated2::before{display:none} .mg-elevated.mg-elevated2.is-spon-selected{outline:none} @media(max-width:900px){.mg-elevated.mg-elevated2{padding:0;gap:0}} .mg-elevated.mg-elevated2:focus-visible{box-shadow:0 0 0 3px rgba(15,15,15,.16),0 18px 40px -30px rgba(15,15,15,.20)} .mg-elevated.mg-elevated2:hover{border-color:#DBDBE0;transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,15,15,.05),0 36px 64px -32px rgba(15,15,15,.26)} @keyframes mg-els-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} .mg-elevated2-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#ECECEF;flex:none} .mg-elevated2-vid,.mg-elevated2-embed{position:absolute;inset:0;width:100%;height:100%;z-index:1;border:0;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)} .mg-elevated2-vid{object-fit:cover;background:#000} .mg-elevated2-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none} .mg-elevated2.is-playing .mg-elevated2-vid,.mg-elevated2.is-playing .mg-elevated2-embed{opacity:1} .mg-elevated2-embed-catch{position:absolute;inset:0;z-index:2} .mg-elevated2-media::before{content:'';position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(to top,rgba(15,15,15,.12),rgba(15,15,15,0) 70%);pointer-events:none;z-index:1} .mg-elevated2-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.22,1,.36,1);position:relative;z-index:0} .mg-elevated.mg-elevated2:hover .mg-elevated2-media img{transform:scale(1.02)} .mg-elevated2-ph{width:100%;height:100%;background:linear-gradient(135deg,#0F0F0F 0%,#2A2416 100%);display:flex;align-items:center;justify-content:center;padding:18px;text-align:center} .mg-elevated2-ph span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#FFC300;line-height:1.4} .mg-elevated2-poster{position:absolute;top:-26px;left:16px;width:62px;height:62px;border-radius:15px;overflow:hidden;border:3px solid #FFF;box-shadow:0 12px 24px -8px rgba(15,15,15,.42);z-index:3;background:#ECECEF;transition:box-shadow .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)} .mg-elevated2-poster img{width:100%;height:100%;object-fit:cover} .mg-elevated.mg-elevated2:hover .mg-elevated2-poster{transform:translateY(-3px);box-shadow:0 18px 32px -10px rgba(15,15,15,.55)} .mg-elevated2-watch{ position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px; background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.7);border-radius:980px;padding:3px 11px 3px 4px; font-family:inherit;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#0F0F0F; cursor:pointer;box-shadow:0 6px 16px rgba(15,15,15,.16);transition:background .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1) } .mg-elevated2-watch-ico{width:18px;height:18px;border-radius:50%;background:#0F0F0F;display:flex;align-items:center;justify-content:center;flex:none;transition:background .25s cubic-bezier(.22,1,.36,1)} .mg-elevated2-watch-ico svg{width:7px;height:7px;fill:#FFF;stroke:none;margin-left:1px} .mg-elevated2-watch:hover{transform:scale(1.03)} .mg-elevated2-watch:hover .mg-elevated2-watch-ico{background:#FFC300} .mg-elevated2-watch:hover .mg-elevated2-watch-ico svg{fill:#0F0F0F} .mg-elevated2.has-video.is-preview .mg-elevated2-watch{background:#FFC300;border-color:#FFC300} .mg-elevated2.has-video.is-preview .mg-elevated2-watch .mg-elevated2-watch-ico{background:#0F0F0F} .mg-elevated2.has-video.is-preview .mg-elevated2-watch .mg-elevated2-watch-ico svg{fill:#FFC300;stroke:none} .mg-elevated2.has-video .mg-elevated2-media::after{content:'';position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(to top,rgba(15,15,15,.20),transparent);pointer-events:none;transition:opacity .3s;opacity:.5} .mg-elevated2.has-video.is-preview .mg-elevated2-media::after{opacity:1} .mg-elevated2.has-video.is-preview .mg-elevated2-media img{animation:mg-els-drift 10s ease-in-out infinite alternate} @keyframes mg-els-drift{from{transform:scale(1.06)}to{transform:scale(1.135) translate(1.5%,-1.4%)}} .mg-elevated2-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1)} .mg-elevated2.has-video.is-playing .mg-elevated2-media img{opacity:0} .mg-elevated2.has-video.is-playing .mg-elevated2-media video{display:block;opacity:1} .mg-elevated2-body{position:relative;flex:1;display:flex;flex-direction:column;padding:8px 16px 13px;min-width:0} .mg-elevated2-headwrap{margin-left:78px;min-width:0} .mg-elevated2-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:#FFC300;color:#0F0F0F;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:980px;padding:4px 10px;box-shadow:0 2px 8px rgba(15,15,15,.18);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)} .mg-elevated2-badge svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mg-elevated.mg-elevated2:hover .mg-elevated2-badge{transform:scale(1.04);box-shadow:0 4px 12px rgba(15,15,15,.24)} .mg-elevated2-title{display:flex;align-items:flex-start;gap:7px;font-size:15.5px;font-weight:800;letter-spacing:-.01em;line-height:1.32;color:#0F0F0F;margin:0} .mg-elevated2-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0} .mg-elevated2-meta{margin-top:7px;font-size:12px;font-weight:600;color:#55555A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mg-elevated2-meta .sep{color:#D2D2D6;margin:0 5px;font-weight:600} .mg-elevated2-meta .going{color:#86868B;font-weight:600} .mg-elevated2-venue{margin-top:5px;font-size:11.5px;font-weight:500;color:#86868B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mg-elevated2-actions{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px} .mg-elevated2-spon{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:3px 0;font-family:inherit;font-size:11px;font-weight:600;color:#55555A;cursor:pointer;white-space:nowrap;transition:color .2s} @keyframes mg-els-spon-pop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.18);opacity:1}100%{transform:scale(1);opacity:1}} .mg-elevated2-spon-dot{width:7px;height:7px;border-radius:50%;background:#FFC300;box-shadow:0 0 0 3px rgba(255,195,0,.18);flex:none;transition:transform .25s cubic-bezier(.22,1,.36,1);animation:mg-els-spon-pop .45s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i,0)*70ms + .9s)} .mg-elevated2-spon:hover{color:#0F0F0F} .mg-elevated2-spon:hover .mg-elevated2-spon-dot{transform:scale(1.22)} .mg-elevated2-spon.is-on .mg-elevated2-spon-dot{background:#0F0F0F;box-shadow:0 0 0 3px rgba(255,195,0,.32)} .mg-elevated2-spon.is-on{color:#0F0F0F} .mg-elevated2-view{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:800;color:#0F0F0F;text-decoration:none;padding:3px 0;position:relative;white-space:nowrap;pointer-events:none} .mg-elevated2-view::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#FFC300;transform:scaleX(.35);transform-origin:left center;transition:transform .35s cubic-bezier(.22,1,.36,1)} .mg-elevated2-view svg{width:13px;height:13px;transition:transform .25s cubic-bezier(.22,1,.36,1)} .mg-elevated2-view svg path{stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none} .mg-elevated.mg-elevated2:hover .mg-elevated2-view::after{transform:scaleX(1)} .mg-elevated.mg-elevated2:hover .mg-elevated2-view svg{transform:translateX(4px)} .mg-els-more{display:flex;justify-content:center;margin-top:22px} @media(max-width:760px){ .mg-els-grid{gap:16px} .mg-elevated.mg-elevated2{animation-duration:.55s} .mg-elevated2-badge{top:10px;left:10px} .mg-elevated2-watch{right:10px;bottom:10px} .mg-elevated2-body{padding:8px 16px 14px} .mg-elevated2-poster{left:12px;width:56px;height:56px} .mg-elevated2-headwrap{margin-left:72px} .mg-elevated2-title{font-size:16px} .mg-els-wrap{margin-bottom:26px} .mg-els-kicker{margin-bottom:12px} } @media(max-width:400px){ .mg-els-grid.is-solo .mg-elevated2-media{aspect-ratio:4/3} } @media(max-width:839px){ .mg-els-grid,.mg-els-grid.is-solo{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:16px;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;margin:0 -16px;padding:6px 16px 14px;width:auto} .mg-els-grid::-webkit-scrollbar,.mg-els-grid.is-solo::-webkit-scrollbar{display:none;height:0} .mg-els-grid .mg-elevated.mg-elevated2,.mg-els-grid.is-solo .mg-elevated.mg-elevated2{flex:0 0 88%;max-width:460px;scroll-snap-align:start;display:flex} .mg-els-grid .mg-elevated2-media,.mg-els-grid.is-solo .mg-elevated2-media{aspect-ratio:16/9;min-height:0;height:auto} .mg-els-grid.is-solo .mg-elevated2-body{padding:8px 16px 14px} .mg-els-more{display:none} .mg-els-grid .mg-elevated.mg-elevated2{transition:box-shadow .38s cubic-bezier(.22,1,.36,1),border-color .38s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)} .mg-els-grid .mg-elevated.mg-elevated2:not(.is-snapped){opacity:.85} .mg-els-grid .mg-elevated.mg-elevated2.is-snapped{opacity:1} .mg-els-grid .mg-elevated.mg-elevated2:active{transform:scale(.99)} .mg-elevated2-poster{left:14px;top:-28px;width:60px;height:60px;box-shadow:0 16px 30px -10px rgba(15,15,15,.5)} .mg-elevated2-headwrap{margin-left:76px} .mg-elevated2-title{font-size:16.5px} .mg-elevated2-title-text{overflow-wrap:anywhere} .mg-elevated2-meta{margin-top:7px;font-size:12.5px} .mg-elevated2-venue{margin-top:4px;font-size:12px} .mg-elevated2-watch{padding:5px 13px 5px 5px} .mg-elevated2-watch-ico{width:21px;height:21px} .mg-elevated2-spon{padding:7px 0} .mg-elevated2-actions{min-height:42px} .mg-els-counter{transition:opacity .12s ease} } @media(prefers-reduced-motion:reduce){ .mg-elevated.mg-elevated2{animation:none!important;transform:none!important} .mg-elevated.mg-elevated2:hover{transform:none} .mg-elevated2.has-video.is-preview .mg-elevated2-media img{animation:none!important} .mg-els-more,.mg-elevated2-view svg,.mg-elevated.mg-elevated2:hover .mg-elevated2-media img,.mg-elevated2-poster,.mg-elevated2-badge,.mg-elevated2-spon-dot,.mg-elevated2-watch{transform:none!important} } .mg-elevated.mg-elevated2.mg-els-slot{border:1.5px dashed #D9D9DE;background:#FAFAFB;box-shadow:none;text-decoration:none;color:inherit} .mg-elevated.mg-elevated2.mg-els-slot:hover{border-color:#FFC300;transform:translateY(-2px);box-shadow:0 18px 40px -30px rgba(15,15,15,.2)} .mg-els-slot .mg-elevated2-media{background:linear-gradient(135deg,#F5F5F7 0%,#ECECEF 100%);display:flex;align-items:center;justify-content:center} .mg-els-slot .mg-elevated2-media::before{display:none} .mg-els-slot-plus{width:52px;height:52px;border-radius:50%;background:#FFC300;color:#0F0F0F;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;line-height:1;box-shadow:0 10px 24px -10px rgba(255,195,0,.8);transition:transform .3s cubic-bezier(.22,1,.36,1)} .mg-els-slot:hover .mg-els-slot-plus{transform:scale(1.08)} .mg-els-slot .mg-elevated2-badge{background:#FFF;color:#55555A;border:1px solid #E8E8ED;box-shadow:0 2px 8px rgba(15,15,15,.06)} .mg-els-slot .mg-elevated2-headwrap{margin-left:0} .mg-els-slot .mg-elevated2-meta{color:#86868B;white-space:normal} /* date nav + sponsor banner, ported from the approved ZIP */ .mg-datenav{display:flex;gap:8px;justify-content:center;margin:0 0 18px;padding:0;background:none;border:0;box-shadow:none;border-radius:0} .mg-datenav-days{display:flex;flex-direction:row;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 4px;margin:0;justify-content:center;scroll-padding-inline:16px;background:none;border:0;box-shadow:none} @supports (justify-content: safe center){.mg-datenav-days{justify-content:safe center}} .mg-datenav-days::-webkit-scrollbar{display:none;height:0} .mg-datenav-day{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 15px;margin:0;border-radius:980px;background:#EBEBEE;cursor:pointer;transition:background .2s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),color .2s;flex:none;white-space:nowrap;border:0;box-shadow:none;min-width:0;height:auto;line-height:normal} .mg-datenav-day::before,.mg-datenav-day::after{display:none} .mg-datenav-day:hover{background:#E0E0E5;transform:translateY(-1px)} .mg-datenav-day:active{transform:scale(.97)} .mg-datenav-day .dtxt{font-size:13px;font-weight:800;color:#0F0F0F;display:inline-flex;align-items:baseline;gap:4px;line-height:normal;margin:0} .mg-datenav-day .dtxt .dow{color:#86868B;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.05em} .mg-datenav-day .dcount-badge{display:inline-block;background:#E2E2E7;color:#6E6E73;font-size:10.5px;font-weight:600;border-radius:980px;padding:2px 9px;margin:0;transition:background .2s,color .2s;line-height:normal} .mg-datenav-day.is-active{background:#0F0F0F} .mg-datenav-day.is-active:hover{background:#0F0F0F;transform:none} .mg-datenav-day.is-active .dtxt{color:#FFF} .mg-datenav-day.is-active .dtxt .dow{color:rgba(255,255,255,.58)} .mg-datenav-day.is-active .dcount-badge{background:rgba(255,255,255,.14);color:rgba(255,255,255,.66)} .mg-cal-inner .mg-sponsor-banner{display:flex;align-items:center;gap:18px;background:#FFF6DC;border:1px solid #F0DFA0;border-radius:20px;padding:18px 22px;margin:0 0 10px;cursor:pointer;transition:border-color .2s,box-shadow .3s cubic-bezier(.22,1,.36,1);width:100%;color:inherit;text-align:left;box-shadow:none;transform:none} .mg-cal-inner .mg-sponsor-banner:hover{border-color:#FFC300;box-shadow:0 10px 30px -18px rgba(255,195,0,.5);transform:none;background:#FFF6DC} .mg-cal-inner .mg-sp-content{display:flex;align-items:center;gap:16px;min-width:0;flex:1} .mg-cal-inner .mg-sp-icon-wrap{width:44px;height:44px;border-radius:50%;background:#FFC300;display:flex;align-items:center;justify-content:center;flex-shrink:0} .mg-cal-inner .mg-sp-icon{width:22px;height:22px;stroke:#0F0F0F;fill:none} .mg-cal-inner .mg-sp-text{min-width:0} .mg-cal-inner .mg-sp-title{font-weight:800;font-size:16px;color:#0F0F0F;margin:0;line-height:1.3} .mg-cal-inner .mg-sp-sub{font-weight:500;font-size:13px;color:rgba(15,15,15,.72);margin:2px 0 0} .mg-cal-inner .mg-sp-cta{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#FFF;background:#0F0F0F;border-radius:980px;padding:12px 22px;white-space:nowrap;flex-shrink:0;transition:background .2s,transform .25s cubic-bezier(.22,1,.36,1)} .mg-cal-inner .mg-sponsor-banner:hover .mg-sp-cta{background:#000;transform:translateX(2px)} .mg-cal-inner .mg-sp-cta-arrow{font-size:16px;line-height:1} @media(max-width:839px){ .mg-datenav{margin:0 -16px 18px;padding:0 16px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none} .mg-datenav::-webkit-scrollbar{display:none;height:0} .mg-datenav-day{padding:10px 16px;gap:8px} } @media(max-width:760px){ .mg-datenav{margin-bottom:12px} .mg-cal-inner .mg-sponsor-banner{flex-wrap:wrap;padding:14px 16px;gap:14px} .mg-cal-inner .mg-sp-cta{width:100%;justify-content:center;min-height:46px} .mg-cal-inner .mg-sp-icon-wrap{width:40px;height:40px} .mg-cal-inner .mg-sp-icon{width:20px;height:20px} .mg-cal-inner .mg-sp-title{font-size:15px} }