.speaker-tba {background-image: url(/assets/images/speakers/speaker-tba.jpg);}

#bao-vu {background-image: url(/assets/images/speakers/bao-vu.jpg);}
#doublebill-design {background-image: url(/assets/images/speakers/doublebill-design.jpg);}
#maarten-hermans {background-image: url(/assets/images/speakers/maarten-hermans.jpg);}
#david-arroyo {background-image: url(/assets/images/speakers/david-arroyo.jpg);}
#grimm-van-gestel {background-image: url(/assets/images/speakers/grimm-van-gestel.jpg);}
#victor-vanderbeck {background-image: url(/assets/images/speakers/victor-vanderbeck.jpg);}
#sam-de-mulder {background-image: url(/assets/images/speakers/sam-de-mulder.jpg);}
#alexander-mitzkus {background-image: url(/assets/images/speakers/alexander-mitzkus.jpg);}
#niklas-nygren {background-image: url(/assets/images/speakers/niklas-nygren.jpg);}
#haste {background-image: url(/assets/images/speakers/haste.jpg);}
#sarah-schrauwen {background-image: url(/assets/images/speakers/sarah-schrauwen.jpg);}
#mathieu-vancamp {background-image: url(/assets/images/speakers/mathieu-vancamp.jpg);}
#valerie-di-matteo {background-image: url(/assets/images/speakers/valerie-di-matteo.jpg);}
#spectrum-surfers {background-image: url(/assets/images/speakers/spectrum-surfers.jpg);}
#angelo-isenia {background-image: url(/assets/images/speakers/angelo-isenia.jpg);}
#pieter-de-waele {background-image: url(/assets/images/speakers/pieter-de-waele.jpg);}
#steffest {background-image: url(/assets/images/speakers/steffest.jpg);}
#vnvnd {background-image: url(/assets/images/speakers/vnvnd.jpg);}
#stefan-lopusny {background-image: url(/assets/images/speakers/stefan-lopusny.jpg);}
#didi-gonzalez {background-image: url(/assets/images/speakers/didi-gonzalez.jpg);}
#thomas-kombuchen {background-image: url(/assets/images/speakers/thomas-kombuchen.jpg);}
#val-grimm {background-image: url(/assets/images/speakers/val-grimm.jpg);}
#suumhow {background-image: url(/assets/images/speakers/suumhow.jpg);}
#jeff-luyten {background-image: url(/assets/images/speakers/jeff-luyten.jpg);}
#ommery-de-zutter {background-image: url(/assets/images/speakers/ommery-de-zutter.jpg);}

/* SPEAKERS PREVIEW */

.speaker-frame {
    width: 100%;
    max-width: 32em;
}

.speaker-portrait {
    width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 0 1em 0;
    background-size: contain;
}

.speaker-border {
    background-image: url(/assets/images/speaker-border.svg);
    width: 100%;
    height: 100%;
    background-size: cover;
}

.speaker-frame img {
    width: 100%;
    height: auto;
}

.speaker-frame h2 {
    padding: 0 0 0 0;
}

.speaker-frame p {
    padding: 0 0 1em 0;
    font-size: 1.4em;
}

/* SPEAKERS BIO */

.artists-grid {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(32em, 1fr) );
    gap: 7em;
    padding: 0 0 5em 0;
}

.artist-bio {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    align-content: start;
}

.artist-bio h2 {
    font-size: 2.4em;
    padding: 0.5em 0;
}

.artist-bio h3 {
    font-size: 1.6em;
    text-transform: none;
    font-weight: bold;
}

.artist-bio p {
    font-size: 1.4em;
}

.artist-bio-img {
    background-size: cover;
    min-height: 24em;
    aspect-ratio: 1 / 1;
    width: 100%;
    scroll-margin-top: var(--navbar-height);
}

.artist-bio-info {
    width: 100%;
    vertical-align: top;
}

.artist-bio-links {
    display: flex;
    margin-bottom: auto;
}

.artist-bio-links a {
    margin: 0 0 0 1em;
}

.artist-bio-links a:first-child {
    flex-grow: 1;
    margin: 0;
}

.artist-bio-social-img {
    height: 2.4em;
    margin: 1em 0.4em 0 0;
}