#marketing-office-concept .mh-meeting{margin:12px 20px 0;border-radius:12px;overflow:hidden;background:var(--surface)}
#marketing-office-concept .mh-room-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid var(--edge)}
#marketing-office-concept .mh-room-label{font-size:11px;color:var(--soft)}
#marketing-office-concept .mh-room-stage{display:grid;grid-template-columns:145px minmax(0,1fr) 115px;gap:16px;padding:28px 20px 35px;min-height:460px;align-items:start}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{grid-template-columns:170px minmax(0,1fr);background:linear-gradient(105deg,#b9956c1c,transparent 65%),repeating-linear-gradient(90deg,#6e534718 0 1px,transparent 1px 85px),light-dark(#eee6da,#23332f);border-bottom:15px solid #94725255}
#marketing-office-concept .mh-meeting[data-scene=briefing] .mh-room-stage{background:linear-gradient(180deg,light-dark(#e8ecea,#293b3d) 0 78%,light-dark(#d7d4cb,#3a423d) 78%);border-bottom:6px solid #7f898455}
#marketing-office-concept .mh-presenter,#marketing-office-concept .mh-mark-seat{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:65px;text-align:center;min-width:0}
#marketing-office-concept .mh-room-person{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
#marketing-office-concept .mh-room-person .avatar{margin:20px 0 15px;transform:scale(1.24)}
#marketing-office-concept .mh-room-person strong{font-size:15px;font-weight:500;position:relative}
#marketing-office-concept .mh-room-person small{font-size:11px}
#marketing-office-concept .mh-mark-seat{padding-top:130px}
#marketing-office-concept .mh-mark-seat .avatar{transform:scale(.88);margin:0 0 4px}
#marketing-office-concept .mh-mark-seat .control{font-size:12px}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-person:after{content:'';width:150px;height:30px;background:linear-gradient(180deg,#b28b61,#70543c);border-top:6px solid #d1b486;border-radius:6px;box-shadow:0 12px 16px #1c292b20;order:-1;position:absolute;margin-top:145px;pointer-events:none}
#marketing-office-concept .mh-presentation-screen{min-width:0;background:var(--surface);border:1px solid var(--edge);border-radius:8px;box-shadow:0 8px 24px #1b30331c;overflow:hidden}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-presentation-screen{border:5px solid light-dark(#46544d,#101e20);box-shadow:0 16px 35px #142d382b}
#marketing-office-concept .mh-screen-head{padding:16px 18px 12px;border-bottom:1px solid var(--edge)}
#marketing-office-concept .mh-screen-head h3{font-size:19px;font-weight:500;margin:0 0 3px}
#marketing-office-concept .mh-screen-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--edge)}
#marketing-office-concept .mh-screen-tabs .control{font-size:12px;min-height:32px;padding:5px 8px;background:transparent}
#marketing-office-concept .mh-screen-tabs .control[aria-selected=true]{background:var(--ink);color:var(--surface)}
#marketing-office-concept .mh-screen-content{padding:18px;min-height:250px;max-height:540px;overflow:auto;overflow-wrap:anywhere}
#marketing-office-concept .mh-screen-content h4{margin:0 0 10px;font-size:17px;font-weight:500}
#marketing-office-concept .mh-finding{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--edge)}
#marketing-office-concept .mh-finding p,#marketing-office-concept .mh-meeting-message p,#marketing-office-concept .mh-result-slide p{white-space:pre-wrap;font-size:13px;line-height:1.6}
#marketing-office-concept .mh-meeting-message{padding:10px 0;border-bottom:1px solid var(--edge)}
#marketing-office-concept .mh-meeting-message strong{font-size:12px;font-weight:500}
#marketing-office-concept .mh-chart-row{display:grid;grid-template-columns:95px 1fr 25px;gap:12px;align-items:center;margin:17px 0;font-size:12px}
#marketing-office-concept .mh-chart-track{height:12px;background:#6b8a8220;border-radius:3px;overflow:hidden}
#marketing-office-concept .mh-chart-track i{display:block;height:100%;background:#278c83;transition:width .5s}
#marketing-office-concept .mh-screen-caption{font-size:11px;color:var(--soft);margin-top:20px}
#marketing-office-concept .mh-empty{font-size:14px;color:var(--soft);padding:35px 0;line-height:1.7}
#marketing-office-concept .mh-result-slide{min-height:210px;padding:8px 5px}
#marketing-office-concept .mh-result-slide h4{font-size:22px;margin:12px 0}
#marketing-office-concept .mh-slide-controls{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:850px){#marketing-office-concept .mh-room-stage{grid-template-columns:115px minmax(0,1fr);padding:20px 12px;gap:12px}#marketing-office-concept .mh-mark-seat{grid-column:1 / -1;flex-direction:row;padding-top:10px;justify-content:flex-end;border-top:1px solid var(--edge)}#marketing-office-concept .mh-mark-seat .mh-room-person{flex-direction:row;text-align:left}#marketing-office-concept .mh-mark-seat .avatar{transform:scale(.65);width:80px;height:90px;margin:0}#marketing-office-concept .mh-mark-seat small{display:none}#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:580px){#marketing-office-concept .mh-meeting{margin:10px 8px 0}#marketing-office-concept .mh-room-stage,#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{grid-template-columns:1fr}#marketing-office-concept .mh-presenter{padding-top:0;flex-direction:row;justify-content:center;gap:15px}#marketing-office-concept .mh-presenter .mh-room-person{flex-direction:row;text-align:left;gap:8px}#marketing-office-concept .mh-presenter .avatar{transform:scale(.85);margin:0;width:95px}#marketing-office-concept .mh-presenter small{display:none}#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-person:after{display:none}#marketing-office-concept .mh-mark-seat{grid-column:auto}#marketing-office-concept .mh-screen-content{padding:13px}#marketing-office-concept .mh-chart-row{grid-template-columns:85px 1fr 20px;gap:7px}}
@media(prefers-reduced-motion:reduce){#marketing-office-concept .mh-chart-track i{transition:none}}

/* Preserve the same individual facial features in every scene. */
#marketing-office-concept .mh-room-person[data-person="mark"] .hair{background:linear-gradient(120deg,#c0b7ab,#72675d 60%,#a29a91)}
#marketing-office-concept .mh-room-person[data-person="mark"] .body{background:linear-gradient(90deg,#243c4b,#416171 48%,#203643)}
#marketing-office-concept .mh-room-person[data-person="mark"] .head:after{height:9px;width:15px;left:7px;top:25px;background:transparent;border:1px solid #384444;border-radius:4px;box-shadow:20px 0 0 -1px var(--skin),20px 0 0 0 #384444}
#marketing-office-concept .mh-room-person[data-person="elena"] .hair,#marketing-office-concept .mh-room-person[data-person="sofia"] .hair,#marketing-office-concept .mh-room-person[data-person="maya"] .hair{height:76px;left:21px;width:64px;clip-path:polygon(0 0,100% 0,100% 100%,84% 96%,80% 32%,24% 30%,19% 96%,0 100%);border-radius:45% 50% 18% 22%}
#marketing-office-concept .mh-room-person[data-person="sofia"] .hair{border-radius:50% 50% 32% 24%;width:71px;left:18px}
#marketing-office-concept .mh-room-person[data-person="mark"] .head{height:67px;border-radius:38% 39% 44% 44%;box-shadow:inset -3px -3px 5px #693b2533,0 4px 0 -2px #7e6b5a55}
#marketing-office-concept .mh-room-person[data-person="mark"] .smile{border-bottom-color:#725b51;width:15px}
#marketing-office-concept .mh-room-person[data-person="elena"] .head{width:44px;left:31px;border-radius:44% 44% 48% 48%}
#marketing-office-concept .mh-room-person[data-person="elena"] .hair{width:65px;background:linear-gradient(110deg,#382727,#704b3e 55%,#392727);clip-path:polygon(0 0,100% 0,100% 100%,85% 96%,77% 25%,50% 20%,23% 35%,18% 96%,0 100%)}
#marketing-office-concept .mh-room-person[data-person="elena"] .smile{width:14px;border-bottom-color:#a95853;left:15px}
#marketing-office-concept .mh-room-person[data-person="leo"] .head{border-radius:38% 42% 42% 44%;background:radial-gradient(circle at 30% 59%,#b07a4c66 0 1px,transparent 1.5px),radial-gradient(circle at 65% 59%,#b07a4c66 0 1px,transparent 1.5px),linear-gradient(100deg,#d7ab87,#efc9aa 60%,#dcaf8f)}
#marketing-office-concept .mh-room-person[data-person="leo"] .hair{height:40px;top:-2px;border-radius:60% 70% 20% 10%;background:linear-gradient(130deg,#a3693e,#784629 55%,#b7814b);clip-path:polygon(0 0,100% 0,100% 100%,85% 70%,73% 47%,21% 65%,9% 100%,0 100%)}
#marketing-office-concept .mh-room-person[data-person="leo"] .head:before{box-shadow:0 21px 0 9px #8e55321c}
#marketing-office-concept .mh-room-person[data-person="sofia"] .head{width:49px;border-radius:48% 46% 45% 45%}
#marketing-office-concept .mh-room-person[data-person="sofia"] .hair{height:82px;width:75px;left:17px;background:radial-gradient(circle at 10% 30%,#4b3431 0 6px,transparent 7px),linear-gradient(120deg,#2b2226,#48323a);border-radius:46% 51% 34% 38%;clip-path:polygon(0 0,100% 0,100% 100%,83% 97%,80% 37%,53% 22%,23% 30%,20% 99%,0 100%)}
#marketing-office-concept .mh-room-person[data-person="sofia"] .head:after{height:10px;width:15px;left:8px;top:25px;background:transparent;border:1px solid #ae8b55;border-radius:50%;box-shadow:19px 0 0 -1px var(--skin),19px 0 0 0 #ae8b55}
#marketing-office-concept .mh-room-person[data-person="maya"] .head{width:46px;left:30px;height:62px;border-radius:47% 46% 44% 44%}
#marketing-office-concept .mh-room-person[data-person="maya"] .hair{height:53px;left:24px;top:0;width:59px;clip-path:polygon(0 0,100% 0,100% 100%,84% 92%,80% 38%,30% 32%,16% 52%,14% 100%,0 100%);background:linear-gradient(120deg,#342729,#715145 60%,#3e2b28)}
#marketing-office-concept .mh-room-person[data-person="maya"] .smile{width:15px;left:16px;border-bottom:3px solid #a96360}
#marketing-office-concept .mh-room-person[data-person="noah"] .head{width:50px;border-radius:42% 44% 38% 40%;background:linear-gradient(100deg,#905d42,#bb835b 60%,#966347)}
#marketing-office-concept .mh-room-person[data-person="noah"] .head:before{box-shadow:0 22px 0 11px #342a253b}
#marketing-office-concept .mh-room-person[data-person="noah"] .hair{height:25px;top:5px;border-radius:50% 50% 10% 10%;clip-path:polygon(0 0,100% 0,100% 100%,82% 75%,20% 82%,10% 100%,0 100%);background:repeating-radial-gradient(circle at 20% 35%,#242729 0 2px,#383637 3px 4px)}

#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-person:after{display:none}
#marketing-office-concept .mh-podium{display:none}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium{display:block;width:145px;height:28px;background:linear-gradient(180deg,#b28b61,#70543c);border-top:6px solid #d1b486;border-radius:4px;box-shadow:0 8px 14px #1c292b20;margin:0 0 6px;z-index:3}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{position:relative;isolation:isolate;background:linear-gradient(180deg,transparent 0 88%,#92745422 88%),linear-gradient(105deg,#b9956c24,transparent 65%),repeating-linear-gradient(90deg,#a78a6322 0 2px,transparent 2px 85px),light-dark(#eee6da,#23332f)}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage:before{content:'';position:absolute;left:25px;top:28px;width:125px;height:170px;z-index:-1;background:linear-gradient(90deg,transparent 48%,#a98e6255 49% 51%,transparent 52%),linear-gradient(180deg,#bad9d1,#849f8d);border:5px solid #9c8b6e;box-shadow:0 10px 25px #29473a30;border-radius:65px 65px 3px 3px}
@media(max-width:580px){#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium,#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage:before{display:none}}

/* Executive office: walnut panelling, daylight, brass trim and a full desk. */
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{grid-template-columns:220px minmax(0,1fr);gap:24px;padding:35px 24px 45px;min-height:590px;border-bottom:10px solid #92704c;background:linear-gradient(180deg,transparent 0 83%,#80634433 83%),linear-gradient(105deg,#e9d8ba35,transparent 60%),repeating-linear-gradient(90deg,#b69a6d32 0 2px,transparent 2px 100px),light-dark(#e4d2b9,#34382f);box-shadow:inset 0 5px #bca47a,inset 0 9px #77634655}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage:before{left:30px;top:30px;width:177px;height:245px;background:linear-gradient(90deg,transparent 48%,#ac916b 49% 51%,transparent 52%),linear-gradient(180deg,transparent 48%,#ac916b 49% 51%,transparent 52%),linear-gradient(180deg,#b2d6dc 0 47%,#a4b99a 48% 65%,#7d9673 66% 70%,#c4cdb0 71%);border:7px solid #a48a62;border-radius:90px 90px 2px 2px;box-shadow:0 14px 30px #192d2b30,inset 0 0 25px #ffffff22}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-presenter{padding-top:125px}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-person .avatar{transform:scale(1.4);margin:28px 0 25px}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-person .avatar:before{height:115px;width:92px;left:7px;bottom:-8px;border:3px solid #2a514c;background:linear-gradient(90deg,#163b38,#426157,#173b38);box-shadow:inset 0 0 10px #142c2a}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium{width:215px;height:57px;border-top:9px solid #b89565;background:linear-gradient(90deg,#4c3326,#7c543b 45%,#583d2c);box-shadow:0 16px 16px #28281b35,inset 0 -3px #b1945a;position:relative;margin:0 0 14px}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium:before{content:'';position:absolute;left:10px;right:10px;top:10px;bottom:8px;border:1px solid #b1945a66;border-radius:2px}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium:after{content:'MARK  ·  MARKETING DIRECTOR';position:absolute;left:20px;right:20px;bottom:18px;text-align:center;color:#e4cf9c;font-size:9px;letter-spacing:.06em}
#marketing-office-concept .mh-meeting[data-scene=director] .mh-presentation-screen{align-self:start;margin-top:5px;border:6px solid #303d39;border-top:8px solid #303d39;box-shadow:0 20px 35px #1f2e3138,0 2px #b89b6b}
#marketing-office-concept .mh-deck-tools{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--paper)}
#marketing-office-concept .mh-deck-tools label{font-size:10px;color:var(--soft);display:grid;gap:3px;flex:1;min-width:100px}
#marketing-office-concept .mh-deck-tools select{font:inherit;font-size:11px;width:100%;max-width:240px;border:1px solid var(--edge);border-radius:5px;background:var(--surface);color:var(--ink);padding:7px}
#marketing-office-concept .mh-deck-tools .control{font-size:11px;padding:6px 8px}
#marketing-office-concept .mh-deck-tools + .mh-screen-caption{padding:0 14px;margin:0;font-size:11px}
#marketing-office-concept .mh-result-slide{background:light-dark(#f7f5ef,#263b3d);padding:22px 20px;border-radius:3px;min-height:260px;border-top:3px solid #b39769}
#marketing-office-concept .mh-result-slide li{font-size:15px;margin:15px 0;line-height:1.6}
#marketing-office-concept .mh-result-slide ul{padding-left:20px}
@media(max-width:850px){#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{grid-template-columns:150px minmax(0,1fr);padding:25px 12px;gap:14px}#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium{width:145px}#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium:after{font-size:8px;left:6px;right:6px}#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage:before{width:132px;left:20px}}
@media(max-width:580px){#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage{grid-template-columns:1fr;padding:16px 10px}#marketing-office-concept .mh-meeting[data-scene=director] .mh-presenter{padding-top:0}#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-person .avatar{transform:scale(.85);margin:0}#marketing-office-concept .mh-meeting[data-scene=director] .mh-podium,#marketing-office-concept .mh-meeting[data-scene=director] .mh-room-stage:before{display:none}#marketing-office-concept .mh-deck-tools{align-items:stretch}#marketing-office-concept .mh-result-slide{padding:14px}}

/* Align all controls on the same baseline; reserve a separate status row. */
#marketing-office-concept .mh-presentation-screen{container-type:inline-size}
#marketing-office-concept .mh-deck-tools{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 14px}
#marketing-office-concept .mh-deck-tools label{display:grid;gap:6px;min-width:0;margin:0;font-size:11px;line-height:1.4}
#marketing-office-concept .mh-deck-tools select{width:100%;max-width:none;min-width:0;height:35px;margin:0;padding:7px 9px;box-sizing:border-box;font-size:12px;line-height:1.3}
#marketing-office-concept .mh-deck-tools .control{height:35px;min-height:35px;margin:0;padding:7px 10px;align-self:end;white-space:nowrap;font-size:12px;line-height:1.3;box-sizing:border-box}
#marketing-office-concept .mh-deck-status{margin:0;padding:0 14px 12px;background:var(--paper);border-bottom:1px solid var(--edge);font-size:11px;line-height:1.5;color:var(--soft);overflow-wrap:anywhere}
#marketing-office-concept .mh-deck-status:empty{display:none}
@container(max-width:480px){
 #marketing-office-concept .mh-deck-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 #marketing-office-concept .mh-deck-tools label{grid-column:1 / -1;grid-row:1}
 #marketing-office-concept .mh-deck-tools .control{width:100%;grid-row:2}
}

/* Meeting tools stay close to the material being discussed. */
#marketing-office-concept .mh-meeting{position:relative}
#marketing-office-concept .mh-room-toolbar{gap:10px}
#marketing-office-concept .mh-room-toolbar .mh-room-label{flex:1;min-width:120px}
#marketing-office-concept .mh-room-toolbar select{width:155px;min-width:0;margin:0;padding:8px 10px;font-size:12px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:6px}
#marketing-office-concept .mh-room-toolbar>.control{font-size:12px}
#marketing-office-concept .mh-room-drawer{position:absolute;right:15px;top:66px;width:345px;max-width:calc(100% - 30px);max-height:620px;overflow:auto;background:#17252b;border:1px solid #57716f;border-radius:12px;box-shadow:0 20px 65px #10232670;z-index:20;padding:10px}
#marketing-office-concept .mh-room-drawer>.control{margin:0 0 8px;background:#29434b;color:#eaf3ef;border-color:#57716f;font-size:12px}
#marketing-office-concept .mh-room-drawer .chat{margin:0;padding:12px;border:0;box-shadow:none}
#marketing-office-concept .mh-room-drawer .mh-history{max-height:220px}
#marketing-office-concept .mh-slide-position{margin-right:auto;color:var(--soft);font-size:12px;align-self:center}
#marketing-office-concept .mh-evidence{margin-top:17px;border-top:1px solid var(--edge);padding-top:12px;font-size:12px;color:var(--soft)}
#marketing-office-concept .mh-evidence summary{cursor:pointer;color:var(--ink)}
#marketing-office-concept .mh-evidence article{padding:12px 0}
#marketing-office-concept .mh-evidence small{display:block;margin:4px 0}
#marketing-office-concept .mh-evidence p{white-space:pre-wrap;line-height:1.6}
#marketing-office-concept .mh-presenting .mh-screen-tabs,#marketing-office-concept .mh-presenting .mh-deck-tools,#marketing-office-concept .mh-presenting .mh-deck-status{display:none}
#marketing-office-concept .mh-presenting .mh-room-stage,#marketing-office-concept .mh-meeting.mh-presenting[data-scene=director] .mh-room-stage{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:20px 16px;min-height:570px}
#marketing-office-concept .mh-meeting.mh-presenting[data-scene=briefing] .mh-room-stage{grid-template-columns:85px minmax(0,1fr) 85px}
#marketing-office-concept .mh-meeting.mh-presenting .mh-room-stage:before{display:none}
#marketing-office-concept .mh-meeting.mh-presenting .mh-presenter,#marketing-office-concept .mh-meeting.mh-presenting .mh-mark-seat{padding-top:45px}
#marketing-office-concept .mh-meeting.mh-presenting .mh-room-person .avatar{transform:scale(.85);margin:0 0 8px}
#marketing-office-concept .mh-meeting.mh-presenting .mh-podium{display:none}
#marketing-office-concept .mh-meeting.mh-presenting .mh-room-person small{display:none}
#marketing-office-concept .mh-meeting.mh-presenting .mh-room-person strong{font-size:13px}
#marketing-office-concept .mh-meeting.mh-presenting .mh-presenter>.control,#marketing-office-concept .mh-meeting.mh-presenting .mh-mark-seat>.control{font-size:11px;padding:6px}
#marketing-office-concept .mh-presenting .mh-result-slide{min-height:330px;padding:24px}
#marketing-office-concept .mh-presenting .mh-result-slide h4{font-size:28px}
#marketing-office-concept .mh-presenting .mh-result-slide li{font-size:18px;line-height:1.7;margin:20px 0}
#marketing-office-concept .mh-presenting .mh-screen-content{max-height:none}
#marketing-office-concept .mh-presenting .mh-screen-caption{display:none}
#marketing-office-concept .mh-present-help{display:none}
#marketing-office-concept .mh-presenting .mh-present-help{display:block;padding:0 18px 14px;color:var(--soft);font-size:11px}
@media(max-width:580px){#marketing-office-concept .mh-room-toolbar select{flex:1;width:auto}#marketing-office-concept .mh-room-toolbar .mh-room-label{display:none}#marketing-office-concept .mh-meeting.mh-presenting .mh-room-stage,#marketing-office-concept .mh-meeting.mh-presenting[data-scene=director] .mh-room-stage,#marketing-office-concept .mh-meeting.mh-presenting[data-scene=briefing] .mh-room-stage{grid-template-columns:1fr}#marketing-office-concept .mh-meeting.mh-presenting .mh-presenter{padding-top:0}#marketing-office-concept .mh-presenting .mh-result-slide{padding:16px}#marketing-office-concept .mh-room-drawer{top:98px}}

#marketing-office-concept{container-type:inline-size}
#marketing-office-concept .mh-meeting.mh-chat-open{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:0 10px}
#marketing-office-concept .mh-chat-open .mh-room-toolbar{grid-column:1 / -1}
#marketing-office-concept .mh-chat-open .mh-room-stage{grid-column:1;grid-row:2;min-width:0}
#marketing-office-concept .mh-chat-open .mh-room-drawer{position:relative;top:auto;right:auto;grid-column:2;grid-row:2;align-self:start;width:auto;max-width:none;margin:15px 12px 15px 0;box-shadow:0 5px 18px #10232620;max-height:650px}
#marketing-office-concept .mh-meeting.mh-chat-open[data-scene=director] .mh-room-stage{grid-template-columns:95px minmax(0,1fr);padding:20px 10px;gap:12px}
#marketing-office-concept .mh-meeting.mh-chat-open[data-scene=director] .mh-room-stage:before{display:none}
#marketing-office-concept .mh-meeting.mh-chat-open[data-scene=director] .mh-presenter{padding-top:55px}
#marketing-office-concept .mh-meeting.mh-chat-open[data-scene=director] .mh-room-person .avatar{transform:scale(.85);margin:0 0 10px}
#marketing-office-concept .mh-meeting.mh-chat-open[data-scene=director] .mh-podium{display:none}
#marketing-office-concept .mh-meeting.mh-chat-open[data-scene=director] .mh-room-person small{display:none}
@container(max-width:800px){#marketing-office-concept .mh-meeting.mh-chat-open{grid-template-columns:minmax(0,1fr)}#marketing-office-concept .mh-chat-open .mh-room-drawer{grid-column:1;grid-row:3;margin:12px;max-height:none}}

/* Mark: silver cropped hair, fine rectangular frames and a longer, defined face.
   Shared by the office and both presentation rooms. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .head{
 left:30px;top:8px;width:46px;height:68px;
 border-radius:38% 39% 43% 43% / 30% 30% 58% 58%;
 background:radial-gradient(ellipse at 24% 61%,#c7907a28 0 17%,transparent 34%),radial-gradient(ellipse at 76% 61%,#c7907a28 0 17%,transparent 34%),linear-gradient(100deg,#c49c86,#edd0b7 36%,#f1d8bf 58%,#c89f88);
 box-shadow:inset -2px -2px 4px #794e3430,0 3px 0 -1px #b68e75;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .hair{
 left:27px;top:3px;width:52px;height:32px;border-radius:48% 49% 12% 12%;
 background:repeating-linear-gradient(112deg,transparent 0 2px,#ffffff35 2px 3px),linear-gradient(115deg,#e7e9e7,#bcc2c0 54%,#f0f0e9 78%,#a9b1b0);
 clip-path:polygon(0 26%,12% 8%,40% 0,72% 4%,92% 17%,100% 38%,98% 100%,91% 100%,87% 49%,72% 36%,48% 40%,23% 34%,12% 49%,9% 100%,2% 100%);
 filter:drop-shadow(0 1px 1px #35403d25);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .head:before{
 left:21px;top:30px;width:6px;height:16px;border-radius:35% 35% 45% 40%;
 background:linear-gradient(90deg,#9e6f4e33,#f6ddc5aa 65%,#b9866555);border-bottom:1px solid #a7785c88;
 box-shadow:-12px 15px 0 -2px #a9765820,11px 15px 0 -2px #a9765820;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .head:after{
 left:5px;top:26px;width:15px;height:9px;border:1px solid #687774;border-top-color:#485653;
 border-radius:3px 3px 4px 4px;opacity:.95;background:linear-gradient(135deg,#edf5ef45,transparent 65%);
 box-shadow:20px 0 0 -1px #e8cfb6,20px 0 0 0 #687774;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .eyes{
 top:29px;left:10px;width:7px;height:4px;border-top-color:#a38f7d;
 background:radial-gradient(circle at 55% 50%,#405c6980 0 35%,#f6efe5 40% 100%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .eyes:after{
 left:20px;width:7px;height:4px;border-top-color:#a38f7d;
 background:radial-gradient(circle at 55% 50%,#405c69 0 35%,#f6efe5 40% 100%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .smile{
 left:15px;top:51px;width:18px;height:5px;border-top:1px solid #a2766355;border-bottom:1px solid #876452;
 border-radius:25% 25% 55% 55%;box-shadow:0 5px 0 -2px #b8907655;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="mark"] .eyes{z-index:4}

/* G. Mallory: auburn waves, freckles, gold hoops and a burgundy blouse. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .head{
 left:30px;top:9px;width:47px;height:65px;border-radius:44% 44% 46% 46%;
 background:radial-gradient(circle at 24% 59%,#a86337 0 .7px,transparent 1px),radial-gradient(circle at 33% 62%,#a86337 0 .8px,transparent 1.1px),radial-gradient(circle at 19% 65%,#a86337 0 .65px,transparent 1px),radial-gradient(circle at 40% 58%,#ad7043 0 .7px,transparent 1px),radial-gradient(circle at 65% 60%,#a86337 0 .8px,transparent 1.1px),radial-gradient(circle at 76% 57%,#a86337 0 .7px,transparent 1px),radial-gradient(circle at 82% 64%,#a86337 0 .8px,transparent 1.1px),radial-gradient(circle at 70% 67%,#ad7043 0 .7px,transparent 1px),linear-gradient(105deg,#d4a88b,#f4d8c1 45%,#efd0b5 70%,#d5a88a);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .hair{
 left:22px;top:0;width:65px;height:79px;border-radius:48% 48% 30% 27%;
 background:repeating-linear-gradient(102deg,transparent 0 6px,#f6b46b20 7px 8px,transparent 10px 14px),linear-gradient(110deg,#682b21,#b35b32 40%,#873821 70%,#c4713e);
 clip-path:polygon(0 10%,28% 0,73% 2%,96% 17%,100% 65%,93% 100%,82% 93%,80% 35%,62% 20%,36% 26%,22% 39%,18% 96%,4% 100%,0 74%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .body{
 background:linear-gradient(100deg,#5d2033,#9f354d 45%,#ad4357 65%,#71283d);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .body:before{
 background:var(--skin);border-bottom:4px solid #d4a657;box-shadow:0 3px 0 #671f32;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .eyes,
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .eyes:after{
 background:radial-gradient(circle at 55% 50%,#47664c 0 35%,#f5eee4 40% 100%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .smile{border-bottom-color:#a6474d}
#marketing-office-concept .mh-hoops{position:absolute;left:21px;top:49px;width:17px;height:23px;border:2px solid #e7bc65;border-radius:50%;z-index:5;box-shadow:inset 1px 0 #fff0c6,1px 1px 1px #59382060;pointer-events:none}
#marketing-office-concept .mh-hoops:after{content:'';position:absolute;left:46px;top:-2px;width:17px;height:23px;border:2px solid #e7bc65;border-radius:50%;box-shadow:inset 1px 0 #fff0c6,1px 1px 1px #59382060}
#marketing-office-concept .mh-flower{position:absolute;left:24px;top:14px;width:12px;height:12px;background:radial-gradient(circle,#e5b16b 0 15%,#b8394d 20% 45%,#7b2536 75%);border-radius:40% 60% 40% 60%;transform:rotate(-25deg);z-index:6;box-shadow:-3px 2px 0 -1px #b8394d,3px -2px 0 -1px #a02c40;pointer-events:none}

/* Mallory's swept-back flamenco bun leaves both ears and suspended hoops visible. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .avatar:after{
 content:'';position:absolute;left:62px;top:2px;width:29px;height:29px;z-index:1;
 border-radius:50%;background:repeating-radial-gradient(ellipse at 48% 48%,#8c3d24 0 3px,#a9522d 4px 5px,#71301f 6px 8px);
 box-shadow:inset -3px -2px 5px #421d1b66,1px 2px 2px #28191630;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .hair{
 left:27px;top:1px;width:53px;height:32px;border-radius:49% 49% 18% 18%;
 background:repeating-linear-gradient(155deg,transparent 0 4px,#edab6b22 5px 6px,transparent 7px 9px),linear-gradient(115deg,#7a321f,#a6502b 46%,#6d2d20);
 clip-path:polygon(0 26%,12% 8%,40% 0,74% 4%,94% 20%,100% 40%,97% 100%,89% 94%,84% 44%,65% 32%,43% 30%,21% 42%,12% 75%,10% 100%,2% 97%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .head{
 box-shadow:inset -2px -3px 5px #693b252b,-5px 3px 0 -2px #dfb496,5px 3px 0 -2px #dfb496;
}
#marketing-office-concept .mh-hoops{
 left:25px;top:48px;width:13px;height:21px;border:1.5px solid #ce9b40;
 background:transparent;transform:rotate(-8deg);border-radius:48%;
 box-shadow:inset 1px 0 0 #fff0be,inset -1px 0 0 #986322,1px 1px 2px #4d30264d;
}
#marketing-office-concept .mh-hoops:before{
 content:'';position:absolute;left:3px;top:-5px;width:4px;height:5px;border-radius:50%;
 background:linear-gradient(90deg,#9b6e28,#ffe4a0 48%,#bb8b32);box-shadow:43px 6px 0 -1px #e0b458;
}
#marketing-office-concept .mh-hoops:after{
 left:42px;top:4px;width:13px;height:21px;border:1.5px solid #ce9b40;border-radius:48%;
 background:transparent;transform:rotate(13deg);
 box-shadow:inset 1px 0 0 #fff0be,inset -1px 0 0 #986322,1px 1px 2px #4d30264d;
}
#marketing-office-concept .mh-flower{left:69px;top:9px}

/* Softer swept waves and a full low bun for Mallory. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .avatar:after{
 left:67px;top:23px;width:28px;height:32px;border-radius:48% 52% 48% 48%;
 background:repeating-radial-gradient(ellipse at 45% 48%,#8d3b25 0 3px,#ad5631 4px 5px,#793020 6px 8px);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .hair{
 left:24px;top:-2px;width:59px;height:50px;border-radius:54% 50% 38% 35%;
 background:repeating-linear-gradient(145deg,transparent 0 5px,#efb07625 6px 7px,transparent 8px 11px),linear-gradient(120deg,#77301f,#b45c36 40%,#8b3a24 76%,#6c2b20);
 clip-path:polygon(0 28%,7% 12%,26% 2%,52% 0,78% 7%,94% 21%,100% 46%,96% 89%,88% 100%,84% 79%,83% 45%,75% 32%,61% 24%,49% 28%,36% 40%,22% 43%,15% 58%,13% 89%,7% 100%,3% 79%);
}
#marketing-office-concept .mh-flower{left:77px;top:29px}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .eyes{
 border-top:1.5px solid #634036;transform-origin:center;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .eyes:after{border-top:1.5px solid #634036}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .smile{
 width:15px;height:5px;left:16px;border-top:1px solid #bb697066;border-bottom:2px solid #a44957;
}

/* Restore Mallory's original long auburn hair; hoops sit behind the hair. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .avatar:after{content:none}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .head{
 box-shadow:inset -2px -3px 5px #693b252b;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .hair{
 left:22px;top:0;width:65px;height:79px;border-radius:48% 48% 30% 27%;z-index:5;
 background:repeating-linear-gradient(102deg,transparent 0 6px,#f6b46b20 7px 8px,transparent 10px 14px),linear-gradient(110deg,#682b21,#b35b32 40%,#873821 70%,#c4713e);
 clip-path:polygon(0 0,100% 0,100% 100%,84% 96%,77% 25%,50% 20%,23% 35%,18% 96%,0 100%);
}
#marketing-office-concept .mh-hoops{left:25px;top:48px;z-index:3}
#marketing-office-concept .mh-flower{left:24px;top:14px;z-index:6}

/* A fuller red rose nestled into Mallory's auburn hair. */
#marketing-office-concept .mh-flower{
 left:18px;top:9px;width:23px;height:23px;border-radius:45% 55% 43% 57%;
 background:radial-gradient(ellipse at 48% 48%,#752032 0 9%,#e15b69 11% 18%,#a71f3b 21% 29%,#e04c60 32% 41%,#ae2540 45% 55%,#d84155 59% 69%,#8d2037 74%);
 box-shadow:-4px 2px 0 -1px #bd304b,4px -2px 0 -1px #c83a50,0 2px 3px #3d162855;
}
#marketing-office-concept .mh-flower:before{
 content:'';position:absolute;left:-4px;top:15px;width:12px;height:6px;border-radius:100% 0 100% 0;
 background:linear-gradient(145deg,#6e9151,#365d3d);transform:rotate(-25deg);z-index:-1;
}

/* Mallory's flamenco polka-dot top with a softly scalloped neckline. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .body{
 background:radial-gradient(circle,#fff4e4 0 1.5px,transparent 1.9px) 1px 2px / 12px 11px,linear-gradient(100deg,#742238,#af354c 45%,#b94055 65%,#7d263d);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .body:before{
 left:23px;top:-4px;width:41px;height:28px;background:linear-gradient(105deg,#dfb396,#f0ceb4 55%,#d9ab8e);
 border:0;border-radius:12% 12% 50% 50% / 8% 8% 82% 82%;
 box-shadow:0 3px 0 #d75c6a,0 5px 0 #702238;
 clip-path:polygon(18% 0,82% 0,82% 15%,100% 28%,93% 63%,77% 86%,50% 100%,23% 86%,7% 63%,0 28%,18% 15%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="elena"] .body:after{
 left:12px;top:11px;width:63px;height:18px;background:transparent;
 border-bottom:4px dotted #e46e7b;border-radius:0 0 50% 50%;
}

/* Sofia Bloom: softly waved dark hair, gold drops and a plum evening blouse. */
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .hair{
 left:19px;top:-1px;width:70px;height:83px;border-radius:48% 52% 38% 38%;
 background:repeating-linear-gradient(100deg,transparent 0 8px,#b36c6c20 10px 12px,transparent 14px 20px),linear-gradient(115deg,#2c202b,#593341 48%,#32232e 75%,#704350);
 clip-path:polygon(0 8%,28% 0,74% 2%,96% 15%,100% 80%,91% 100%,80% 94%,79% 39%,63% 23%,43% 28%,27% 45%,21% 91%,9% 100%,0 89%);
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .body{
 background:linear-gradient(105deg,#341e38,#6b3258 45%,#874565 65%,#45223f);
 border-radius:30px 30px 8px 8px;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .body:before{
 left:21px;top:-4px;width:45px;height:26px;background:var(--skin);border:0;border-radius:8% 8% 50% 50%;
 clip-path:polygon(25% 0,75% 0,77% 24%,100% 31%,82% 65%,50% 100%,18% 65%,0 31%,23% 24%);box-shadow:none;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .body:after{
 left:36px;top:10px;width:15px;height:8px;border:1px solid #d4b370;border-top:0;background:transparent;border-radius:0 0 50% 50%;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .smile{
 width:16px;height:5px;left:17px;border-top:1px solid #b06b7b;border-bottom:3px solid #9d435e;border-radius:35% 35% 65% 65%;
}
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .eyes,
#marketing-office-concept :is(.station,.mh-room-person)[data-person="sofia"] .eyes:after{border-top:1.5px solid #422937}
#marketing-office-concept .mh-sofia-earrings{position:absolute;left:29px;top:53px;width:4px;height:12px;border-radius:40% 40% 60% 60%;background:linear-gradient(90deg,#ad7d37,#f8dea3,#bd934b);z-index:4;box-shadow:45px 0 #dabc7a}