.eveningGallery{isolation:isolate;color:#fff;background:radial-gradient(at 12% 70%,#142b66 0,#0000 50%),radial-gradient(at 88% 45%,#382255 0,#0000 48%),#060e20;padding:100px 8vw 80px;position:relative;overflow:hidden}.eveningGallery .eyebrow{color:#a6baff}.eveningHeading{z-index:2;margin-bottom:70px;position:relative}.eveningHeading h2 em{color:#8ba7ff}.eveningHeading>p{color:#bdc6da}.photoExperience{position:relative}.photoStage{perspective:1400px;grid-template-columns:1.18fr .92fr 1fr;align-items:center;gap:28px;padding:30px 8px 70px;display:grid}.photoSlot{perspective:1000px;min-width:0;animation:7s ease-in-out infinite alternate photoDrift;position:relative}.photoSlot-lights{margin-top:90px;animation-delay:-3s}.photoSlot-garden{margin-top:-35px;animation-delay:-5s}.floatingPhoto{transform-style:preserve-3d;background:linear-gradient(150deg,#20365a,#10192e);border:1px solid #7186b566;border-radius:42px;margin:0;padding:9px;transition:transform .65s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotateY(8deg)rotate(-4deg);box-shadow:12px 24px 0 -12px #13244d,18px 40px 65px #0009,0 0 40px #466eff24}.photoSlot-lights .floatingPhoto{border-radius:150px 150px 38px 38px;transform:rotateY(-9deg)rotate(5deg)}.photoSlot-garden .floatingPhoto{border-radius:48px 100px 42px 42px;transform:rotateY(-12deg)rotate(-3deg)}.photoWindow{isolation:isolate;aspect-ratio:3/4;border-radius:34px;position:relative;overflow:hidden;transform:translateZ(1px)}.photoSlot-lights .photoWindow{border-radius:140px 140px 30px 30px}.photoSlot-garden .photoWindow{border-radius:40px 90px 34px 34px}.photoWindow img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s;display:block}.photoWindow:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff30}.photoShine{pointer-events:none;background:linear-gradient(115deg,#0000 15%,#c5d9ff19 38%,#0000 60%) 0 0/250% 100%;animation:9s ease-in-out infinite alternate photoGleam;position:absolute;inset:0}.floatingPhoto figcaption{padding:20px 15px 16px;position:relative;transform:translateZ(20px)}.floatingPhoto figcaption>span:first-child{letter-spacing:.16em;text-transform:uppercase;color:#aabfee;margin-bottom:9px;font-size:12px;display:block}.floatingPhoto figcaption strong{color:#fff;max-width:230px;font-family:Georgia,serif;font-size:clamp(20px,2.1vw,30px);font-weight:400;line-height:1.12;display:block}.photoSlot-dj figcaption{padding-right:50px}.djGlow{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.djGlow i{aspect-ratio:1;background:radial-gradient(circle,#b1dbff 0 8%,#397affaa 22%,#0000 70%);border-radius:50%;width:7%;animation:2.8s ease-in-out infinite djLamp;position:absolute;box-shadow:0 0 18px #3c67ff66}.djGlow i:first-child{top:63%;left:35%}.djGlow i:nth-child(2){background:radial-gradient(circle,#fff0c5 0 8%,#ffc25baa 22%,#0000 70%);animation-delay:-1.4s;top:71%;left:57%}.djGlow i:nth-child(3){animation-delay:-.6s;top:77%;left:23%}.djGlow i:nth-child(4){background:radial-gradient(circle,#ead5ff 0 8%,#bb75ffaa 22%,#0000 70%);animation-delay:-2s;top:85%;left:63%}.soundBars{align-items:end;gap:3px;height:27px;display:flex;position:absolute;bottom:22px;right:14px}.soundBars i{transform-origin:bottom;background:#9db5ff;border-radius:3px;width:3px;height:100%;animation:1.4s ease-in-out infinite alternate soundLevel}.soundBars i:nth-child(2){animation-delay:-.4s}.soundBars i:nth-child(3){animation-delay:-.9s}.soundBars i:nth-child(4){animation-delay:-.2s}.soundBars i:nth-child(5){animation-delay:-.7s}.photoControls{z-index:2;justify-content:flex-end;display:flex;position:relative}.photoControls button{color:#d4def3;min-height:44px;font:inherit;cursor:pointer;background:#0b1830;border:1px solid #96a9d35e;border-radius:30px;align-items:center;gap:18px;padding:12px 19px;font-size:14px;display:flex}.photoControls button:hover{background:#1b3157}.photoControls button:focus-visible{outline-offset:5px;outline:3px solid #acc0ff}@keyframes photoDrift{0%{transform:translateY(0)}to{transform:translateY(-17px)}}@keyframes photoGleam{0%{opacity:.25;background-position:100% 0}to{opacity:.8;background-position:0 0}}@keyframes djLamp{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes soundLevel{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (hover:hover) and (pointer:fine){.photoSlot:hover{z-index:3}.photoSlot:hover .floatingPhoto{transform:rotateY(0)rotate(0)translateZ(28px)translateY(-8px)}.photoSlot:hover img{transform:scale(1.035)}}.photoExperience.isPaused *,.photoExperience.isPaused :before,.photoExperience.isPaused :after{transition:none!important;animation-play-state:paused!important}.photoExperience.isPaused .floatingPhoto,.photoExperience.isPaused img{transform:none}@media (max-width:800px){.eveningGallery{padding:75px 24px 55px}.eveningHeading{margin-bottom:32px}.photoStage{grid-template-columns:1fr 1fr;gap:26px 18px;padding:20px 4px 50px}.photoSlot-dj{grid-column:1/-1;justify-self:center;width:86%;max-width:430px}.photoSlot-lights{margin-top:28px}.photoSlot-garden{margin-top:-10px}.floatingPhoto{border-radius:30px;padding:6px;box-shadow:8px 18px 0 -10px #13244d,8px 25px 35px #0008}.photoWindow{border-radius:25px}.photoSlot-dj .photoWindow{aspect-ratio:3/4}.photoSlot-lights .floatingPhoto{border-radius:90px 90px 25px 25px;transform:rotateY(-6deg)rotate(4deg)}.photoSlot-lights .photoWindow{border-radius:85px 85px 20px 20px}.photoSlot-garden .floatingPhoto{border-radius:25px 60px 25px 25px;transform:rotateY(-6deg)rotate(-4deg)}.photoSlot-garden .photoWindow{border-radius:20px 55px 20px 20px}.floatingPhoto figcaption{padding:14px 7px 12px;transform:none}.floatingPhoto figcaption strong{overflow-wrap:break-word;font-size:20px;line-height:1.18}.floatingPhoto figcaption>span:first-child{letter-spacing:.06em;font-size:12px}.photoSlot-dj figcaption{padding-right:44px}.photoSlot-dj figcaption strong{font-size:27px}.photoControls{justify-content:center}}@media (max-width:360px){.photoStage{gap:22px 12px}.floatingPhoto figcaption strong{font-size:18px}.photoSlot-dj{width:90%}}@media (prefers-reduced-motion:reduce){.photoExperience *,.photoExperience :before,.photoExperience :after{transition:none!important;animation:none!important}.photoSlot:hover .floatingPhoto,.photoSlot:hover img{transform:none}.photoControls{display:none}.djGlow{opacity:.4}}
