.gallery-page header{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:clamp(7rem,18vh,12rem) 0;font-family:Koulen,sans-serif;display:flex;position:relative}.gallery-page header h1{letter-spacing:3px;text-shadow:2px 2px 10px #0006;background:linear-gradient(90deg,gold,#fc0,#ffc107);-webkit-text-fill-color:transparent;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;max-width:90%;margin:0 auto;font-size:4rem;font-weight:700}.gallery-page header p{max-width:90%;padding:0 1rem;font-size:1.5rem}.gallery-focus{flex:auto}.gallery-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;gap:1.5rem;max-width:1500px;margin:0 auto;padding:.75rem 1rem 1.25rem;display:flex;overflow:auto hidden}.gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.gallery-track.is-snapping{scroll-snap-type:none;scroll-behavior:smooth}.gallery-card{scroll-snap-align:center;scroll-snap-stop:always;background:#fff;border:1px solid #eee;border-radius:1.25rem;flex:none;width:min(850px,85vw);height:clamp(320px,60vh,560px);overflow:hidden;transform:translateZ(0);box-shadow:0 10px 28px #0000001f}.gallery-track::-webkit-scrollbar{height:10px}.gallery-track::-webkit-scrollbar-thumb{background:#00000040;border-radius:999px}.gallery-track::-webkit-scrollbar-track{background:#0000000f;border-radius:999px}
.carousel-container{--outer-r:24px;--p-distance:12px;background:#fff9;border:1px solid #0000001f;border-radius:24px;padding:16px;position:relative;overflow:hidden}.carousel-track{align-items:stretch;height:100%;display:flex}.carousel-item{border-radius:calc(var(--outer-r) - var(--p-distance));cursor:grab;background:#000;border:1px solid #0000002e;flex-direction:column;flex-shrink:0;justify-content:stretch;align-items:stretch;height:100%;display:flex;position:relative;overflow:hidden}.carousel-item:active{cursor:grabbing}.carousel-item-header{width:100%;height:100%;position:relative;overflow:hidden}.carousel-item-header:after{content:"";pointer-events:none;background:radial-gradient(120% 120%,#0000 40%,#000000b3 100%);position:absolute;inset:0}.carousel-image{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}
