.camera-panel{background:radial-gradient(circle at 40% 22%,#f1ede629,#0000 30%),radial-gradient(circle at 72% 72%,#7e675b57,#0000 42%),linear-gradient(135deg,#4b3932 0%,#3a2d28 58%,#241a17 100%);justify-content:center;align-items:center;height:100%;min-height:100%;padding:108px 18px 54px;position:relative}.camera-panel:after{pointer-events:none;content:"";border:1px solid #f1ede657;position:absolute;inset:28px}.camera-experience{z-index:1;width:min(340px,100%);position:relative}.camera-label{color:#f1ede6b8;letter-spacing:.3em;text-align:center;margin-bottom:26px;font-size:10px;line-height:1.9}.micro{font-family:var(--display);letter-spacing:.48em;text-transform:uppercase;font-size:12px}.camera{width:min(300px,100%);height:210px;color:var(--cream);cursor:pointer;background:0 0;border:0;margin:0 auto;padding:0;display:block;position:relative}.camera:focus-visible{outline:1px solid var(--cream);outline-offset:12px}.camera__body{background:linear-gradient(145deg,#3a2d28e6,#211815eb),linear-gradient(90deg,#0000 0 48%,#f1ede61f 48% 52%,#0000 52%);border:1px solid #f1ede6b8;height:142px;position:absolute;bottom:22px;left:0;right:0;box-shadow:0 28px 70px #140e0c4d}.camera__top{background:#2d211dd1;border:1px solid #f1ede6b8;border-bottom:0;width:120px;height:42px;position:absolute;top:40px;left:48px}.camera__flash{background:#f1ede629;border:1px solid #f1ede6b8;width:58px;height:30px;position:absolute;top:58px;right:46px}.camera__shutter{border:1px solid #f1ede69e;width:58px;height:14px;position:absolute;top:70px;left:48px}.camera__lens{background:radial-gradient(circle at 42% 38%,#f1ede6db 0 7px,#0000 8px),radial-gradient(circle,#f1ede614 0 30%,#140e0cb8 31% 58%,#f1ede61f 59% 61%,#140e0cd6 62%);border:1px solid #f1ede6db;border-radius:50%;width:106px;height:106px;position:absolute;top:124px;left:50%;transform:translate(-50%,-50%)}.camera__lens:after{content:"";border:1px solid #f1ede647;border-radius:50%;position:absolute;inset:22px}.camera__hint{font-family:var(--display);letter-spacing:.3em;opacity:.4;text-transform:uppercase;font-size:10px;position:absolute;bottom:0;right:0}.camera-flash{z-index:80;pointer-events:none;opacity:0;background:#fffcf4f5;position:fixed;inset:0}.camera-flash.is-active{animation:.68s ease-out flash}@keyframes flash{0%{opacity:0}8%{opacity:1}22%{opacity:.82}to{opacity:0}}.camera.is-shooting .camera__flash{animation:.68s ease-out flash-cell}.camera.is-shooting .camera__lens{animation:.36s lens-click}@keyframes flash-cell{0%,to{box-shadow:none}12%{background:var(--cream);box-shadow:0 0 90px 34px #f1ede6d1}}@keyframes lens-click{0%,to{transform:translate(-50%,-50%)scale(1)}48%{transform:translate(-50%,-50%)scale(.92)}}.instant{background:var(--cream);width:min(360px,100%);color:var(--espresso);margin:30px auto 0;padding:12px 12px 42px;transition:transform .26s;transform:rotate(-2.5deg);box-shadow:0 30px 70px #140e0c4d}.instant.is-fresh{animation:.76s cubic-bezier(.2,.8,.2,1) print-photo}.instant img{filter:sepia(.1)saturate(.88);width:100%;height:auto}.instant figcaption{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;margin-top:14px;font-size:11px}@keyframes print-photo{0%{opacity:0;transform:translateY(-36px)rotate(-5deg)scale(.92)}to{opacity:1;transform:translate(0)rotate(-2.5deg)scale(1)}}@media (min-width:120rem) and (max-height:56rem){.hero-lockup{transform:translateY(-2rem)}.camera-experience{transform:scale(.86)}}@media (min-width:120rem) and (max-height:48rem){.hero-lockup{transform:translateY(-2.5rem)}.camera-experience{transform:scale(.75)}}@media (max-width:1000px){.camera-panel{order:-1;min-height:620px}}@media (max-width:640px){body{font-size:16px}.camera-panel{min-height:560px;padding-top:84px}.camera{height:248px}.camera__body{height:170px;left:8px;right:8px}.camera__top{width:142px;top:54px;left:54px}.camera__flash{top:78px;right:52px}.camera__shutter{top:88px;left:54px}.camera__lens{width:120px;height:120px}.instant{width:min(330px,92vw);transform:rotate(-2.5deg)}.instant.has-shot{width:min(350px,94vw);transform:rotate(-2.5deg)}@keyframes print-photo{0%{opacity:0;transform:translateY(-36px)rotate(-5deg)scale(.92)}to{opacity:1;transform:translateY(0)rotate(-2.5deg)scale(1)}}}