.reels{max-width:var(--wrap);margin:0 auto;padding:clamp(48px,7vw,88px) var(--gut)}.reels-in{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,auto);gap:clamp(26px,4vw,60px);align-items:center}.reels-copy h2{font-size:clamp(30px,4.4vw,50px);margin-bottom:16px}.reels-copy p{color:var(--ink-70);max-width:34ch;margin:0 0 26px}.reels-copy .eyebrow{margin-bottom:12px}.reel-row{display:flex;gap:clamp(12px,1.6vw,20px);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reel-row::-webkit-scrollbar{display:none}.reel{position:relative;flex:0 0 auto;width:clamp(226px,23vw,312px);margin:0;scroll-snap-align:start}.reel-stage{display:block;position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-lg);background:var(--paper-2)}.reel-stage video{width:100%;height:100%;object-fit:cover;display:block;background:var(--paper-2)}.reel-stage:after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(20,16,13,.42),transparent);pointer-events:none}.reel-tag{position:absolute;left:10px;top:10px;z-index:2;background:#14100dad;color:#fbf9f6;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:5px 9px;border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reel-shop{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fbf9f6;font-size:13px;font-weight:500}.reel-shop span:last-child{opacity:.75;font-size:15px}.reel-sound{position:absolute;right:10px;top:10px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;padding:0;background:#14100d99;color:#fbf9f6;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .16s}.reel-sound:hover{background:#14100dd1}.reel-sound .on{display:none}.reel-sound.is-on .on{display:block}.reel-sound.is-on .off{display:none}.reel figcaption{margin-top:11px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.reel figcaption b{font-weight:500;font-size:14px;color:var(--ink)}.reel figcaption .dur{font-size:12px;color:var(--ink-50);font-variant-numeric:tabular-nums}@media(max-width:900px){.reels-in{grid-template-columns:1fr;gap:24px}.reels-copy p{max-width:46ch}.reel-row{margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-snap-type:x mandatory}.reel{width:min(68vw,286px)}}.reel-tile{grid-column:1 / -1;background:var(--paper);display:flex;align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(24px,3.2vw,40px) var(--gut)}.reel-tile-players{display:flex;flex:0 0 auto;gap:clamp(10px,1.4vw,16px)}.reel-tile .reel{width:clamp(184px,17vw,242px)}.reel-tile-copy{max-width:46ch}.reel-tile-copy h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.05;font-size:clamp(24px,3vw,36px);margin:0 0 10px}.reel-tile-copy p{color:var(--ink-70);margin:0 0 18px}@media(max-width:760px){.reel-tile{flex-direction:column;align-items:flex-start;gap:18px;padding-block:26px}.reel-tile-players{width:100%;gap:10px}.reel-tile .reel{flex:1 1 0;width:auto;min-width:0}}@media(prefers-reduced-motion:reduce){.reel-stage video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/creator-reels.css.map */