.blattkraft-about { color: #15364f; background: #fff; font-size: clamp(.9rem, 1.1vw, 1rem); }
.blattkraft-about h1,.blattkraft-about h2 { margin: 0; color: #0b3f7a; font-family: Georgia, 'Times New Roman', serif; font-weight: 500; line-height: 1.08; }
.blattkraft-about h2 { font-size: clamp(2rem, 3vw, 3.25rem); }.blattkraft-about p { line-height: 1.65; }.blattkraft-about__container { width: min(calc(100% - 3rem), 75rem); margin-inline: auto; }
.blattkraft-about__hero { position: relative; min-height: clamp(32rem, 45vw, 42rem); overflow: hidden; background: #e8eee4; }.blattkraft-about__hero-media,.blattkraft-about__hero-media img,.blattkraft-about__hero-media video { position: absolute; inset: 0; width: 100%; height: 100%; }.blattkraft-about__hero-media img,.blattkraft-about__hero-media video { object-fit: cover; object-position: center; }.blattkraft-about__hero-media video { display: none; }.blattkraft-about__hero-media video:not(.is-unavailable) { display: block; }.blattkraft-about__hero::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.72) 34%,rgba(255,255,255,.08) 68%); content: ''; }.blattkraft-about__hero-copy { position: relative; z-index: 1; padding-top: clamp(6rem, 11vw, 10rem); }.blattkraft-about__hero h1 { font-size: clamp(3rem,5.4vw,5rem); }.blattkraft-about__claim { margin: .4rem 0 1rem; color: #20783b; font-family: Georgia,serif; font-size: clamp(1.35rem,2.1vw,2rem); }.blattkraft-about__hero-copy > p:not(.blattkraft-about__claim):not(.blattkraft-about__signature) { max-width: 25rem; }.blattkraft-about__signature { color: #0b4f91; font-family: cursive; font-size: 1.65rem; font-style: italic; }
.blattkraft-about__story { display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 25rem; background: #f7f7f6; }.blattkraft-about__story-image { height: 100%; overflow: hidden; clip-path: polygon(0 0,100% 0,calc(100% - 8rem) 100%,0 100%); }.blattkraft-about__story-image img { width: 100%; height: 100%; object-fit: cover; }.blattkraft-about__story-copy { max-width: 31rem; height: 100%; padding: 4rem 3rem; background: #f7f7f6; }.blattkraft-about__eyebrow { margin: 0 0 .55rem; color: #208040; font-size: .82rem; font-weight: 700; }.blattkraft-about__heading { text-align: center; }.blattkraft-about__values { padding-block: 2rem; }.blattkraft-about__value-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin-top: 1.25rem; text-align: center; }.blattkraft-about__icon { display: grid; place-items: center; width: 7.5rem; height: 7.5rem; margin: auto; background: #eff7e9; border-radius: 50%; }.blattkraft-about__icon img { width: 4.2rem; height: 4.2rem; }.blattkraft-about__value-grid h3 { margin: .65rem 0 .35rem; color: #0b3f7a; font-size: .95rem; }.blattkraft-about__value-grid p { margin: 0; font-size: .82rem; }
.blattkraft-about__quality { padding: 1.5rem 0; background: #fbfcf8; }.blattkraft-about__quality > div { display: grid; grid-template-columns: minmax(15rem,.95fr) 2fr; gap: 2rem; align-items: center; }.blattkraft-about__quality-copy p { max-width: 22rem; }.blattkraft-about__button { display: inline-block; padding: .85rem 1.2rem; color: #fff; background: #23823c; border-radius: .15rem; font-weight: 700; text-decoration: none; }.blattkraft-about__process { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; padding: 0; margin: 0; list-style: none; text-align: center; }.blattkraft-about__process li { position: relative; display: grid; justify-items: center; gap: .75rem; color: #0b3f7a; font-size: .78rem; font-weight: 700; }.blattkraft-about__process li:not(:last-child)::after { position: absolute; top: 2.15rem; right: -1rem; width: 1.35rem; border-top: 2px solid #23823c; content: ''; }.blattkraft-about__process img { width: 4.3125rem; height: 4.3125rem; padding: .7rem; background: #eff7e9; border-radius: 50%; }
.blattkraft-about__person { position: relative; min-height: 27rem; overflow: hidden; }.blattkraft-about__person > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.blattkraft-about__person::after { position: absolute; inset: 0; background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 32%,rgba(255,255,255,.05) 72%); content: ''; }.blattkraft-about__person > div { position: relative; z-index: 1; padding-block: 5rem; }.blattkraft-about__person > div > div { max-width: 26rem; }.blattkraft-about__closing { background: #fff; text-align: center; }.blattkraft-about__closing > div { padding: 2rem 1.5rem; }.blattkraft-about__closing h2 { font-size: clamp(1.8rem,3vw,2.7rem); }.blattkraft-about__closing p { margin: .45rem 0; color: #16713a; font-family: Georgia,serif; font-size: clamp(1.2rem,2vw,1.7rem); }.blattkraft-about__closing span { font-size: .95rem; }
@media (max-width: 48rem) { .blattkraft-about__container { width: min(calc(100% - 2rem),75rem); }.blattkraft-about__hero { min-height: 34rem; }.blattkraft-about__hero-media video { display: none; }.blattkraft-about__hero::after { background: linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.52)); }.blattkraft-about__story { grid-template-columns: 1fr; }.blattkraft-about__story-image { height: 18rem; clip-path: none; }.blattkraft-about__story-copy { padding: 3rem 1.5rem; }.blattkraft-about__value-grid { grid-template-columns: 1fr 1fr; }.blattkraft-about__quality > div { grid-template-columns: 1fr; }.blattkraft-about__process { grid-template-columns: 1fr 1fr; }.blattkraft-about__process li::after { display: none; }.blattkraft-about__person { min-height: 30rem; }.blattkraft-about__person::after { background: linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.56)); } }
@media (max-width: 32rem) { .blattkraft-about__value-grid { grid-template-columns: 1fr; }.blattkraft-about__process { grid-template-columns: 1fr; }.blattkraft-about__hero-copy { padding-top: 4rem; } }
@media (prefers-reduced-motion: reduce) { .blattkraft-about__hero-media video { display: none; } }
.blattkraft-about__signature { display: block; width: min(11rem, 55%); height: auto; margin-top: 1.5rem; }