.mfball{display:block;overflow:hidden;background:var(--mfball-bg, #171717);color:var(--mfball-ink, #fff)}.mfball *,.mfball *:before,.mfball *:after{box-sizing:border-box}.mfball__section{position:relative;padding:var(--mfball-space-top, 40px) 32px var(--mfball-space-bottom, 48px)}.mfball__section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 48% 75% at 28% 54%,rgba(255,255,255,.07),transparent 72%)}.mfball__inner{position:relative;width:min(100%,1240px);min-height:462px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"visual intro" "visual controls";grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:clamp(40px,6vw,90px);row-gap:18px}.mfball__intro{grid-area:intro;align-self:end}.mfball__eyebrow{margin:0 0 12px;color:var(--mfball-accent,#ff6600);font-family:var(--font-heading-family,sans-serif);font-size:clamp(13px,1.3vw,17px);font-weight:700;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.mfball__heading{max-width:660px;margin:0;color:var(--mfball-ink,#fff);font-family:var(--font-heading-family,sans-serif);font-size:clamp(42px,4.75vw,72px);font-weight:700;letter-spacing:-.018em;line-height:.99;text-transform:uppercase}.mfball__intro-text{margin:18px 0 0;color:var(--mfball-ink,#fff);font-family:var(--font-body-family,sans-serif);font-size:clamp(15px,1.25vw,18px);line-height:1.4}.mfball__visual{grid-area:visual;min-width:0;display:grid;place-items:center}.mfball__stage{position:relative;width:min(100%,455px);aspect-ratio:1;touch-action:pan-y}.mfball__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(8px) scale(.96) rotate(-3deg);pointer-events:none;transition:opacity .3s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.mfball__frame.is-active{opacity:1;transform:translateY(0) scale(1) rotate(0)}.mfball__frame img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.42))}.mfball__controls{grid-area:controls;align-self:start;min-width:0}.mfball__caption{display:grid;gap:2px;min-height:48px;color:var(--mfball-ink,#fff);font-family:var(--font-body-family,sans-serif);font-size:14px;line-height:1.3}.mfball__year{font-family:var(--font-heading-family,sans-serif);font-size:22px;font-weight:700;line-height:1.1}.mfball__meta{display:flex;flex-wrap:wrap;gap:.3em}.mfball__host{color:var(--mfball-muted,#b7b7b7)}.mfball__timeline{width:min(100%,570px);margin-top:10px}.mfball__rail{position:relative;height:46px;border-radius:3px}.mfball__rail:has(.mfball__range:focus-visible){outline:2px solid var(--mfball-accent,#ff6600);outline-offset:4px}.mfball__ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;gap:1px;pointer-events:none}.mfball__tick{flex:0 0 1px;width:1px;height:6px;background:#6f6f6f;transform-origin:center bottom;transition:height .22s ease,background-color .22s ease,width .22s ease}.mfball__tick.is-near{background:#a5a5a5}.mfball__tick.is-current{width:2px;flex-basis:2px;background:var(--mfball-accent,#ff6600)}.mfball__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:grab;opacity:.001;-webkit-appearance:none;appearance:none}.mfball__range:active{cursor:grabbing}.mfball__range::-webkit-slider-thumb{width:28px;height:46px;-webkit-appearance:none;appearance:none}.mfball__range::-moz-range-thumb{width:28px;height:46px;border:0;background:transparent}.mfball__endpoints{display:flex;justify-content:space-between;margin-top:8px;color:var(--mfball-muted,#b7b7b7);font-family:var(--font-body-family,sans-serif);font-size:12px;line-height:1.2}.mfball__link{display:inline-flex;align-items:center;gap:12px;margin-top:26px;color:var(--mfball-accent,#ff6600);font-family:var(--font-body-family,sans-serif);font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;text-underline-offset:5px}.mfball__link span{font-size:21px;line-height:1;transition:transform .18s ease}.mfball__link:hover,.mfball__link:focus-visible{text-decoration:underline}.mfball__link:hover span,.mfball__link:focus-visible span{transform:translate(4px)}@media(max-width:990px){.mfball__inner{max-width:660px;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "visual" "controls";row-gap:0}.mfball__intro{align-self:auto}.mfball__heading{font-size:clamp(40px,7vw,62px)}.mfball__visual{margin-top:12px}.mfball__stage{width:min(100%,310px)}.mfball__controls{margin-top:6px}}@media(max-width:749px){.mfball__section{padding:min(var(--mfball-space-top,32px),28px) 20px min(var(--mfball-space-bottom,40px),32px)}.mfball__eyebrow{margin-bottom:9px;font-size:12px}.mfball__heading{max-width:500px;font-size:clamp(35px,10vw,48px);line-height:1}.mfball__intro-text{margin-top:12px;font-size:15px}.mfball__visual{margin-top:4px}.mfball__stage{width:min(70vw,252px)}.mfball__controls{margin-top:0}.mfball__timeline{margin-top:8px}.mfball__rail,.mfball__range::-webkit-slider-thumb,.mfball__range::-moz-range-thumb{height:48px}.mfball__link{margin-top:20px;font-size:15px}}@media(prefers-reduced-motion:reduce){.mfball__frame,.mfball__tick,.mfball__link span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/mf-ballons-frise.css.map */