.luren-reel{--reel-cols: 4;--reel-head: var(--header-height, 64px);--reel-shade: 30, 40, 64;--reel-ink: #f4f1ea;--reel-gold: #c7b58b;--reel-navy: #0e1c3e;--reel-ease: cubic-bezier(.22, 1, .36, 1);position:relative;display:block;height:100vh;height:100svh;min-height:520px;overflow:hidden;isolation:isolate;color:var(--reel-ink);background:#c9b98f}.luren-reel__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;grid-template-columns:repeat(var(--reel-cols),minmax(0,1fr));grid-template-rows:calc(var(--reel-head) + (100% - var(--reel-head)) / 3.3) calc((100% - var(--reel-head)) * 1.3 / 3.3) minmax(0,1fr)}.luren-reel__tile{position:relative;overflow:hidden;background:#c9b98f}.luren-reel__tile :is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 88%}.luren-reel__tile video{opacity:0;transition:opacity .45s ease}.luren-reel__tile video.is-on{opacity:1}.luren-reel__tile video.is-top{z-index:1}.luren-reel__grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:rgba(var(--reel-shade),.2)}.luren-reel__tile:nth-child(n+13){display:none}@media(min-aspect-ratio:2/1){.luren-reel{--reel-cols: 5}.luren-reel__tile:nth-child(n+13){display:block}}@media(max-aspect-ratio:23/20){.luren-reel{--reel-cols: 3}.luren-reel__tile:nth-child(n+10){display:none}}@media(max-aspect-ratio:3/5){.luren-reel{--reel-cols: 2}.luren-reel__tile:nth-child(n+7){display:none}}.luren-reel__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.luren-reel__center:before{content:"";position:absolute;top:50%;left:50%;width:calc(300% / var(--reel-cols));aspect-ratio:2.8;translate:-50% -50%;background:radial-gradient(closest-side,rgba(var(--reel-shade),.66),rgba(var(--reel-shade),.42) 52%,rgba(var(--reel-shade),0))}.luren-reel__mark{position:relative;width:calc(200% / var(--reel-cols) - 2 * clamp(16px,2.5vw,40px));margin:0;line-height:0;color:var(--reel-gold);filter:drop-shadow(0 2px 16px rgba(var(--reel-shade),.35))}.luren-reel__mark svg{display:block;width:100%;height:auto}.luren-reel__actions{position:absolute;right:0;bottom:clamp(28px,5.5vh,60px);left:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;padding-inline:72px}.luren-reel__pill{display:inline-flex;align-items:center;min-height:46px;padding:0 30px;border:1px solid rgba(244,241,234,.92);border-radius:999px;background:rgba(var(--reel-shade),.26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-subheading--family);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.luren-reel__pill:hover{background:var(--reel-ink);color:var(--reel-navy)}.luren-reel__toggle{position:absolute;right:var(--page-margin, 20px);bottom:clamp(28px,5.5vh,60px);display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(244,241,234,.6);border-radius:50%;background:rgba(var(--reel-shade),.26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:background-color .3s ease,color .3s ease}.luren-reel__toggle:hover{background:var(--reel-ink);color:var(--reel-navy)}.luren-reel__toggle[hidden]{display:none}.luren-reel__toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.luren-reel__toggle .luren-reel__icon-play{fill:currentColor;stroke:none}.luren-reel__toggle[data-state=playing] .luren-reel__icon-play,.luren-reel__toggle[data-state=paused] .luren-reel__icon-pause{display:none}.luren-reel :is(.luren-reel__pill,.luren-reel__toggle):focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.luren-reel__mark,.luren-reel__actions{opacity:0;transform:translateY(18px);animation:luren-reel-rise 1s var(--reel-ease) forwards}.luren-reel__mark{animation-delay:.25s}.luren-reel__actions{animation-delay:.5s}}@keyframes luren-reel-rise{to{opacity:1;transform:none}}@media(max-width:749px){.luren-reel__actions{flex-direction:column;align-items:center;gap:10px;padding-inline:16px;bottom:24px}.luren-reel__pill{min-height:44px;padding:0 24px;font-size:11px;letter-spacing:.18em}.luren-reel__toggle{top:calc(var(--header-height, 64px) + 12px);bottom:auto;right:12px;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/luren-reel.css.map */