:root{--project-blue:#0072b2;--project-ink:#152d3b;--project-muted:#526774;--project-line:#dce5e9;--project-tint:#f2f6f8;--md-text-font:"Avenir Next",Avenir,"Segoe UI",sans-serif;--md-code-font:ui-monospace,SFMono-Regular,monospace}
[data-md-color-scheme=default]{--md-primary-fg-color:#fff;--md-primary-bg-color:#152d3b;--md-accent-fg-color:#0072b2;--md-default-fg-color:#243c4a;--md-typeset-a-color:#0072b2}
[data-md-color-scheme=slate]{--project-blue:#66b8e8;--project-ink:#e5edf3;--project-muted:#afbec9;--project-line:#344654;--project-tint:#1e2d38;--md-default-bg-color:#15232e;--md-primary-fg-color:#15232e;--md-typeset-a-color:#80c7ee}
html{scroll-behavior:smooth;scroll-padding-top:7rem}.md-grid{max-width:64rem}.md-header{box-shadow:none;border-bottom:1px solid var(--project-line)}.md-header__title{font-weight:700;letter-spacing:-.03em}.md-tabs{border-bottom:1px solid var(--project-line)}.md-tabs__link{font-size:.72rem;opacity:.8}.md-tabs__link--active{font-weight:700;opacity:1}.md-main__inner{margin-top:1.7rem}.md-typeset{font-size:.83rem;line-height:1.75}.md-typeset h1,.md-typeset h2,.md-typeset h3{color:var(--project-ink);letter-spacing:-.035em}.md-typeset h1{font-weight:600}.md-typeset h2{font-weight:600}.md-typeset img{border-radius:4px}.md-typeset table:not([class]){font-size:.72rem}.md-typeset table:not([class]) th{background:var(--project-tint)}.md-footer{background:var(--project-tint);color:var(--project-ink)}.md-footer-meta{background:var(--project-tint)}.md-copyright,.md-copyright__highlight{color:var(--project-muted)}
body:has(.project-home) .md-main__inner{margin-top:0}body:has(.project-home) .md-content{max-width:none}body:has(.project-home) .md-content__inner{margin:0 .8rem;padding-top:0}body:has(.project-home) .md-content__inner:before{display:none}.project-home{color:var(--project-ink)}.project-home p{margin:0 0 1rem}.project-home a{text-decoration:none}.project-home .eyebrow{font-size:.56rem;letter-spacing:.14em;font-weight:700;color:var(--project-muted);margin-bottom:1rem}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#149778;margin:0 7px 1px 0}.hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:3rem;padding:3rem 0 2.5rem}.hero h1{font-size:1.7rem;font-weight:550;line-height:1.24;letter-spacing:-.045em;margin:0 0 1.4rem;max-width:26rem}.wordmark{display:block;font-size:4.7rem;line-height:1.05;font-weight:750;letter-spacing:-.075em;margin-bottom:.9rem}.wordmark-dot{color:var(--project-blue)}.hero .hero-lede{font-size:1.05rem;font-weight:600;margin-bottom:.6rem;letter-spacing:-.025em}.hero-description{font-size:.79rem;color:var(--project-muted);line-height:1.8;max-width:24rem}.actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.3rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.65rem .95rem;border:1px solid var(--project-line);border-radius:5px;color:var(--project-ink)!important;font-size:.68rem;font-weight:650;transition:background .15s,transform .15s}.button.primary{background:var(--project-blue);color:white!important;border-color:var(--project-blue)}.button:hover{background:var(--project-tint);transform:translateY(-2px)}.button.primary:hover{background:#005d91}.paper-meta{font-size:.54rem;color:var(--project-muted)}.hero-figure{margin:0!important;padding:1rem 1rem .6rem;background:var(--project-tint);border:1px solid var(--project-line);border-radius:9px;box-shadow:0 12px 35px #142d3c07;max-width:none!important}.figure-topline{display:flex;align-items:center;justify-content:space-between;font-size:.47rem;letter-spacing:.09em;font-weight:700;margin-bottom:.7rem;color:var(--project-muted)}.live-label{letter-spacing:0;font-weight:500}.car-stage{position:relative;margin:0 auto;width:100%;max-width:20rem}.car-stage>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:white;border-radius:5px}.image-switch{position:absolute;bottom:.65rem;left:50%;transform:translateX(-50%);display:flex;background:#ffffffed;padding:3px;border:1px solid #d6dfe3;border-radius:6px;box-shadow:0 2px 9px #0001}.image-switch button{padding:.3rem .65rem;border-radius:4px;color:#385364;font:inherit;font-size:.53rem;cursor:pointer}.image-switch button[aria-pressed=true]{background:#193c51;color:white}.concept-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.8rem auto 0;max-width:20rem}.concept-item{--concept:#009e73;display:flex;align-items:center;gap:.4rem}.concept-item.headlight{--concept:#c99c00}.concept-item.vent{--concept:#0072b2}.concept-item img{width:2.4rem;height:2.4rem;border:1px solid var(--concept);border-radius:3px}.concept-item span{font-size:.51rem;line-height:1.3}.concept-item i{width:5px;height:5px;background:var(--concept);display:block;border-radius:50%;margin-bottom:4px}.project-home figcaption{font-size:.5rem;font-style:normal;line-height:1.6;color:var(--project-muted);margin:.7rem auto .2rem;max-width:23rem;text-align:left}.author-band{text-align:center;border-top:1px solid var(--project-line);border-bottom:1px solid var(--project-line);padding:2.2rem 0;font-size:1.32rem;line-height:1.65}.author-band sup{font-size:.65em;margin-left:1px}.author-band p{margin-bottom:.45rem}.author-band .affiliation-line{font-size:1.12rem;color:var(--project-muted)}.author-band>a{font-size:.52rem}.section{padding:3.2rem 0;border-bottom:1px solid var(--project-line)}.section-heading{max-width:31rem}.project-home h2{font-size:1.9rem;line-height:1.18;font-weight:600;margin:0 0 1rem}.section-heading>p:last-child,.section-intro{color:var(--project-muted);font-size:.76rem;max-width:34rem}.three-ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0 1.6rem}.three-ideas article{border-left:2px solid var(--project-line);padding-left:1rem}.idea-index{font-size:.53rem;letter-spacing:.1em;color:var(--project-blue);font-weight:700}.project-home h3{font-size:.9rem;margin:.5rem 0 .5rem;line-height:1.35;font-weight:600}.three-ideas p,.example-copy p,.result-grid p{font-size:.68rem;color:var(--project-muted)}.symbol-note{font-size:.52rem;background:var(--project-tint);padding:.3rem .5rem;border-radius:3px;display:inline-block}.text-link{font-size:.65rem;color:var(--project-blue);font-weight:650}.inline-heading{display:flex;align-items:end;justify-content:space-between;max-width:none;gap:1rem}.inline-heading .text-link{margin-bottom:1.2rem;white-space:nowrap}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.8rem}.example-card{border:1px solid var(--project-line);border-radius:6px;overflow:hidden;color:var(--project-ink)!important;transition:transform .2s,box-shadow .2s}.example-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #17364713}.example-image{position:relative;background:var(--project-tint)}.example-image>img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:0}.example-arrow{position:absolute;right:.6rem;bottom:.6rem;width:1.65rem;height:1.65rem;display:grid;place-items:center;background:#fff;color:#193c51;border-radius:50%;font-size:.9rem}.example-copy{padding:1.1rem}.example-copy .eyebrow{font-size:.49rem;margin-bottom:.3rem}.example-copy p{margin-bottom:.7rem}.example-copy .text-link{font-size:.56rem}.small-note{font-size:.57rem;color:var(--project-muted);line-height:1.8}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1.5rem}.result-grid>a{padding:1rem 1rem 1.2rem 0;color:var(--project-ink);border-top:2px solid var(--project-blue)}.metric{font-size:3.1rem;font-weight:500;letter-spacing:-.07em;line-height:1.5}.metric>span{font-size:1.2rem;letter-spacing:-.04em;margin-left:.12rem}.result-grid p{min-height:3.8rem}.appearance-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.appearance-section>div>p:not(.eyebrow):not(.small-note){font-size:.73rem;color:var(--project-muted)}.closing-section{display:flex;align-items:center;justify-content:space-between;border:0;padding-bottom:3.5rem}.closing-section p{font-size:.74rem;color:var(--project-muted);max-width:30rem}.closing-logo{opacity:.45;margin:2rem;width:5rem;height:5rem}.project-home a:focus-visible,.project-home button:focus-visible{outline:3px solid var(--project-blue);outline-offset:4px}.md-typeset figure{margin:1.5rem 0}
@media(min-width:76.25em){body:has(.project-home) .md-sidebar{display:none}}
@media(max-width:900px){.hero{gap:1.5rem}.wordmark{font-size:3.8rem}.hero h1{font-size:1.4rem}.concept-item{flex-direction:column;align-items:start}.concept-item i{display:inline-block;margin:0 3px 1px 0}.three-ideas,.result-grid{gap:1rem}.appearance-section{gap:1.5rem}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:2rem 0;gap:1.5rem}.hero h1{font-size:1.55rem;max-width:100%}.wordmark{font-size:4.1rem}.hero-description{max-width:100%}.hero .hero-lede{font-size:.95rem}.hero-figure{max-width:26rem!important;width:100%;justify-self:center}.concept-item{flex-direction:row;align-items:center}.project-home .eyebrow{font-size:.51rem}.hero-copy .eyebrow{margin-bottom:.8rem}.author-band{font-size:1.18rem}.section{padding:2.2rem 0}.project-home h2{font-size:1.65rem}.three-ideas{grid-template-columns:1fr;gap:1.2rem}.three-ideas article{padding-left:.8rem}.three-ideas p{margin-bottom:.5rem}.inline-heading{align-items:start;flex-direction:column;gap:0}.inline-heading .text-link{margin-bottom:.8rem}.example-grid{grid-template-columns:1fr;gap:1rem}.example-card{display:grid;grid-template-columns:.8fr 1fr}.example-image>img{height:100%;aspect-ratio:1;object-fit:cover}.example-copy{padding:.8rem}.example-copy h3{font-size:.8rem}.example-copy p{font-size:.6rem}.example-copy .text-link{font-size:.5rem}.result-grid{grid-template-columns:1fr;gap:.8rem}.result-grid>a{padding:.6rem 0 1rem}.result-grid p{min-height:0;margin-bottom:.5rem}.metric{font-size:2.7rem}.appearance-section{grid-template-columns:1fr;gap:1.2rem}.closing-logo{display:none}.closing-section .actions{gap:.5rem}.button{font-size:.65rem}.md-typeset{font-size:.8rem}.md-content__inner{margin:0 .8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the wordmark open and readable in Avenir's heavy weights. */
.wordmark{letter-spacing:-.04em;font-weight:650}
/* Project credits live on the landing page, alongside the paper. */
.institution-logos{--logo-height:2.6rem;display:grid;grid-template-columns:1fr 1.3fr 1.6fr 1.4fr;align-items:center;gap:1.1rem;max-width:58rem;margin:2rem auto;padding:1rem;background:#fff;border-radius:5px}
.institution-logos a{display:flex;align-items:center;justify-content:center;height:4.2rem;min-width:0}
.institution-logos img{display:block;width:auto;height:var(--logo-height);max-width:100%;object-fit:contain;border-radius:0}
/* Compensate for whitespace inside the original logo artwork. */
.institution-logos .institution-gmum img{height:calc(var(--logo-height)*1.14);transform:translateX(-3%)}
.institution-logos .institution-saarland img{height:calc(var(--logo-height)*1.25)}
.author-band .equal-contribution{font-size:1.12rem;color:var(--project-muted)}
.full-affiliations{font-size:.57rem;color:var(--project-muted);line-height:1.8;margin-top:1rem}
.landing-details{max-width:48rem;margin:0 auto;padding:1.2rem 0 3rem}
.landing-details h2{font-size:1.45rem;margin:2rem 0 .9rem;padding-top:1rem;border-top:1px solid var(--project-line)}
.landing-details p{font-size:.7rem;line-height:1.85;color:var(--project-muted)}
.landing-details pre{font-size:.62rem;line-height:1.7}
.landing-details .highlight{margin:1.2rem 0}
.paper-figure{background:white;padding:.7rem;border:1px solid var(--project-line);border-radius:5px}
.paper-figure img{display:block;width:100%;height:auto}
.paper-figure figcaption{color:var(--project-muted);font-size:.64rem;line-height:1.65}
@media(max-width:1000px){.institution-logos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem}}
@media(max-width:650px){.institution-logos{--logo-height:clamp(1.2rem,5.7vw,2.6rem);gap:.7rem;margin:1.5rem 0;padding:.65rem}.institution-logos a{height:3.6rem}.author-band .affiliation-line,.author-band .equal-contribution{font-size:1rem}.landing-details pre{font-size:.56rem}.full-affiliations{font-size:.55rem}}
/* Paper artwork retains its white canvas in either theme. */
.paper-figure figcaption{color:#526774}
.paper-figure figcaption a{color:#0072b2}

/* Give the complete paper teaser the full reading width. */
.project-home .teaser-figure{max-width:none;margin:1.4rem 0 0;padding:1rem;background:#fff;border:1px solid var(--project-line);border-radius:6px}
.teaser-figure img{display:block;width:100%}
.project-home .teaser-figure figcaption{max-width:none;font-size:.7rem;line-height:1.7;color:#526774;margin:1rem 0 0}

/* Five equal-size dataset cards, with the second row centered. */
.example-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.example-card{grid-column:span 2}
.example-card:nth-child(4){grid-column:2 / span 2}
.example-card:nth-child(5){grid-column:4 / span 2}
@media(max-width:650px){.example-grid{grid-template-columns:1fr}.example-card,.example-card:nth-child(4),.example-card:nth-child(5){grid-column:auto}}

/* Supplementary attribute matches stay legible as three full-width strips. */
.appearance-section{display:block}
.appearance-section .section-heading{max-width:38rem}
.appearance-gallery{display:grid;gap:1.3rem;margin:1.8rem 0 1rem}
.project-home .appearance-example{max-width:none;margin:0;padding:1rem;background:#fff;border:1px solid var(--project-line);border-radius:6px}
.project-home .appearance-example h3{color:#243c4a;margin:0 0 .8rem}
.appearance-example>a,.appearance-example img{display:block;width:100%;height:auto}
.project-home .appearance-example figcaption{max-width:none;font-size:.65rem;color:#526774;margin:.7rem 0 0}

/* Final responsive and accessibility polish. */
.project-home,.hero-copy,.hero-figure,.section-heading,.example-copy{min-width:0}
.author-names{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1rem;row-gap:.2rem}
.author-names>span{white-space:nowrap}
.author-band .affiliation-line{max-width:50rem;margin:.8rem auto}
.full-affiliations{font-size:.68rem}
.project-home .eyebrow,.idea-index,.symbol-note{font-size:.62rem}
.paper-meta,.figure-topline,.concept-item span{font-size:.62rem}
.project-home .hero-figure figcaption{font-size:.66rem}
.three-ideas p,.example-copy p,.result-grid p{font-size:.76rem}
.example-copy .eyebrow,.example-copy .text-link,.small-note{font-size:.66rem}
.example-copy h3{font-size:1rem}
.small-note{margin-top:1rem!important}
.text-link{font-size:.74rem}
.button{min-height:44px;font-size:.74rem}
.image-switch button{min-height:40px;min-width:72px;font-size:.65rem}
.landing-details p{font-size:.78rem;overflow-wrap:anywhere}
.landing-details pre{font-size:.68rem}
.project-home .teaser-figure figcaption,.project-home .appearance-example figcaption,.paper-figure figcaption{font-size:.72rem}
.teaser-figure figcaption a,.appearance-example figcaption a{color:#0072b2}
[data-md-color-scheme=slate] .button.primary{color:#152d3b!important}
[data-md-color-scheme=slate] .button.primary:hover{background:#91d2f5}
.figure-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:3px}
.figure-scroll a{display:block}
.figure-scroll img{display:block;width:100%;height:auto}
.figure-scroll:focus-visible{outline:3px solid #0072b2;outline-offset:3px}
.figure-scroll-hint{display:none}
@media(min-width:651px) and (max-width:1000px){
  .example-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .example-card:nth-child(4){grid-column:span 2}
  .example-card:nth-child(5){grid-column:2 / span 2}
}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;gap:1.8rem}
  .hero h1,.hero-description{max-width:none}
  .hero-figure{width:100%;max-width:26rem!important;justify-self:center}
  .hero .wordmark{font-size:clamp(3rem,14vw,4.1rem)}
  .concept-item{flex-direction:row;align-items:center}
}
@media(max-width:650px){
  .project-home .eyebrow{font-size:.62rem}
  .author-band{padding:1.6rem 0}
  .author-names{font-size:1.05rem;line-height:1.65;column-gap:.85rem}
  .author-band .affiliation-line{font-size:.85rem}
  .author-band .equal-contribution{font-size:.8rem}
  .full-affiliations{font-size:.67rem}
  .example-copy p{font-size:.74rem}
  .example-copy h3{font-size:.95rem}
  .example-copy .text-link{font-size:.65rem}
  .example-card{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
  .project-home .appearance-example,.project-home .teaser-figure{padding:.7rem}
  .figure-scroll a{min-width:42rem}
  .teaser-figure .figure-scroll a{min-width:36rem}
  .figure-scroll-hint{display:block;font-size:.67rem;color:var(--project-muted);margin:1rem 0!important}
  .landing-details pre{font-size:.65rem}
  .button{font-size:.72rem}
  .closing-section .actions>.text-link{padding:.5rem 0}
}
@media(max-width:420px){
  .example-card{display:block}
  .example-image>img{aspect-ratio:1.35;height:auto}
  .example-copy{padding:1rem}
  .concept-strip{gap:.35rem}
  .concept-item{flex-direction:column;align-items:center;text-align:center}
  .figure-topline{flex-wrap:wrap;gap:.3rem}
  .actions>.button{flex:1 1 100%}
}

/* Expand the project name in the homepage scrolling header. */
.project-expanded-title{font-weight:400}
.project-expanded-title strong{font-weight:700}
