.photo-gallery-hero{position:relative;width:100%;height:350px;margin:0 auto;overflow:hidden}.gallery-hero-copy{position:absolute;z-index:100;left:50%;top:18px;width:min(92%,620px);transform:translateX(-50%);text-align:center;pointer-events:none}.gallery-hero-copy h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.075em;font-weight:800}.gallery-hero-copy h1 em{font-family:var(--serif);font-weight:500;color:#8f8f96;letter-spacing:-.05em}.gallery-stage{position:absolute;left:50%;top:175px;width:110px;height:110px;transform:translateX(-50%)}.gallery-card{position:absolute;left:0;top:0;width:110px;height:110px;cursor:grab;user-select:none;animation:gallery-in .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--order,0) * .12s)}.gallery-card:active{cursor:grabbing}.gallery-card img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.gallery-card-1{--order:0;transform:translate(-330px,22px) rotate(-2deg)}.gallery-card-2{--order:1;transform:translate(-220px,2px) rotate(2deg)}.gallery-card-3{--order:2;transform:translate(-110px,18px) rotate(-1deg)}.gallery-card-4{--order:3;transform:translate(0,-2px) rotate(2deg)}.gallery-card-5{--order:4;transform:translate(110px,20px) rotate(-2deg)}.gallery-card-6{--order:5;transform:translate(220px,0) rotate(2deg)}.gallery-card-7{--order:6;transform:translate(330px,17px) rotate(-2deg)}@keyframes gallery-in{from{opacity:0}to{opacity:1}}@media(min-width:761px){.photo-gallery-hero{height:420px}.gallery-stage{top:245px}}@media(max-width:760px){.photo-gallery-hero{height:285px}.gallery-hero-copy{top:10px;width:90%}.gallery-hero-copy h1{font-size:clamp(32px,9vw,48px)}.gallery-stage{top:155px;transform:translateX(-50%) scale(.48);transform-origin:top center}}
.gallery-card img{animation:gallery-float 2.8s ease-in-out infinite;will-change:transform}.gallery-card:nth-child(2n) img{animation-delay:-.7s}.gallery-card:nth-child(3n) img{animation-delay:-1.4s}.gallery-card:nth-child(4n) img{animation-delay:-2.1s}@keyframes gallery-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
