/* Letterboxer settings — Artist.css remains unmodified. */
:root {
  --group-width: 100%;
  --primary: #1e9e6b;
  --success: #4aa12a;
  --danger: #e96656;
  --link: #147d54;
}

/* Site-specific treatments. */
h1, h2 { text-transform: uppercase; }

.navbar-brand img { display: block; width: 150px; height: auto; }

@font-face {
  font-family: "Letterboxer FontAwesome";
  src: url("/assets/fonts/fontawesome-linkedin.woff2") format("woff2");
  font-display: block;
}

.linkedin-icon::before {
  content: "\f0e1";
  font: normal 20px/1 "Letterboxer FontAwesome";
}

.has-background-dark {
  --ink: #fff;
  --muted: #c8c8c8;
  --accent: #9ee0b6;
  --surface: #272727;
  color: var(--ink);
  background: var(--surface);
}

.custom-role { color: #888; margin-top: 0; }

.contact-form { margin-inline: auto; }

.feature.is-rounded .figure img { border-radius: 100px; }

hr {
  background: #ccc;
  border: none;
  height: 1px;
  margin: 50px auto;
}

.content > hr { margin: 50px auto; }

.media-stories h2 { text-transform: none; }

.exhibit .lede a { color: inherit; }

.button.is-borderless { border-color: transparent; }

.accordion details[open] > summary { color: var(--success); }
.accordion > details { border-color: #ccc; }

/* A linked Figure keeps the framework's 4:3 crop and fills its Card edge. */
.card > a > .figure { margin: 0; }
.card > a > .figure.is-cropped img {
  aspect-ratio: var(--figure-ratio);
  object-fit: cover;
}

.navbar.is-floating {
  top: -1px;
  border-radius: 0 0 20px 20px;
}