/* ELEC.LONDON visual panels: inherited navy, gold and readable type. */
:root{--work-surface:var(--dark);--work-shadow:0 14px 35px color-mix(in srgb,var(--dark) 45%,transparent)}
.work-section{padding:68px 0 56px;border-bottom:1px solid var(--line)}
.work-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.work-heading .section-title{margin:0;font-size:38px;line-height:1.2;letter-spacing:0;max-width:660px}
.work-heading .kicker{margin-bottom:12px;letter-spacing:0!important}
.work-disclosure{max-width:270px;margin:0;color:var(--grey);font-size:15px;line-height:1.6}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.work-panel{min-width:0;margin:0}
.work-photo,.work-compare{position:relative;display:block;width:100%;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--work-surface);border:1px solid var(--line);box-shadow:var(--work-shadow)}
.work-photo img,.work-compare img{display:block;width:100%;height:100%;object-fit:cover}
.work-compare{--reveal:50%;touch-action:pan-y}
.work-compare img{position:absolute;inset:0;pointer-events:none;user-select:none}
.work-compare .work-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.work-label{position:absolute;top:16px;left:16px;z-index:2;background:var(--dark);color:var(--white);padding:5px 12px;border-radius:4px;font-size:14px;font-weight:700;pointer-events:none}
.work-label-after{left:auto;right:16px;background:var(--gold);color:var(--dark)}
.work-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:3px;transform:translateX(-50%);background:var(--gold);pointer-events:none}
.work-handle{position:absolute;left:var(--reveal);top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:var(--gold);color:var(--dark);border:3px solid var(--white);border-radius:50%;display:grid;place-items:center;pointer-events:none;box-shadow:var(--work-shadow)}
.work-handle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.work-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.work-compare:focus-within{outline:3px solid var(--gold-soft);outline-offset:5px}
.work-panel figcaption{padding-top:19px;font-size:16px;line-height:1.65}
.work-panel h3{font-size:23px;line-height:1.3;margin:0 0 8px;letter-spacing:0}
.work-panel p{color:var(--grey);margin:0 0 8px}
.work-panel .section-more{margin-top:5px;font-size:16px}
.work-panel-small .work-photo{aspect-ratio:16/9}
@media(max-width:700px){.work-section{padding:44px 0}.work-heading{display:block}.work-heading .section-title{font-size:30px}.work-disclosure{max-width:none;margin-top:16px}.work-grid{grid-template-columns:minmax(0,1fr);gap:30px}.work-label{top:12px;left:12px;font-size:13px}.work-label-after{left:auto;right:12px}.work-panel h3{font-size:22px}}