/* Znak „Dialog i relacja”: dwa doświadczenia spotykają się w bezpiecznej przestrzeni. */
.brand { gap: 13px; }
.brand-copy {
  display: block;
  position: relative;
}
.brand-copy small {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 1px;
  white-space: nowrap;
}
.brand-mark {
  width: 50px;
  height: 42px;
  overflow: visible;
  flex: none;
  border-radius: 0;
  background: none;
}
.brand-mark .shape-one { fill: #315b53; }
.brand-mark .shape-two { fill: #be765e; opacity: .9; }
.brand-mark .shape-light { fill: #f3dfb7; }

.credentials { grid-template-columns: repeat(3, 1fr); }
.credentials strong { line-height: 1.04; }
.credentials .credential-line {
  display: block;
  font-family: inherit;
  color: inherit;
}
.credentials .experience-line {
  margin-top: 4px;
  font-size: 23px;
}
.credentials .education {
  line-height: 1.04;
}
.credentials .education .credential-line { font-size: inherit; }
.contact-card .button { font-size: 16px; }

.about { display: block; }
.about-copy { max-width: 820px; margin-left: auto; }
footer { justify-content: flex-start; }

@media (max-width: 950px) {
  .about-copy { margin-left: 0; }
}

@media (min-width: 951px) {
  .credentials .education .credential-line { white-space: nowrap; }
}

@media (max-width: 620px) {
  .credentials { grid-template-columns: 1fr; }
  .credentials div { border-left: 0; }
}