
.keynote-editorial{background:#fbfafc;color:#17131c;font-family:Futura,Jost,Arial,sans-serif}
.keynote-header{position:absolute;left:100px;right:100px;top:55px;height:100px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #d5c9df}
.keynote-header:after{content:'';position:absolute;bottom:-2px;left:0;width:180px;height:4px;background:#ed2bb4}
.keynote-header h1{font:300 60px/1.1 Futura,Jost,Arial,sans-serif;letter-spacing:-1.4px;margin:0;text-transform:none}
.keynote-header h1 span{color:#64288e;margin-left:12px}
.keynote-chapter{font-size:41px;line-height:1;color:#64288e;font-weight:300;padding-top:9px}
.keynote-chapter i{font-size:21px;font-style:normal;color:#8a7d93;margin-left:13px;letter-spacing:1px}
.keynote-rows{position:absolute;left:100px;right:100px;top:193px;display:flex;flex-direction:column;gap:36px}
.keynote-row{display:flex;justify-content:center;gap:28px;height:377px}
.keynote-person{width:321.6px;flex:0 0 321.6px;min-width:0}
.keynote-portrait{width:100%;height:228px;background:#ede9f0;display:flex;justify-content:center;align-items:center;overflow:hidden}
.keynote-portrait svg,.keynote-portrait img{height:100%;width:100%;object-fit:contain;display:block}
.keynote-person h2{font:400 26px/1.12 Futura,Jost,Arial,sans-serif;letter-spacing:-.4px;color:#522376;margin:15px 0 9px;height:58px;text-transform:none;display:flex;align-items:flex-start}
.keynote-person p{font:300 21px/1.29 Futura,Jost,Arial,sans-serif;color:#48414e;margin:0;max-width:315px;text-wrap:pretty}
.keynote-editorial footer{bottom:30px}

/* Remove artificial photo borders and side bands; retain every portrait. */
.keynote-portrait{background:transparent;border:0;box-shadow:none}
.keynote-portrait svg{width:242px;height:228px;max-width:100%;flex:none;border:0;outline:0}
.keynote-portrait img{width:auto;max-width:100%;height:228px;object-fit:contain;border:0;outline:0;box-shadow:none}
