/* Hero avec technicien détouré, badges rassurants, hauteur réduite */
.h3-person{background:#0b1630;min-height:0!important;overflow:hidden!important;clip-path:polygon(0 0,100% 0,100% 86%,0 100%)!important;margin-bottom:-70px!important}
.h3-person .h3-bg{position:absolute;inset:0;overflow:hidden}
.h3-person .h3-bg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.28;filter:blur(2px) saturate(.6)}
.h3-person::before{background:linear-gradient(90deg,rgba(11,22,48,.98) 0%,rgba(11,22,48,.92) 55%,rgba(11,22,48,.6) 100%)!important}
.h3-wrap2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end;gap:30px;padding:0 clamp(18px,3vw,32px)!important}
.h3-person .h3-txt{padding:26px 0 84px;max-width:560px}
.h3-person h1{margin-bottom:12px!important}
.h3-person .h3-sub{margin-bottom:18px!important}
.h3-proofs{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:rgba(255,255,255,.92);font-size:.9rem}
.h3-proofs li::before{content:"✓";color:#4ade80;font-weight:900;margin-right:7px}
.h3-person .h3-tel{margin-top:12px!important;font-size:.82rem!important}
.h3-man{position:relative;z-index:2;align-self:end;display:flex;justify-content:center;align-items:flex-end;height:100%}
.h3-man img{position:relative;z-index:3;height:470px;width:auto;display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));margin-bottom:-2px}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Caveat";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/caveat-latin-700-normal.woff2) format("woff2")}
@media(min-width:961px){.h3-wrap2{grid-template-columns:minmax(0,1fr) minmax(480px,1fr)}}
@media(min-width:961px){.h3-man{justify-content:flex-end;padding-right:16px}.h3-man img{height:520px;margin-bottom:-90px}}
.h3-note{position:absolute;display:flex;align-items:flex-end;gap:4px;font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-weight:700;font-size:1.22rem;line-height:1.05;color:#facc15;text-shadow:0 2px 10px rgba(0,0,0,.5);pointer-events:none;z-index:2;white-space:nowrap;animation:h3bob 5s ease-in-out infinite}
.h3-note span{display:block;transform:rotate(-3deg)}
.h3-note svg{width:56px;height:30px;flex-shrink:0;overflow:visible}
.h3-note .h3-arrow-path{fill:none;stroke:#facc15;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140;animation:h3draw 1.4s ease-out forwards}
.h3-note .h3-arrow-head{fill:none;stroke:#facc15;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:h3show .3s ease-out 1.2s forwards}
.h3-note.n1{right:318px;top:40px;animation-delay:.2s;text-align:right}
.h3-note.n1 .h3-arrow-path{animation-delay:.4s}.h3-note.n1 .h3-arrow-head{animation-delay:1.6s}
.h3-note.n2{right:318px;top:140px;animation-delay:1.3s;flex-direction:row-reverse;text-align:right}
.h3-note.n2 svg{transform:scaleX(-1)}
.h3-note.n2 .h3-arrow-path{animation-delay:1.2s}.h3-note.n2 .h3-arrow-head{animation-delay:2.4s}
.h3-note.n3{right:318px;bottom:178px;animation-delay:2.4s;text-align:right}
.h3-note.n3 .h3-arrow-path{animation-delay:2s}.h3-note.n3 .h3-arrow-head{animation-delay:3.2s}
@keyframes h3bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.4deg)}}
@keyframes h3draw{to{stroke-dashoffset:0}}
@keyframes h3show{to{opacity:1}}
@media(max-width:1200px){.h3-note{font-size:1.2rem}.h3-note.n2{right:318px;top:140px;animation-delay:1.3s;flex-direction:row-reverse;text-align:right}
.h3-note.n2 svg{transform:scaleX(-1)}}
@media(max-width:960px){.h3-note{display:none}}


/* mobile : deux colonnes, texte à gauche, technicien dans sa propre colonne à droite (jamais recouvert) */
@media(max-width:960px){
  .h3-person{clip-path:polygon(0 0,100% 0,100% 94%,0 100%)!important;margin-bottom:-28px!important;overflow:hidden!important}
  .h3-wrap2{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px;align-items:end}
  .h3-person .h3-txt{max-width:none;padding:22px 0 34px;position:relative;z-index:3;min-width:0}
  .h3-person h1{font-size:1.42rem!important;max-width:none}
  .h3-person .h3-sub{max-width:none;font-size:.88rem!important;margin-bottom:12px!important}
  .h3-btn{width:100%;justify-content:center;font-size:.86rem!important;padding:11px 12px!important}
  .h3-proofs{flex-direction:column;gap:6px;max-width:none;margin-top:12px}
  .h3-proofs li{font-size:.82rem;line-height:1.25}
  .h3-person .h3-tel{max-width:none;font-size:.76rem!important;line-height:1.35}
  .h3-man{position:relative;right:auto;bottom:auto;align-self:end;justify-content:flex-end;margin-bottom:-74px;z-index:2}
  .h3-man img{height:280px!important;margin:0!important;width:auto;max-width:none}
  .h3-note{display:none}
}
@media(max-width:360px){.h3-wrap2{grid-template-columns:minmax(0,1fr) 112px}.h3-man img{height:250px!important}}