/* Massilia Circus — Grand Cirque Marseillais : direction artistique BD */
.bd-portrait,.bd-scene-portrait{display:grid;place-items:center;overflow:hidden;flex-shrink:0;border:1px solid #ffffff3d;background:radial-gradient(circle at 38% 18%,#ffffff38,transparent 45%),linear-gradient(145deg,#16628d,#092238);box-shadow:0 12px 30px #0006;border-radius:18px;}
.bd-portrait img,.bd-scene-portrait img{width:100%;height:100%;object-fit:contain;display:block;}
.bd-violet{background:linear-gradient(155deg,#6b327b,#271539);}
.bd-blue{background:linear-gradient(155deg,#226fa7,#0b2c49);}
.bd-cyan{background:linear-gradient(155deg,#2a8dc0,#153f67);}
.bd-gold{background:linear-gradient(155deg,#8c6d31,#28293a);}
.bd-cast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-5px 0 25px;}
.bd-cast-card{display:flex;align-items:center;gap:13px;min-width:0;padding:12px;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 12px 25px #0003;}
.bd-cast-card .bd-portrait{width:100px;height:117px;}
.bd-cast-copy{min-width:0;}
.bd-cast-copy small{font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:#ffd88b;font-weight:850;}
.bd-cast-copy h3{margin:5px 0 6px;font-size:1.1rem;line-height:1.07;font-weight:950;}
.bd-cast-copy p{margin:0;color:#e2eaf0;font-size:.79rem;line-height:1.4;font-style:italic;}
.bd-hero-faces{position:absolute;right:18px;bottom:15px;display:flex;gap:5px;align-items:flex-end;z-index:3;}
.bd-hero-faces .bd-portrait{height:135px;width:94px;transform:rotate(-5deg);border:2px solid #d2f2ff88;}
.bd-hero-faces .bd-portrait:nth-child(2){height:156px;width:108px;transform:rotate(7deg);margin-left:-10px;z-index:2;}
.bd-hero-faces .bd-portrait:nth-child(3){height:119px;width:84px;transform:rotate(-5deg);margin-left:-12px;}
.hero__art .giant-ball{opacity:.17;}
.bd-dashboard-cast{margin-top:-9px;}
.bd-event{padding:12px 18px 18px!important;border-radius:15px;background:linear-gradient(153deg,#142d45,#0a2135);}
.bd-event-scene{display:grid;grid-template-columns:minmax(108px,155px) minmax(0,1fr);align-items:end;gap:13px;margin-bottom:16px;}
.bd-scene-portrait{height:190px;width:100%;border-radius:20px;}
.bd-paper{position:relative;background:#f3efde;color:#132537;border:3px solid #14263d;border-radius:18px;padding:14px;box-shadow:7px 9px 0 #060e19aa;transform:rotate(1deg);}
.bd-paper:after{content:'';position:absolute;right:18px;top:-9px;width:72px;height:16px;transform:rotate(8deg);background:#f4cd70b8;border-radius:3px;}
.bd-byline{font-size:.77rem;letter-spacing:.06em;text-transform:uppercase;font-weight:900;margin:2px 0 11px;color:#435569;}
.bd-stamp{display:inline-block;padding:4px 9px;border:2px solid #bd4e46;border-radius:7px;color:#a54440;transform:rotate(-4deg);font-size:.61rem;font-weight:1000;letter-spacing:.1em;}
.bd-speech{background:white;border:2px solid #1d2a40;color:#1b2940;border-radius:19px;padding:14px;position:relative;box-shadow:0 4px 0 #0002;}
.bd-speech:before{content:'';position:absolute;left:-19px;bottom:25px;border-style:solid;border-width:11px 19px 11px 0;border-color:transparent white transparent transparent;}
.bd-event .bd-speech h4{color:#142639;font-family:Impact,'Arial Narrow',sans-serif;font-size:1.44rem;letter-spacing:.015em;line-height:1.07;margin:0 0 10px;}
.bd-event .bd-speech p{color:#394657;font-size:.88rem;line-height:1.52;margin:0;}
.bd-event .choices{gap:8px;}
.bd-event .bd-choice{border-radius:12px;border:2px solid #36718e;background:linear-gradient(120deg,#144261,#103249);color:#f5fbff;}
.bd-event .bd-choice:hover{transform:translateX(4px);background:#226889;border-color:#b2e6fc;}
.bd-event .bd-choice .choice-index{border-radius:50%;background:#ffc968;color:#243248;font-weight:1000;}
.bd-quote{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(130deg,#13415d,#0a263b);border:1px solid #5795ac55;border-radius:16px;}
.bd-quote .bd-portrait{width:95px;height:113px;}
.bd-quote strong{display:block;font-size:.91rem;}
.bd-quote small{display:block;font-size:.65rem;color:#f2cf79;margin:4px 0;}
.bd-quote p{margin:4px 0;color:#f8fbff;font-style:italic;font-size:.82rem;line-height:1.34;}
.bd-callout{display:flex;align-items:center;gap:12px;}
.bd-callout .bd-portrait{height:102px;width:90px;}
.bd-finance-mascot{display:flex;align-items:center;gap:14px;margin:-12px 0 18px;padding:12px 18px;background:#323b4f;border:1px solid #eaca6b66;border-radius:17px;}
.bd-finance-mascot .bd-portrait{height:120px;width:100px;}
.bd-finance-mascot p{font-size:1rem;font-weight:900;color:#ffda7d;margin:0;line-height:1.3;}
.bd-newspaper{position:relative;overflow:hidden;padding-bottom:6px;}
.bd-gazette-faces{display:flex;gap:12px;justify-content:center;align-items:end;flex-wrap:wrap;margin:16px auto;}
.bd-gazette-faces .bd-portrait{width:75px;height:98px;border-color:#364d5e88;}
.bd-welcome-cast{grid-template-columns:repeat(4,minmax(0,1fr));max-width:920px;margin:24px auto 45px;gap:12px;}
.bd-welcome-cast .bd-cast-card{flex-direction:column;align-items:center;padding:13px 9px;}
.bd-welcome-cast .bd-cast-card .bd-portrait{width:110px;height:130px;}
.bd-welcome-cast .bd-cast-copy small{display:none;}
.bd-welcome-cast .bd-cast-copy h3{font-size:.95rem;text-align:center;}
.bd-welcome-cast .bd-cast-copy p{display:none;}
@media(max-width:1350px){.bd-cast-card{padding:10px;gap:9px}.bd-cast-card .bd-portrait{width:78px;height:101px}.bd-cast-copy h3{font-size:.94rem}.bd-cast-copy p{font-size:.72rem}.bd-event-scene{grid-template-columns:110px minmax(0,1fr)}.bd-scene-portrait{height:159px}.bd-paper{padding:9px}.bd-speech{padding:11px}.bd-event .bd-speech h4{font-size:1.26rem}.bd-hero-faces .bd-portrait{width:70px;height:118px}.bd-hero-faces .bd-portrait:nth-child(2){width:82px;height:133px}.bd-hero-faces .bd-portrait:nth-child(3){width:66px;height:109px}}
@media(max-width:760px){.bd-cast{grid-template-columns:1fr;gap:9px}.bd-dashboard-cast{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-dashboard-cast .bd-cast-card{flex-direction:column;align-items:flex-start}.bd-dashboard-cast .bd-cast-card .bd-portrait{height:92px;width:83px}.bd-hero-faces{opacity:.85;right:-28px}.bd-hero-faces .bd-portrait{width:53px;height:85px}.bd-hero-faces .bd-portrait:nth-child(2){width:63px;height:97px}.bd-hero-faces .bd-portrait:nth-child(3){width:52px;height:81px}.bd-event-scene{grid-template-columns:1fr;gap:12px}.bd-scene-portrait{width:110px;height:135px}.bd-paper{transform:none}.bd-speech:before{left:26px;top:-20px;bottom:auto;border-width:0 12px 20px;border-color:transparent transparent white}.bd-welcome-cast{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:60px}.bd-welcome-cast .bd-cast-card{min-height:153px}.bd-welcome-cast .bd-cast-card .bd-portrait{width:81px;height:95px}.bd-finance-mascot .bd-portrait{width:75px;height:88px}.bd-finance-mascot p{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.bd-hero-faces *{transition:none!important;animation:none!important}}
