.media-page.camera-page{position:relative;height:100svh;min-height:320px;overflow:clip;isolation:isolate;perspective:1400px;color:#d8d5d0;background:#050505;font-family:Space Grotesk,Arial,sans-serif;touch-action:pinch-zoom;outline:none}.camera-world{position:absolute;inset:-4px;pointer-events:none;transform-origin:50% 50%;animation:camera-scene-in 1.2s 1.15s both}.camera-subject{position:absolute;left:13.5%;top:47%;right:7%;transform-origin:0 55%;animation:camera-scene-in .6s 1.15s both}.camera-autofocus{transform-origin:15% 50%;animation:camera-pull-focus 2.6s cubic-bezier(.4,0,.2,1) 1.25s both}.camera-brand-depth{font-size:clamp(18px,2vw,29px);letter-spacing:.11em;line-height:1.3;margin:0 0 23px 5px;color:#a6a39e}.camera-brand-depth,.camera-title-depth{font-weight:400;width:max-content;will-change:filter}.camera-title-depth{margin:0;font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(42px,min(7.1vw,13svh),108px);line-height:1.08;letter-spacing:-.057em;color:#e4e0db;max-width:100%}.camera-title-depth span{white-space:nowrap}.camera-light-plane{position:absolute;right:0;top:19%;width:48%;height:34%;transform-origin:50% 50%;will-change:transform,filter}.camera-practical{position:absolute;width:22%;height:20%;top:40%;right:20%;border-radius:50%;background:radial-gradient(ellipse,#bcb1a150,#96846b16 37%,transparent 73%)}.camera-beam{position:absolute;width:140%;height:11%;left:-30%;top:52%;background:radial-gradient(ellipse 49% 13% at 66% 48%,#e0cbb24a,#b5a69312 53%,transparent 83%)}.camera-refraction{position:absolute;width:88%;height:9%;left:7%;top:62%;background:linear-gradient(90deg,transparent,#FB7732 20%,#F93661 33%,#E024B7 44%,#9542DC 57%,#3D85F3 70%,#16D8EF 82%,transparent);mask-image:radial-gradient(ellipse 48% 17%,#000,transparent);opacity:.06}.camera-glass{position:absolute;left:4%;top:12%;width:22%;height:71%;opacity:.16;background:linear-gradient(104deg,transparent 41%,#a39e9514 48%,#c6c0b827 49.5%,#d6d1c905 51%,transparent 61%);transform:rotate(-9deg);will-change:filter}.camera-exposure{position:absolute;inset:0;background:#e3ddd2;opacity:0}.camera-grain{width:100%;height:100%;opacity:.025;animation:camera-grain-in 1.5s .9s both}.camera-grain,.camera-vignette{position:absolute;inset:0;pointer-events:none}.camera-vignette{background:radial-gradient(ellipse 75% 80% at 50% 49%,transparent 35%,#0008 100%)}.camera-bottom,.camera-top{position:absolute;z-index:2;left:clamp(26px,3.6vw,64px);right:clamp(26px,3.6vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.3;letter-spacing:.045em}.camera-top{top:max(28px,env(safe-area-inset-top))}.camera-recording{display:flex;align-items:center;gap:10px;animation:camera-interface-in .5s .7s both}.camera-rec-dot{width:4px;height:4px;border-radius:50%;background:#bf433c;flex:none}.camera-rec-label{width:29px;color:#bdb8b1}.camera-timecode{width:88px;color:#99958f;font-variant-numeric:tabular-nums}.camera-take{margin-left:24px;color:#6d6964;white-space:nowrap;animation:camera-interface-in .8s 1.1s both}.camera-home{display:block;width:91px;flex:none;animation:camera-interface-in .9s 1.2s both}.camera-home img{display:block;width:100%;height:auto}.camera-home:focus-visible{outline:1px solid #a39e96;outline-offset:7px}.camera-bottom{bottom:max(29px,env(safe-area-inset-bottom));color:#77736d;animation:camera-interface-in .9s 1.1s both}.camera-lens{font-size:11px;min-width:44px;color:#b4aea6;font-variant-numeric:tabular-nums}.camera-settings{display:flex;gap:24px;white-space:nowrap}.camera-hint{position:absolute;left:50%;transform:translateX(-50%);color:#696660;font-size:9px;letter-spacing:.09em;opacity:.7;white-space:nowrap;transition:opacity 1.2s}.camera-hint[data-used=true]{opacity:0}.camera-frame-lines{position:absolute;inset:14px;pointer-events:none;animation:camera-interface-in 1s 1.1s both}.camera-frame-lines>i,.camera-reticle>i{position:absolute;width:8px;height:8px;border:0 solid #5d595257}.camera-frame-lines>i:first-child,.camera-reticle>i:first-child{left:0;top:0;border-left-width:1px;border-top-width:1px}.camera-frame-lines>i:nth-child(2),.camera-reticle>i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.camera-frame-lines>i:nth-child(3),.camera-reticle>i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.camera-frame-lines>i:nth-child(4),.camera-reticle>i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.camera-page:focus-visible .camera-frame-lines>i{border-color:#9d978b}.camera-reticle{position:absolute;z-index:3;left:0;top:0;width:18px;height:18px;opacity:0;pointer-events:none}.camera-reticle>i{width:4px;height:4px;border-color:#d3cec4}.camera-reticle>span{position:absolute;inset:0;border:1px solid #d3cec4;opacity:0}.camera-page[data-camera-state=cut] .camera-rec-dot{background:#4d4540}.camera-page[data-camera-state=cut] .camera-rec-label{color:#dfd9cf}.camera-page[data-camera-state=cut] *,.camera-page[data-paused=true] *,html[data-division-transition] .camera-page *{animation-play-state:paused!important}@keyframes camera-interface-in{0%{opacity:0}to{opacity:1}}@keyframes camera-scene-in{0%{opacity:0}to{opacity:1}}@keyframes camera-grain-in{0%{opacity:0}to{opacity:.025}}@keyframes camera-pull-focus{0%{filter:blur(20px);transform:scale(1.028)}75%{filter:blur(.4px)}88%{filter:blur(.8px)}to{filter:blur(0);transform:scale(1)}}@media (max-width:700px){.camera-bottom,.camera-top{left:24px;right:24px;font-size:9px;gap:14px}.camera-top{align-items:flex-start}.camera-home{width:79px;margin-top:-7px}.camera-recording{position:relative;gap:8px}.camera-timecode{width:83px}.camera-rec-label{width:25px}.camera-take{position:absolute;top:28px;right:0;margin:0;font-size:8px}.camera-subject{left:9%;right:9%;top:44%}.camera-brand-depth{font-size:17px;margin:0 0 19px 2px;letter-spacing:.09em}.camera-title-depth{font-size:clamp(38px,13.7vw,76px);line-height:1.03}.camera-title-depth span{display:block;margin-top:3px}.camera-light-plane{width:86%;right:-20%;top:26%;height:30%}.camera-glass{width:45%;left:-9%}.camera-settings{gap:16px;font-size:8px}.camera-lens{font-size:10px}.camera-hint{bottom:34px;font-size:8px;letter-spacing:.07em}.camera-frame-lines{inset:11px}}@media (max-height:480px) and (min-width:701px){.camera-top{top:22px}.camera-bottom{bottom:22px}.camera-subject{top:42%}.camera-brand-depth{font-size:18px;margin-bottom:16px}.camera-title-depth{font-size:12svh}}@media (prefers-reduced-motion:reduce){.camera-page *,.camera-page :after,.camera-page :before{animation:none!important;transition:none!important}.camera-autofocus{filter:none;transform:none}.camera-grain{opacity:.018}}.camera-pause{position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;background:none;border:0;color:#aaa;font:inherit;font-size:9px;letter-spacing:inherit;cursor:pointer;pointer-events:auto;padding:8px}.camera-hint{bottom:30px;color:#aaa}.camera-bottom{color:#aaa}.camera-take{color:#a09c96}