/* Northline before and after slider. No dependencies. */
.ba-gallery{max-width:1100px;margin:48px auto;padding:0 16px}
.ba-gallery h2{margin:0 0 8px}
.ba-gallery .ba-lead{margin:0 0 24px;max-width:62ch}
.ba-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:900px){.ba-grid.ba-two{grid-template-columns:1fr 1fr}}
.ba{margin:0}
.ba-frame{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:10px;background:#1F3864;touch-action:pan-y;user-select:none;--pos:50%}
.ba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ba-frame .ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.45);pointer-events:none}
.ba-knob{position:absolute;top:50%;left:var(--pos);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#2E7D32;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.4);pointer-events:none;display:flex;align-items:center;justify-content:center}
.ba-knob::before{content:"\2039\00a0\203A";color:#fff;font:700 22px/1 system-ui,sans-serif;margin-top:-2px}
.ba-tag{position:absolute;top:12px;padding:4px 10px;border-radius:6px;font-weight:700;font-size:.8rem;letter-spacing:.06em;color:#fff;pointer-events:none}
.ba-tag.b{left:12px;background:#1F3864}.ba-tag.a{right:12px;background:#2E7D32}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ba-range:focus-visible + .ba-knob{outline:3px solid #4FA3E3;outline-offset:3px}
/* A STILL, for a single photograph only: an after shot with no before, or a lone
   site photo. CANON LAW AA, October 2, 2026: every before and after pair on the site is a
   slider (.ba-frame). A pair is never shown as a side by side still, even when the two
   frames were taken from slightly different positions. */
.ba-still img{display:block;width:100%;height:auto;border-radius:10px}
.ba figcaption{margin-top:10px;font-size:.95rem;color:inherit}
@media (prefers-reduced-motion:no-preference){.ba-frame.ba-hint .ba-before,.ba-frame.ba-hint .ba-line,.ba-frame.ba-hint .ba-knob{transition:clip-path .6s ease,left .6s ease}}