/* video-block-v1 : bloc « Le cabinet en vidéo » (3 Shorts YouTube, lecteur chargé au clic) */
#lebouard-design .vb{position:relative;overflow:hidden;background:#0e0f12;color:#f4f3ef;padding:104px 0;border-top:1px solid #1d1e22}
#lebouard-design .vb-watermark{position:absolute;right:-40px;bottom:-150px;font-size:520px;line-height:1;letter-spacing:-.06em;font-weight:300;font-style:italic;color:rgba(223,198,142,.045);pointer-events:none;user-select:none}
#lebouard-design .vb-inner{position:relative;display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:center}
#lebouard-design .vb-copy{display:flex;flex-direction:column;gap:22px}
#lebouard-design .vb-kicker{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#dfc68e}
#lebouard-design .vb h2{margin:0;font-size:clamp(32px,3.4vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:400;color:#f4f3ef}
#lebouard-design .vb h2 .gold{color:#dfc68e}
#lebouard-design .vb-lead{margin:0;font-size:17px;line-height:1.65;color:#cbccd0}
#lebouard-design .vb-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}
#lebouard-design .vb-actions a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:2px;font-size:16px;text-decoration:none!important;transition:background-color .2s ease,border-color .2s ease}
#lebouard-design .vb-sub{background:#dfc68e;color:#101112!important;font-weight:500}
#lebouard-design .vb-sub:hover{background:#ead6a6}
#lebouard-design .vb-rdv{border:1px solid #5a5546;color:#f4f3ef!important}
#lebouard-design .vb-rdv:hover{border-color:#dfc68e}
#lebouard-design .vb-nav{display:flex;align-items:center;gap:14px;margin-top:18px}
#lebouard-design .vb-nav button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #3a3b40;background:transparent;color:#cbccd0;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
#lebouard-design .vb-nav button:hover{border-color:#f4f3ef;color:#f4f3ef}
#lebouard-design .vb-nav .vb-next,#lebouard-design .vb-nav .vb-next:hover{background:#f4f3ef;border-color:#f4f3ef;color:#101112}
#lebouard-design .vb-nav .vb-next:hover{background:#dfc68e;border-color:#dfc68e}
#lebouard-design .vb-count{font-size:13px;letter-spacing:.12em;color:#8d8f95}
#lebouard-design .vb-stage{position:relative}
#lebouard-design .vb-glow{position:absolute;left:-40px;top:50%;width:560px;height:720px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(223,198,142,.22),rgba(223,198,142,0) 72%);pointer-events:none;transition:left .5s cubic-bezier(.2,.8,.2,1)}
#lebouard-design .vb-track{position:relative;display:flex;gap:20px;align-items:center;margin:0;padding:0;list-style:none}
#lebouard-design .vb-card{flex:none;width:220px;display:flex;flex-direction:column;gap:16px;opacity:.9;transition:width .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
#lebouard-design .vb-frame{position:relative;border-radius:10px;transition:padding .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .3s ease;border:1px solid #2c2e33;box-shadow:0 24px 60px rgba(0,0,0,.55)}
#lebouard-design .vb-media{position:relative;aspect-ratio:9/16;border-radius:9px;overflow:hidden;background:#1b1c20}
#lebouard-design .vb-media img,#lebouard-design .vb-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
#lebouard-design .vb-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,18,.05) 45%,rgba(14,15,18,.82) 100%);pointer-events:none}
#lebouard-design .vb-media.is-playing::after{display:none}
#lebouard-design .vb-badge{position:absolute;left:14px;top:14px;z-index:2;padding:6px 12px;background:#dfc68e;color:#101112;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:2px;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease}
#lebouard-design .vb-num{position:absolute;right:14px;top:14px;z-index:2;font-size:13px;letter-spacing:.1em;color:rgba(244,243,239,.85)}
#lebouard-design .vb-play{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;border:1px solid rgba(244,243,239,.7);background:rgba(14,15,18,.5);color:#f4f3ef;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease,border-color .3s ease,color .3s ease}
#lebouard-design .vb-play:hover{transform:scale(1.06)}
#lebouard-design .vb-play:focus-visible,#lebouard-design .vb-nav button:focus-visible,#lebouard-design .vb-actions a:focus-visible{outline:2px solid #dfc68e;outline-offset:4px}
#lebouard-design .vb-meta{display:flex;flex-direction:column;gap:6px;padding:0 4px}
#lebouard-design .vb-tag{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a9abb1}
#lebouard-design .vb-card h3{margin:0;font-size:18px;line-height:1.35;font-weight:500;color:#f4f3ef;letter-spacing:-.01em}
#lebouard-design .vb-card h3 a{color:inherit;text-decoration:none}
#lebouard-design .vb-card h3 a:hover{color:#dfc68e}
/* carte mise en avant */
#lebouard-design .vb-card.is-featured{width:300px;opacity:1}
#lebouard-design .vb-card.is-featured .vb-frame{padding:8px;border-radius:14px;border-color:#dfc68e;box-shadow:0 0 0 1px rgba(223,198,142,.18),0 30px 80px -20px rgba(223,198,142,.35),0 40px 90px rgba(0,0,0,.6)}
#lebouard-design .vb-card.is-featured .vb-media{border-radius:8px}
#lebouard-design .vb-card.is-featured .vb-badge{opacity:1;transform:none}
#lebouard-design .vb-card.is-featured .vb-play{width:76px;height:76px;margin:-38px 0 0 -38px;border-color:rgba(223,198,142,.9);color:#dfc68e;box-shadow:0 0 0 10px rgba(223,198,142,.12)}
#lebouard-design .vb-card.is-featured .vb-tag{color:#dfc68e}
#lebouard-design .vb-card.is-featured h3{font-size:21px;line-height:1.3}
@media(max-width:1240px) and (min-width:761px){
#lebouard-design .vb-card{width:175px}
#lebouard-design .vb-card.is-featured{width:240px}
#lebouard-design .vb-inner{grid-template-columns:300px minmax(0,1fr);gap:40px}
}
@media(max-width:1060px){
#lebouard-design .vb-inner{grid-template-columns:1fr;gap:40px}
#lebouard-design .vb-copy{max-width:620px}
}
@media(max-width:760px){
#lebouard-design .vb{padding:56px 0 48px}
#lebouard-design .vb-watermark{font-size:260px;bottom:-60px}
#lebouard-design .vb-inner{gap:26px}
#lebouard-design .vb-copy{display:contents}
#lebouard-design .vb-kicker,#lebouard-design .vb h2,#lebouard-design .vb-lead{order:1}
#lebouard-design .vb-stage{order:2;margin:0 -18px}
#lebouard-design .vb-actions{order:3;margin-top:0}
#lebouard-design .vb-nav{order:2;justify-content:center;margin-top:-6px}
#lebouard-design .vb-nav button{display:none}
#lebouard-design .vb h2{font-size:32px}
#lebouard-design .vb-lead{font-size:16px}
#lebouard-design .vb-track{overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 18px 12px;gap:14px;align-items:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#lebouard-design .vb-track::-webkit-scrollbar{display:none}
#lebouard-design .vb-card,#lebouard-design .vb-card.is-featured{width:72vw;max-width:280px;scroll-snap-align:center;opacity:1}
#lebouard-design .vb-card:not(.is-featured){opacity:.85}
#lebouard-design .vb-card.is-featured .vb-frame{padding:6px}
#lebouard-design .vb-glow{left:-60px;width:420px;height:560px}
}
@media(prefers-reduced-motion:reduce){#lebouard-design .vb *{transition:none!important}}
#lebouard-design .vb-media.is-playing .vb-badge,#lebouard-design .vb-media.is-playing .vb-num{display:none}
