.sv-section{margin:0}.sv{padding:4rem 0 2rem}.sv__illu{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:-3rem}.sv__illu img{width:280px;max-width:70%;height:auto}.sv__band{background-color:var(--sv-bg)}.sv__box{padding-top:6rem;padding-bottom:5rem}.sv__title{margin:0 0 4rem;text-align:center;font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;color:var(--sv-title)}.sv__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;width:100%}.sv__card{position:relative;display:flex;align-items:center;gap:1.6rem;min-height:13rem;padding:1.6rem 2rem;border-radius:20px;background-color:var(--sv-card-bg);color:var(--sv-card-text);text-decoration:none;transition:transform .2s ease}.sv__deco{position:absolute;z-index:0;object-fit:contain;pointer-events:none}.sv__deco--colere{left:5.4%;top:2%;width:92%;height:66%;object-position:left top}.sv__deco--fort{left:21.5%;top:10%;width:72.4%;height:77.3%;object-position:left top}.sv__deco--mots{left:3.8%;top:3.3%;width:28.1%;height:84.7%;object-position:left center}.sv__deco--coucher{left:3.3%;top:6.6%;width:93.9%;height:84.9%}.sv__deco--separation{left:5.9%;top:12.5%;width:88.7%;height:83.6%}.sv__face,.sv__label{position:relative;z-index:1}a.sv__card:hover{transform:translateY(-2px)}.sv__face{flex:0 0 10rem}.sv__face img{display:block;width:100%;height:auto;border-radius:0}.sv__label{font-family:var(--font-heading-family);font-weight:700;font-size:1.7rem;line-height:1.35;text-transform:uppercase}.sv__card--cta{flex-direction:column;justify-content:center;gap:1.2rem;text-align:center}.sv__cta-title{font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;text-transform:uppercase}.sv__cta-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:55px;padding:0 2.4rem;border-radius:1.2rem;background-color:var(--sv-btn-bg);color:var(--sv-btn-text);font-family:var(--font-heading-family);font-weight:700;font-size:1.4rem;text-decoration:none;white-space:nowrap}@media screen and (max-width:989px){.sv__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.sv__box{padding-top:5rem;padding-bottom:3rem}.sv__title{margin-bottom:2.4rem}.sv__grid{grid-template-columns:1fr;gap:1rem}.sv__card{min-height:0;padding:1.2rem 1.6rem}.sv__face{flex-basis:7.2rem}.sv__label{font-size:1.5rem}.sv__card--cta{padding:2rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/situations-visages.css.map */
