.yoki-gradees{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(90% 80% at 22% 50%,#0e9bc942,#0e9bc900 62%),linear-gradient(118deg,#0f2233,#14324a 52%,#0d1d2c)}.yoki-gradees__grille{display:grid;gap:3rem;align-items:center;padding-block:clamp(4rem,6vw,6.5rem)}@media screen and (min-width:990px){.yoki-gradees__grille{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:5rem}}.yoki-gradees__etuis{--etui: clamp(8rem, 22vw, 12rem);display:flex;justify-content:center;align-items:center;padding-block:1rem}@media screen and (min-width:990px){.yoki-gradees__etuis{--etui: clamp(11rem, 14vw, 16rem)}}.yoki-gradees__etui{flex:0 0 auto;width:var(--etui);aspect-ratio:2 / 3;border-radius:.9rem;overflow:hidden;background:#ffffff0f;box-shadow:0 2rem 4rem #00000080}.yoki-gradees__etui+.yoki-gradees__etui{margin-left:calc(var(--etui) * -.26)}.yoki-gradees__etui img{display:block;width:100%;height:100%;object-fit:cover}.yoki-gradees__etui[style*="--rang: 1"]{transform:rotate(-7deg) translateY(1.4rem);z-index:1}.yoki-gradees__etui[style*="--rang: 2"]{transform:translateY(-1rem) scale(1.07);z-index:3}.yoki-gradees__etui[style*="--rang: 3"]{transform:rotate(7deg) translateY(1.4rem);z-index:2}.yoki-gradees__texte{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}.yoki-gradees__surtitre{margin:0;font-size:1.3rem;letter-spacing:.09em;text-transform:uppercase;color:#ffffffad}.yoki-gradees__titre{margin:0;font-size:clamp(2.8rem,3.4vw,4.2rem);line-height:1.1;color:#fff}.yoki-gradees__accroche{margin:0;max-width:48rem;font-size:1.6rem;line-height:1.55;color:#ffffffd1}.yoki-gradees__boutons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:.6rem}.yoki-gradees__bouton{display:inline-flex;align-items:center;justify-content:center;min-width:18rem;padding:1.6rem 3.2rem;border-radius:999px;border:.15rem solid transparent;font-size:1.7rem;font-weight:700;text-decoration:none;color:var(--yoki-encre, #0b1622);background:#fff;transition:background .15s ease,color .15s ease}.yoki-gradees__bouton:hover{background:#ffffffdb}.yoki-gradees__bouton:focus-visible{outline:.3rem solid #fff;outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-yoki-bande-gradees.css.map */