*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Montserrat,sans-serif;color:#000;background:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto}
.col{padding:15px}
.hero img{width:100%;height:auto;aspect-ratio:1170/658}

.intro{margin:0 15px;padding:15px 0}
.intro h1{margin:0;font-size:20px;line-height:22px;font-weight:700}
.intro p{margin:0;font-size:13px;line-height:14.3px}
.intro .lead{margin-top:10px}
.intro .learn{margin-top:8px;font-weight:700}
.intro .list{margin-top:10px}

.cta-col{padding:15px;display:flex;justify-content:center}
.cta{display:block;width:480px;max-width:100%;padding:14px 20px;border-radius:8px;background:#e8621a;color:#fff;
  font:700 16px/19px Montserrat,sans-serif;text-align:center;text-decoration:none;cursor:pointer;
  transition:opacity .15s ease}
.cta:hover{opacity:.9}
.cta:active{opacity:.8}

.speaker{display:grid;grid-template-columns:1fr 1fr}
.speaker .photo img{width:100%;height:auto;aspect-ratio:570/321}
.speaker .info{padding:15px;display:flex;flex-direction:column;justify-content:center}
.speaker h2{margin:0;font-size:20px;line-height:24px;font-weight:700}
.speaker p{margin:0;font-size:13px;line-height:14.3px}
.speaker .facts{margin-top:10px}
.speaker .about{margin-top:10px}
.speaker .hint{margin-top:22px;font-style:italic}

@media (max-width:767px){
  .speaker{grid-template-columns:1fr}
  .speaker .info{padding-top:17px}
}