.mc-hr{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.mc-hr--panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,4vw,48px);align-items:center}.mc-hr__list{margin:0;padding:0;list-style:none;position:relative;z-index:2}.mc-hr--follow .mc-hr__list{z-index:1}.mc-hr__list li{transition:opacity var(--mc-hr-dim-t, .4s) ease}.mc-hr.has-active .mc-hr__list li:not(.is-active){opacity:var(--mc-hr-dim, .2)}.mc-hr__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid currentColor;border-color:#0000001f;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.mc-hr__row:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mc-hr__label{font-size:clamp(28px,5vw,56px);line-height:1;letter-spacing:-.02em}.mc-hr__meta{font-size:12px;opacity:.6;white-space:nowrap}.mc-hr__card{position:relative;overflow:hidden;border-radius:12px;visibility:hidden;opacity:0;aspect-ratio:4 / 3;background:#0000000d}.mc-hr--follow .mc-hr__card{position:absolute;top:0;left:0;z-index:3;width:clamp(160px,26%,260px);pointer-events:none;box-shadow:0 24px 50px -20px #00000073;will-change:transform}.mc-hr__pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;visibility:hidden;opacity:0}.mc-hr-demo{padding:60px clamp(16px,4vw,40px) 16px;background:#faf8f4;color:#1d1a16;overflow-y:auto}.mc-hr-demo__list .mc-hr__label{font-family:Georgia,Times New Roman,serif}@media(max-width:600px){.mc-hr--panel{grid-template-columns:1fr}.mc-hr--panel .mc-hr__card{order:-1;max-height:140px;aspect-ratio:auto;height:140px}}@container (max-width: 600px){.mc-hr--panel{grid-template-columns:1fr}.mc-hr--panel .mc-hr__card{order:-1;max-height:140px;aspect-ratio:auto;height:140px}}
