.reels{position: relative;overflow: hidden;padding-block: clamp(2.5rem, 6vw, 4.5rem);background: radial-gradient(80% 120% at 14% 0%, rgba(120, 96, 74, .28), rgba(20, 16, 17, 0) 58%), linear-gradient(180deg, #241A13 0%, #1A120C 62%, #150E09 100%);box-shadow: inset 0 2px 0 var(--crema-line);color: #fff}.reels__head{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 1rem 3rem;align-items: end;margin-bottom: clamp(1.5rem, 3vw, 2.5rem)}.reels .label{color: var(--c-crema)}.reels .label:not(.label--grey)::before{background: var(--crema-line)}.reels__title{margin: 0;font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.5rem);letter-spacing: -.03em;color: #fff}.reels__strap{margin: 0;font-size: .92rem;line-height: 1.6;color: var(--c-crema);max-width: 54ch}.reels__rail{display: flex;width: max-content;gap: var(--reel-gap, clamp(.8rem, 1.6vw, 1.25rem))}.reels__track{display: flex;gap: var(--reel-gap, clamp(.8rem, 1.6vw, 1.25rem));margin: 0;padding: 0;list-style: none;animation: reel-run var(--reel-time, 90s) linear infinite}@keyframes reel-run{to{transform: translateX(calc(-100% - var(--reel-gap, 1rem)))}}.reels__rail:hover .reels__track, .reels__rail:focus-within .reels__track{animation-play-state: paused}.reel{flex: none;width: clamp(200px, 22vw, 268px);background: var(--c-paper);border-radius: var(--r-vessel);overflow: hidden;box-shadow: 0 24px 34px -24px rgba(0, 0, 0, .9)}.reel__frame{position: relative;aspect-ratio: 9 / 16;background: #100B08;overflow: hidden}.reel__video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block}.reel__frame::after{content: "";position: absolute;inset: 0;pointer-events: none;box-shadow: inset 0 2px 0 var(--crema-line)}.reel__foot{display: flex;align-items: center;gap: .7rem;padding: .7rem .8rem;background: var(--c-paper);color: var(--c-ink)}.reel__shot{flex: none;width: 44px;height: 44px;border-radius: 8px;overflow: hidden;background: var(--c-cream);border: 1px solid var(--c-line)}.reel__shot img{width: 100%;height: 100%;object-fit: contain;display: block}.reel__words{display: grid;gap: .1rem;min-width: 0;flex: 1}.reel__name{font-family: var(--f-display);font-weight: 700;font-size: .85rem;letter-spacing: -.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.reel__note{font-size: .72rem;line-height: 1.35;color: var(--c-ink-2)}.reel__go{flex: none;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid rgba(42, 33, 29, .18);color: var(--c-plum);text-decoration: none;transition: background-color .25s, border-color .25s, color .25s}.reel__go .icon{width: .95rem;height: .95rem}.reel__go:hover, .reel__go:focus-visible{background: var(--c-plum);border-color: var(--c-plum);color: #fff}.reel__go:focus-visible{outline: 2px solid var(--crema-line);outline-offset: 3px}@media (max-width: 767px){.reels__head{grid-template-columns: 1fr;align-items: start;gap: .6rem}.reel{width: clamp(180px, 62vw, 230px)}}@media (prefers-reduced-motion: reduce){.reels__rail{width: auto;overflow-x: auto;scroll-snap-type: x mandatory;padding-inline: var(--gutter)}.reels__track{animation: none}.reels__track[aria-hidden="true"]{display: none}.reel{scroll-snap-align: start}}