.hero.basic .photo:after {
  display: none !important;
}

.details {
  padding-bottom: 0;
}
.details .breadcrumbs {
  padding: 5px 0 30px;
}
.details .breadcrumbs ul li:first-of-type a {
  padding-left: 0;
}
.details h1 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: var(--font-weight-700);
  margin: 0;
}
.details h2 {
  font-size: 2rem;
  line-height: 2.4375rem;
  margin-bottom: 20px;
}
.details .grid {
  display: grid;
  grid-template-columns: repeat(8, 12.5%);
}
.details .grid .cell.sidebar {
  grid-column: 1/span 8;
}
@media (min-width: 1024px) {
  .details .grid .cell.sidebar {
    grid-column: 1/span 3;
  }
}
.details .grid .cell.bio {
  grid-column: 1/span 8;
}
@media (min-width: 1024px) {
  .details .grid .cell.bio {
    grid-column: 4/span 5;
  }
}
.details .grid .cell.bio > p, .details .grid .cell.bio > li {
  font-size: 1.125rem;
  line-height: 2.1875rem;
}
.details .grid .sidebar {
  padding-right: 15px;
}
@media (min-width: 1024px) {
  .details .grid .sidebar {
    padding-right: 70px;
  }
}
@media (min-width: 1024px) {
  .details .grid .sidebar {
    margin-top: -250px;
  }
}
@media (max-width: 1023px) {
  .details .grid .sidebar {
    margin-top: 30px;
    display: grid;
    grid-template-columns: calc(40% - 15px) calc(60% - 15px);
    gap: 30px;
  }
}
@media (max-width: 766px) {
  .details .grid .sidebar {
    grid-template-columns: 100%;
  }
}
.details .grid .sidebar .contact-info {
  display: grid;
  position: relative;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .details .grid .sidebar .contact-info {
    margin-top: -150px;
  }
}
.details .grid .sidebar .contact-info:before {
  position: absolute;
  width: 54px;
  height: 54px;
  background-color: var(--color-red);
  clip-path: polygon(100% 1%, 0 0, 0 100%);
  top: 0;
  left: 0;
  z-index: 2;
  content: "";
}
.details .grid .sidebar .contact-info p {
  font-size: 1.375rem;
  line-height: 2.1875rem;
  margin-bottom: 30px;
  font-weight: var(--font-weight-700);
}
.details .grid .sidebar .contact-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.details .grid .sidebar .contact-info ul li {
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1.375rem;
  line-height: 2.1875rem;
}
.details .grid .sidebar .contact-info ul li.linkedin, .details .grid .sidebar .contact-info ul li.vcard {
  width: auto;
  font-size: 2.5rem;
  margin-right: 10px;
  margin-top: 30px;
}
.details .grid .sidebar .contact-info ul li.linkedin svg, .details .grid .sidebar .contact-info ul li.vcard svg {
  width: 40px;
  height: auto;
}
.details .grid .sidebar .contact-info ul li.linkedin svg path, .details .grid .sidebar .contact-info ul li.vcard svg path {
  fill: var(--color-brown-dark);
  transition: fill 0.25s ease-in-out;
}
.details .grid .sidebar .contact-info ul li.linkedin a svg, .details .grid .sidebar .contact-info ul li.vcard a svg {
  max-width: none;
}
.details .grid .sidebar .contact-info ul li a {
  color: var(--color-brown-dark);
}
.details .grid .sidebar .contact-info ul li a:hover {
  color: var(--color-red);
}
.details .grid .sidebar .contact-info ul li a:hover svg path {
  fill: var(--color-red);
}
.details .grid .sidebar .contact-info .details {
  grid-area: 1/1/1/1;
  z-index: 2;
  padding: 46px 34px;
}
.details .grid .sidebar .contact-info .photo {
  grid-area: 1/1/1/1;
  z-index: 1;
  overflow: hidden;
  height: 100%;
}
.details .grid .sidebar .contact-info .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .details .grid .sidebar .places {
    margin-top: 40px;
  }
}
@media (max-width: 1024px) {
  .details .grid .sidebar .places {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media (max-width: 550px) {
  .details .grid .sidebar .places {
    grid-template-columns: 100%;
    gap: 15px;
  }
}
.details .grid .sidebar .places p {
  margin-bottom: 10px;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.details .grid .sidebar .places p strong {
  font-size: 1.375rem;
  line-height: 1.5625rem;
}
@media (min-width: 1024px) {
  .details .grid .sidebar .places .item {
    margin-bottom: 40px;
  }
}
.details .grid .sidebar .places .item:last-of-type {
  margin-bottom: 0;
}
.details .grid .sidebar .places .item .photo {
  overflow: hidden;
  aspect-ratio: 844/600;
}
.details .grid .sidebar .places .item .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}