/* ROUND 245 — Subdivide & Build videos: pinned and driven like the homepage Build Options section, by the
   round 227 driver (assets/r227.js). The line and arrows use the homepage classes (.build__trackrow /
   .build__track / .build__arrow), so home.css, r74.css and r244.css style them exactly as on the homepage; the
   rules below only place the row in this section and repeat the homepage's grabbable bar (r227.css for regions). */

.sh-r245 .sh-r227-wrap{position:relative}
.sh-r245 .sh-r227-wrap.is-pin>.sd-vids{position:sticky;overflow:hidden}

/* Row placement: the section is a centred flex column with a 48px gap, so the margin tops it up to the homepage's
   card-to-line spacing (68.4px desktop, 40px tablet). The row spans the content container, as on the homepage. */
.sh-r245 .sd-vids .build__trackrow{width:calc(100% - 96px);max-width:calc(var(--maxw) - 96px);margin:20.4px auto 0}
.sh-r245 .sd-vids .build__trackrow[hidden]{display:none}

@media (min-width:1024px){
  .sh-r245 .sd-vids .build__nav{margin-right:0}
  .sh-r245 .sd-vids .build__track{height:3px;cursor:grab;transition:height .2s;padding:10px 0;box-sizing:content-box;background-clip:content-box}
  .sh-r245 .sd-vids .build__trackrow:hover .build__track{height:8px}
  .sh-r245 .sd-vids .build__track.is-drag{cursor:grabbing}
  .sh-r245 .sd-vids .build__track-fill{top:10px;height:calc(100% - 20px);transition:height .2s,top .2s}
  /* Pinned: the strip is moved by the page scroll (transform), so it is no longer a scroller of its own; the
     section's overflow clip (its full width) lets the cards slide out to the page edge. */
  .sh-r245 .sd-vids.is-r227-pin .sd-vids__track{overflow:visible;scroll-snap-type:none;will-change:transform;cursor:auto}
}

@media (max-width:1023px){
  .sh-r245 .sd-vids .build__trackrow{width:calc(100% - 48px);margin:-8px auto 0}
  /* the strip already runs from the page edge with the cards on the 24px container edge (inner.css) */
  .sh-r245 .sd-vids.is-r227-pin .sd-vids__track{scroll-snap-type:none}
}