/* /websites/ ribbon (2026-11-03): picture cards on a 3D rail that land in a 3 by 2 grid. See /websites/js/ribbon.js
   for the HOWTO. Only html.rb-on shows it; everywhere else the block is gone and its pictures never load.
   Site hooks: --rb-h (scroll length of the track, default 320vh), --rb-bg (stage colour), --rb-r (card corners),
   --rb-cap (caption colour). */
.rb{display:none}
.rb-on .rb{display:block;position:relative;height:var(--rb-h,320vh)}
.rb-stage{position:sticky;top:var(--stack-top,0px);height:calc(100svh - var(--stack-top,0px));overflow:hidden;background:var(--rb-bg,transparent);perspective-origin:50% 50%}
.rb-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.rb-c{position:absolute;left:0;top:0;margin:0;visibility:hidden;will-change:transform;transform-origin:50% 50%}
.rb-c img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--rb-r,6px);background:rgba(0,0,0,.06)}
.rb-c figcaption{position:absolute;left:0;right:0;top:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;opacity:0;color:var(--rb-cap,inherit)}