.ajarn-hero__tagline{
  max-width:680px;
  margin:24px 0 0;
  color:#f2d2bd;
  font-family:var(--ajarn-serif);
  font-size:clamp(21px,2.1vw,28px);
  font-weight:700;
  line-height:1.55;
}

.ajarn-mobile-break{display:none;}

.ajarn-interview{
  color:var(--ajarn-ink);
  background:#e7eeea;
}

.ajarn-interview .ajarn-kicker{color:var(--ajarn-copper);}
.ajarn-interview .ajarn-section__heading>p:last-child{color:var(--ajarn-muted);}

.ajarn-interview__layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:28px;
  align-items:start;
}

.ajarn-video{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border:0;
  border-radius:24px;
  background:#111;
  box-shadow:0 22px 50px rgba(7,35,36,.17);
}

.ajarn-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

.ajarn-chapters{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  border-top:0;
  list-style:none;
}

.ajarn-chapters li{border-bottom:0;}

.ajarn-chapters a{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:14px;
  padding:13px 14px;
  border:1px solid transparent;
  border-radius:14px;
  color:var(--ajarn-ink);
  text-decoration:none!important;
}

.ajarn-chapters a:hover,.ajarn-chapters a:focus-visible{
  padding:13px 14px;
  border-color:var(--ajarn-line);
  background:rgba(255,255,255,.65);
  outline:none;
}

.ajarn-chapters time{
  padding-top:0;
  color:var(--ajarn-copper);
  font-family:var(--ajarn-serif);
  font-size:inherit;
  font-weight:700;
}

.ajarn-chapters span,.ajarn-chapters strong,.ajarn-chapters em{display:block;}
.ajarn-chapters strong{margin-bottom:2px;color:var(--ajarn-ink);font-family:var(--font-sans);font-size:14px;line-height:1.45;}
.ajarn-chapters em{margin-top:0;color:var(--ajarn-muted);font-size:12px;font-style:normal;line-height:1.55;}

.ajarn-interview__note{
  display:block;
  max-width:100%;
  margin-top:18px;
  padding-top:0;
  border-top:0;
  color:var(--ajarn-muted);
  font-size:12px;
  line-height:1.65;
}

.ajarn-interview__note p{max-width:none;margin:0;color:inherit;font-size:inherit;line-height:inherit;}
.ajarn-interview__note a{display:inline-block;margin-top:8px;padding-bottom:1px;border-bottom:1px solid rgba(12,74,76,.38);color:var(--ajarn-teal);font-size:inherit;font-weight:700;text-decoration:none!important;}
.ajarn-interview__note a:hover,.ajarn-interview__note a:focus-visible{border-color:var(--ajarn-copper);color:#8a4f31;outline:none;}
.ajarn-interview__note a:focus-visible{outline:2px solid rgba(12,74,76,.35);outline-offset:4px;}

@media (max-width:1020px){
  .ajarn-interview__layout{grid-template-columns:1fr;}
}

@media (max-width:680px){
  .ajarn-hero h1{font-size:39px;line-height:1.24;}
  .ajarn-hero__tagline{font-size:20px;}
  .ajarn-mobile-break{display:block;}
  .ajarn-interview__layout{gap:28px;}
  .ajarn-video{border-radius:16px;}
  .ajarn-chapters a,.ajarn-chapters a:hover,.ajarn-chapters a:focus-visible{grid-template-columns:52px 1fr;padding:12px 8px;}
}
