.about-page{--about-content:888px;--about-wide:1248px}
.about-page [data-milestone-year] li a{text-decoration:underline;text-underline-offset:.15em}
.about-instagram-icon::before{font:400 16px/1 "PEC AWB Icons";content:"\ea92"}
.about-page main{overflow:hidden}
.about-page .about-narrow{width:min(var(--about-content),calc(100% - 60px));margin-inline:auto}
.about-page h1,.about-page h2,.about-page h3,.about-page blockquote{font-family:var(--heading)}
.about-page h2{font-size:24px;line-height:1.2}
.about-page .about-link{display:block;color:var(--blue);font:600 20px/1.25 var(--heading);text-align:center}
.about-page .about-link:hover,.about-page .about-link:focus-visible{text-decoration:underline;text-underline-offset:5px}

.about-hero{height:50vh;background:url("about-hero.jpg") center/cover no-repeat fixed}
.about-page .about-mission{width:min(950.5px,calc((100% - 60px)*.792064))}

.about-mission{min-height:502px;padding:70px 0 40px;text-align:center}
.about-mission h1{margin:0 auto 40px;font-size:60px;font-weight:200;line-height:72px;letter-spacing:.3px}
.about-mission h1 strong{font-weight:700}
.about-mission p{margin:0 auto;max-width:950px;line-height:24px}

.about-story{min-height:481px;padding-top:10px}
.about-story h2{margin:0 0 41px;font-weight:600}
.about-offset-copy{width:703px;margin-left:auto}
.about-offset-copy p{margin:0 0 20px}
.about-story .about-link{margin-top:35px}

.about-employee{min-height:695px;padding:50px 30px 45px;display:grid;place-items:center}
.about-employee-card{position:relative;width:950px;max-width:100%;height:535px;border:8px solid var(--blue);display:grid;grid-template-columns:1fr 1fr;color:var(--blue)}
.about-employee-card>img{position:absolute;left:32px;bottom:0;width:467px;height:599px;object-fit:contain;object-position:bottom}
.about-employee-copy{grid-column:2;padding:125px 48px 30px}
.about-employee-copy blockquote{margin:0;font-size:25px;font-weight:700;line-height:1.25}
.about-employee-copy p{margin:34px 0 27px;font-size:14px}
.about-employee-copy a{font:600 14px/1.5 var(--heading)}

.about-values{min-height:1004px;padding-top:10px}
.about-values h2{margin:0 0 40px;font-weight:600}
.about-values-intro{width:calc(100% - 165px);max-width:703px;margin:0 0 40px 165px}
.about-value-list{display:grid;gap:30px}
.about-value{display:grid;grid-template-columns:120px 1fr;gap:45px;align-items:start;margin:0}
.about-value img{width:80px;height:80px;object-fit:contain;transition:opacity .7s ease .3s}
.about-value img.about-reveal-pending{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){.about-value img{transition:none}.about-value img.about-reveal-pending{opacity:1}}
.about-value h3{margin:0 0 12px;color:var(--blue);font-size:16px;font-weight:600;line-height:1.2}
.about-value p{margin:0}

.about-careers{height:905px;margin-bottom:108px;background:linear-gradient(#10101078,#10101078),url("about-careers.jpg") center top/cover no-repeat;color:#fff;display:grid;place-items:center;text-align:center}
.about-careers>div{display:block;width:100%;padding:0 27px}
@media(min-width:561px) and (prefers-reduced-motion:no-preference){.about-careers{background-attachment:fixed}}
.about-careers h2{max-width:1040px;margin:0 auto 45px;font-size:40px;font-weight:700;line-height:48px}
.about-careers a{display:inline-block;border:2px solid;padding:15px 28px;text-transform:uppercase;font:600 18px/1.2 var(--heading);letter-spacing:.08em}

.about-company{position:relative;min-height:611px;margin-bottom:20px;padding:85px 0 60px}
.about-company-content p:last-child{margin-bottom:0}
.about-company-mark{position:absolute;top:-183px;left:50%;width:8px;height:150px;background:#000;transform:translateX(-50%)}
.about-company h2{margin:0 0 42px;font-weight:600}
.about-company-content{display:grid;grid-template-columns:120px 1fr;gap:45px}
.about-company-content img{width:92px;height:92px;opacity:.35}
.about-company-content p{margin:0 0 20px}

.about-milestones{min-height:535px;margin-bottom:60px;padding:53px 30px 48px;background:var(--navy);color:#fff}
.about-milestones-inner{position:relative;width:min(var(--about-content),100%);margin:auto}
.about-milestones h2{margin:0 0 45px;font-size:24px;font-weight:600}
.about-timeline article{display:none}
.about-timeline article:first-child,.about-timeline article[aria-hidden="false"]{display:block;animation:about-timeline-fade .35s ease}
.about-timeline article[aria-hidden="true"]{display:none}
.about-timeline h3{margin:0 0 25px;color:#3bfb65;font-size:60px;font-weight:200;line-height:1}
.about-timeline ul{margin:0;padding:0;list-style:none}
.about-timeline li{position:relative;margin:0 0 13px;padding-left:31px}
.about-timeline li::before{position:absolute;left:0;color:#3bfb65;content:"→"}
.about-timeline a{color:#3bfb65}
.about-timeline-controls button{position:absolute;top:185px;display:grid;width:44px;height:44px;place-items:center;border:0;padding:0;background:transparent;cursor:pointer}
.about-timeline-controls button span{display:none}
.about-timeline-controls button::before{width:19px;height:19px;border-top:3px solid #3bfb65;border-left:3px solid #3bfb65;content:""}
.about-timeline-controls{position:absolute;top:0;left:50%;width:min(var(--about-wide),calc(100vw - 60px));transform:translateX(-50%)}
.about-timeline-controls [data-milestone-previous]{left:0}
.about-timeline-controls [data-milestone-next]{right:0}
.about-timeline-controls [data-milestone-previous]::before{transform:rotate(-45deg)}
.about-timeline-controls [data-milestone-next]::before{transform:rotate(135deg)}
.about-timeline-controls button:disabled{opacity:.3;cursor:default}
.about-timeline-controls button:focus-visible{outline:3px solid #3bfb65;outline-offset:2px}
@keyframes about-timeline-fade{from{opacity:0}to{opacity:1}}

.about-sustainability{min-height:902px;padding-top:62px}
.about-sustainability h2{margin:0 0 42px;font-weight:600}
.about-sustainability-row{display:grid;grid-template-columns:120px 1fr;gap:45px;margin-bottom:35px}
.about-sustainability-row p{margin:0 0 20px}
.about-sustainability-row a:not(.about-climate-logo):not(.about-report-icon){color:var(--blue)}
.about-certifications{display:flex;flex-direction:column;align-items:center;gap:8px}
.about-certifications img{width:82px;height:82px;object-fit:contain}
.about-climate-logo,.about-report-icon{display:grid;place-items:center}
.about-climate-logo img{width:100px;height:auto}
.about-report-icon img{width:118.484375px;height:118.484375px;object-fit:contain;opacity:.45}
.about-sustainability .about-link{margin-top:2px}

.about-management-intro{min-height:375px;margin-bottom:21px;padding-top:44px}
.about-management-intro h2{margin:0 0 43px;font-weight:600}

.about-management-cards{min-height:800px;margin-bottom:80px;padding:0 30px 60px;overflow:hidden}
.about-management-viewport{width:min(1330px,100%);margin:auto;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}
.about-management-viewport.is-dragging{cursor:grabbing}
.about-management-viewport.is-dragging .about-management-grid{transition:none}
.about-management-viewport:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.about-management-viewport .about-management-grid{transition:none}}
.about-management-grid{width:100%;display:flex;gap:80px;transition:transform .5s ease;will-change:transform}
.about-management-card{flex:0 0 calc((100% - 160px)/3)}
.about-management-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}
.about-management-card h2{margin:28px 0 0;font-size:16px;font-weight:700;line-height:1.15}
.about-management-card>strong{display:block;font:600 14px/1.2 var(--heading)}
.about-management-card p{margin:24px 0;font-size:14px;line-height:1.3}
.about-management-card p b{font-weight:700}
.about-management-card>a{display:grid;width:31px;height:31px;place-items:center;border-radius:2px;background:var(--blue);color:#fff}
.about-management-dots{width:min(1330px,100%);min-height:40px;margin:45px auto 0;display:flex;align-items:center;gap:0}
.about-management-dots button{position:relative;width:40px;height:40px;border:0;padding:0;background:transparent;cursor:pointer}
.about-management-dots button::before{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#000;content:"";transform:translate(-50%,-50%)}
.about-management-dots button[aria-current="true"]::before{width:10px;height:10px;background:#48f58b}
.about-management-dots button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}

@media (max-width:1100px){
  .about-page{--about-content:calc(100% - 176px)}
  .about-hero{height:calc(50vh + 40px)}
  .about-mission{min-height:534px}
  .about-story{min-height:581px}
  .about-employee{min-height:646px}
  .about-values{min-height:1148px}
  .about-careers{height:953px}
  .about-company{min-height:683px}
  .about-milestones{min-height:562px}
  .about-sustainability{min-height:1122px}
  .about-management-intro{min-height:428px}
  .about-management-cards{min-height:645px}
  .about-management-grid{gap:35px}
  .about-management-card{flex-basis:calc((100% - 70px)/3)}
  .about-management-card img{height:300px;aspect-ratio:auto}
}

/* Remaining About boundary findings: source mobile content, not frozen heights.
   Mobile timeline shows every year; desktop carousel rules stay untouched. */
@media(max-width:560px){
html[lang|="de"] body.about-page .about-careers{height:auto;padding:210px 0 220px}
html[lang|="de"] body.about-page .about-company{min-height:0;padding-top:10px;padding-bottom:41px}
html[lang|="de"] body.about-page .about-company-content p:last-child{margin-bottom:0}
html[lang|="de"] body.about-page .about-milestones{min-height:0;padding-bottom:50px;margin-bottom:0}
html[lang|="de"] body.about-page .about-timeline{height:auto;gap:42px}
html[lang|="de"] body.about-page .about-timeline article{flex-shrink:0;margin-bottom:0}
html[lang|="de"] body.about-page .about-sustainability{min-height:0;padding-bottom:3px}
}

@media (max-width:1023px){
  .about-management-grid{gap:30px}
  .about-management-card{flex-basis:calc((100% - 30px)/2)}
}

@media (max-width:800px){
  .about-page{--about-content:calc(100% - 96px)}
  .about-hero{height:calc(50vh + 40px);background-position:center}
  .about-mission{min-height:643px;padding-top:70px}
  .about-mission h1{font-size:clamp(36px,calc(5.67273vw + 14.616px),60px);line-height:1.2}
  .about-story{min-height:706px}
  .about-offset-copy{width:78%}
  .about-values-intro{width:calc(100% - 165px)}
  .about-employee{min-height:504px;padding-top:30px}
  .about-employee-card{height:430px}
  .about-employee-card>img{height:470px;width:340px;left:15px}
  .about-employee-copy{padding:72px 28px}
  .about-values{min-height:1412px}
  .about-careers{height:997px}
  .about-company{min-height:952px}
  .about-milestones{min-height:696px}
  .about-sustainability{min-height:1386px}
  .about-management-intro{min-height:524px}
  .about-management-cards{min-height:661px}
  .about-page .project-request{min-height:769px;height:auto;padding:55px 50px;gap:35px}
}

@media (max-width:560px){
  .about-page{--about-content:330px}
  .about-page .about-narrow{width:min(var(--about-content),calc(100% - 60px))}
  /* MOB-07: source text axes are 30px, not a fixed 390px capture width. */
  .about-page .about-story,.about-page .about-values,.about-page .about-company{width:calc(100% - 60px)}
  .about-page h2{font-size:24px}
  .about-hero{height:calc(30vh + 40px);background-position:center;background-attachment:scroll}
  .about-page .about-mission{width:calc(100% - 60px);min-height:600px;padding:70px 0 35px}
  .about-mission h1{margin-bottom:10px;font-size:clamp(30px,calc(5.67273vw + 14.616px),60px);line-height:1.2}
  .about-mission p{font-size:16px;line-height:1.5}
  /* Source mobile link-to-employee-card gap: 60px; content determines section height. */
  .about-story{min-height:0;padding:45px 0 60px}
  .about-story h2{margin-bottom:18px;font-size:24px;line-height:1.14}
  .about-offset-copy,.about-values-intro{width:100%;margin-left:0}
  .about-story .about-link{margin-top:39px;font-size:19px}
  .about-employee{min-height:0;padding:0 30px 55px;align-items:start}
  .about-employee-card{width:100%;height:auto;border-width:8px;display:flex;flex-direction:column;text-align:center;overflow:hidden}
  /* Source portrait fills the inner border; normal flow places it below the quotation. */
  .about-employee-card>img{position:static;order:2;flex-shrink:0;transform:none;width:100%;height:auto}
  .about-employee-copy{padding:45px 20px 0}
  .about-employee-copy blockquote{font-size:24px;line-height:1.16}
  .about-employee-copy p{margin:35px 0 24px}
  .about-values{min-height:2030px;padding-top:20px}
  .about-values h2{margin-bottom:15px;line-height:1.15}
  .about-values-intro{margin-bottom:55px}
  .about-value-list{gap:58px}
  .about-value{display:block}
  .about-value img{width:70px;height:70px;margin:0 0 30px}
  .about-value h3{margin-bottom:12px}
  .about-value p{line-height:1.48}
  .about-careers{height:713px;background:linear-gradient(#10101078,#10101078),url("about-careers.jpg") center/cover no-repeat;color:#fff}
  .about-careers>div{display:block;width:100%;padding:0 27px}
  .about-careers h2{margin-bottom:35px;font-size:25px;line-height:1.1}
  .about-careers a{font-size:16px}
  .about-company{min-height:1114px;padding-top:100px}
  .about-company{margin-bottom:0}
  /* Source rotated 150×8 separator overlaps the image by 71px. */
  .about-company-mark{top:-179px;height:150px}
  .about-company h2{margin-bottom:18px;line-height:1.15}
  .about-company-content{display:block}
  .about-company-content img{display:none}
  .about-company-content p{margin-bottom:22px;line-height:1.48}
  .about-milestones-inner{width:100%}
  .about-milestones{min-height:3808px;padding:69px 30px 60px}
  .about-milestones h2{margin-bottom:38px;text-align:center;line-height:1.12}
  .about-timeline{height:3540px;display:flex;flex-direction:column;justify-content:space-between}
  .about-timeline article,.about-timeline article:first-child{display:block;margin-bottom:42px}
  .about-timeline-controls{display:none}
  .about-timeline h3{margin-bottom:25px;font-size:42px}
  .about-timeline li{margin-bottom:14px;padding-left:30px;line-height:1.5}
  .about-sustainability{min-height:1553px;padding-top:50px;display:grid;grid-template-columns:2fr 1fr;column-gap:8px;align-content:start}
  .about-sustainability h2{grid-column:1/-1;grid-row:1;margin-bottom:22px;line-height:1.1}
  .about-sustainability-row{display:contents}
  .about-sustainability-row:nth-of-type(1)>div:last-child{grid-column:1/-1;grid-row:2}
  .about-sustainability-row:nth-of-type(2)>div{grid-column:1/-1;grid-row:3}
  .about-certifications{grid-column:1;grid-row:4;flex-direction:row;justify-content:flex-start;gap:8px;margin:20px 0 24px}
  .about-certifications img{width:66px;height:66px}
  .about-climate-logo{grid-column:2;grid-row:4;display:grid;place-items:center;margin:20px 0 24px}
  .about-climate-logo img{width:90px}
  .about-report-icon{display:none}
  .about-sustainability-row:nth-of-type(3)>div{grid-column:1/-1;grid-row:5}
  .about-sustainability .about-link{grid-column:1/-1;grid-row:6;margin-top:28px}
  .about-management-intro{min-height:647px;padding-top:47px}
  .about-management-intro h2{margin-bottom:19px;line-height:1.08}
  .about-management-intro .about-offset-copy p{margin-bottom:23px}
  .about-management-cards{min-height:800px;margin-bottom:0;padding:0 30px 55px}
  .about-management-viewport{width:330px}
  .about-management-grid{gap:0}
  .about-management-card{flex-basis:100%}
  .about-management-card img{width:330px;height:333px}
  .about-management-card h2{margin:28px 0 0;text-align:center}
  .about-management-card>strong{text-align:center}
  .about-management-card p{margin:28px 0}
  .about-management-card>a{margin-top:30px}
  .about-management-dots{width:330px;margin-top:38px;gap:0;flex-wrap:wrap}
  .about-page .project-request{height:924px;min-height:0;padding:31px 30px 40px}
}