@import url('/assets/site-base.css');

.logo::before {
  content: "";
  width: 36px;
  height: 30px;
  background: url('/assets/sourcefolio-mark.png') center / contain no-repeat;
  flex: none;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.icon-panel {
  display: block;
  overflow: hidden;
  background: url('/assets/sourcefolio-cover.jpeg') center / cover no-repeat;
}

.icon-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(18, 23, 29, .4));
}

.icon-panel img {
  display: none;
}