.viewfinder-screen{background:#000}.viewfinder-grid{background-image:linear-gradient(to right,rgb(255 255 255 / 30%) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / 30%) 1px,transparent 1px);background-size:33.33% 33.33%}.camera-body{background:linear-gradient(145deg,#2d3748,#1a202c);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d,0 8px 16px #0006}.button{background:linear-gradient(145deg,#4a5568,#2d3748);box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff1a;transition:all .1s ease}.button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000004d,inset 0 1px 2px #0003}.dial{background:radial-gradient(circle at center,#4a5568,#2d3748 70%,#1a202c);box-shadow:0 2px 6px #0006,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003}.screen-bezel{background:linear-gradient(145deg,#1a202c,#2d3748);box-shadow:inset 0 2px 4px #0000004d}.brand-text{text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.polaroid-frame{max-height:900px;max-width:600px;border-style:solid;border-color:#080808 #181818;border-width:.625em;box-shadow:0 0 .3em gray inset,0 .2em .625em .2em #00000026;z-index:20;background-color:#f8f8ff;padding:4%}.polaroid-image{display:block;object-fit:contain;border:solid .125em;border-bottom-color:#ffe;border-left-color:#eed;border-right-color:#eed;border-top-color:#ccb;max-width:100%;max-height:100%}.floating-polaroid-frame{border-style:solid;border-color:#080808 #181818;border-width:.625em;box-shadow:0 0 .3em gray inset,0 .2em .625em .2em #00000026;background-color:#f8f8ff;padding:8px}.floating-polaroid-image{display:block;object-fit:cover;border:solid .125em;border-bottom-color:#ffe;border-left-color:#eed;border-right-color:#eed;border-top-color:#ccb;width:100%;height:100%}.pop-in{animation:pop-in .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.pop-out{animation:pop-out .4s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pop-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:#fff9;border-radius:50%;animation:float 8s infinite ease-in-out;box-shadow:0 0 10px #ffffff4d}.particle:nth-child(odd){background:#3b82f67f;box-shadow:0 0 8px #3b82f666;animation-delay:-2s}.particle:nth-child(3n){background:#3b82f633;box-shadow:0 0 6px #a855f74d;animation-delay:-4s;animation-duration:12s}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.7}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-10px) translate(-5px);opacity:.8}75%{transform:translateY(-30px) translate(15px);opacity:.9}}.navbar-hidden{transform:translateY(-100%)}.navbar-visible{transform:translateY(0)}.hamburger-line{transition:all .3s ease;transform-origin:center}.hamburger-active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-active .hamburger-line:nth-child(2){opacity:0}.hamburger-active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu.open{max-height:300px}nav{transition:transform .3s ease}.slide-out-right{animation:slide-out-right .5s ease-in-out forwards}.slide-in-left{animation:slide-in-left .5s ease-in-out forwards}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}@keyframes slide-in-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.column-box{transition:height .8s ease-in-out}.text-element{transition:opacity .3s ease-in-out}
