.engagement-hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(12,20,29,.97) 0%,rgba(12,20,29,.82) 34%,rgba(12,20,29,.32) 67%,rgba(12,20,29,.08) 100%),linear-gradient(0deg,rgba(12,20,29,.7),transparent 48%),url("../../images/kriegsgraeber-hero.webp") center 55%/cover}
.engagement-hero::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:5vw;background:var(--navy);clip-path:polygon(0 100%,100% 0,100% 100%)}.engagement-hero .section-inner{position:relative;z-index:2;padding-top:5rem}.engagement-hero h1{font-size:clamp(2.8rem,6.5vw,6rem);line-height:1;margin:0;max-width:1050px}.engagement-hero .section-inner>p:last-child{max-width:680px;color:#edf1f3;font-size:1.2rem;margin-top:1.8rem}
.engagement-intro{padding:9rem 0;background:var(--navy)}.engagement-intro-grid,.history-grid,.preservation-grid,.support-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,8rem);align-items:center}.engagement-intro p:not(.eyebrow),.support-section p{color:#c3ccd5}.principle-card{padding:3rem;background:linear-gradient(145deg,#2a3a4d,#1a2634);border-top:3px solid var(--green);box-shadow:var(--shadow);color:#fff}.principle-card .volksbund-logo{width:180px;height:150px;object-fit:contain;margin:0 auto 2rem;filter:brightness(0) invert(1)}.principle-card .eyebrow{color:var(--green2)}.principle-card blockquote{font:400 clamp(1.2rem,2vw,1.65rem)/1.45 "Michroma","Segoe UI",sans-serif;margin:0;color:#fff}
.history-section,.preservation-section{padding:9rem 0;background:var(--paper);color:var(--ink)}.history-section .eyebrow,.preservation-section .eyebrow,.recognition-section .eyebrow{color:#68783d}.history-section p:not(.eyebrow),.preservation-section p:not(.eyebrow){color:#5f6972}.source-photo{margin:0;background:#fff;box-shadow:0 16px 38px rgba(18,27,37,.14)}.source-photo img{width:100%;min-height:440px;object-fit:cover}.source-photo figcaption,.document-card figcaption{padding:.8rem 1rem;color:#68737c;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}
.facts-section{padding:7rem 0;background:var(--navy2)}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:2rem 0 3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts-grid div{padding:2.2rem;border-right:1px solid var(--line)}.facts-grid div:last-child{border-right:0}.facts-grid strong{display:block;color:var(--green2);font:400 clamp(2rem,4vw,3.5rem)/1 "Michroma","Segoe UI",sans-serif}.facts-grid span{display:block;margin-top:.7rem;color:#d5dce2}.facts-copy{max-width:1000px;color:#bfc8d0}
.preservation-grid{grid-template-columns:.85fr 1.15fr}.support-section{padding:8rem 0;background:var(--ink)}.support-grid{align-items:start}.support-section .button{margin-top:1rem}.recognition-section{padding:9rem 0;background:var(--paper);color:var(--ink)}.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.document-card{margin:0;background:#fff;box-shadow:0 12px 35px rgba(18,27,37,.1);overflow:hidden}.document-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;background:none}
@media(max-width:900px){.engagement-intro-grid,.history-grid,.preservation-grid,.support-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.preservation-grid .source-photo{grid-row:1}.recognition-grid{grid-template-columns:1fr}.document-card img{height:auto;max-height:720px}.facts-grid div{padding:1.5rem}}
@media(max-width:620px){.engagement-hero{min-height:620px;background-position:58% center}.engagement-hero .section-inner{padding-top:4rem}.engagement-hero h1{font-size:clamp(2.25rem,11vw,3.5rem)}.engagement-intro,.history-section,.preservation-section,.support-section,.recognition-section,.facts-section{padding:6rem 0}.principle-card{padding:2rem}.source-photo img{min-height:300px}.facts-grid{grid-template-columns:1fr}.facts-grid div{border-right:0;border-bottom:1px solid var(--line)}.facts-grid div:last-child{border-bottom:0}.document-card img{height:auto}}