.elementor-3200 .elementor-element.elementor-element-50a82bf{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4608c70 */@font-face { font-family: Montserrat; font-style: normal; font-weight: 800; font-display: swap; src: url("https://sites.temple.edu/tedxtempleuniversity/files/elementor/google-fonts/fonts/montserrat-jtusjig1_i6t8kchkm459wlhyw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }.speaker-profile{background:#000;color:#fff;width:100vw;margin-left:calc(50% - 50vw);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}.speaker-profile *{box-sizing:border-box}.speaker-profile .hero{display:grid;grid-template-columns:40% 60%;align-items:stretch}.speaker-profile .hero-photo{width:100%;height:100%;min-height:470px;object-fit:cover;display:block}.speaker-profile .identity{height:100%;min-height:470px;background:#b8323f;display:flex;align-items:center;justify-content:center;font:800 clamp(90px,12vw,160px)/1 Montserrat,Arial,sans-serif;color:#fff}.speaker-profile .hero-info{padding:4.5vw 3vw 3vw 5.5vw;display:flex;flex-direction:column;justify-content:center}.speaker-profile h1{font:800 clamp(36px,7.2vw,88px)/.96 Montserrat,Arial,sans-serif;letter-spacing:-.025em;color:#da2929;margin:0 0 3vw -9vw;position:relative;overflow-wrap:normal}.speaker-profile .label{font:400 clamp(22px,3vw,36px)/1.25 Inter,Arial,sans-serif;color:#fff;margin:0 0 5vw}.speaker-profile .role{font:400 clamp(18px,2.3vw,28px)/1.45 'DM Sans',Arial,sans-serif;color:#fff;margin:0 0 5px}.speaker-profile .affiliation{font:400 clamp(17px,2.3vw,27px)/1.45 'DM Sans',Arial,sans-serif;color:#e10032;margin:0}.speaker-profile .about-row{display:grid;grid-template-columns:73% 27%;align-items:stretch}.speaker-profile .about{padding:7vw 2vw 7vw 4vw}.speaker-profile h2{font:800 clamp(42px,7.2vw,88px)/1.1 Montserrat,Arial,sans-serif;color:#d02339;margin:0 0 2vw}.speaker-profile .about p{font:400 clamp(17px,1.9vw,23px)/1.5 'DM Sans',Arial,sans-serif;color:#fff;margin:0 0 1.5em}.speaker-profile .about p:last-child{margin-bottom:0}.speaker-profile .venue-photo{width:100%;height:100%;min-height:400px;object-fit:cover;display:block}.speaker-profile .closing{background:#b8323f;display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);padding:2vw;gap:2.5vw;align-items:center}.speaker-profile .closing-photo{position:relative;min-height:470px;height:100%;border-radius:22px;overflow:hidden;background:#8e1c2c}.speaker-profile .closing-photo img{width:100%;height:100%;min-height:470px;object-fit:cover;display:block;opacity:.78}.speaker-profile .closing-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(0,0,0,.65))}.speaker-profile .idea{position:absolute;bottom:3vw;left:2.5vw;z-index:1;font:800 clamp(34px,6.3vw,78px)/1.1 Inter,Arial,sans-serif;color:#f6f6ef;margin:0}.speaker-profile .closing-info{padding:3vw 3vw 3vw 0}.speaker-profile .focus{font:400 clamp(21px,2.35vw,30px)/1.5 Inter,Arial,sans-serif;color:#fff;margin:0 0 2em}.speaker-profile .theme{font:800 clamp(25px,3vw,38px)/1.2 Montserrat,Arial,sans-serif;color:#fff;margin:0 0 24px}.speaker-profile .year{font:400 14px/1.5 Inter,Arial,sans-serif;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.1em}.speaker-profile .back{color:#fff;display:inline-block;border-bottom:1px solid #fff;padding-bottom:5px;font:400 16px/1.5 Inter,Arial,sans-serif;text-decoration:none}.speaker-profile .back:hover{opacity:.8}.speaker-profile .back:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(min-width:1600px){.speaker-profile .hero-info{padding:70px 48px 48px 88px}.speaker-profile h1{margin-left:-144px}.speaker-profile .about{padding:100px 40px 100px 64px}}@media(max-width:767px){.speaker-profile .hero{grid-template-columns:1fr}.speaker-profile .hero-photo,.speaker-profile .identity{min-height:0;max-height:560px;aspect-ratio:4/5;object-fit:cover}.speaker-profile .identity{min-height:350px}.speaker-profile .hero-info{padding:32px 24px 44px}.speaker-profile h1{font-size:clamp(35px,9vw,62px);margin:0 0 24px;line-height:1}.speaker-profile .label{font-size:25px;margin:0 0 28px}.speaker-profile .role{font-size:21px}.speaker-profile .affiliation{font-size:20px}.speaker-profile .about-row{grid-template-columns:1fr}.speaker-profile .about{padding:38px 24px}.speaker-profile h2{font-size:48px;margin-bottom:22px}.speaker-profile .about p{font-size:18px;line-height:1.6}.speaker-profile .venue-photo{height:280px;min-height:0;object-position:center 65%}.speaker-profile .closing{grid-template-columns:1fr;gap:0;padding:20px}.speaker-profile .closing-photo,.speaker-profile .closing-photo img{height:460px;min-height:0}.speaker-profile .idea{font-size:48px;bottom:26px;left:24px}.speaker-profile .closing-info{padding:30px 4px 20px}.speaker-profile .focus{font-size:22px;margin-bottom:30px}.speaker-profile .theme{font-size:28px}}
/* Keep speaker names entirely beside the portrait. */
.speaker-profile .hero-info{min-width:0}
.speaker-profile h1{margin-left:0;max-width:100%}
@media(min-width:768px){.speaker-profile h1{font-size:clamp(32px,5.2vw,80px)}}/* End custom CSS */