.video-reel{scroll-margin-top:80px}.video-reel__link-row{margin:calc(-1 * var(--s-5)) 0 var(--s-6);text-align:center}.video-reel__link{display:inline-flex;align-items:center;min-height:44px;font-family:var(--niccos-font-body);font-size:var(--type-body);color:var(--niccos-ink);text-decoration:underline;text-underline-offset:5px}.video-reel__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(68vw,320px);gap:var(--s-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);padding-bottom:var(--s-3);scrollbar-width:thin}.video-reel__card{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--r-surface);scroll-snap-align:start;background:var(--niccos-line-soft)}.video-reel__card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 66%,#0000006b);pointer-events:none}.video-reel__video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-reel__brand{position:absolute;z-index:1;left:0;right:0;bottom:var(--s-5);display:flex;justify-content:center;padding-inline:var(--s-5);color:#fff}.video-reel__logo{display:block;width:auto;max-width:100%;height:var(--logo-height, 1.5rem);-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.video-reel__name{font-family:var(--niccos-font-display);font-size:var(--type-card);font-weight:500;letter-spacing:-.02em}.video-reel :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--niccos-ink);outline-offset:4px}@media (min-width: 768px){.video-reel__track{gap:var(--s-5)}}@media (min-width: 1024px){.video-reel__track{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto;margin-inline:0;padding-inline:0;scroll-padding-inline:0}}
