.ba__wrap{padding-inline:var(--pad);margin-top:clamp(2.5rem,6vh,4rem)}.ba__frame{background:var(--surface-2);width:min(100%,76rem);box-shadow:0 0 0 1px var(--line), 0 3rem 6rem -2.5rem #000000bf;border-radius:clamp(10px,1vw,16px);margin:0 auto;overflow:hidden}.ba__bar{border-bottom:1px solid var(--line);align-items:center;gap:1rem;height:clamp(2rem,2.6vw,2.6rem);padding-inline:1rem;display:flex}.ba__dots{gap:.4rem;display:flex}.ba__dots i{background:var(--line-strong);border-radius:50%;width:.55rem;height:.55rem}.ba__url{background:var(--bg);border-radius:999px;place-items:center start;width:min(40%,22rem);height:1.35rem;margin-inline:auto;padding-left:.7rem;display:grid}.ba__lock{background:var(--line-strong);border-radius:2px;width:.5rem;height:.6rem}.ba__screen{--pos:8%;--p:8;aspect-ratio:16/10;background:var(--bg);position:relative;overflow:hidden;container-type:inline-size}.ba__screen picture,.ba__img{width:100%;height:100%;position:absolute;inset:0}.ba__img{object-fit:cover;object-position:50% 0}.ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.ba__img--before{filter:saturate(.7)contrast(.92)brightness(.9)}.ba__label{z-index:2;letter-spacing:.01em;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);backdrop-filter:blur(6px);pointer-events:none;transition:opacity .4s var(--ease);background:#0a0a0ab8;border-radius:999px;padding:.3rem .75rem;font-size:max(.75rem,1.1cqi);font-weight:500;position:absolute;bottom:clamp(.6rem,1.6cqi,1.1rem)}.ba__label--before{left:clamp(.6rem,1.6cqi,1.1rem)}.ba__label--after{right:clamp(.6rem,1.6cqi,1.1rem)}.ba__screen[data-side=after] .ba__label--before,.ba__screen[data-side=before] .ba__label--after{opacity:0}.ba__divider{z-index:3;width:2px;translate:calc(var(--p) * 1cqi) 0;background:var(--orange);pointer-events:none;margin-left:-1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 1rem #ff4d0059}.ba__handle{aspect-ratio:1;background:var(--bg);width:clamp(2.5rem,3.6cqi,3.25rem);box-shadow:inset 0 0 0 2px var(--orange), 0 .5rem 1.5rem #00000080;transition:scale .3s var(--ease);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ba__handle:before,.ba__handle:after{content:"";border:solid var(--text);border-width:0 0 2px 2px;width:.4rem;height:.4rem;position:absolute;top:50%}.ba__handle:before{left:30%;transform:translateY(-50%)rotate(45deg)}.ba__handle:after{right:30%;transform:translateY(-50%)rotate(-135deg)}.ba__range{z-index:4;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba__screen:has(.ba__range:active) .ba__handle,.ba__screen:hover .ba__handle{scale:1.08}.ba__screen:has(.ba__range:focus-visible) .ba__handle{outline:2px solid var(--focus);outline-offset:4px}.ba__caption{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:.9rem 1rem 1rem;font-size:.875rem;display:flex}@media (width<=47.99rem){.ba__wrap{padding-inline:.75rem}.ba__screen{aspect-ratio:4/3}.ba__hint{display:none}}.sc{position:relative;overflow-x:clip}.sc__head{grid-template-columns:minmax(0,1.2fr) minmax(16rem,24rem);align-items:end;gap:2rem clamp(2rem,6vw,6rem);display:grid}.sc__title{max-width:12ch}.sc__aside{justify-items:start;gap:1.5rem;display:grid}.sc__lead{color:var(--muted);max-width:34ch}.sc__stage{--w:clamp(16rem, 72vw, 26rem);scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--pad);scroll-padding-inline:var(--pad);margin-top:clamp(2.5rem,6vh,4rem);overflow-x:auto}.sc__stage::-webkit-scrollbar{display:none}.sc__ring{gap:clamp(.875rem,1.6vw,1.5rem);width:max-content;padding-bottom:1rem;display:flex}.sc__item{width:var(--w);scroll-snap-align:start;flex:none}.sc__card{color:var(--text);gap:.85rem;text-decoration:none;display:grid}.sc__media{aspect-ratio:16/11;background:var(--surface-2);box-shadow:0 0 0 1px var(--line);border-radius:10px;display:block;overflow:hidden}.sc__media picture,.sc__media img{width:100%;height:100%;display:block}.sc__media img{object-fit:cover;object-position:50% 0%;transition:transform 1s var(--ease)}.sc__card:hover .sc__media img,.sc__card:focus-visible .sc__media img{transform:scale(1.04)}.sc__card:focus-visible{outline:none}.sc__card:focus-visible .sc__media{outline:2px solid var(--focus);outline-offset:3px}.sc__cap{justify-content:space-between;gap:1rem;font-size:.9375rem;display:flex}.sc__name{font-weight:500}.sc__cat{color:var(--muted);white-space:nowrap}.sc.is-ring{padding-block:0}.sc.is-ring .sc__pin{grid-template-rows:auto minmax(0,1fr);height:100svh;padding-top:clamp(5.5rem,12vh,7.5rem);display:grid}.sc.is-ring .sc__stage{--w:clamp(19rem, 27vw, 30rem);scroll-snap-type:none;perspective:1500px;perspective-origin:50% 38%;cursor:grab;touch-action:pan-y;user-select:none;height:auto;min-height:0;margin-top:0;padding:0;overflow:visible}.sc.is-ring .sc__stage.is-dragging{cursor:grabbing}.sc.is-ring .sc__ring{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;padding:0;position:relative}.sc.is-ring .sc__item{margin-left:calc(var(--w) / -2);backface-visibility:hidden;transform-style:preserve-3d;position:absolute;top:40%;left:50%;translate:0 -50%}.sc.is-ring .sc__card{-webkit-user-drag:none;transition:transform .7s var(--ease)}.sc.is-ring .sc__card:hover,.sc.is-ring .sc__card:focus-visible{transform:translateZ(40px)}.sc.is-ring .sc__media{box-shadow:0 0 0 1px var(--line), 0 2rem 4rem -1.5rem #000c}.sc.is-ring .sc__head{align-items:start}.sc.is-ring .sc__title{font-size:clamp(2.25rem,4.2vw,4rem)}@media (width<=63.99rem){.sc__head{grid-template-columns:minmax(0,1fr)}}.sc__ringhint{display:none}.sc.is-ring .sc__ringhint{display:inline}