/* The supplied PNGs remain intact; scene crops use SVG viewports. */
.personal-work-scene{display:block;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:9px}
.personal-art-button{display:block;position:relative;padding:0;border:0;background:none;color:inherit;cursor:zoom-in;min-width:0}
.personal-art-button:focus-visible{outline:3px solid #819ce7;outline-offset:4px;border-radius:9px}
.personal-speaker-button img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 9px #4b5e901c)}
.cockpit-classic .about-section.personal-about{display:grid;grid-template-columns:150px minmax(0,1fr);gap:27px;align-items:center;padding:22px 27px}
.personal-about-presenter{margin:0;align-self:end}.personal-about-presenter img{max-height:230px}.personal-about-presenter figcaption{text-align:center;font-size:10px;color:#65769e;margin-top:7px}
.personal-about .about-copy{min-width:0}.cockpit-classic .personal-about .about-copy h2{font-size:24px;line-height:1.4;color:#253d76;font-weight:850}
.personal-work-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:13px 0 15px}.personal-work-strip figure{width:92px;margin:0}.personal-work-strip figcaption{text-align:center;font-size:10px;font-weight:750;color:#4c66a0;margin-top:3px}.personal-work-strip>a{font-size:10px;color:#6375ad;margin-left:4px;white-space:nowrap}
.personal-studio-layout{display:grid;grid-template-columns:minmax(160px,.38fr) minmax(0,1fr);gap:28px;align-items:center}.personal-studio-speaker{text-align:center;min-width:0}.personal-studio-speaker .personal-speaker-button{max-width:220px;margin:auto}.personal-studio-speaker img{max-height:290px}.personal-studio-speaker h3{margin:12px 0 7px}.personal-studio-speaker p{font-size:13px;line-height:1.9;color:#64789f}.personal-studio-speaker>span{display:block;color:#8694b3;font-size:10px;margin-top:10px}.personal-scene-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.personal-scene-gallery .personal-art-button{border:1px solid #e1e6f6;border-radius:10px;overflow:hidden;background:#f5f5ff}
body.case-library .personal-visual-rail a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:10px}
.personal-visual-rail .personal-work-scene{grid-column:1/-1;max-width:124px;justify-self:center}
body.case-library .personal-visual-rail b{font-size:14px;line-height:1.6;font-weight:800}
body.case-library .crm-workflow.personal-workflow li>.personal-work-scene{width:100%;max-width:130px;margin:0 auto 9px}
body.case-library .crm-workflow.personal-workflow li>span{position:static;display:block;font-size:11px;font-weight:750;color:#6684ad}
body.case-library .crm-workflow.personal-workflow b{font-size:16px;color:#1e5146;line-height:1.5}
body.case-library .crm-workflow.personal-workflow .personal-illustration-caption{font-size:10px;margin:12px 0 0;color:#758b9c}
/* Frame the face from the full transparent speaker art using a CSS crop. */
.personal-avatar{display:inline-block;position:relative;flex:0 0 39px;width:39px;height:39px;overflow:hidden;border-radius:50%;border:2px solid #fff;background:linear-gradient(140deg,#dbe8ff,#e5dcff);box-shadow:0 3px 8px #34497624}
body .brand .personal-avatar>img,body .case-brand .personal-avatar>img,body .mobile-personal-brand .personal-avatar>img{position:absolute;left:-62.5%;top:-2%;width:225%!important;max-width:none!important;height:auto!important;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none}
.cockpit-classic .mobile-top .mobile-personal-brand{display:flex;align-items:center;gap:7px;letter-spacing:0}.mobile-personal-brand>b{font-size:16px}.mobile-personal-brand>small{font-size:9px;color:#7183aa;font-weight:400}.cockpit-classic .mobile-personal-brand .personal-avatar{flex-basis:29px;width:29px;height:29px}
.cockpit-classic .sidebar .brand{gap:7px}.cockpit-classic .sidebar .brand b{font-size:17px;white-space:nowrap;letter-spacing:0}.cockpit-classic .sidebar .brand em{font-size:9px;letter-spacing:0;margin-left:4px}
@media(max-width:1000px){.personal-studio-layout{grid-template-columns:160px minmax(0,1fr);gap:20px}.personal-scene-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpit-classic .about-section.personal-about{grid-template-columns:125px minmax(0,1fr);padding:20px;gap:20px}.personal-work-strip figure{width:82px}}
@media(max-width:639px){.cockpit-classic .about-section.personal-about{grid-template-columns:82px minmax(0,1fr);gap:13px;padding:18px 14px;align-items:start}.personal-about-presenter{align-self:start;padding-top:3px}.personal-about-presenter figcaption{font-size:8px;line-height:1.7}.cockpit-classic .personal-about .about-copy h2{font-size:19px;line-height:1.5}.personal-work-strip{gap:8px;justify-content:flex-start;margin:10px 0 12px}.personal-work-strip figure{width:calc((100% - 16px)/3);max-width:90px}.personal-work-strip figcaption{font-size:9px}.personal-work-strip>a{font-size:9px;margin:0;width:100%}.personal-about .about-links{gap:8px;flex-wrap:wrap}.personal-studio-layout{grid-template-columns:1fr;gap:19px}.personal-studio-speaker{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:17px;align-items:center;text-align:left}.personal-studio-speaker .personal-speaker-button{grid-column:1;grid-row:1/4}.personal-studio-speaker h3{grid-column:2;margin:0 0 5px}.personal-studio-speaker p{grid-column:2;font-size:11px;margin:0}.personal-studio-speaker>span{grid-column:2;font-size:9px;margin-top:6px}.personal-scene-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.case-library .personal-visual-rail a{grid-template-columns:66px 24px minmax(0,1fr);gap:8px;padding:6px 10px}.personal-visual-rail .personal-work-scene{grid-column:1;grid-row:1;max-width:66px}body.case-library .personal-visual-rail b{font-size:15px}
body.case-library .crm-workflow.personal-workflow li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:3px 11px;align-items:center;padding:12px}body.case-library .crm-workflow.personal-workflow li>.personal-work-scene{grid-column:1;grid-row:1/4;margin:0;width:76px}body.case-library .crm-workflow.personal-workflow li>span,body.case-library .crm-workflow.personal-workflow li>b,body.case-library .crm-workflow.personal-workflow li>p{grid-column:2;margin:0}body.case-library .crm-workflow.personal-workflow b{font-size:17px}.personal-avatar{flex-basis:34px;width:34px;height:34px}}