/* Prowlen — toolkit grid. */
.r4{position:relative;height:300vh;background:var(--bg)}
.r4-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;padding:72px 0 40px;overflow:hidden}
.r4-head{text-align:center;width:min(900px,90vw)}
.r4-head .pw-h2{margin-top:10px}
.r4-grid{position:relative;width:min(1180px,92vw);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));flex:1;max-height:600px}
.r4-lines{position:absolute;inset:0;pointer-events:none}
.r4-ln{position:absolute;background:var(--line-2);will-change:transform}
.r4-ln--v{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}
.r4-ln--h{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}
.r4-cell{position:relative;padding:22px 24px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;will-change:opacity,transform}
.r4-cell canvas{display:block;flex:1 1 0;min-height:0;width:100%;margin-bottom:10px}
.r4-cell h3{font-size:17px;font-weight:600;letter-spacing:-.01em}
.r4-cell p{font-size:13.5px;color:var(--ink-2);max-width:32ch}
.r4-note{font-size:13px;color:var(--ink-3);display:flex;gap:10px;align-items:center}
@media (max-width:900px){.r4{height:auto}.r4-stage{position:relative;height:auto}.r4-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;max-height:none}.r4-cell{height:auto;justify-content:flex-start}.r4-cell canvas{flex:none;height:168px}}
@media (max-width:600px){.r4-grid{grid-template-columns:1fr}.r4-cell{padding:20px}.r4-cell canvas{height:152px}}