.work-example{background:#e4eddf;scroll-margin-top:25px}
.work-example-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:32px}
.work-example-heading h2{font-size:clamp(36px,4vw,54px)}
.work-example-heading>p{font-size:17px;line-height:1.7;max-width:510px;color:var(--muted)}
.work-example .eyebrow{color:var(--green);font-size:11px}
.work-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.work-comparison figure{margin:0;padding:0;background:white;border:1px solid #c6d3c1;border-radius:22px;overflow:hidden;min-width:0}
.work-comparison figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;background:#fffaf0;border-bottom:1px solid #e1e7dc;font-size:13px;color:var(--muted)}
.work-comparison figure:last-child figcaption{background:var(--yellow)}
.work-stage{font-weight:700;font-size:21px;color:var(--ink)}
.work-image{padding:20px;background:#fff}
.work-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:470px;margin-inline:auto}
.work-example-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-top:25px}
.work-example-footer>div{max-width:700px}
.work-credit{font-size:14px;line-height:1.6;color:var(--ink)}
.work-example-footer .button{flex-shrink:0}
.work-sources{font-size:12px;line-height:1.7;color:var(--muted);margin-top:9px}
.work-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;width:fit-content}
.work-sources p{margin-top:12px;max-width:650px}
.work-sources a{text-decoration:underline;text-underline-offset:3px}
.work-example-detail{margin-top:-42px}
body[data-page=website-redesign] .work-example{padding-block:48px}
@media(max-width:900px){.work-example-heading{grid-template-columns:1fr;gap:23px}.work-example-heading>p{max-width:680px}.work-example-footer{flex-direction:column;gap:23px}.work-comparison figcaption{padding:16px 18px}.work-image{padding:14px}}
@media(max-width:600px){.work-comparison{grid-template-columns:1fr;gap:20px}.work-example-heading h2{font-size:38px}.work-example-heading>p{font-size:16px}.work-example .eyebrow{font-size:10px;letter-spacing:.5px}.work-example-heading{margin-bottom:25px}.work-image{padding:16px}.work-comparison figcaption{font-size:12px}.work-stage{font-size:20px}.work-example-footer .button{font-size:15px}.work-example-detail{margin-top:-31px}}