.hero .process-hero img{aspect-ratio:1;object-fit:contain;max-height:none}.section-intro{max-width:75ch;margin-bottom:26px}.expertise article{background:#fff8d9}.photo-compare{position:relative;aspect-ratio:1;max-width:720px;overflow:hidden;border-radius:22px;background:#ddd}.compare-image{position:absolute;inset:0;background-image:url(assets/eps-process.webp);background-size:201.3% 201.3%;background-repeat:no-repeat}.compare-after{background-position:100% 100%}.compare-before{background-position:0 0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:16px;background:#292b27e6;color:white;border-radius:22px;padding:6px 14px;font-size:14px}.label-before{left:16px}.label-after{right:16px}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:#ffdc32;transform:translateX(-50%);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ffdc32;color:#272925;font-size:28px;box-shadow:0 2px 12px #0004}.compare-control{display:flex;max-width:720px;gap:18px;align-items:center;padding-top:18px;font-size:14px}.compare-range{flex:1;min-width:80px;accent-color:#806600;cursor:ew-resize;height:32px}.compare-range:focus-visible{outline:3px solid #806600;outline-offset:4px}.roof-story{margin-top:34px}.roof-story figure{margin:0;background:#efefe7;border:1px solid #deded4;border-radius:18px;overflow:hidden}.roof-story img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.roof-story figcaption{padding:18px}.roof-story figcaption b{display:block;font-size:20px;margin-bottom:8px}.roof-story figcaption span{font-size:14px}.hero .roof-result-hero img{object-position:center 65%}@media(max-width:780px){.roof-stories .grid{grid-template-columns:1fr}.compare-control{flex-wrap:wrap;gap:4px}.compare-control input{flex-basis:100%}}
/* Full-width photo blocks, without unused space beside the comparison. */
.hero:has(.process-hero){align-items:start}.hero .process-hero img{width:100%;height:auto;aspect-ratio:1;display:block}.hero .process-hero figcaption{position:static;margin-top:8px;background:transparent;color:inherit;padding:0;border-radius:0}.photo-compare{max-width:none;width:100%;aspect-ratio:4/3}.compare-image{background-size:100% 100%;background-position:center}.compare-before{background-image:url(assets/eps-before.svg)}.compare-after{background-image:url(assets/eps-after.svg)}.compare-control{max-width:none;width:100%}
@media(min-width:781px){.hero:has(.process-hero){grid-template-columns:1.3fr 1fr;align-items:center}.hero:has(.process-hero) h1{font-size:clamp(36px,4.3vw,58px)}}