.ff-banner{padding-block:var(--ff-space-9);background:transparent}.ff-banner__intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--ff-space-4);color:var(--ff-color-ink)}.ff-banner__heading{margin:0;font-size:min(var(--ff-text-2xl),5.6vw);color:var(--ff-color-ink);white-space:nowrap}.ff-banner__text{font-family:var(--ff-font-body);font-size:var(--ff-text-lg);color:var(--ff-color-ink);max-width:48rem;margin-inline:auto}.ff-banner__text>:first-child{margin-top:0}.ff-banner__text>:last-child{margin-bottom:0}.ff-banner__text a{color:var(--ff-color-accent-deep);text-decoration:underline;text-underline-offset:.15em}.ff-banner__cards{--ff-card-width: min(86vw, 24rem);list-style:none;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:var(--ff-card-width);gap:var(--ff-space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;padding-inline:calc((100% - var(--ff-card-width)) / 2);scroll-padding-inline:calc((100% - var(--ff-card-width)) / 2);padding-block:var(--ff-space-4);margin-block:calc(-1 * var(--ff-space-4))}.ff-banner__cards::-webkit-scrollbar{display:none}.ff-banner__card{position:relative;aspect-ratio:1 / 1;overflow:hidden;container-type:inline-size;scroll-snap-align:center;display:flex;flex-direction:column;--ff-card-pad: clamp(1.1rem, 2.4vw, 1.9rem);padding:var(--ff-card-pad);border-radius:clamp(.875rem,1.6vw,1.375rem);background-color:var(--ff-card-bg, var(--ff-color-panel));border:1px solid color-mix(in srgb,var(--ff-color-ink) 12%,transparent);color:var(--ff-color-ink)}.ff-banner__card-motif{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ff-card-image, none);background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none;scale:1;transition:scale var(--ff-duration-panel) var(--ff-ease-out)}@media(hover:hover)and (pointer:fine){.ff-banner__card:hover .ff-banner__card-motif{scale:1.12}}.ff-banner__card.ff-panel--tap .ff-banner__card-motif{scale:1.12}.ff-banner__card-text-wrap{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--ff-space-2)}.ff-banner__card-title{margin:0;font-family:var(--ff-font-heading);font-size:clamp(1.375rem,10.5cqi,2.125rem);line-height:var(--ff-line-height-heading);color:var(--ff-color-ink)}.ff-banner__card-text{margin:0;max-width:92%;font-size:clamp(.875rem,5cqi,1rem);color:var(--ff-color-ink-muted)}@media screen and (min-width:750px){.ff-banner__cards{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:var(--ff-space-4);overflow-x:visible;max-width:var(--ff-container-max);margin:0 auto;padding-inline:var(--ff-container-padding);padding-block:0;scroll-padding-inline:0}}@media screen and (min-width:990px){.ff-banner__cards{gap:var(--ff-space-5)}}.ff-banner__band{margin-top:var(--ff-space-4);padding-block:var(--ff-space-10) calc(2 * var(--ff-space-10));background:linear-gradient(180deg,var(--ff-color-bg) 0%,var(--ff-color-panel) 16%,var(--ff-color-panel) 52%,var(--ff-color-bg) 100%)}.ff-banner__pager{display:none;align-items:center;gap:0;width:fit-content;margin:var(--ff-space-4) auto 0;padding:.15rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--ff-color-panel) 72%,transparent);border:1px solid color-mix(in srgb,var(--ff-color-accent-deep) 12%,transparent)}.ff-banner__strip.is-scrollable .ff-banner__pager{display:flex}.ff-banner__dot{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;cursor:pointer}.ff-banner__dot:before{content:"";display:block;width:.5rem;height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--ff-color-accent-deep) 42%,transparent);transition:width var(--ff-duration-fast) var(--ff-ease-out),background-color var(--ff-duration-fast) var(--ff-ease-out)}.ff-banner__dot.is-active:before{width:1.4rem;background:var(--ff-color-accent-deep)}.ff-banner__dot:focus-visible{outline:2px solid var(--ff-color-focus);outline-offset:2px;border-radius:999px}@media screen and (max-width:389px),screen and (min-width:750px)and (max-width:1199px){.ff-banner__card{aspect-ratio:auto;padding-bottom:0}.ff-banner__card-text-wrap{margin-bottom:var(--ff-space-3)}.ff-banner__card-motif{position:relative;inset:auto;margin:auto calc(-1 * var(--ff-card-pad)) 0;aspect-ratio:5 / 3;background-size:cover;background-position:center bottom}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-image-banner.css.map */