/* Paris by Brompton : présentation à gauche, 3 vidéos à égalité à droite */
.brom-logo{position:relative;aspect-ratio:1;border-radius:50%;background:#eef2f4;display:grid;place-items:center;overflow:hidden}
.brom-logo img{width:92%;height:92%;object-fit:contain;display:block}
.motto{font-style:italic;color:var(--muted);margin:-8px 0 24px;font-size:var(--fs-md)}
.brom-cta{display:flex;flex-wrap:wrap;gap:12px}
.yt-logo{width:28px;height:20px;flex:none;display:block}
.btn.sub{background:#cc0000;color:#fff}
.btn.sub:hover{background:#a80000;opacity:1}
.btn.sub .yt-logo.on-red rect{fill:#fff}
.btn.sub .yt-logo.on-red path{fill:#cc0000}
.btn.sub:hover .yt-logo.on-red path{fill:#a80000}
.vcard .yt{display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-sm);color:var(--muted);font-weight:700}
.vcard .yt:hover{color:var(--ink)}
.vcard{margin:0;background:var(--card);border-radius:var(--r);overflow:hidden;border-top:8px solid var(--accent);display:flex;flex-direction:column}
.vcard .frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.vcard .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcard .play{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;display:block}
.vcard .play:focus-visible{outline:4px solid #fff;outline-offset:-8px}
.vcard .play img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s}
.vcard .play:hover img{filter:brightness(.85)}
.vcard .ico{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.4);transition:transform .2s}
.vcard .play:hover .ico{transform:scale(1.1)}
.vcard .ico svg{width:34%;height:34%;fill:#14262b;margin-left:6%}
.vcard figcaption{display:flex;flex-direction:column;flex:1;padding:16px 20px 12px}
.vcard h3{margin:0;font:700 var(--fs-md)/1.3 var(--display)}
.vcard .yt{margin-top:auto;padding-top:6px}
@media (prefers-reduced-motion:reduce){.vcard .play img,.vcard .ico{transition:none}}

.duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:start}
.duo.phero::before{display:none}
.intro h1::before{content:"";display:block;width:92px;height:12px;border-radius:6px;background:var(--accent);margin-bottom:22px}
.duo .intro{position:sticky;top:96px}
.duo .brom-logo{width:140px;box-shadow:0 0 0 6px var(--accent);margin:0 0 26px 6px;justify-self:start}
.duo .vids-sec{padding-top:0}
.vstack{display:grid;gap:18px}
.vstack .vcard{flex-direction:row;align-items:stretch}
.vstack .frame{flex:0 0 52%;aspect-ratio:16/9}
.vstack figcaption{padding:16px 20px}
@media (max-width:860px){.duo{grid-template-columns:1fr}.duo .intro{position:static}.duo .brom-logo{width:96px}}
@media (max-width:600px){.vstack .vcard{flex-direction:column}.vstack .frame{flex:none}}

/* bouton « Voir la chaîne » centré sous le paragraphe (même largeur que .plead) */
.intro .brom-cta{display:flex;justify-content:center;max-width:34ch;font-size:var(--fs-lg)}
.intro .brom-cta .btn{font-size:1.125rem}