:root {
  --md-status--upcoming: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-120q-51 0-72.5-45.5T138-250l222-270v-240h-40q-17 0-28.5-11.5T280-800q0-17 11.5-28.5T320-840h320q17 0 28.5 11.5T680-800q0 17-11.5 28.5T640-760h-40v240l222 270q32 39 10.5 84.5T760-120H200Zm80-120h400L544-400H416L280-240Zm-80 40h560L520-492v-268h-80v268L200-200Zm280-280Z"/></svg>');
}

.md-status--upcoming::after {
  mask-image: var(--md-status--upcoming);
  -webkit-mask-image: var(--md-status--upcoming);
}

/* Personal site: no logo in the header */
.md-header__button.md-logo { display: none; }

/* Headshot beside the About text on wide screens, centered on phones */
.headshot { float: right; width: 200px; margin: 0 0 1rem 1.5rem; border-radius: 6px; }
@media screen and (max-width: 44.9375em) {
  .headshot { float: none; display: block; width: 60%; margin: 0 auto 1rem; }
}

/* Responsive video embed */
.video { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 1rem 0; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Single-page site: the header already carries the name, so hide the auto-inserted H1 */
.md-content h1 { display: none; }
.md-content h1 + h2 { margin-top: 0.4em; }