/* One editorial institute section. Existing brand fonts, colours and authentic salon photographs. */
#qui-sommes-nous{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;padding-block:60px 64px;color:#30231F;font-family:Founders,Arial,sans-serif}
#qui-sommes-nous .about-label{margin:0 0 16px;font:400 10px/1.5 Founders,Arial,sans-serif;letter-spacing:2px}
#qui-sommes-nous h2{margin:0;font:400 clamp(32px,3.1vw,44px)/1.12 CareEditorial,Georgia,serif;letter-spacing:-.75px;max-width:15ch;text-wrap:balance}
#qui-sommes-nous .about-description{margin:23px 0 24px;max-width:52ch;font:400 17px/1.65 Founders,Arial,sans-serif}
#qui-sommes-nous .about-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;border-bottom:1px solid #C5AE99;color:inherit;text-decoration:none;font:400 16px/1.4 Founders,Arial,sans-serif}
#qui-sommes-nous .about-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;transition:transform .25s ease}
#qui-sommes-nous .about-link:hover svg{transform:translateX(3px)}
#qui-sommes-nous .about-link:focus-visible{outline:2px solid #30231F;outline-offset:5px}
#qui-sommes-nous .about-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
#qui-sommes-nous figure{margin:0;min-width:0;aspect-ratio:3/4;overflow:hidden}
#qui-sommes-nous figure:nth-child(2){margin-top:62px}
#qui-sommes-nous img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
#qui-sommes-nous figure:nth-child(2) img{object-position:28% 50%}
@keyframes institut-reveal{from{transform:translateY(16px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:no-preference){#qui-sommes-nous.about-in-view .about-copy,#qui-sommes-nous.about-in-view figure{animation:institut-reveal .7s cubic-bezier(.22,.7,.25,1) both}#qui-sommes-nous.about-in-view figure:nth-child(1){animation-delay:.07s}#qui-sommes-nous.about-in-view figure:nth-child(2){animation-delay:.14s}}
@media(max-width:1000px){#qui-sommes-nous{gap:32px;padding-block:42px 48px}#qui-sommes-nous h2{font-size:34px}#qui-sommes-nous .about-description{font-size:16px;line-height:1.6}#qui-sommes-nous .about-photos{gap:12px}#qui-sommes-nous figure:nth-child(2){margin-top:42px}}
@media(max-width:650px){#qui-sommes-nous{grid-template-columns:1fr;gap:26px;padding-block:32px 36px}#qui-sommes-nous .about-label{font-size:9px;margin-bottom:12px}#qui-sommes-nous h2{font-size:32px;line-height:1.14;max-width:19ch;letter-spacing:-.5px}#qui-sommes-nous .about-description{font-size:16px;line-height:1.55;margin:18px 0 16px}#qui-sommes-nous .about-link{font-size:15px}#qui-sommes-nous .about-photos{gap:12px}#qui-sommes-nous figure:nth-child(2){margin-top:28px}}
@media(prefers-reduced-motion:reduce){#qui-sommes-nous .about-link svg{transition:none}}