body.eco-about-page{background:#efefef}
.eco-about-hero{min-height:720px;height:100svh;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}
.eco-about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.eco-about-hero__shade{position:absolute;inset:0;background:rgba(0,0,0,.28)}
.eco-about-hero__content{position:relative;text-align:center;padding:110px 20px;transition:opacity .4s ease,transform .4s ease}
.eco-about-hero__content.is-scroll-hidden{opacity:0;transform:translateY(-18px);pointer-events:none}
.eco-about-hero__content h1{font:700 clamp(40px,4vw,64px)/1 Eurostile,Arial,sans-serif;color:#fff;margin:0 0 24px;text-transform:uppercase}
.eco-about-hero__content p{font-size:20px;line-height:1.3;max-width:720px;margin:0 auto;color:#fff}
.eco-about-cards{background:#efefef}
.eco-about-card{display:grid;grid-template-columns:1fr 1fr;min-height:432px}
.eco-about-card__copy{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(32px,6.25vw,100px);box-sizing:border-box;color:#282828}
.eco-about-card__copy h2{font:700 clamp(32px,4vw,52px)/1 Eurostile,Arial,sans-serif;margin:0 0 24px;max-width:480px}
.eco-about-card__copy p{max-width:480px;font-size:20px;line-height:1.25;margin:0}
.eco-about-card>img{width:100%;height:432px;min-height:432px;object-fit:cover}
.eco-about-card--reverse .eco-about-card__copy{order:2}.eco-about-card--reverse>img{order:1}
.eco-principles{background:#1f1f1f;color:#fff;padding:64px 0 80px}
.eco-principles h2{font:700 clamp(28px,3vw,42px)/1 Eurostile,Arial,sans-serif;color:#fff;text-align:center;margin:0 0 46px}
.eco-principles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 56px}
.eco-principle{position:relative;min-height:234px;background:#efefef;color:#282828;display:grid;place-items:center;padding:28px;box-sizing:border-box;transition:background .3s ease,color .3s ease}
.eco-principle h3{font:700 clamp(20px,2.4vw,32px)/1 Eurostile,Arial,sans-serif;color:inherit;text-transform:uppercase;margin:0;text-align:center;transition:opacity .25s ease}
.eco-principle p{position:absolute;inset:0;display:flex;align-items:center;padding:30px;margin:0;font-size:19px;line-height:1.3;opacity:0;transition:opacity .25s ease}
.eco-principle:hover,.eco-principle:focus{background:#3479cd;color:#fff}.eco-principle:hover h3,.eco-principle:focus h3{opacity:0}.eco-principle:hover p,.eco-principle:focus p{opacity:1}.eco-principle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.eco-about-page .eco-editorial-newsletter h2{font:700 clamp(28px,3vw,38px)/1.05 Eurostile,Arial,sans-serif;color:#fff;margin:0 0 20px}
.eco-about-page .eco-editorial-contact .eco-contact__intro h2{font:700 clamp(30px,3vw,38px)/1.05 Eurostile,Arial,sans-serif;margin:0 0 24px}
@media(max-width:900px){.eco-principles__grid{gap:16px}.eco-principle{padding:16px}.eco-principle p{font-size:16px;padding:20px}}
@media(max-width:760px){.eco-about-hero{min-height:620px}.eco-about-hero__content p{font-size:18px}.eco-about-card{grid-template-columns:1fr}.eco-about-card__copy,.eco-about-card--reverse .eco-about-card__copy{order:1;padding:48px 24px}.eco-about-card__copy p{font-size:18px}.eco-about-card>img,.eco-about-card--reverse>img{order:2;min-height:0;height:360px}.eco-principles{padding:54px 0}.eco-principles__grid{grid-template-columns:1fr}.eco-principle{min-height:220px;padding:28px;display:block}.eco-principle h3{font-size:28px;text-align:left}.eco-principle p{position:static;opacity:1;padding:20px 0 0;font-size:18px}.eco-principle:hover h3,.eco-principle:focus h3{opacity:1}}
@media(prefers-reduced-motion:reduce){.eco-about-hero__content,.eco-principle,.eco-principle p,.eco-principle h3{transition:none}}