.oud-banner{--oud-banner-background: #c4501b;--oud-banner-text: #fff;--oud-banner-overlay: transparent;--oud-banner-radius: .8rem}.index .oud-banner.page-width{padding:1.6rem .8rem 0}.oud-banner__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;min-height:21.2rem;padding:2rem 1.5rem 1.9rem;border-radius:var(--oud-banner-radius);background-color:var(--oud-banner-background);color:var(--oud-banner-text);text-decoration:none;overflow:hidden}.oud-banner__card:hover,.oud-banner__card:focus{color:var(--oud-banner-text)}.oud-banner__card:focus-visible{outline:2px solid var(--oud-banner-background);outline-offset:.3rem}.oud-banner__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--oud-banner-overlay);pointer-events:none}.oud-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.oud-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.oud-banner__content,.oud-banner__button{position:relative;z-index:2}.oud-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.oud-banner__tag{margin:-.2rem;padding:.5rem .8rem;border:2px solid var(--oud-banner-text);border-radius:2.4rem;font-size:1.6rem;font-weight:600;line-height:.625;letter-spacing:.02em;text-transform:uppercase}.oud-banner__title{max-width:21.5rem;margin:0;color:var(--oud-banner-text);font-family:var(--font-body-family);font-size:2.4rem;font-weight:400;line-height:1.05;letter-spacing:.02em}.oud-banner__title strong{font-weight:600}.oud-banner__title-desktop{display:none}.oud-banner__button{width:16.8rem;min-height:4.8rem;padding:.6rem 1.2rem;font-size:1.6rem;line-height:1.15;letter-spacing:.02em;text-align:center}@media(min-width:768px){.index .oud-banner.page-width{padding-top:2.4rem;padding-right:1.6rem;padding-left:1.6rem}.oud-banner__card{flex-direction:row;align-items:flex-end;justify-content:space-between;min-height:24.5rem;aspect-ratio:2560 / 510;padding:0 3.3rem 3.2rem 3.7rem}.oud-banner__content{gap:1.9rem;padding-bottom:1.1rem}.oud-banner__tag{margin:0;padding:.4rem 1.2rem;font-size:2.2rem;line-height:1;letter-spacing:.44px}.oud-banner__title-mobile{display:none}.oud-banner__title-desktop{display:inline}.oud-banner__title{max-width:52rem;height:auto;font-size:3.2rem;line-height:1.1}.oud-banner__button{width:auto;min-width:23.2rem;padding:0 2.4rem;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/492/assets/dossier-oud-banner.css.map */