.scroll-expand{--scroll-expand-inset-top:21%;--scroll-expand-inset-right:29%;--scroll-expand-inset-bottom:21%;--scroll-expand-inset-left:29%;--scroll-expand-start-radius:24px;--scroll-expand-end-radius:0px;--scroll-expand-media-zoom:1.35;--scroll-expand-progress:0;isolation:isolate;width:100%;height:100%;min-height:0;position:relative;container-type:inline-size}.scroll-expand--scroller{scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}.scroll-expand--scroller::-webkit-scrollbar{display:none}.scroll-expand--scroller:focus-visible{outline-offset:3px;outline:2px solid}.scroll-expand__track{width:100%;height:100%;position:relative}.scroll-expand__stage{color:#fff;background:#101010;width:100%;height:100%;position:sticky;top:0;overflow:hidden}.scroll-expand__frame{clip-path:inset(var(--scroll-expand-inset-top) var(--scroll-expand-inset-right) var(--scroll-expand-inset-bottom) var(--scroll-expand-inset-left) round var(--scroll-expand-start-radius));will-change:clip-path;position:absolute;inset:0;overflow:hidden}.scroll-expand__media{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;transform:scale(var(--scroll-expand-media-zoom));transform-origin:50%;backface-visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;position:absolute;inset:0}.scroll-expand[data-direction=focus] .scroll-expand__frame{clip-path:inset(0 round var(--scroll-expand-end-radius))}.scroll-expand[data-direction=focus] .scroll-expand__media{transform:scale(1)}.scroll-expand[data-direction=focus] .scroll-expand__overlay[data-layer=frame]{inset:var(--scroll-expand-inset-top) var(--scroll-expand-inset-right) var(--scroll-expand-inset-bottom) var(--scroll-expand-inset-left);padding:clamp(1rem,3cqw,2.5rem)}.scroll-expand[data-direction=focus] .scroll-expand__scrim{background:linear-gradient(90deg,#000000e0,#000000b8 72%,#00000038)}.scroll-expand[data-size=compact][data-direction=focus] .scroll-expand__scrim{background:linear-gradient(#0000001a,#0009 56%,#000000e0)}.scroll-expand[data-size=compact][data-direction=focus] .scroll-expand__overlay[data-layer=frame]{padding:clamp(1rem,5cqw,1.75rem)}.scroll-expand[data-size=compact] .scroll-expand__overlay{padding:8% 6%}.scroll-expand[data-size=compact] .scroll-expand__title{padding:0 6%}.scroll-expand__media--empty{background:radial-gradient(circle at 72% 22%,#ffffff2e,#0000 28%),linear-gradient(145deg,#343434,#111 68%)}.scroll-expand__scrim{pointer-events:none;opacity:0;background:linear-gradient(#00000059,#0000001a 55%,#000000bf);position:absolute;inset:0}.scroll-expand__overlay{color:#fff;text-align:center;opacity:0;will-change:opacity, transform;flex-direction:column;justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;inset:0;transform:translateY(18px)}.scroll-expand__overlay[data-align=start]{text-align:start;align-items:flex-start}.scroll-expand__overlay[data-align=end]{text-align:end;align-items:flex-end}.scroll-expand__overlay[data-position=bottom]{justify-content:flex-end}.scroll-expand__item{opacity:0;transform:translate3d(0, var(--scroll-expand-item-offset-y,24px), 0) scale(var(--scroll-expand-item-scale,.98));transform-origin:50%;will-change:opacity, transform}.scroll-expand__title{color:#fff;letter-spacing:-.03em;text-align:center;text-shadow:0 2px 24px #00000073;text-wrap:balance;pointer-events:none;will-change:opacity, transform;justify-content:center;align-items:center;margin:0;padding:0 6%;font-size:clamp(1.25rem,7.5cqw,5.25rem);font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.scroll-expand__title[data-align=start]{text-align:start;justify-content:flex-start}.scroll-expand__title[data-align=end]{text-align:end;justify-content:flex-end}.scroll-expand__hint{color:#ffffffb8;letter-spacing:.02em;text-align:center;pointer-events:none;will-change:opacity, transform;font-size:.8125rem;position:absolute;bottom:1.25rem;left:0;right:0}@media (prefers-reduced-motion:reduce){.scroll-expand:not([data-motion=enabled]) .scroll-expand__frame{clip-path:inset(0);will-change:auto}.scroll-expand:not([data-motion=enabled]) .scroll-expand__media{will-change:auto;transform:none}.scroll-expand[data-direction=focus]:not([data-motion=enabled]) .scroll-expand__frame{clip-path:inset(var(--scroll-expand-inset-top) var(--scroll-expand-inset-right) var(--scroll-expand-inset-bottom) var(--scroll-expand-inset-left) round var(--scroll-expand-start-radius))}.scroll-expand[data-direction=focus]:not([data-motion=enabled]) .scroll-expand__media{transform:scale(var(--scroll-expand-media-zoom))}.scroll-expand:not([data-motion=enabled]) .scroll-expand__scrim{opacity:.45}.scroll-expand:not([data-motion=enabled]) .scroll-expand__overlay,.scroll-expand:not([data-motion=enabled]) .scroll-expand__item{opacity:1;will-change:auto;transform:none}.scroll-expand:not([data-motion=enabled]) .scroll-expand__title,.scroll-expand:not([data-motion=enabled]) .scroll-expand__hint{display:none}}