.od-reels__follow{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border:var(--od-hair) solid currentColor;border-radius:var(--od-r-pill);font-family:var(--od-font-label);font-size:var(--od-label-size);letter-spacing:var(--od-label-tracking);text-transform:uppercase;color:inherit;transition:background-color .22s var(--od-ease),color .22s var(--od-ease)}.od-section--deep .od-reels__follow:hover{background:var(--od-bg);color:var(--od-bg-deep)}.od-reels__follow:hover{background:var(--od-ink);color:var(--od-bg)}.od-reels__track{--od-rail-w: 66%;--od-rail-w-t: 36%;--od-rail-w-d: 23%}.od-reel{min-width:0}.od-reel__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--od-r-md);background:var(--od-media-bg);isolation:isolate}.od-reel__video,.od-reel__still,.od-reel__embed-trigger img,.od-reel__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;display:block}.od-reel__embed-trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.od-reel__grad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,var(--od-scrim-72),var(--od-scrim-14) 48%,var(--od-scrim-30));pointer-events:none}.od-reel__ctrls{position:absolute;top:10px;right:10px;z-index:3;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .24s var(--od-ease),transform .24s var(--od-ease)}.od-reel:hover .od-reel__ctrls,.od-reel:focus-within .od-reel__ctrls{opacity:1;transform:none}@media(hover:none){.od-reel__ctrls{opacity:1;transform:none}}.od-reel__ctrl{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--od-on-media);background:var(--od-scrim-42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s var(--od-ease)}.od-reel__ctrl:hover{background:var(--od-scrim-60)}.od-reel__caption{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:var(--od-on-media);font-size:var(--od-t-xs);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .24s var(--od-ease),transform .24s var(--od-ease)}.od-reel:hover .od-reel__caption{opacity:0;transform:translateY(6px)}.od-reel__tag{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:.6rem;padding:6px;background:var(--od-bg-94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--od-r-sm);color:var(--od-ink);opacity:0;transform:translateY(12px);transition:opacity .3s var(--od-ease),transform .3s var(--od-ease)}.od-reel:hover .od-reel__tag,.od-reel:focus-within .od-reel__tag{opacity:1;transform:none}@media(hover:none){.od-reel__tag{opacity:1;transform:none}.od-reel__caption{display:none}}.od-reel__tag-img{flex:none;width:40px;aspect-ratio:3 / 4;overflow:hidden;border-radius:2px;background:var(--od-bg-alt)}.od-reel__tag-img img{width:100%;height:100%;object-fit:cover}.od-reel__tag-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.od-reel__tag-title{font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-reel__tag-price{font-family:var(--od-font-label);font-size:10px;letter-spacing:.06em;color:var(--od-ink-soft);font-variant-numeric:tabular-nums}.od-reel__tag-go{flex:none;opacity:.6}.od-reel__tag:hover .od-reel__tag-go{opacity:1}.od-reel-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center}.od-reel-box__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--od-scrim-88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s linear}.od-reel-box.is-open .od-reel-box__scrim{opacity:1}.od-reel-box__inner{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));opacity:0;transform:scale(.97);transition:opacity .3s var(--od-ease),transform .3s var(--od-ease)}.od-reel-box.is-open .od-reel-box__inner{opacity:1;transform:none}.od-reel-box__stage{position:relative;aspect-ratio:9 / 16;max-height:84svh;margin-inline:auto;overflow:hidden;border-radius:var(--od-r-md);background:var(--od-media-bg)}.od-reel-box__stage video,.od-reel-box__stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border:0}.od-reel-box__close{position:absolute;top:-44px;right:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--od-on-media);background:var(--od-on-media-12)}.od-reel-box__close:hover{background:var(--od-on-media-24)}.od-reel-box__nav{display:flex;justify-content:center;gap:.6rem;margin-top:1rem}.od-reel-box__nav .od-rail__btn{color:var(--od-on-media);border-color:var(--od-on-media-30)}.od-reel-box__nav .od-rail__btn:hover:not(:disabled){background:var(--od-on-media);border-color:var(--od-on-media);color:var(--od-ink)}@media(prefers-reduced-motion:reduce){.od-reel-box__scrim,.od-reel-box__inner,.od-reel__tag,.od-reel__ctrls,.od-reel__caption{transition:none}}.od-reels__grid{display:grid;grid-template-columns:repeat(var(--od-rg-cols-mobile),minmax(0,1fr));gap:var(--od-rg-gap);align-items:start}@media(min-width:750px){.od-reels__grid{grid-template-columns:repeat(var(--od-rg-cols),minmax(0,1fr))}.od-reels__grid>.od-reel--tile:nth-child(2n){margin-top:var(--od-rg-offset)}}html.od-can-reveal .od-reels--gallery .od-reels__grid>.od-reel--tile{transition-property:opacity,transform;transition-duration:var(--od-rg-dur);transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--od-i, 0) * var(--od-rg-step))}html.od-can-reveal .od-reels--gallery .od-reels__grid>.od-reel--tile:not(.od-in){opacity:0;transform:translate3d(0,var(--od-rg-shift),0);clip-path:none;filter:none}html.od-can-reveal .od-reels--gallery .od-reels__grid>.od-reel--tile.od-in{opacity:1;transform:none}.od-reel--tile .od-reel__frame{transition:transform .7s cubic-bezier(.22,1,.36,1)}.od-reels--zoom .od-reel--tile .od-reel__video,.od-reels--zoom .od-reel--tile .od-reel__still{transition:transform .9s cubic-bezier(.22,1,.36,1)}.od-reels--hoverplay .od-reel--tile .od-reel__video{opacity:.999}.od-reel--tile.is-playing .od-reel__grad{opacity:.85}@media(hover:none){.od-reel--tile .od-reel__caption{opacity:1}}@media(prefers-reduced-motion:reduce){html.od-can-reveal .od-reels--gallery .od-reels__grid>.od-reel--tile,.od-reel--tile .od-reel__frame,.od-reels--zoom .od-reel--tile .od-reel__video,.od-reels--zoom .od-reel--tile .od-reel__still{transition:none}html.od-can-reveal .od-reels--gallery .od-reels__grid>.od-reel--tile:not(.od-in){opacity:1;transform:none}.od-reels--zoom .od-reel--tile:hover .od-reel__video,.od-reels--zoom .od-reel--tile:hover .od-reel__still{transform:none}}.od-reels__deck{position:relative;overflow:hidden;margin-inline:calc(var(--od-gutter) * -1)}.od-reels__deck-track{display:flex;align-items:flex-start;padding-inline:var(--od-gutter);width:max-content;will-change:transform}.od-reel--card{flex:0 0 auto;width:var(--od-deck-w, 460px);max-width:78vw;position:relative;margin-right:var(--od-deck-gap, 0px)}.od-reel--card+.od-reel--card{margin-left:calc(var(--od-deck-w, 460px) * var(--od-deck-overlap, .2) * -1)}.od-reel--card{z-index:calc(var(--od-i, 0) + 1)}.od-reel--card:nth-child(4n+1){margin-top:0}.od-reel--card:nth-child(4n+2){margin-top:var(--od-deck-scatter, 110px)}.od-reel--card:nth-child(4n+3){margin-top:calc(var(--od-deck-scatter, 110px) * .45)}.od-reel--card:nth-child(4n+4){margin-top:calc(var(--od-deck-scatter, 110px) * 1.35)}.od-reel--card .od-reel__frame{border-radius:0;aspect-ratio:var(--od-deck-ratio, 2 / 3)}.od-reel--card{transition:transform .62s cubic-bezier(.22,1,.36,1)}.od-reel--card:hover{z-index:999;transform:translateY(-14px)}.od-reel__top{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:clamp(12px,1.4vw,20px);pointer-events:none}.od-reel__eyebrow,.od-reel__year{font-family:var(--od-font-label);font-weight:700;font-size:var(--od-label-size);letter-spacing:.1em;text-transform:uppercase;color:var(--od-on-media)}.od-reel__name{position:absolute;inset:auto 0 0 0;z-index:3;padding:clamp(12px,1.4vw,22px);font-size:clamp(1.6rem,3.4vw,3.4rem);line-height:.94;color:var(--od-on-media);text-transform:uppercase;pointer-events:none}.od-reel--card .od-reel__grad{background:linear-gradient(to bottom,var(--od-scrim-40) 0%,transparent 26%),linear-gradient(to top,var(--od-scrim-60) 0%,transparent 42%);opacity:1}.od-reel__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;opacity:0;transition:opacity .42s var(--od-ease)}.od-reel__frame.is-scrubbing .od-reel__canvas{opacity:1}.od-reel__video--hidden{opacity:0;pointer-events:none}.od-reel__still--under{z-index:0}@media screen and (max-width:749px){.od-reel--card{width:min(var(--od-deck-w, 460px),72vw)}.od-reel--card:nth-child(4n+2){margin-top:calc(var(--od-deck-scatter, 110px) * .5)}.od-reel--card:nth-child(4n+3){margin-top:calc(var(--od-deck-scatter, 110px) * .25)}.od-reel--card:nth-child(4n+4){margin-top:calc(var(--od-deck-scatter, 110px) * .7)}}@media(prefers-reduced-motion:reduce){.od-reels__deck-track{transform:none!important}.od-reel--card{transition:none}.od-reel--card:hover{transform:none}}.od-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;display:block;pointer-events:none}.od-reel__frame:not(.is-masked)>.od-mosaic{opacity:0}.od-reel--dup{pointer-events:none}.od-reel--dup .od-reel__tag{display:none}@keyframes od-deck-drift{0%{transform:translateZ(0)}to{transform:translate3d(var(--od-deck-shift, -33.3333%),0,0)}}.od-reels--drift .od-reels__deck-track{animation:od-deck-drift var(--od-deck-speed, 32s) linear infinite}.od-reels--drift .od-reels__deck:hover .od-reels__deck-track,.od-reels--drift.is-away .od-reels__deck-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.od-reels--drift .od-reels__deck-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/od-reels.css.map */