.hero{position:relative;overflow:hidden;height:100vh;height:100svh;min-height:600px;color:var(--page);background:var(--brun)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media img{width:100%;height:100%;object-fit:cover}@media(min-width:768px){.hero__slide--cadre .hero__media img{object-position:50% min(0px,max(-47.62vw,calc(max(100svh,600px) - 177.72vw)))}}.hero__veil{position:absolute;left:0;right:0;pointer-events:none}.hero__veil--top{top:0;height:111px;background:linear-gradient(to bottom,#1c1c20a6,#1c1c2000)}.hero__veil--bottom{top:0;bottom:0;background:linear-gradient(to bottom,#1c1c2000 72.4%,#1c1c20e0)}.hero__content{position:absolute;left:48px;right:48px;bottom:48px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero__main{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.hero__texts{display:flex;flex-direction:column;gap:16px}.hero__title{color:var(--page)}.hero__sub{max-width:397px;color:var(--page)}@media(min-width:1024px)and (max-width:1279px){.hero__content{flex-wrap:wrap;row-gap:24px}.hero__main{flex:1 1 100%}.hero__card{margin-left:auto}}.hero__card{flex:none;width:360px;padding:8px;display:flex;align-items:center;gap:10px;background:var(--page);color:var(--brun)}.hero__card-img{flex:none;width:90px;height:100px}.hero__card-txt{flex:1;height:100px;display:flex;flex-direction:column;justify-content:space-between}.hero__card-top{display:flex;flex-direction:column;gap:2px}.hero__card-name{font-size:15px;line-height:24px}.hero__card-bottom{height:24px;display:flex;align-items:center;justify-content:space-between}.hero__card-price{font-size:13px;line-height:18px;letter-spacing:.02em}.hero__card .i{transition:transform .4s var(--ease)}.hero__card:hover .i{transform:translate(4px)}.hero__card .media>img{transition:none;transform:none}@media(max-width:1023px){.hero__veil--top{height:140px;background:linear-gradient(to bottom,#1c141273,#1c141200)}.hero__veil--bottom{background:linear-gradient(to bottom,#1c141200 41.667%,#1c141299)}.hero__content{left:var(--gutter);right:var(--gutter);bottom:28px;flex-direction:column;align-items:stretch;gap:20px}.hero__main,.hero__texts{gap:20px}.hero__title{color:var(--ivoire);max-width:none;white-space:nowrap;font-size:min(48px,calc((100vw - 2 * var(--gutter)) / 12));line-height:1.16}.hero__card{width:100%;max-width:420px}}@media(max-width:767px){.hero{min-height:640px}.hero__cta{height:36px;padding:0 16px}.hero__title{font-size:min(40px,calc((100vw - 2 * var(--gutter)) / 12))}.hero__sub{max-width:350px}.hero__card{width:auto;max-width:100%;align-self:flex-start;padding:6px 14px 6px 6px;gap:12px}.hero__card-img{width:48px;height:60px}.hero__card-txt{height:60px;padding:1px 0}.hero__card-top{gap:2px}.hero__card-name{font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hero__card .t-eyebrow{font-size:10px;line-height:14px;letter-spacing:.1em}.hero__card-bottom{height:16px;gap:16px}.hero__card-price{font-size:12px;line-height:16px}.hero__card .i--16{width:14px;height:14px}}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0}.hero--carrousel .hero__slide{opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s linear .6s}.hero--carrousel .hero__slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity .6s var(--ease),visibility 0s}.hero__media picture{display:contents}.hero__sur{color:var(--ivoire)}.hero__barres{display:flex;align-items:center;gap:8px}.hero__barre{position:relative;display:block;width:48px;height:2px;overflow:hidden;background:#fcfcfb59}.hero__barre:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ivoire);transform:scaleX(0);transform-origin:left}.hero__barre.is-done:after{transform:scaleX(1)}.hero__barre.is-active:after{animation:hero-barre var(--hero-delai, 6s) linear forwards}.hero.is-paused .hero__barre.is-active:after{animation-play-state:paused}.hero.is-static .hero__barre.is-active:after{animation:none;transform:scaleX(1)}@keyframes hero-barre{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero--carrousel .hero__content{bottom:88px}.hero__ctrl{position:absolute;left:48px;bottom:40px;z-index:2;height:24px;display:flex;align-items:center;gap:24px;color:var(--ivoire)}.hero__num{color:var(--ivoire);font-variant-numeric:tabular-nums}.hero__nav{display:flex;align-items:center;gap:16px}.hero__barre-btn,.hero__fleche,.hero__pause{position:relative;display:grid;place-items:center;color:inherit}.hero__barre-btn{height:24px}.hero__fleche:before,.hero__pause:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.hero__fleche--prec .i{transform:rotate(180deg)}.hero__fleche .i{transition:transform .3s var(--ease)}.hero__fleche:hover .i{transform:translate(3px)}.hero__fleche--prec:hover .i{transform:rotate(180deg) translate(3px)}.hero__pause .i+.i{display:none}.hero.is-user-paused .hero__pause .i{display:none}.hero.is-user-paused .hero__pause .i+.i{display:block}.hero.is-static .hero__pause,.hero__barres-m{display:none}@media(max-width:1023px){.hero--carrousel .hero__content{bottom:28px}.hero__ctrl{display:none}.hero__barres-m{display:flex;align-self:stretch;align-items:center;gap:12px;height:16px;margin-bottom:-8px;color:var(--ivoire)}.hero__barres-m .hero__barres{flex:1;gap:6px}.hero__barres-m .hero__barre{flex:1;width:auto}}@media(prefers-reduced-motion:reduce){.hero--carrousel .hero__slide,.hero--carrousel .hero__slide.is-active{transition:none}}.hero__offre{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--page)}.hero__offre-chiffre{font-family:var(--serif);font-weight:var(--light);font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.01em}.hero__mention{max-width:480px;margin-top:-16px;color:var(--page);opacity:.85;text-wrap:balance}@media(max-width:1023px){.hero__offre{color:var(--ivoire)}.hero__offre-chiffre{font-size:40px}.hero__mention{max-width:350px;margin-top:-8px;color:var(--ivoire)}.hero__title--long{font-size:min(44px,calc((100vw - 2 * var(--gutter)) / 13.6))}}@media(max-width:767px){.hero__title--long{font-size:min(36px,calc((100vw - 2 * var(--gutter)) / 13.6))}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/obaia-section-hero.css.map */