.about-page{background:#fff}
.about-page .about-hero{padding-block:82px 116px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:70px;align-items:end}
.about-page .about-hero-copy{max-width:800px}
.about-page .about-hero .section-eyebrow{font-size:16px;color:#555d52;margin:0 0 30px}
.about-page .about-hero h1{font:500 var(--type-display)/var(--leading-display) Cabinet,Arial,sans-serif;letter-spacing:var(--tracking-display);margin:0}
.about-page .about-hero h1 span{color:#9ca991}
.about-page .about-hero-lead{font-size:var(--type-lead);line-height:1.52;max-width:680px;margin:36px 0 0;color:#42494a}
.about-page .about-hero-figure{margin:0;aspect-ratio:1.16;background:#f1f3ed;border-radius:18px;overflow:hidden;display:grid;place-items:center}
.about-page .about-hero-figure img{width:100%;height:100%;object-fit:contain}
.about-page .about-origin{background:#f7f7f4;padding-block:110px 120px}
.about-page .about-origin-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}
.about-page .about-section-label{font-size:16px;color:#566053;margin:0;line-height:1.5}
.about-page .about-origin h2,.about-page .about-work h2{font:500 var(--type-heading)/var(--leading-heading) Cabinet,Arial,sans-serif;letter-spacing:var(--tracking-heading);margin:0 0 36px}
.about-page .about-origin h2{max-width:780px}
.about-page .about-origin-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:820px}
.about-page .about-origin-copy p{font-size:var(--type-body);line-height:1.65;color:#464d4d;margin:0}
.about-page .about-origin-copy p strong{font-weight:500;color:#17181a}
.about-page .about-work{padding-block:112px 122px}
.about-page .about-work-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}
.about-page .about-work-heading h2{max-width:780px}
.about-page .about-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d8dcd4}
.about-page .about-work-grid article{padding:30px 32px 8px}
.about-page .about-work-grid article:first-child{background:#f4f6ef;border-top:4px solid #e4ff1a;padding:26px 32px 32px;margin-top:-1px}
.about-page .about-work-grid article+article{padding-left:32px;border-left:1px solid #d8dcd4}
.about-page .about-work-grid article:is(:hover,:focus-within){background:#f4f6ef;border-top:4px solid #e4ff1a;padding:26px 32px 32px;margin-top:-1px}
.about-page .about-work-grid:has(article:not(:first-child):is(:hover,:focus-within)) article:first-child:not(:hover):not(:focus-within){background:transparent;border-top:0;padding:30px 32px 8px;margin-top:0}
.about-page .about-work-grid .number{display:block;font-size:16px;color:#606a5b;margin-bottom:44px}
.about-page .about-work-grid h3{font:500 var(--type-subheading)/var(--leading-heading) Cabinet,Arial,sans-serif;letter-spacing:var(--tracking-heading);margin:0 0 14px}
.about-page .about-work-grid p{font-size:var(--type-body);line-height:1.62;color:#4e5554;max-width:350px;margin:0 0 20px}
.about-page .about-work-grid a{display:inline-flex;gap:18px;align-items:center;font-size:var(--type-body);text-decoration:underline;text-underline-offset:5px}
.about-page .about-founder{border-top:1px solid #e3e5df;padding-block:58px 74px}
.about-page .about-founder-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}
.about-page .about-founder-inner{display:grid;grid-template-columns:104px 1fr;gap:26px;align-items:center;max-width:760px}
.about-page .about-founder img{width:104px;height:104px;object-fit:cover;filter:grayscale(1);border-radius:50%}
.about-page .about-founder h2{font:500 26px/1.2 Cabinet,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.about-page .about-founder p:not(.about-section-label){font-size:var(--type-body);line-height:1.55;color:#4d5551;margin:0}
@media(max-width:1000px){.about-page .about-hero{gap:36px;grid-template-columns:1fr .8fr}.about-page .about-origin-grid,.about-page .about-work-heading,.about-page .about-founder-grid{gap:36px}}
@media(max-width:760px){.about-page .about-hero{grid-template-columns:1fr;padding-block:56px 72px;gap:42px}.about-page .about-hero .section-eyebrow{margin-bottom:20px}.about-page .about-hero-lead{margin-top:24px}.about-page .about-hero-figure{aspect-ratio:1.5;max-width:560px}.about-page .about-origin{padding-block:72px 80px}.about-page .about-origin-grid,.about-page .about-work-heading,.about-page .about-founder-grid{grid-template-columns:1fr;gap:22px}.about-page .about-origin-copy{grid-template-columns:1fr;gap:18px}.about-page .about-origin h2,.about-page .about-work h2{margin-bottom:16px}.about-page .about-work{padding-block:76px 82px}.about-page .about-work-grid{grid-template-columns:1fr}.about-page .about-work-grid article,.about-page .about-work-grid article+article{padding:24px 0 26px;border-left:0;border-bottom:1px solid #d8dcd4}.about-page .about-work-grid article:first-child{padding:24px;margin-top:-1px}.about-page .about-work-grid .number{margin-bottom:20px}.about-page .about-founder{padding-block:48px 60px}.about-page .about-founder-inner{grid-template-columns:72px 1fr;gap:16px}.about-page .about-founder img{width:72px;height:72px}.about-page .about-founder h2{font-size:24px}}

/* U2: auf kleinen Ansichten bleiben die nicht aktiven Karten bündig. */
@media(max-width:760px){.about-page .about-work-grid:has(article:not(:first-child):is(:hover,:focus-within)) article:first-child:not(:hover):not(:focus-within){padding-left:0}}