/* The existing showcase breakpoint is 700px. All new layout stays above it. */
.miHomeDescription,.miHomeCategories,.miHomeDesktopOpen,.miHomeDesktopPlayer,.miHomeArrow,.miHomeAnnounce{display:none}
.miHomePrefix{display:none}
.miHomePicture{display:block;width:100%;height:100%}
@media(min-width:701px){
 .miV52Show{padding-left:max(24px,calc((100vw - 1500px)/2));padding-right:max(24px,calc((100vw - 1500px)/2))}
 .miV52Show .miV52Head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;row-gap:18px;width:min(1500px,90vw);margin-left:auto;margin-right:auto}
 .miV52Show .miV52Head>div:first-child{margin-right:0;min-width:0}
 .miV52Show .miV52Head h2{font-size:clamp(36px,4.1vw,78px)}
 .miV52Show .miV52Player{display:flex!important;justify-self:end}
 .miV52PlayerStatus{display:block;width:110px;text-align:left;box-sizing:content-box}
 .miV52Show .miV52Player button{width:36px;height:36px}
 .miV52Show .miV52Player svg{width:16px;height:16px}
 .miV52Show .miV52Viewport{width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden;padding:8px 0}
 .miV52Show .miV52Track{position:relative;width:max-content;height:calc(80vw / 1.85);min-height:0;transform:translate3d(var(--mi-home-offset,0px),0,0)!important;will-change:transform;display:flex;gap:24px;margin-left:10vw}
 .miV52Show .miV52Card{position:relative;top:auto;left:auto;width:80vw;height:100%;aspect-ratio:1.85;border-radius:clamp(20px,2vw,36px);transform:none;transition:none;isolation:isolate;z-index:0}
 .miV52Show .miV52Card[data-mi-copy]{display:block!important}
 .miV52Show[data-home-count="1"] .miV52Card[data-mi-copy]{display:none!important}
 .miV52Show[data-home-count="1"] .miV52Player{display:none!important}
 .miV52Show .miV52Card::before{border-color:rgba(246,184,37,.7);z-index:4}
 .miV52Show .miV52Card::after{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.1) 53%,rgba(0,0,0,.85) 100%);z-index:1;transition:background .3s}
 .miV52Show .miV52Card:not(.miHomeActive)::after{background:rgba(0,0,0,.38)}
 .miV52Show .miV52Card img,.miV52Show .miV52Card:hover img{transform:none;object-fit:cover}
 .miV52Show .miV52Card>.miPfStage{top:24px;left:28px;z-index:3}
 .miV52Show .miV52Card>div{left:clamp(24px,2.2vw,44px);right:clamp(24px,2.2vw,44px);bottom:clamp(22px,2vw,38px);gap:8px;max-width:min(900px,85%)}
 .miV52Show .miV52Card small,.miV52Show .miHomeMobileOpen{display:none}
 .miV52Show .miV52Card .miHomeCategories{display:flex;flex-wrap:wrap;gap:6px;order:0;max-width:100%;margin:0 0 2px}
 .miV52Show .miV52Card .miHomeCategory{font-size:clamp(10px,.9vw,14px);font-weight:700;color:#fbc438;line-height:1.2;display:inline-block;padding:6px 11px;border:1px solid #bc8d2d;border-radius:999px;background:#09090991}
 .miV52Show .miV52Card h4{order:1;font-size:clamp(28px,3.1vw,58px);line-height:1.04;letter-spacing:-.035em;margin:0;color:#fff}
 .miV52Show .miV52Card p.miHomeDescription{order:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;max-width:75ch;font-size:clamp(14px,1.12vw,20px);line-height:1.4;color:#eee}
 .miV52Show .miV52Card .miHomeDesktopOpen{order:3;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;background:#ffb000;color:#111;border:1px solid #ffc637;padding:11px 20px;border-radius:999px;font-size:clamp(13px,1vw,17px);font-weight:850;margin-top:4px}
 .miHomeDesktopPlayer{display:flex;align-items:center;gap:10px;border:1px solid #ffffff24;background:#171717;border-radius:999px;padding:7px 15px 7px 7px;font-size:12px;color:#ccc}
 .miHomeToggle,.miHomeArrow{display:grid;place-items:center;cursor:pointer;border:1px solid #ffffff65;color:#fff;background:#111d;border-radius:50%;width:52px;height:52px;padding:0}
 .miHomeDesktopPlayer>span{display:block;width:155px;text-align:left}
 .miHomeToggle{flex:none;width:42px;height:42px;background:#ffb000;color:#111;border-color:#ffb000}
 .miHomeToggle svg{width:19px;height:19px;fill:currentColor}
 .miHomeArrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);box-shadow:0 4px 20px #0005}
 .miHomeArrowPrev{left:calc(10% - 26px)}.miHomeArrowNext{right:calc(10% - 26px)}
 .miHomeArrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5}
 .miHomeArrow:hover{background:#ffb000;color:#111;border-color:#ffb000}
 .miHomeArrow:disabled{opacity:.3;cursor:default}
 .miHomeToggle:focus-visible,.miHomeArrow:focus-visible{outline:3px solid #ffd265;outline-offset:4px}
 .miHomeAnnounce{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .miV52Show[data-home-count="1"] .miHomeDesktopPlayer,.miV52Show[data-home-count="1"] .miHomeArrow{display:none}
}
@media(min-width:701px) and (max-width:1000px){.miV52Show .miV52Head{grid-template-columns:minmax(0,1fr) auto;gap:16px}.miV52Show .miV52Head>a{grid-column:1;grid-row:2;justify-self:start}.miV52Show .miV52Player{grid-column:2;grid-row:1}.miV52Show .miV52PlayerStatus{display:none}.miV52Show .miV52Head h2{font-size:40px}.miV52Show .miV52Card>div{gap:6px}.miV52Show .miV52Card .miHomeCategory{padding:4px 7px;font-size:10px}.miV52Show .miV52Card p.miHomeDescription{-webkit-line-clamp:2;font-size:13px}.miHomeDesktopPlayer{font-size:11px}.miV52Show .miV52Card .miHomeDesktopOpen{padding:8px 14px}}
@media(prefers-reduced-motion:reduce) and (min-width:701px){.miV52Show .miV52Card,.miV52Show .miV52Card::after{transition:none!important}}
