.logo-white {
  fill: var(--brand-logo-white-fill);
}

.home-mark {
  margin: 0;
  padding: 0;
  position: static;
  background: transparent;
  line-height: 1.05;
  text-align: right;
}

:root {
  --brand-logo-white-fill: #ffffff;
  --brand-adyen-logo-fill: #0abf53;
  --effect-sticky-title-bg-transparent: rgba(56, 59, 60, 0);
}

@media (prefers-color-scheme: light) {
  :root {
    --brand-logo-white-fill: #383b3c;
    --effect-sticky-title-bg-transparent: rgba(248, 249, 249, 0);
  }
}

#spotify-logo svg {
  height: 2.5rem;
}

#snap-logo svg {
  height: 2.85rem;
}

.work-intro {
  padding-top: 0;
}

.work-logo {
  min-height: 4.75rem;
  padding: 0.9rem 1rem;
}

.work-entry {
  margin-top: 2.35rem;
}

.work-logo svg {
  display: block;
  max-width: 100%;
}

.work-logo__link,
.luc-mark__link {
  display: block;
  font-style: normal;
  line-height: 0;
  max-width: 100%;
}

.work-logo__link:focus-visible,
.luc-mark__link:focus-visible {
  outline: 2px solid var(--color-link-hover);
  outline-offset: 0.25rem;
}

#meta-logo {
  display: flex;
  align-items: center;
}

#meta-logo picture {
  display: block;
}

#meta-logo img {
  display: block;
  height: 1.55rem;
  width: auto;
}

#adyen-logo svg {
  height: 1.5rem;
}

#adyen-logo svg path {
  fill: var(--brand-adyen-logo-fill);
}

#fb-logo svg {
  height: 1.67rem;
}

#arity-logo svg {
  height: 1.5rem;
}

#stagebloc-logo svg {
  height: 1.5rem;
}

#google-logo svg {
  height: 1.5rem;
}

.work-logo#adyen-logo svg {
  height: 1.75rem;
}

.work-logo#arity-logo svg {
  height: 1.65rem;
}

.work-logo#stagebloc-logo svg {
  height: 1.65rem;
}

.work-logo#google-logo svg {
  height: 1.65rem;
}

#independent-technical-projects {
  margin-top: 2.35rem;
}

.academic-intro {
  margin-block: 1rem;
}

.academic-formation {
  grid-template-areas:
    "rail label"
    "rail body";
}

.academic-formation .section-label {
  grid-area: label;
}

.academic-formation .luc-mark {
  grid-area: rail;
}

.academic-formation .two-column__body {
  grid-area: body;
}

.academic-project-meta__title {
  color: var(--color-body-text);
  font-style: italic;
  font-weight: 600;
}

.academic-project-meta__timespan {
  white-space: nowrap;
}

.luc-mark {
  background: transparent;
  box-shadow: none;
  max-width: var(--layout-content-rail-width);
}

.luc-mark img,
.academic-figure picture,
.academic-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.academic-figure {
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.research-entry .academic-figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0;
  max-width: 20rem;
  min-height: 0;
}

.research-entry .academic-figure picture,
.research-entry .academic-figure img {
  max-width: 100%;
  max-height: 10rem;
  object-fit: contain;
}

.research-entry .graph-figure picture,
.research-entry .graph-figure img {
  width: auto;
  height: 7.8rem;
}

.research-entry .interests-figure img {
  width: 100%;
  max-height: 9rem;
}

.nlc-math-block {
  margin: 1rem 0 1.05rem;
}

.math-svg {
  opacity: 0.86;
}

.nlc-equation-svg {
  display: block;
  height: auto;
  margin: 0.2rem auto 0.75rem;
  max-width: min(100%, 34rem);
  width: min(100%, 34rem);
}

.math-inline {
  --layout-math-inline-align: -0.16em;
  --layout-math-inline-height: 0.98em;
  display: inline-block;
  height: var(--layout-math-inline-height);
  margin: 0 0.08em;
  max-height: var(--layout-math-inline-height);
  vertical-align: var(--layout-math-inline-align);
  width: auto;
}

.math-inline--a-even {
  --layout-math-inline-align: -0.245em;
  --layout-math-inline-height: 0.98em;
}

.math-inline--a-odd {
  --layout-math-inline-align: -0.25em;
  --layout-math-inline-height: 0.98em;
}

.math-inline--disk-parameters {
  --layout-math-inline-align: -0.245em;
  --layout-math-inline-height: 0.98em;
}

.math-inline--center-term {
  --layout-math-inline-align: -0.086em;
  --layout-math-inline-height: 0.64rem;
}

.math-inline--vector-term {
  --layout-math-inline-align: -0.006em;
  --layout-math-inline-height: 0.69rem;
}

.math-inline--radius-term {
  --layout-math-inline-align: -0.017em;
  --layout-math-inline-height: 0.53rem;
}

.math-inline--point-term {
  --layout-math-inline-align: -0.017em;
  --layout-math-inline-height: 0.69rem;
}

.math-inline--pv {
  --layout-math-inline-align: -0.225em;
  --layout-math-inline-height: 0.74rem;
}

.math-inline--measure {
  --layout-math-inline-align: -0.053em;
  --layout-math-inline-height: 0.94rem;
}

.math-inline--dimension {
  --layout-math-inline-align: -0.251em;
  --layout-math-inline-height: 1rem;
}

@media (max-width: 600px) {
  .math-inline--pv {
    --layout-math-inline-align: -0.225em;
  }
}

.luc-mark .luc-logo-dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  .luc-mark {
    background: transparent;
    box-shadow: none;
  }

  .academic-figure {
    background: transparent;
    box-shadow: none;
  }

  .research-entry .interests-figure img {
    filter: invert(1);
  }

  .math-svg {
    filter: invert(1);
    opacity: 0.78;
  }

  .luc-mark .luc-logo-light {
    display: none;
  }

  .luc-mark .luc-logo-dark {
    display: block;
  }
}

@media (max-width: 800px) {
  .home-mark {
    max-width: none;
    margin-bottom: 1.35rem;
    text-align: center;
    white-space: nowrap;
  }

  .home-break {
    display: none;
  }

  .work-logo {
    margin-bottom: 1rem;
    min-height: auto;
    padding: 0;
  }

  .work-entry {
    margin-top: 2rem;
  }

  .luc-mark {
    max-width: var(--layout-content-rail-width);
  }

  .luc-mark,
  .academic-figure {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }

  .research-entry .academic-figure {
    display: block;
    height: auto;
    max-width: var(--layout-content-rail-width);
  }

  .research-entry .graph-figure picture,
  .research-entry .graph-figure img {
    width: 100%;
    height: auto;
  }

  .research-entry .interests-figure img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  #spotify-logo svg {
    height: 2.25rem;
  }

  #snap-logo svg {
    height: 2.55rem;
  }

  #meta-logo img {
    height: 1.45rem;
  }

  #adyen-logo svg {
    height: 1.35rem;
  }

  #fb-logo svg {
    height: 1.5rem;
  }

  #arity-logo svg {
    height: 1.8rem;
  }

  #stagebloc-logo svg {
    height: 1.41rem;
  }

  #google-logo svg {
    height: 1.38rem;
  }

  .section-label,
  .two-column__rail--sticky {
    background: var(--color-body-bg);
    position: sticky;
    top: 0;
    z-index: 20;
  }

  .section-label::after,
  .two-column__rail--sticky::after {
    background: linear-gradient(180deg, var(--color-body-bg) 0%, var(--effect-sticky-title-bg-transparent) 100%);
    bottom: -0.75rem;
    content: "";
    height: 0.75rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
  }

  .section-label {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.55rem 1rem 0;
  }

  .two-column__rail--sticky {
    padding-top: 0.55rem;
    padding-bottom: 0;
  }

}

@media (min-width: 801px) {
  .home-mark {
    margin-top: 1.5rem;
  }
}