/* Native page scrolling is the default; the viewer explicitly opts into browsing. */
.hero-gallery-stage{position:relative;width:100%;isolation:isolate}
.gallery-browse-controls{width:min(1390px,calc(100% - 48px));margin:35px auto 0;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:20px}
.gallery-browse{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 15px 6px 11px;border-radius:25px;background:#eee7f8b8;color:#6d4795;font-size:11px;line-height:1.4;white-space:nowrap;transition:background .2s,box-shadow .2s;box-shadow:0 5px 15px -10px #46325948}
.gallery-browse:hover{background:#e7ddf4;box-shadow:0 7px 18px -10px #46325955}
.gallery-browse[aria-pressed=true]{background:#e5d9f4;color:#513174}
.gallery-browse>svg{width:19px;height:28px;flex-shrink:0}
.gallery-browse-hint{font-size:11px;color:#7c6f88;line-height:1.5}
.hero-gallery{height:653px;margin-top:10px;mask-image:linear-gradient(to bottom,transparent,#0004 3px,#000b 7px,#000 13px,#000 calc(100% - 14px),#000b calc(100% - 8px),#0004 calc(100% - 3px),transparent);overflow:hidden;scrollbar-width:none;padding:14px 14px 28px;gap:22px;isolation:isolate;touch-action:pan-y}
.hero-gallery .lane-track{--wall-gap:22px;--wall-name:wall-drift-up;--wall-duration:118s;gap:var(--wall-gap)}
.hero-gallery .lane-1 .lane-track,.hero-gallery .lane-3 .lane-track{--wall-name:wall-drift-down;--wall-duration:137s}
.hero-gallery .lane-track,.hero-gallery:has(.moment:focus-visible) .lane-track{animation:var(--wall-name) var(--wall-duration) linear infinite}
.hero-gallery.wall-manual{overflow-y:auto;overscroll-behavior-y:contain}
.hero-gallery.wall-manual .lane-track,.hero-gallery.paused .lane-track,.hero-gallery:has(.moment:focus-visible) .lane-track{animation-play-state:paused}
.hero-gallery .moment{border:0;box-shadow:0 17px 25px -12px #30203b42,0 4px 9px -4px #38234a26;transform:translateZ(0)}
.hero-gallery .moment:after{inset:78% 0 0;background:linear-gradient(transparent,#170c2760)}
.hero-gallery .moment-play{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;background:#16101c0a}
.hero-gallery .moment-play>span{font-size:10px;font-weight:500;color:white;text-shadow:0 1px 5px #1e152f}
.hero-gallery .moment-play .icon{box-shadow:0 5px 18px #1d142a30}
.hero-gallery .moment-caption{bottom:15px;font-weight:400}
.hero-gallery .moment[data-wall-id="hero236-18"] video{object-position:50% 40%}
.hero-gallery .moment[data-wall-id="hero236-11"] video{object-position:50% 44%}
.hero-gallery::-webkit-scrollbar{display:none}
.hero-gallery .lane-hero .moment{height:430px}
.hero-gallery .moment.moment-small{height:218px}
@media(max-width:1050px){.hero-gallery{height:605px;gap:16px;padding:12px 12px 24px}.hero-gallery .lane-track{--wall-gap:16px}}
@media(max-width:800px){.hero-gallery{height:557px;grid-template-columns:1fr 1.3fr 1fr;gap:14px}.hero-gallery .gallery-lane{display:block}.hero-gallery .lane-track{--wall-gap:14px}.hero-gallery .lane-2 .moment{height:277px}.hero-gallery .lane-hero .moment{height:360px}.gallery-browse-controls{gap:12px}.gallery-browse-hint{font-size:10px}}
@media(max-width:560px){.hero-gallery{height:472px;width:calc(100% + 42px);margin-left:-21px;gap:12px;padding:12px 10px 24px}.hero-gallery .lane-track{--wall-gap:12px}.hero-gallery .moment{border-radius:16px;box-shadow:0 12px 19px -9px #30203b4a}.hero-gallery .moment-0{height:246px}.hero-gallery .moment-1{height:206px}.hero-gallery .moment-2{height:277px}.hero-gallery .lane-2 .moment{height:260px}.hero-gallery .lane-hero .moment{height:290px}.hero-gallery .moment.moment-small{height:174px}.hero-gallery{mask-image:linear-gradient(to bottom,transparent,#0004 2px,#000b 5px,#000 8px,#000 calc(100% - 10px),#000b calc(100% - 6px),#0004 calc(100% - 2px),transparent)}.gallery-browse-controls{width:calc(100% - 26px);margin-top:25px;gap:12px}.gallery-browse{font-size:10px;padding-inline:10px;gap:6px}.gallery-browse-hint{font-size:9px;max-width:180px}.hero-gallery .moment-play>span{font-size:8px;max-width:80px;text-align:center}.hero-gallery .moment-play .icon{width:38px;height:38px;padding:10px}.hero-gallery .moment-caption{left:10px;right:10px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-gallery .lane-track,.hero-gallery:has(.moment:focus-visible) .lane-track{animation:none;transform:none}}

/* Manual browsing is a finite, balanced gallery, not the translated infinite loops. */
.hero-gallery.wall-manual .gallery-lane{height:var(--manual-height);padding-top:0}
.hero-gallery.wall-manual .lane-track,.hero-gallery.wall-manual:has(.moment:focus-visible) .lane-track{height:100%;display:grid;grid-template-rows:repeat(var(--manual-count),minmax(0,1fr));animation:none;transform:none}
.hero-gallery.wall-manual .gallery-lane .moment{height:100%;min-height:0}

@keyframes wall-drift-up{from{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--wall-gap)/2))}}
@keyframes wall-drift-down{from{transform:translateY(calc(-50% - var(--wall-gap)/2))}to{transform:translateY(0)}}
