.mb{--mb-pad: clamp(24px, 4.2vw, 64px)}html:has(.mb){scroll-padding-top:calc(var(--header-h) + 72px)}@media(prefers-reduced-motion:no-preference){html:has(.mb){scroll-behavior:smooth}}.md-hero.pg-top{padding-top:calc(var(--header-h) + clamp(12px,3vw,48px));padding-bottom:clamp(14px,2.4vw,32px)}.md-hero .md-note{margin-top:var(--space-3)}.mb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mb-bar{position:sticky;top:var(--header-h);z-index:20;background:var(--surface-page);border-bottom:1px solid var(--line)}.mb-bar__fade{position:relative}.mb-bar__fade:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--surface-page));transition:opacity .25s linear}.mb-bar__fade.is-end:after{opacity:0}.mb-bar__scroll{display:flex;flex-wrap:nowrap;gap:var(--space-2);padding-block:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.mb-bar__scroll::-webkit-scrollbar{display:none}.mb-bar a{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;font:400 .9375rem/1.1 var(--font-sans);color:var(--ink);text-decoration:none;white-space:nowrap;transition:color .2s linear,border-color .2s linear,background-color .2s linear}.mb-bar a:hover{color:var(--brand);border-color:var(--brand)}.mb-bar a.is-active{color:var(--brand);border-color:var(--brand);background:color-mix(in oklch,var(--brand) 9%,transparent);font-weight:500}.mb-bar a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mb-bar__l{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mb-bar a{padding:0 11px;font-size:.875rem}.mb-bar__scroll{gap:6px}@media(min-width:640px){.mb-bar__s{display:none}.mb-bar__l{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}.mb-bar a{padding:0 18px;font-size:.9375rem}.mb-bar__scroll{gap:var(--space-2)}}@media(min-width:900px){.mb-bar__scroll{overflow:visible}.mb-bar__fade:after{display:none}}.mb-sec{padding-block:var(--mb-pad)}.md-hero .pg-lead{font-size:clamp(1.0625rem,.95rem + .6vw,1.375rem);margin-top:var(--space-4)}.md-hero h1{font-size:clamp(2.75rem,1.8rem + 5vw,5.5rem)}.mb-startsec{padding-top:clamp(20px,3vw,40px)}.mb-sec--tint{background:linear-gradient(180deg,transparent,var(--surface-powder-rose) 14%,var(--surface-powder-rose) 86%,transparent)}.mb-head{max-width:40em}.mb h2{font-size:clamp(1.625rem,1.25rem + 1.5vw,2.5rem)}.mb-head .md-text{margin-top:var(--space-2);font-size:1rem;line-height:1.5}.mb-depart{margin:var(--space-1) 0 0;font:400 .9375rem/1.3 var(--font-sans)}.mb-depart:empty{display:none}.mb-depart a{min-height:44px;display:inline-flex;align-items:center;color:var(--brand);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.mb-depart a:hover{color:var(--brand-hover)}.mb-depart a:focus-visible,.mb-links a:focus-visible,.mb-follow__links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.mb-tools{margin-top:var(--space-4)}.mb-filter{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mb-chip{-webkit-appearance:none;appearance:none;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);font:400 .9375rem/1.1 var(--font-sans);cursor:pointer;transition:color .2s linear,border-color .2s linear,background-color .2s linear}.mb-chip__n{font-size:.8125rem;color:var(--ink-muted)}.mb-chip:hover{border-color:var(--brand);color:var(--brand)}.mb-chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.mb-chip[aria-pressed=true] .mb-chip__n{color:inherit;opacity:.9}.mb-chip:focus-visible,.mb-btn:focus-visible,.mb-morebtn:focus-visible,.mb-facade:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mb-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}.mb-card{min-width:0;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"frame tags" "frame title" "why why" "src src" "act act" "aud aud";grid-template-rows:auto 1fr auto auto auto auto;column-gap:var(--space-3);row-gap:2px;padding-block:12px;border-top:1px solid var(--line)}.mb-card:first-child{border-top:0}.mb-card[hidden]{display:none}.mb-frame{grid-area:frame;align-self:start;position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#201018}.mb-frame iframe,.mb-facade,.mb-facade img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;object-fit:cover}.mb-card--sq .mb-facade img{object-fit:contain}.mb-facade{-webkit-appearance:none;appearance:none;padding:0;margin:0;background:none;border:0;cursor:pointer}.mb-play{position:absolute;left:6px;bottom:6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);transition:transform .3s var(--ease-out),background-color .15s linear}.mb-play svg{width:56%;height:56%}.mb-facade:hover .mb-play{transform:scale(1.08);background:var(--brand-hover)}.mb-tags{grid-area:tags;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font:300 .8125rem/1.4 var(--font-sans);color:var(--ink-muted)}.mb-tag{display:inline-block;padding:0 8px;border:1px solid var(--line-strong);border-radius:999px;font:400 .75rem/1.6 var(--font-sans);color:var(--ink-soft)}.mb-tag--need{border-color:var(--brand);color:var(--brand)}.mb-title{grid-area:title;margin:0;font:400 1rem/1.2 var(--font-serif);text-wrap:balance}.mb-why{grid-area:why;margin:var(--space-2) 0 0;font:300 .9375rem/1.45 var(--font-sans);color:var(--ink-soft)}.mb-src{grid-area:src;margin:0;font:300 .875rem/1.45 var(--font-sans);color:var(--ink-muted)}.mb-actions{grid-area:act;margin-top:var(--space-2);display:flex;gap:var(--space-2)}.mb-btn{-webkit-appearance:none;appearance:none;flex:1 1 0;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--brand);border-radius:999px;background:transparent;color:var(--brand);font:500 .9375rem/1.1 var(--font-sans);cursor:pointer;transition:color .2s linear,background-color .2s linear,border-color .2s linear}.mb-btn svg{width:18px;height:18px;flex:none}.mb-btn:hover{background:color-mix(in oklch,var(--brand) 9%,transparent)}.mb-btn--main,.mb-btn[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.mb-btn--main:hover,.mb-btn[aria-pressed=true]:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.mb-audio{grid-area:aud;margin-top:var(--space-2)}.mb-audio[hidden]{display:none}.mb-audio audio{display:block;width:100%;min-height:44px}.mb-card.is-playing{grid-template-columns:minmax(0,1fr);grid-template-areas:"frame" "tags" "title" "why" "src" "act" "aud";grid-template-rows:none;row-gap:var(--space-2)}.mb-card.is-playing .mb-frame{border-radius:12px;margin-bottom:var(--space-1)}.mb-card.is-playing .mb-play{display:none}.mb-more{margin:var(--space-2) 0 0}.mb-more[hidden]{display:none}.mb-morebtn{-webkit-appearance:none;appearance:none;min-height:44px;padding:0 22px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);font:500 .9375rem/1.1 var(--font-sans);cursor:pointer;transition:color .2s linear,border-color .2s linear}.mb-morebtn:hover{color:var(--brand);border-color:var(--brand)}.mb-links{margin:var(--space-3) 0 0;display:flex;flex-wrap:wrap;gap:0 var(--space-6)}.mb-links a{min-height:44px;display:inline-flex;align-items:center}.mb-follow{padding-block:clamp(24px,3.5vw,48px) clamp(32px,4vw,56px)}.mb-follow .md-text{margin-top:var(--space-2)}.mb-follow .md-note{margin-top:var(--space-4)}.mb-follow__links{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.mb-follow__links a{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid var(--brand);border-radius:999px;color:var(--brand);font:500 .9375rem/1.1 var(--font-sans);text-decoration:none;transition:background-color .2s linear,color .2s linear}.mb-follow__links a:hover{background:var(--brand);color:var(--on-brand)}@media(min-width:640px){.mb-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-6);margin-top:var(--space-5)}.mb-card,.mb-card.is-playing{grid-template-columns:minmax(0,1fr);grid-template-areas:"frame" "tags" "title" "why" "src" "act" "aud";grid-template-rows:auto auto auto 1fr auto auto auto;row-gap:var(--space-2);padding-block:0;border-top:0}.mb-frame{border-radius:14px;box-shadow:0 22px 44px -30px oklch(.27 .075 var(--rouge-h, 350) / .5);margin-bottom:var(--space-1)}.mb-play{left:12px;bottom:12px;width:44px;height:44px}.mb-title{font-size:clamp(1.15rem,1rem + .5vw,1.35rem)}.mb-why{margin-top:0;font-size:1rem}.mb-btn{flex:0 0 auto;padding-inline:20px}.mb-card .mb-actions{align-self:end}}@media(min-width:1000px){.mb-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10) var(--space-8)}}.mb-list--start{margin-top:var(--space-3)}.mb-actions{flex-wrap:wrap}@media(min-width:640px)and (max-width:999px){.mb-list--start{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.mb-list--start .mb-btn{flex:1 1 0;min-width:0;padding-inline:8px}}@media(prefers-reduced-motion:reduce){.mb-bar a,.mb-chip,.mb-btn,.mb-morebtn,.mb-play,.mb-bar__fade:after,.mb-follow__links a{transition:none}.mb-facade:hover .mb-play{transform:none}}.mb-cta{margin:var(--space-4) 0 0}.mb-cta .btn{min-height:48px}@media(max-width:640px){.mb-cta .btn{width:100%}}.mb-sec--lead{padding-block:clamp(40px,6vw,96px);background:linear-gradient(180deg,var(--surface-powder-rose),transparent);border-top:2px solid var(--brand)}.mb-sec--lead h2{font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem);line-height:1.05}.mb-sec--lead .mb-head .md-text{font-size:1.125rem}.mb-sec--lead .mb-cta .btn{min-height:52px;padding-inline:2.25rem}.mb-all{padding-block:clamp(8px,2vw,24px) clamp(24px,4vw,56px);text-align:center}.mb-all .mb-cta{display:flex;justify-content:center}@media(min-width:641px){.mb-sec>.pg-wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-3)}.mb-sec>.pg-wrap>*{flex:0 0 100%;min-width:0}.mb-sec .mb-need-in{display:contents}.mb-sec .mb-need-in>.mb-list{flex:0 0 100%}.mb-sec .mb-more,.mb-sec>.pg-wrap>.mb-cta{flex:0 0 auto;margin-top:clamp(32px,3.5vw,48px)}.mb-sec .mb-more[hidden]{display:none}}@media(min-width:640px)and (max-width:999px){.mb-list{row-gap:calc(var(--space-8) * 1.5)}}@media(min-width:1000px){.mb-list{row-gap:calc(var(--space-10) * 1.7)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-media-besoins.css.map */