/* Review treatments: only measured sibling alignments produce guides. */
.grid-line-group { position:relative; }
.sibling-guides { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; user-select:none; color:inherit; opacity:var(--grid-opacity,.3); }
.sibling-guides line { stroke:currentColor; stroke-width:var(--grid-weight,1); vector-effect:non-scaling-stroke; }
html[data-grid-style="Drafting"] .sibling-guides .alignment-rule { stroke-dasharray:3 5; }
html[data-grid-enabled="false"] .sibling-guides,
html[data-view="llm"] .sibling-guides { display:none; }
.work-row { position:relative; }
html[data-grid-projects="true"] .work-row + .work-row::before { content:""; position:absolute; top:calc(clamp(88px,12vw,190px) * -.5); left:calc(0px - var(--page-gutter)); right:calc(0px - var(--page-gutter)); border-top:var(--grid-weight,1px) solid currentColor; opacity:var(--grid-opacity,.3); pointer-events:none; }
html[data-grid-style="Corners"][data-grid-projects="true"] .work-row + .work-row::before { left:0; right:60%; }
html[data-grid-style="Drafting"][data-grid-projects="true"] .work-row + .work-row::before { border-top-style:dashed; }
html[data-grid-media="true"] .work-gallery > .work-image { position:relative; }
html[data-grid-media="true"] .work-gallery > .work-image::before { content:""; position:absolute; top:0; bottom:0; left:calc(clamp(14px,1.4vw,24px) * -.5); border-left:var(--grid-weight,1px) solid currentColor; opacity:var(--grid-opacity,.3); pointer-events:none; }
html[data-grid-style="Corners"][data-grid-media="true"] .work-gallery > .work-image::before { bottom:auto; height:24px; }
html[data-grid-style="Drafting"][data-grid-media="true"] .work-gallery > .work-image::before { border-left-style:dashed; }
@media (width < 768px) {
 html[data-grid-projects="true"] .work-row + .work-row::before { top:-40px; }
}
/* Arrival reveal (grid-lines.js): hidden until the group enters view, then each line snaps on after its own delay. */
.sibling-guides[data-reveal="pending"] line { visibility:hidden; }
.sibling-guides[data-reveal="go"] line { animation:guide-on 1ms steps(1,end) var(--d,0ms) both; }
@keyframes guide-on { from { visibility:hidden; } to { visibility:visible; } }