[data-page=a-propos]{background:var(--color-dark)}[data-page=a-propos] .section-about{padding:0}[data-page=a-propos] .section-about .about-block,[data-page=a-propos] .section-about .about-visual-content .content-subtitle,[data-page=a-propos] .section-about .about-visual-content .content-text,[data-page=a-propos] .section-about .about-visual-content .content-title{opacity:0}[data-page=a-propos] .section-about[data-animated] .about-block,[data-page=a-propos] .section-about[data-animated] .about-visual-content .content-subtitle,[data-page=a-propos] .section-about[data-animated] .about-visual-content .content-text,[data-page=a-propos] .section-about[data-animated] .about-visual-content .content-title{opacity:1}[data-page=a-propos] .container-about{margin:0 auto;position:relative;width:100%}[data-page=a-propos] .about-visual{background:var(--color-dark);overflow:hidden}@media(min-width:992px){[data-page=a-propos] .about-visual{align-self:flex-start;height:100vh;position:sticky;top:0}}@media(max-width:991px){[data-page=a-propos] .about-visual{height:auto;min-height:60vh;position:relative}}[data-page=a-propos] .about-visual-bg{inset:0;position:absolute;z-index:0}[data-page=a-propos] .about-visual-bg video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}[data-page=a-propos] .about-visual-overlay{background:#000;inset:0;opacity:.45;position:absolute;z-index:1}[data-page=a-propos] .about-visual-content{color:var(--color-white);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:3rem;position:relative;z-index:2}@media(max-width:1199px){[data-page=a-propos] .about-visual-content{padding:2rem}}@media(max-width:991px){[data-page=a-propos] .about-visual-content{min-height:60vh}}@media(max-width:767px){[data-page=a-propos] .about-visual-content{padding:1.5rem}}[data-page=a-propos] .about-visual-content .content-title h1{color:var(--color-white)}[data-page=a-propos] .about-visual-content .content-text p{color:#ffffffbf;max-width:28rem}[data-page=a-propos] .about-visual-content .app-subtitle,[data-page=a-propos] .about-visual-content .app-subtitle-wave{color:var(--color-white)}[data-page=a-propos] .about-content{background:var(--color-dark);color:var(--color-white)}[data-page=a-propos] .about-content .button{--text:var(--color-white);border-color:#ffffff40}[data-page=a-propos] .about-content-inner{margin-inline:auto;max-width:40rem;padding:5rem 3rem}@media(max-width:1199px){[data-page=a-propos] .about-content-inner{padding:4rem 2rem}}@media(max-width:767px){[data-page=a-propos] .about-content-inner{padding:3rem 1.5rem}}[data-page=a-propos] .about-block+.about-block{margin-top:4rem}@media(max-width:767px){[data-page=a-propos] .about-block+.about-block{margin-top:3rem}}[data-page=a-propos] .about-block .content-title{margin-bottom:1.25rem}[data-page=a-propos] .about-block .content-title h2{color:var(--color-white)}[data-page=a-propos] .about-block .content-text p{color:#ffffffb3;line-height:var(--lh-p);margin-bottom:1rem}[data-page=a-propos] .about-block .content-text p:last-child{margin-bottom:0}[data-page=a-propos] .about-block .content-text a{color:var(--color-white)}[data-page=a-propos] .about-services{counter-reset:svc;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media(max-width:767px){[data-page=a-propos] .about-services{grid-template-columns:1fr}}[data-page=a-propos] .about-services .about-service{background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-10);counter-increment:svc;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem;transition:background .3s ease,border-color .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}[data-page=a-propos] .about-services .about-service:last-child{grid-column:1/-1}[data-page=a-propos] .about-services .about-service:before{color:var(--color-verdigris);content:counter(svc,decimal-leading-zero);font-family:var(--font-secondary);font-size:1.5rem;font-weight:200;letter-spacing:-.03em;line-height:1}[data-page=a-propos] .about-services .about-service:hover{background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-2px)}[data-page=a-propos] .about-services .about-service h3{color:var(--color-white);font-size:.95rem;font-weight:500;margin-bottom:.3rem}[data-page=a-propos] .about-services .about-service p{color:#fff9;font-size:.8rem;line-height:1.5}[data-page=a-propos] .about-soeurs-logo{margin-top:1.5rem;max-width:110px}[data-page=a-propos] .about-soeurs-logo img{display:block;height:auto;width:100%}