.contact-page .page-banner{min-height:470px;padding-top:180px;padding-bottom:125px;color:#fff}
.contact-page .banner-copy h1{color:#fff;margin-top:0}
.contact-page .banner-copy h1 em{color:#FFEF9A}
.contact-page .banner-copy p{color:#fff;text-wrap:balance}
.contact-page .banner-badge{width:128px;height:128px;top:182px;right:10%;animation:contact-badge-turn 36s linear infinite}
.contact-page .hero-wave{height:110px}
@keyframes contact-badge-turn{from{transform:rotate(12deg)}to{transform:rotate(372deg)}}
@media(max-width:720px){.contact-page .page-banner{min-height:460px;padding-top:180px;padding-bottom:125px}.contact-page .banner-copy h1{font-size:clamp(43px,9.6vw,56px)}.contact-page .banner-badge{width:74px;height:74px;top:280px;right:7%}.contact-page .hero-wave{height:72px}.contact-page .banner-copy p{max-width:74%}}


.contact-page .contact-layout{padding-top:70px;padding-bottom:100px}
.contact-page .section-intro h2{margin-top:0;text-wrap:balance}
.contact-page .section-intro>p{text-wrap:pretty}
.contact-page .contact-resellers{padding-top:25px;padding-bottom:90px}
.contact-resellers-inner{padding:38px 42px;background:var(--yellow);border-radius:28px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.contact-resellers-inner h2{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0 0 20px;max-width:28ch;text-wrap:balance;color:var(--ink)}
.contact-resellers-inner p{max-width:70ch;margin:0;text-wrap:pretty}
.contact-resellers-inner .btn{white-space:nowrap}
@media(max-width:850px){.contact-resellers-inner{grid-template-columns:1fr;gap:25px}.contact-resellers-inner .btn{justify-self:start}}
@media(max-width:720px){.contact-page .contact-layout{padding-top:45px;padding-bottom:60px}.contact-page .contact-resellers{padding-top:20px;padding-bottom:60px}.contact-resellers-inner{padding:28px 24px;border-radius:24px}.contact-page .banner-badge{top:320px;width:68px;height:68px}.contact-page .page-banner{min-height:490px}.contact-page .banner-copy p{max-width:78%}}

.contact-page header{color:#fff}
.contact-page header .logo{background:#FFEF9A}
.contact-page header nav a,.contact-page header nav a[aria-current=page]{color:#fff}
.contact-page .page-banner{min-height:540px;padding-top:200px;padding-bottom:155px}
.contact-page .banner-badge{top:205px}
@media(max-width:720px){.contact-page .page-banner{min-height:550px;padding-top:195px;padding-bottom:150px}.contact-page .banner-badge{top:345px}}

.contact-page .section-intro .contact-resellers{padding:0;margin-top:64px}
.contact-page .section-intro .contact-resellers-inner{display:block;padding:28px;border-radius:24px}
.contact-page .section-intro .contact-resellers-inner h2{font-size:30px;line-height:1.12;margin:0 0 18px;max-width:none}
.contact-page .section-intro .contact-resellers-inner p{font-size:16px;line-height:1.6;margin:0 0 23px}
.contact-page .section-intro .contact-resellers-inner .btn{font-size:15px;padding:13px 22px}
@media(max-width:720px){.contact-page .section-intro .contact-resellers-inner{padding:25px}.contact-page .section-intro .contact-resellers-inner h2{font-size:29px}}

.contact-page .consent a{color:var(--cardinal);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.contact-page .form-bottom{margin-top:24px}
.contact-page .kane-form-status:empty{display:none}

.contact-page #contact-heading,.contact-page #contact-resellers-title{text-transform:uppercase}
.contact-page .form-card h2{margin-bottom:26px}
@media(min-width:851px){
 .contact-page .contact-layout{align-items:stretch}
 .contact-page .section-intro{display:flex;flex-direction:column}
 .contact-page .section-intro>p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:24px}
 .contact-page .section-intro>.email-link{align-self:flex-start}
 .contact-page .section-intro .contact-resellers{margin-top:auto;padding-top:64px}
 .contact-page .form-card{display:flex;flex-direction:column}
 .contact-page .form-grid{flex:1;grid-template-rows:auto auto 1fr}
 .contact-page .form-grid>.field:last-child{display:flex;flex-direction:column}
 .contact-page .form-grid>.field:last-child textarea{flex:1;min-height:170px}
}

.contact-page .consent a{display:block;width:fit-content;margin-top:5px}

/* Le contenu de référence définit la même hauteur responsive que Partenaire. */
.contact-page .page-banner{min-height:470px;padding-top:166px;padding-bottom:110px}
.contact-banner-reference{visibility:hidden;pointer-events:none;width:72%;max-width:900px}
.contact-page .contact-banner-reference-title{font:700 clamp(52px,5.5vw,84px)/1.02 Mona,sans-serif;letter-spacing:-.02em;margin:20px 0 18px;max-width:930px}
.contact-page .contact-banner-reference p{font-size:19px;line-height:1.5;max-width:550px;margin:0;text-wrap:wrap}
.contact-page .page-banner>.banner-copy{position:absolute;left:6%;top:180px}
.contact-page .banner-badge{top:192px}
@media(max-width:720px){
 .contact-page .page-banner{min-height:460px;padding-top:172px;padding-bottom:90px}
 .contact-banner-reference{width:88%}
 .contact-page .contact-banner-reference-title{font-size:48px;max-width:460px}
 .contact-page .contact-banner-reference p{font-size:16px;max-width:330px}
 .contact-page .page-banner>.banner-copy{left:7%;top:180px;width:86%}
 .contact-page .banner-badge{top:320px}
}
@media(max-width:400px){.contact-page .contact-banner-reference-title{font-size:43px}}