/* Only the film strip moves; the introduction stays in its own column. */
.home-page .reels-section{grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);align-items:center}
.home-page .reels-section .section-heading{display:block;min-width:0;margin:0}
.home-page .reels-browse{min-width:0;width:100%}
.home-page .reel-strip{display:flex;gap:14px;max-width:none;width:100%;margin:0;padding:4px 2px 18px;overflow-x:auto;overflow-y:hidden;perspective:none;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;touch-action:auto;scrollbar-width:thin;scrollbar-color:#ff603b80 #ffffff0d}
.home-page .reel-strip::-webkit-scrollbar{height:4px}
.home-page .reel-strip::-webkit-scrollbar-track{background:#ffffff0d}
.home-page .reel-strip::-webkit-scrollbar-thumb{background:#ff603b80;border-radius:4px}
.home-page .reel-strip .vertical-card{flex:0 0 clamp(150px,13.6vw,195px);min-width:0;aspect-ratio:9/16;transform:none;box-shadow:none;scroll-snap-align:start;user-select:none;-webkit-user-select:none}
.home-page .reel-strip .vertical-card:nth-child(even),.home-page .reel-strip .vertical-card:hover{transform:none}
.home-page .reel-strip .vertical-card img{pointer-events:none}
.home-page .reel-strip .vertical-card>div{left:12px;right:12px;bottom:14px}
.home-page .reel-strip .vertical-card h3{font-size:16px;line-height:1.2;overflow-wrap:break-word}
.home-page .reel-strip:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.home-page .reel-strip .vertical-card:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.home-page .reel-strip[data-draggable],.home-page .reel-strip[data-draggable] .vertical-card{cursor:grab}
.home-page .reel-strip.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.home-page .reel-strip.is-dragging,.home-page .reel-strip.is-dragging *{cursor:grabbing}
.home-page .reel-strip-hint{display:flex;justify-content:space-between;gap:20px;margin:12px 2px 0;font-size:12px;color:var(--muted);line-height:1.4}
@media(max-width:800px){
  .home-page .reels-section{grid-template-columns:minmax(0,1fr)}
  .home-page .reel-strip .vertical-card{flex-basis:180px}
}
@media(max-width:540px){
  .home-page .reel-strip{gap:12px}
  .home-page .reel-strip .vertical-card{flex-basis:42vw;max-width:180px}
  .home-page .reel-strip .vertical-card h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.home-page .reel-strip{scroll-behavior:auto}}