.mq-showcase{--mqs-ink:var(--ink,#f5f5f7);--mqs-ink-2:var(--ink-2,#d2d2d7);--mqs-mute:var(--mute,#8e8e93);--mqs-surface:var(--surface,#1e1f22);--mqs-primary:var(--primary,#f2f2ef);--mqs-secondary:var(--secondary,#2c2d31);--mqs-blue:var(--blue,#0058B9);--mqs-hover:.2s cubic-bezier(.4,0,.2,1);--mqs-veil:inset 0 0 0 999px rgba(255,255,255,.08);position:absolute;inset:0;z-index:4;pointer-events:none;color:var(--mqs-ink)}.mq-showcase *{box-sizing:border-box}.mqs-mask{overflow:hidden;padding:4px 6px 6px;margin:-4px -6px -6px}.mqs-title-mask{position:absolute;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 48px);margin:0}.mqs-title{margin:0;text-align:center;font-size:clamp(34px,3.5vw,54px);line-height:1.08;letter-spacing:-.03em;font-weight:480}.mqs-under{position:absolute;left:50%;transform:translateX(-50%);width:min(1160px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;text-align:center}.mqs-caption{width:min(820px,100%)}.mqs-cap-main{margin:0 auto;font-size:clamp(16px,1.3vw,19px);line-height:1.4;color:var(--mqs-mute);font-weight:450;text-wrap:balance}.mqs-cap-main b{color:var(--mqs-ink);font-weight:560}.mqs-cap-try{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--mqs-mute)}.mqs-notes{width:100%;margin-top:clamp(16px,2.6vh,24px)}.mqs-note{margin:0;font-size:16px;line-height:1.45;color:var(--mqs-ink);font-weight:470;text-wrap:balance}.mqs-small{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--mqs-mute)}.mqs-tight .mqs-small,.mqs-tight .mqs-cap-try{display:none}.mqs-card{position:absolute;left:0;top:0;display:block;padding:0;border:0;border-radius:26px;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit;transform-origin:0 0;-webkit-tap-highlight-color:transparent}.mqs-card,.mq-showcase[data-live="true"] .mqs-controls{pointer-events:auto}.mqs-cards{touch-action:pan-y}.mqs-card:focus-visible{outline:2px solid var(--mqs-primary);outline-offset:4px}.mqs-lift{position:absolute;inset:0;border-radius:26px;transform-origin:50% 100%}.mqs-lift::before{content:"";position:absolute;inset:6% 4% -2%;border-radius:26px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);pointer-events:none}.mqs-card-in{position:absolute;inset:0;border-radius:26px;overflow:hidden;clip-path:inset(0 round 26px);isolation:isolate;transform:translateZ(0);background:#141517}.mqs-media{position:absolute;inset:-1px}.mqs-media img,.mqs-media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 0}.mqs-shade{position:absolute;inset:-1px;z-index:4;background:#0c0c0e;opacity:0;pointer-events:none;will-change:opacity}.mqs-card-in::after{content:"";position:absolute;inset:0;z-index:5;background:#fff;opacity:0;pointer-events:none;transition:opacity var(--mqs-hover)}@media (hover:hover){.mqs-card:hover .mqs-card-in::after{opacity:.05}}.mqs-cap{--k:var(--capk,1);position:absolute;z-index:3;left:-1px;right:-1px;bottom:-1px;padding:calc(11px*var(--k)) calc(12px*var(--k)) calc(12px*var(--k)) calc(16px*var(--k));background:var(--mqs-surface);display:flex;align-items:center;justify-content:space-between;gap:calc(12px*var(--k));font-size:calc(15px*var(--k));font-weight:500;letter-spacing:-.005em;line-height:1.2}.mqs-cap small{display:block;margin-bottom:calc(4px*var(--k));font-size:calc(11px*var(--k));letter-spacing:.12em;color:#b8b8bd;font-weight:500}.mqs-arrow,.mqs-badge{flex:none;border-radius:50%;display:grid;place-items:center;background:var(--mqs-secondary);color:var(--mqs-ink);transition:background-color .32s cubic-bezier(.22,1,.36,1),color .32s cubic-bezier(.22,1,.36,1)}.mqs-arrow{width:calc(32px*var(--k));height:calc(32px*var(--k))}.mqs-arrow svg,.mqs-badge svg{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg);transition:transform .32s cubic-bezier(.22,1,.36,1)}.mqs-arrow svg{width:calc(13px*var(--k));height:calc(13px*var(--k))}@media (hover:hover){.mqs-card:hover .mqs-arrow,.mqs-card:hover .mqs-badge{background:var(--mqs-blue);color:#fff}}@media (hover:hover){.mqs-card:hover .mqs-arrow svg,.mqs-card:hover .mqs-badge svg{transform:rotate(0)}}.mqs-badge{position:absolute;z-index:6;top:16px;right:16px;width:40px;height:40px}.mqs-badge svg{width:15px;height:15px}.mqs-controls{position:absolute;left:50%;bottom:clamp(18px,3.2vh,30px);display:flex;gap:12px;transform:translateX(-50%)}.mqs-dots{position:relative;box-sizing:content-box;height:44px;padding:0 20px;border-radius:22px;background:var(--mqs-secondary)}.mqs-dot{position:absolute;left:20px;top:0;width:28px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1)}.mqs-pill{position:absolute;left:50%;top:50%;width:48px;height:8px;margin:-4px 0 0 -24px;overflow:hidden;clip-path:inset(0 20px round 4px);transition:clip-path .5s cubic-bezier(.16,1,.3,1)}.mqs-pill::before{content:"";position:absolute;inset:0;background:var(--mqs-primary);opacity:.42;transition:opacity var(--mqs-hover)}.mqs-dot:hover .mqs-pill::before{opacity:.7}.mqs-dot[aria-selected="true"] .mqs-pill{clip-path:inset(0 0 round 4px)}.mqs-dot[aria-selected="true"] .mqs-pill::before{opacity:.24}.mqs-pill i{position:absolute;inset:0;background:var(--mqs-primary);transform:scaleX(0);transform-origin:0 50%}.mqs-play{width:44px;height:44px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:var(--mqs-secondary);cursor:pointer;transition:box-shadow var(--mqs-hover)}.mqs-play:hover{box-shadow:var(--mqs-veil)}.mqs-i-pause{width:10px;height:12px;background:linear-gradient(90deg,var(--mqs-ink) 0 3px,transparent 3px 7px,var(--mqs-ink) 7px)}.mqs-i-play{width:11px;height:14px;margin-left:3px;background:var(--mqs-ink);clip-path:polygon(0 0,100% 50%,0 100%)}.mq-showcase :focus-visible{outline:2px solid var(--mqs-primary);outline-offset:3px}@media (max-width:700px){.mqs-cap{display:none}.mqs-title{font-size:clamp(26px,7.4vw,34px)}.mqs-cap-main{font-size:15px}.mqs-cap-try{font-size:12.5px}.mqs-notes{margin-top:14px}.mqs-note{font-size:14px}.mqs-small{font-size:11.5px;margin-top:6px}.mqs-badge{top:10px;right:10px;width:34px;height:34px}.mqs-controls{bottom:14px}}@media (prefers-reduced-motion:reduce){.mqs-dot,.mqs-pill,.mqs-arrow,.mqs-badge,.mqs-arrow svg,.mqs-badge svg{transition:none}}