.service-approved-logo{display:none}
@media(max-width:980px){
 html body[class] .site-header .brand .site-logo{display:none!important}
 html body[class] .site-header .brand .service-approved-logo{display:block!important}
 html body[class] main input[type=radio],html body[class] main input[type=checkbox]{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;flex:0 0 20px;accent-color:#ff8700;vertical-align:middle}
 html body[class] main .legal-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;min-height:44px}
 html body[class] main .legal-consent input{margin-top:3px}
 html body[class] main input:not([type=radio]):not([type=checkbox]):not([type=hidden]),html body[class] main select,html body[class] main textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 html body[class] main form .button,html body[class] main form button[type=submit]{min-height:48px;white-space:normal}
 html body[class] main :is(input,select,textarea,button,a):focus-visible{outline:2px solid #ff8b0b;outline-offset:3px}
 html body[class] main .form-grid>*{min-width:0}
 html body[class] main .form-security-note{line-height:1.5}
}
@media(max-width:700px){
 body.page-a-propos .about-hero-copy{padding:24px 18px!important}
 body.page-a-propos .about-hero-copy h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-1px!important}
 body.page-a-propos .about-hero-copy p{font-size:15px!important;line-height:1.6!important}
 body.page-a-propos .about-hero-copy .button{font-size:14px!important;text-transform:none!important;min-height:48px!important}
 body.page-a-propos .about-hero-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;margin:0 14px 18px!important;width:auto!important;gap:0;border-radius:14px}
 body.page-a-propos .about-hero-services a{width:auto!important;min-width:0!important;padding:14px 10px!important;white-space:normal!important;border:1px solid #ffffff0a;min-height:88px}
 body.page-a-propos .about-hero-services a strong{white-space:normal!important;overflow:visible!important;font-size:12px!important;line-height:1.4}
 body.page-a-propos .about-overview,body.page-a-propos .about-team,body.page-a-propos .about-why{padding:24px 14px!important}
 body.page-a-propos .about-overview-grid{gap:16px!important}
 body.page-a-propos .about-overview-block{background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:20px!important;box-shadow:0 4px 18px #12324a08}
 body.page-a-propos .about-overview-block h2{font-size:23px!important;line-height:1.2;margin-bottom:14px}
 body.page-a-propos .about-overview-block p{font-size:14px;line-height:1.65;color:#53697f}
 body.page-a-propos .about-mission-list{gap:16px}
 body.page-a-propos .about-team-grid{grid-template-columns:1fr!important;gap:16px!important}
 body.page-a-propos .about-team-grid article{border-radius:14px;overflow:hidden;border:1px solid #e0e8ef}
 body.page-a-propos .about-team-grid img{width:100%;height:200px!important;object-fit:cover;object-position:center 30%}
 body.page-a-propos .about-team-content{padding:16px!important}
 body.page-a-propos .about-team-skills{display:flex;gap:6px;flex-wrap:wrap}
 body.page-a-propos .about-final-band{margin:14px!important;padding:22px!important;border-radius:16px}
 body.page-a-propos .about-final-cta h2{font-size:24px!important;line-height:1.2}
 body.page-a-propos .about-final-cta .button{display:flex;justify-content:center;min-height:48px;white-space:normal;text-transform:none}
 body.page-a-propos .about-floating-actions{bottom:calc(100px + env(safe-area-inset-bottom))!important}
 #notre-histoire{scroll-margin-top:24px}
}
@media(max-width:350px){body.page-a-propos .about-why-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body.page-a-propos .about-partners-track{animation:none!important;transform:none!important;flex-wrap:wrap}body.page-a-propos .about-partners-copy{display:none}}