.cf-reels{position:relative;overflow:hidden;background:#0b0b0b;color:#f2f2f2;padding:clamp(64px,8vw,104px) 0 clamp(72px,8.5vw,112px);border-bottom:1px solid rgb(255 255 255 / .08);isolation:isolate}.cf-reels__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 12% 10%,rgb(184 150 78 / .16),transparent 70%),radial-gradient(45% 60% at 92% 95%,rgb(201 168 92 / .1),transparent 70%)}.cf-reels__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:clamp(36px,4.5vw,56px)}.cf-reels__intro{max-width:640px}.cf-reels__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-2, #C9A85C)}.cf-reels__eyebrow span{width:28px;height:1px;background:currentColor}.cf-reels__title{margin:0;font-family:var(--font-heading);font-weight:500;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:.06em;text-transform:uppercase;color:#fff}.cf-reels__title em{font-style:italic;text-transform:none;letter-spacing:.01em;color:var(--color-accent-2, #C9A85C)}.cf-reels__text{margin:16px 0 0;font-family:var(--font-body);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f2f2f29e;line-height:1.7}.cf-reels__follow{flex:none;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:1px solid rgb(201 168 92 / .55);border-radius:999px;color:#fff;font-family:var(--font-nav, var(--font-body));font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s,border-color .3s}.cf-reels__follow svg{color:var(--color-accent-2, #C9A85C);transition:color .3s}.cf-reels__follow:hover,.cf-reels__follow:focus-visible{background:var(--color-accent-2, #C9A85C);border-color:var(--color-accent-2, #C9A85C);color:#0a0a0a}.cf-reels__follow:hover svg,.cf-reels__follow:focus-visible svg{color:#0a0a0a}.cf-reels__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;padding:6px 0 34px;outline:none}.cf-reels__viewport::-webkit-scrollbar{display:none}.cf-reels__viewport.is-dragging{cursor:grabbing}.cf-reels__viewport.is-dragging .cf-reel{pointer-events:none}.cf-reels__viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent-2, #C9A85C)}.cf-reels__track{display:flex;gap:clamp(14px,1.5vw,22px);width:max-content;margin:0;padding:0 clamp(16px,2vw,28px);list-style:none}.cf-reel{--w: clamp(190px, 16.5vw, 250px);position:relative;flex:none;width:var(--w);aspect-ratio:9 / 16;border-radius:18px;overflow:hidden;background:#161616;box-shadow:0 24px 50px -24px #000c,0 0 0 1px #ffffff0f;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.cf-reel:nth-child(2n){transform:translateY(22px)}@media(hover:hover){.cf-reel:hover{transform:translateY(-6px);box-shadow:0 30px 60px -24px #000000e6,0 0 0 1px #c9a85c73}.cf-reel:nth-child(2n):hover{transform:translateY(16px)}}.cf-reel__media,.cf-reel__poster,.cf-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cf-reel__video{opacity:0;transition:opacity .5s}.cf-reel.is-playing .cf-reel__video{opacity:1}.cf-reel:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to top,rgb(0 0 0 / .62),transparent);pointer-events:none}.cf-reel__sound{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgb(255 255 255 / .22);border-radius:50%;background:#0a0a0a80;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s,border-color .3s,color .3s}.cf-reel__sound:hover,.cf-reel__sound:focus-visible{border-color:var(--color-accent-2, #C9A85C)}.cf-reel__sound[aria-pressed=true]{background:var(--color-accent-2, #C9A85C);border-color:var(--color-accent-2, #C9A85C);color:#0a0a0a}.cf-reel__ic-on,.cf-reel__sound[aria-pressed=true] .cf-reel__ic-off{display:none}.cf-reel__sound[aria-pressed=true] .cf-reel__ic-on{display:block}.cf-reel__tag{position:absolute;left:12px;bottom:12px;z-index:2;max-width:calc(100% - 24px);display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:#0a0a0a73;color:#fff;font-family:var(--font-body);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s,border-color .3s,color .3s}.cf-reel__tag span{overflow:hidden;text-overflow:ellipsis}.cf-reel__tag-short,.cf-reels__follow-short{display:none}.cf-reel__tag svg{flex:none}.cf-reel__tag:hover,.cf-reel__tag:focus-visible{background:var(--color-accent-2, #C9A85C);border-color:var(--color-accent-2, #C9A85C);color:#0a0a0a}@media(max-width:749px){.cf-reels__head{flex-direction:column;align-items:center;text-align:center;gap:22px}.cf-reels__eyebrow{justify-content:center}.cf-reels__eyebrow:after{content:"";width:28px;height:1px;background:currentColor}.cf-reels__text{font-size:11px;letter-spacing:.1em}.cf-reel{--w: 46vw;border-radius:14px}.cf-reel:nth-child(2n){transform:translateY(16px)}.cf-reel__sound{width:30px;height:30px;top:9px;right:9px}.cf-reel__tag{left:9px;bottom:9px;padding:7px 11px;font-size:9px;letter-spacing:.12em}.cf-reel__tag-long,.cf-reels__follow-long{display:none}.cf-reel__tag-short,.cf-reels__follow-short{display:inline}.cf-reels__follow{padding:13px 22px}}@media(prefers-reduced-motion:reduce){.cf-reel,.cf-reel__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cf-reels.css.map */