/* ============================================================
   Serendip Innovations - Page Contact (contact.php / contact-en.php)
   Hero de sous-page + formulaire. Chargé APRÈS assets/style.css.
   ============================================================ */

.subpage-hero{position:relative;padding:150px 0 30px;overflow:hidden}
.subpage-hero::before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,191,115,.12),rgba(105,194,212,.07) 45%,transparent 70%);filter:blur(20px);z-index:0;pointer-events:none}
.subpage-hero .wrap{position:relative;z-index:1}
.subpage-hero h1{font-family:var(--display);font-weight:700;letter-spacing:-0.03em;font-size:clamp(2.4rem,5.2vw,3.9rem);line-height:1.02;margin:14px 0 18px}
.subpage-hero .lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--ink-soft);max-width:48ch;line-height:1.6}
.contact-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:48px;align-items:start;margin:46px 0 30px}
.cinfo{display:flex;flex-direction:column;gap:26px}
.cinfo .ci{display:flex;gap:16px;align-items:flex-start}
.cinfo .ci .ic{width:46px;height:46px;border-radius:13px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;color:var(--teal);flex:none}
.cinfo .ci .ic svg{width:21px;height:21px}
.cinfo .ci h3{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:600;margin-bottom:7px}
.cinfo .ci p,.cinfo .ci a{font-size:15.5px;color:var(--ink-soft);line-height:1.55;display:block}
.cinfo .ci a:hover{color:var(--green-deep)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,3vw,38px);box-shadow:var(--shadow-m)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.field label{font-size:13px;font-weight:550;color:var(--ink-2)}
.field label .req{color:var(--green-deep)}
.field input,.field textarea{font-family:var(--body);font-size:15px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .25s,background .25s,box-shadow .25s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(0,191,115,.1)}
.field textarea{resize:vertical;min-height:118px}
.counter{font-family:var(--mono);font-size:11px;color:var(--ink-faint);text-align:right;margin-top:-10px;margin-bottom:16px}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:2px 0 22px}
.consent input{margin-top:3px;accent-color:var(--green);flex:none;width:16px;height:16px}
.consent a{color:var(--green-deep);text-decoration:underline}
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:14px;margin-top:16px;display:none;padding:12px 16px;border-radius:12px;background:var(--mist);line-height:1.5}
.form-card .btn{width:100%;justify-content:center}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:34px}.frow{grid-template-columns:1fr}.subpage-hero{padding:120px 0 20px}}