.creels{--hair: rgba(255, 255, 255, .16)}.creels__strip{--w: clamp(230px, 24vw, 372px);--lead: max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));display:flex;gap:clamp(14px,1.6vw,26px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lead);padding:0 var(--lead);scrollbar-width:none}.creels__strip::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.creels__strip:not(.is-fit){cursor:grab}.creels__strip.is-dragging{cursor:grabbing}.creels__strip.is-dragging .creel{pointer-events:none}}.creels__item{flex:0 0 var(--w);scroll-snap-align:start}.creels__item:first-child{margin-left:auto}.creels__item:last-child{margin-right:auto}.creel{display:block;width:100%}.creel:focus-visible{outline-offset:6px}.creel__media{position:relative;display:block;aspect-ratio:511 / 878;overflow:hidden;border-radius:2px;background:#0c0c0d}.creel__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform 1.6s var(--ease),opacity .8s var(--ease)}.creel__veil{position:absolute;inset:0;background:linear-gradient(180deg,#0000001f,#0000 35%,#0009);pointer-events:none}.creel__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(52px,4vw,64px);aspect-ratio:1;translate:-50% -50%;padding-left:3px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background-color:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);transition:transform .8s var(--ease),background-color .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}.creel__cap{position:absolute;left:0;right:0;bottom:clamp(18px,1.8vw,26px);text-align:center;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--white);opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .8s var(--ease)}.creels__item.is-hot .creel__media img{transform:scale(1.25)}.creels__item.is-hot .creel__play{transform:scale(1.06);background-color:var(--white);border-color:var(--white);color:var(--ink)}.creels__item.is-hot .creel__cap{opacity:1;transform:none}.creels__strip.has-hot .creels__item:not(.is-hot) .creel__media img{opacity:.45}.creel:focus-visible .creel__play{background-color:var(--white);color:var(--ink)}.creels__foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(28px,3.2vw,48px)}.creels__ig{display:inline-flex;align-items:center;gap:6px;padding-bottom:4px;font-size:15px;white-space:nowrap;color:var(--white);background:linear-gradient(currentColor,currentColor) 0 100% / 0% 1px no-repeat,linear-gradient(var(--hair),var(--hair)) 0 100% / 100% 1px no-repeat;transition:background-size .6s var(--ease)}.creels__ig:focus-visible{background-size:100% 1px,100% 1px}@media(hover:hover)and (pointer:fine){.creels__ig:hover{background-size:100% 1px,100% 1px}}.creels__track{position:relative;height:1px;overflow:hidden;background:var(--hair)}.creels__bar{position:absolute;inset:0;background:var(--white);transform:scaleX(.04);transform-origin:left center}.creels__arrows{display:flex;gap:10px}.creels__arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:var(--white);transition:background-color .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),opacity .45s var(--ease)}@media(hover:hover)and (pointer:fine){.creels__arrow:not(:disabled):hover{background-color:var(--white);border-color:var(--white);color:var(--ink)}}.creels__arrow:disabled{opacity:.28;cursor:default}.creels__foot.is-fit{display:flex;justify-content:center}.creels__foot.is-fit .creels__track,.creels__foot.is-fit .creels__arrows{display:none}@media(max-width:760px){.creels__strip{--w: 64vw}.creels__foot{grid-template-columns:auto minmax(0,1fr)}.creels__arrows{display:none}}@media(max-width:600px){.creels__ig{position:relative}.creels__ig:after{content:"";position:absolute;inset:-10px 0}}.rview{position:fixed;inset:0;z-index:170;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0a0a0b;color:var(--white)}.rview__bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:16px var(--gutter);border-bottom:1px solid rgba(255,255,255,.08)}.rview__title{overflow:hidden;font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.rview__title span{opacity:.45}.rview__count{display:flex;align-items:center;gap:14px;font-size:14px;font-variant-numeric:tabular-nums;opacity:.7}.rview__count-rule{width:36px;height:1px;background:#fff6}.rview__close{justify-self:end;display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.rview__ring,.rview__nav{display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:var(--white);transition:background-color .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),transform .6s var(--ease)}.rview__close:focus-visible{outline:none}.rview__ring{width:40px;height:40px}.rview__close:hover .rview__ring,.rview__close:focus-visible .rview__ring,.rview__nav:hover{background-color:var(--white);border-color:var(--white);color:var(--ink)}.rview__nav{width:48px;height:48px}.rview__stage{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,88px);min-height:0;padding:20px var(--gutter)}.rview__slot{display:grid;place-items:center}.rview__frame{position:relative;width:min(400px,calc(100vw - 2 * var(--gutter)));height:min(720px,calc(100svh - 236px));overflow:hidden;border-radius:4px;background:#000;box-shadow:0 0 0 1px #ffffff14,0 60px 120px -40px #000000e6}.rview__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);opacity:.32}.rview__loading{position:absolute;left:0;right:0;top:50%;text-align:center;font-size:14px;font-weight:500;animation:rview-pulse 1.6s var(--ease-in-out) infinite alternate;transition:opacity .4s}.rview__loading.is-done{opacity:0;animation:none}@keyframes rview-pulse{0%{opacity:.35}to{opacity:.9}}.rview__frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .7s var(--ease)}.rview__frame iframe.is-loaded{opacity:1}.rview__foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 var(--gutter) 20px}.rview__rail{display:flex;gap:10px}.rview__thumb{display:block;width:32px;aspect-ratio:511 / 878;overflow:hidden;border-radius:2px;opacity:.35;transition:opacity .45s var(--ease),transform .6s var(--ease)}.rview__thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.2)}.rview__thumb:hover{opacity:.75}.rview__thumb.is-active{opacity:1;transform:translateY(-4px)}.rview__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}.rview__ig{display:inline-flex;align-items:center;gap:6px;font-size:14px;opacity:.6;transition:opacity .4s var(--ease)}.rview__ig:hover,.rview__ig:focus-visible{opacity:1}@media(max-width:760px){.rview__count{display:none}.rview__bar{grid-template-columns:minmax(0,1fr) auto;padding-block:12px}.rview__stage{padding-block:12px}.rview__frame{height:min(680px,calc(100svh - 200px))}.rview__rail{display:none}.rview__nav{position:absolute;bottom:14px;width:44px;height:44px}.rview__nav--prev{left:var(--gutter)}.rview__nav--next{right:var(--gutter)}.rview__foot{min-height:80px;justify-content:center;padding-bottom:0}}@media(prefers-reduced-motion:reduce){.creel__media img,.creel__play,.creel__cap,.rview__thumb{transition:none}.rview__loading{animation:none}}