/* Same pigments, paper, typography and white axes as the homepage process/FAQ. */
body.pw-case-design.page-home main .pw-eco{position:relative;isolation:isolate;padding:64px clamp(24px,6vw,80px);background-image:var(--pw-case-paper);background-size:cover;color:#192e49;border-top:2px solid #fff;border-radius:0;scroll-margin-top:110px}
body.pw-case-design.page-home main .pw-eco *{border-radius:0!important}
body.pw-case-design.page-home main .pw-eco-plane{position:absolute;inset:0 0 0 56%;z-index:-1;background-image:var(--pw-case-ochre);background-size:cover;border-left:2px solid #fff;pointer-events:none}
body.pw-case-design.page-home main .pw-eco-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
body.pw-case-design.page-home main .pw-eco-heading{padding:28px;background:#173451;border:2px solid #fff;box-shadow:var(--pw-case-frame)}
body.pw-case-design.page-home main .pw-eco-heading .kicker{color:#f2be54!important;margin:0 0 18px;font-size:12px;letter-spacing:.12em}
body.pw-case-design.page-home main .pw-eco h2{font-size:clamp(34px,3.5vw,48px);line-height:1.1;margin:0 0 20px;color:#fff!important;overflow-wrap:anywhere}
body.pw-case-design.page-home main .pw-eco h2 em{color:#fff;font-style:italic}
body.pw-case-design.page-home main .pw-eco .pw-eco-intro{color:#f7ecdc;font-size:17px;line-height:1.7;margin:0}
body.pw-case-design.page-home main .pw-eco-principles{list-style:none;padding:0;margin:0;display:grid;gap:18px}
body.pw-case-design.page-home main .pw-eco-principles li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:20px;background-image:var(--pw-case-ivory);background-size:cover;border:2px solid #fff;box-shadow:var(--pw-case-frame)}
body.pw-case-design.page-home main .pw-eco-number{display:grid;place-items:center;align-self:start;width:40px;height:40px;color:#fff;background-image:var(--pw-case-navy);border:1px solid #fff;font:16px/1 Archivo,sans-serif}
body.pw-case-design.page-home main .pw-eco h3{font-size:27px;line-height:1.1;margin:0 0 8px;color:#192e49}
body.pw-case-design.page-home main .pw-eco li p{font-size:15px;line-height:1.65;margin:0;color:#302c28}
body.pw-case-design.page-home main .pw-eco-hosting{position:relative;max-width:1280px;margin:32px auto 0;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:28px;padding:22px 24px;background-image:var(--pw-case-ivory);border:2px solid #fff;box-shadow:var(--pw-case-frame);align-items:start}
body.pw-case-design.page-home main .pw-eco-badge{grid-row:1 / 4;display:block;align-self:center}
body.pw-case-design.page-home main .pw-eco-badge img{display:block;width:200px;height:95px;max-width:100%;object-fit:contain}
body.pw-case-design.page-home main .pw-eco-hosting p{font-size:14px;line-height:1.6;color:#302c28;margin:0}
body.pw-case-design.page-home main .pw-eco-hosting .pw-eco-date{font-size:12px;margin-top:6px}
body.pw-case-design.page-home main .pw-eco-proof{color:#192e49;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;margin-top:10px;justify-self:start}
body.pw-case-design.page-home main .pw-eco a:focus-visible{outline:3px solid #225586;outline-offset:5px}
@media(max-width:950px){body.pw-case-design.page-home main .pw-eco-layout{grid-template-columns:minmax(0,1fr);gap:26px}body.pw-case-design.page-home main .pw-eco-plane{left:72%;}body.pw-case-design.page-home main .pw-eco-heading{max-width:640px}}
@media(max-width:580px){body.pw-case-design.page-home main .pw-eco{padding:40px 22px}body.pw-case-design.page-home main .pw-eco-heading{padding:22px}body.pw-case-design.page-home main .pw-eco h2{font-size:36px}body.pw-case-design.page-home main .pw-eco-principles li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:18px 16px}body.pw-case-design.page-home main .pw-eco-number{width:32px;height:32px;font-size:14px}body.pw-case-design.page-home main .pw-eco h3{font-size:25px}body.pw-case-design.page-home main .pw-eco-hosting{grid-template-columns:minmax(0,1fr);padding:20px;gap:12px}body.pw-case-design.page-home main .pw-eco-badge{grid-row:auto;margin-bottom:4px}}

@media(max-width:700px){body.pw-case-design.page-home main .pw-eco{scroll-margin-top:240px}}