.shutter-circle{--size:300px;width:var(--size);height:var(--size);cursor:pointer;background:radial-gradient(circle,#2a2a2a 60%,#000);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 8px #ffffff0d,0 20px 60px #000c}.shutter-circle:hover{box-shadow:0 0 0 8px #ffffff14,0 25px 70px #000000e6}.flap{transform-origin:100% 100%;will-change:transform;pointer-events:none;--p:calc(var(--i)/var(--flaps));width:150vmax;height:150vmax;transform:rotate(-.25turn)rotate(calc(1turn*var(--p)))skewX(30deg)translateX(0%)translateY(0%);background:linear-gradient(35deg,#555,#000);border:2px solid #999;position:absolute;bottom:50%;right:50%}.shutter.active .flap{animation:.8s cubic-bezier(.8,0,.2,1) forwards shutter-open}.shutter.interacted:not(.active) .flap{animation:.8s cubic-bezier(.8,0,.2,1) forwards shutter-close}@keyframes shutter-open{0%{transform:rotate(-.25turn)rotate(calc(1turn*var(--p)))skewX(30deg)translateX(0%)translateY(0%)}to{transform:rotate(-.5turn)rotate(calc(1turn*var(--p)))skewX(30deg)translateX(-100%)translateY(90%)}}@keyframes shutter-close{0%{transform:rotate(-.5turn)rotate(calc(1turn*var(--p)))skewX(30deg)translateX(-100%)translateY(90%)}to{transform:rotate(-.25turn)rotate(calc(1turn*var(--p)))skewX(30deg)translateX(0%)translateY(0%)}}.lens-text{fill:#f5a623;letter-spacing:1.5px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:500}.rotating-text{animation:30s linear infinite rotate-text}@keyframes rotate-text{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shutter-hero{justify-content:center;align-items:center;display:flex}.shutter-image{z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;overflow:hidden}.shutter-image img{border-radius:50%}.shutter{z-index:2;width:100%;height:100%;position:absolute}.lens-ring{pointer-events:none;z-index:5;justify-content:center;align-items:center;width:360px;height:360px;display:flex;position:absolute}.fullscreen-photo-view{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.photo-details{text-align:center;color:#fff;z-index:10;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.photo-details h2{letter-spacing:.2em;margin-bottom:12px;font-family:Bebas Neue,sans-serif;font-size:32px}.photo-details p{color:#ffffffb3;letter-spacing:.05em;margin-bottom:24px;font-size:14px}.photo-details button{color:#fff;cursor:pointer;letter-spacing:.2em;background:0 0;border:1px solid #ffffff4d;padding:12px 32px;font-size:12px;transition:all .3s}.photo-details button:hover{color:#f5a623;background:#ffffff1a;border-color:#f5a623}.shutter-image-grid-mode img{width:100%;height:100%;object-fit:cover!important}