/* Warum proband15: Origin Story, Auszeichnungen, Veroeffentlichungen (Werte und Bios behalten ihren Scroll-Effekt aus scrollprocess_about.js) */
/* gemeinsame Basis */
.ab { --grey: #f2f2f2; --dark: #151515; --ink: #151515; --text: #333; --mute: #6b7473; --teal: #089289; --teal-hi: #2cc5b9;
  --edge: max(clamp(20px, 5vw, 48px), calc((100vw - 1120px) / 2 + 48px));
  background: var(--grey); color: var(--ink); font-family: "Barlow", sans-serif; font-size: 1.125rem; line-height: 1.7; padding-bottom: 8rem; margin-top: 6rem; }
.ab * { font-family: inherit; }
.ab p, .ab li { text-align: left; hyphens: manual; }
.ab h1, .ab h2, .ab h3 { color: inherit; font-weight: 600; letter-spacing: -.01em; }
.ab-wrap { max-width: 1120px; margin: 0 auto; padding-inline: clamp(20px, 5vw, 48px); }
.ab-kick { font: 600 .82rem "Barlow Condensed", sans-serif !important; letter-spacing: .2em; text-transform: uppercase; color: var(--teal); margin: -.4rem 0 1.6rem; }
.ab-icons { display: flex; gap: .6rem; margin: .4rem 0 1rem; } .ab-ico img { width: 26px; height: 26px; display: block; }
.ab-filter { display: flex; gap: .5rem; margin: 0 0 2rem; }
.ab-filter button { font: 600 .85rem "Barlow Condensed", sans-serif; letter-spacing: .14em; text-transform: uppercase; padding: .45rem 1rem; border-radius: 99px; border: 1.5px solid var(--ink); background: transparent; cursor: pointer; }
.ab-filter button.on { background: var(--ink); color: #fff; }
.ab-year { display: grid; grid-template-columns: 6rem 1fr; gap: 1.5rem; border-top: 1px solid #cfd6d5; padding: 1.4rem 0; }
.ab-y { font-size: 2rem; font-weight: 600; line-height: 1; color: var(--teal); position: sticky; top: 90px; align-self: start; }
.ab-year ul { list-style: none; margin: 0; padding: 0; } .ab-year li { margin: 0 0 1rem; font-size: 1rem; line-height: 1.55; color: var(--text); }
[data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { [data-reveal] { opacity: 1; transform: none; transition: none; } }
@media (max-width: 760px) { .ab-year { grid-template-columns: 1fr; gap: .4rem; } .ab-y { position: static; } }

.a-story { background: var(--dark); color: #eef2f1; margin-top: 9rem; padding: clamp(6rem, 12vw, 10rem) 0; overflow: hidden; }
.a-story p { color: #c4cccb; } .a-story .ab-kick { color: var(--teal-hi); }
.a-story-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 4rem; align-items: center; }
.a-15 { font-family: "Staatliches", sans-serif !important; font-size: clamp(14rem, 34vw, 30rem); line-height: .8; color: var(--teal-hi); }
.a-story h2 { font-size: clamp(2rem, 3.6vw, 3rem); margin: 0 0 .8rem; }
.a-awards, .a-pubs { margin-top: 9rem; } .a-awards h2, .a-pubs h2 { font-size: clamp(2rem, 3.6vw, 3rem); margin: 0 0 .8rem; }
.a-aw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .a-aw-grid img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 14px; display: block; }
.a-aw-grid p { grid-column: 1 / -1; font-size: 1.15rem; color: var(--text); margin-top: 1rem; }
.a-story { margin-top: 0; }
.a-story .is-main-color { color: var(--teal-hi) !important; }
@media (max-width: 760px) { .a-story-grid, .a-aw-grid { grid-template-columns: 1fr; } .a-15 { font-size: 10rem; } }