.b09-metier{position:relative;background:#FFFFFF;padding:104px 0 0;font-family:'IBM Plex Sans',sans-serif;overflow:hidden}
.b09-container{max-width: 1100px; margin:0 auto 90px;padding-left: 40px;padding-right: 40px;}
.b09-header{text-align:center;max-width:780px;margin:0 auto 56px}
.b09-title{font-family:'IBM Plex Sans',sans-serif;font-size:clamp(1.875rem,3.4vw,2.625rem);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:#1E2D3F;margin:0 0 20px;opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.4,0,.2,1) .15s,transform .7s cubic-bezier(.4,0,.2,1) .15s}
.b09-title.is-visible{opacity:1;transform:translateY(0)}
.b09-highlight{position:relative;display:inline-block;color:#1E2D3F;font-weight:700;white-space:nowrap}
.b09-highlight::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:10px;background:#F5A623;opacity:.32;z-index:-1;border-radius:3px}
.b09-subtitle{font-size:17px;line-height:1.6;color:#6B7888;margin:0;opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.4,0,.2,1) .3s,transform .7s cubic-bezier(.4,0,.2,1) .3s}
.b09-subtitle.is-visible{opacity:1;transform:translateY(0)}

/* ─── FAQ items (HTML <details> natif pour éviter bugs JS) ─── */
.b09-faq{display:flex;flex-direction:column;gap:14px}
.b09-faq-item{background:#FAF9F6;border:1px solid rgba(30,45,63,.06);border-radius:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s,background .3s;opacity:0;transform:translateY(20px)}
.b09-faq-item.is-visible{opacity:1;transform:translateY(0);transition:border-color .3s,box-shadow .3s,background .3s,opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}
.b09-faq-item:nth-child(1).is-visible{transition-delay:.45s,.45s,.45s,.45s,.45s}
.b09-faq-item:nth-child(2).is-visible{transition-delay:.45s,.45s,.45s,.55s,.55s}
.b09-faq-item:nth-child(3).is-visible{transition-delay:.45s,.45s,.45s,.65s,.65s}
.b09-faq-item:nth-child(4).is-visible{transition-delay:.45s,.45s,.45s,.75s,.75s}
.b09-faq-item[open]{background:#FFFFFF;border-color:rgba(245,166,35,.3);box-shadow:0 4px 20px rgba(30,45,63,.06)}
.b09-faq-item:hover:not([open]){background:#FFFFFF;border-color:rgba(30,45,63,.12)}
.b09-faq-question{display:flex;align-items:center;gap:18px;padding:22px 26px;cursor:pointer;list-style:none;font-weight:600;font-size:16.5px;color:#1E2D3F;line-height:1.4;user-select:none;transition:color .25s}
.b09-faq-question::-webkit-details-marker{display:none}
.b09-faq-question::marker{display:none}
.b09-faq-question:hover{color:#F5A623}
.b09-faq-number{flex-shrink:0;font-size:13px;font-weight:800;color:#F5A623;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
.b09-faq-text{flex:1;letter-spacing:-.005em}
.b09-faq-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(30,45,63,.06);color:#1E2D3F;transition:background .25s,color .25s,transform .35s cubic-bezier(.4,0,.2,1)}
.b09-faq-item[open] .b09-faq-toggle{transform:rotate(180deg);background:#F5A623;color:#FFFFFF}
.b09-faq-item:hover .b09-faq-toggle{background:rgba(245,166,35,.18);color:#F5A623}
.b09-faq-item[open]:hover .b09-faq-toggle{background:#F5A623;color:#FFFFFF}
.b09-faq-answer{padding:0 26px 24px 60px;animation:b09-faq-open .35s cubic-bezier(.4,0,.2,1)}
.b09-faq-answer p{font-size:15.5px;line-height:1.7;color:#4A5560;margin:0;letter-spacing:-.005em}
.b09-faq-answer p strong{color:#1E2D3F;font-weight:700}
.b09-faq-answer p em{color:#F5A623;font-style:normal;font-weight:600}
@keyframes b09-faq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* ─── Photo banner bottom pleine largeur ─── */
.b09-photo-banner{position:relative;width:100%;height:400px;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1) .2s,transform .8s cubic-bezier(.4,0,.2,1) .2s}
.b09-photo-banner.is-visible{opacity:1;transform:translateY(0)}
.b09-photo-banner-img{height:400px;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:saturate(.95) brightness(.92)}
.b09-photo-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,45,63,0) 0%,rgba(30,45,63,.4) 100%)}
.b09-photo-banner-caption{position:absolute;bottom:24px;left:32px;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#FFFFFF;font-weight:600;letter-spacing:.01em;background:rgba(30,45,63,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}
.b09-photo-banner-caption-icon{flex-shrink:0;color:#F5A623}

/* ─── Accessibilité ─── */
@media (prefers-reduced-motion:reduce){.b09-title,.b09-subtitle,.b09-faq-item,.b09-photo-banner{transition:none!important;opacity:1!important;transform:none!important;animation:none!important}.b09-faq-answer{animation:none!important}}

/* ─── Responsive ─── */
@media (max-width:860px){.b09-metier{padding:72px 0 0}.b09-container{padding-left:24px;padding-right:24px;margin-bottom:64px}.b09-header{margin-bottom:40px}.b09-faq-question{padding:18px 20px;font-size:15.5px;gap:14px}.b09-faq-number{font-size:12px}.b09-faq-toggle{width:28px;height:28px}.b09-faq-answer{padding:0 20px 20px 46px}.b09-faq-answer p{font-size:15px}.b09-photo-banner{height:240px}.b09-photo-banner-caption{bottom:16px;right:16px;font-size:12px;padding:8px 14px}}
@media (max-width:520px){.b09-faq-answer{padding-left:20px}.b09-photo-banner-caption{left:16px;right:16px;justify-content:center;text-align:center}}
