.collection-return{min-width:44px;min-height:44px;color:inherit;white-space:nowrap;opacity:.82;flex-shrink:0;justify-content:center;align-items:center;gap:7px;letter-spacing:.02em!important;pointer-events:auto!important;font:500 11px/1.2 Barlow,Arial,sans-serif!important;display:inline-flex!important}.collection-return svg{fill:none;stroke:currentColor;stroke-width:1.25px;flex:none;width:16px!important;height:16px!important}.collection-return:hover{opacity:1}.collection-return:focus-visible{outline-offset:4px;outline:2px solid}@media (width>=2200px){.collection-return{gap:12px;font-size:18px!important}.collection-return svg{width:22px!important;height:22px!important}}@media (width<=760px){.collection-return{justify-content:center;gap:0;min-width:44px;font-size:0!important}.collection-return svg{width:18px!important;height:18px!important}}@font-face{font-family:Manrope;src:url(/ai-web-experience-collection/optic/fonts/manrope-latin-wght-normal.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Cormorant;src:url(/ai-web-experience-collection/optic/fonts/cormorant-garamond-latin-400-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--bg:#090b0d;--ink:#eeeee9;--sub:#a6aaa9;--dim:#717877;--rule:#343b3c;--accent:#c8d6d3;--gutter:4.25vw;--vh:1vh;--coast-image:none;color:var(--ink);background:var(--bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#68716e #101315}body{margin:0;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:7px;outline:2px solid #c9dad5}button:hover,a:hover{color:#fff}a{text-underline-offset:5px}::selection{color:#090b0d;background:#c8d6d3}button svg,a svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}em{letter-spacing:-.035em;font-family:Cormorant,serif;font-weight:400}h1,h2,p,figure{margin:0}h1,h2{letter-spacing:-.04em;text-wrap:balance;font-weight:350;line-height:1.075}h1{font-size:clamp(54px,5.5vw,104px)}h2{font-size:clamp(45px,5.05vw,88px)}p{color:var(--sub);font-size:clamp(13px,.98vw,16px);font-weight:400;line-height:1.8}small{font:inherit}.skip-link{z-index:200;background:var(--bg);padding:14px;position:fixed;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:none}#stage,#fallback-stage,.stage-shade{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#stage{z-index:1;background:radial-gradient(at 62% 49%,#171c20 0,#0e1114 33%,#090b0d 76%)}#stage canvas{width:100%;height:100%;display:block}#fallback-stage{z-index:2;display:none}.stage-shade{z-index:3;background:linear-gradient(#090b0d52,#0000 11% 82%,#090b0dcc);transition:opacity .6s}.is-fallback #fallback-stage{display:block}.is-fallback #stage{visibility:hidden}.masthead{z-index:80;left:var(--gutter);right:var(--gutter);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:82px;display:flex;position:fixed;top:0}.wordmark{letter-spacing:.35em;padding:7px 0;font-size:23px;font-weight:450;line-height:1;text-decoration:none}.masthead-actions{align-items:center;gap:27px;display:flex}.index-toggle{letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:20px;padding:15px 0;font-size:10px;display:flex}.index-toggle svg{width:18px}.motion-button{width:44px;height:44px;color:var(--sub);place-items:center;display:grid}.motion-button svg{width:17px;height:17px}.play-symbol,.is-paused .pause-symbol{display:none}.is-paused .play-symbol{display:block}.loading-indicator{bottom:122px;right:var(--gutter);z-index:81;letter-spacing:.08em;color:var(--sub);font-size:10px;transition:opacity .4s;position:fixed}.loading-indicator span{background:#becdc5;border-radius:50%;width:4px;height:4px;margin-left:10px;display:inline-block}.is-ready .loading-indicator{opacity:0;pointer-events:none}#journey{z-index:5;padding-bottom:calc(var(--vh) * 100);position:relative}.scene-section{height:calc(var(--vh) * 160);pointer-events:none}.scene-panel{opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;--panel-opacity:0;position:fixed;inset:0}.scene-panel[data-visible=true]{visibility:visible}.scene-panel button,.scene-panel input{pointer-events:auto}.scene-panel:not([data-interactive=true]) button,.scene-panel:not([data-interactive=true]) input{pointer-events:none}.panel-light{opacity:1;visibility:visible}.scene-panel h1,.scene-panel h2,.scene-panel>p{left:var(--gutter);position:absolute}.panel-light h1{width:64%;top:50%;transform:translateY(-8%)}.panel-light .intro-line{font-size:13px;top:calc(50% + 15.8vw)}.begin-link{left:var(--gutter);text-transform:uppercase;letter-spacing:.17em;align-items:center;gap:18px;padding:8px 0;font-size:10px;display:flex;position:absolute;bottom:149px}.begin-link svg{width:17px;height:25px;transition:transform .2s}.begin-link:hover svg{transform:translateY(4px)}.panel-optics h2{left:var(--gutter);font-size:clamp(46px,5.5vw,94px);bottom:172px}.panel-optics>p{letter-spacing:.055em;font-size:13px;bottom:128px}.panel-focus h2,.panel-aperture h2,.panel-sensor h2{top:19%;left:var(--gutter)}.panel-focus>p{top:calc(19% + 13vw)}.panel-focus h2{font-size:clamp(50px,5.35vw,94px)}.photo-study{background:#151b1d;border:1px solid #48504f;position:absolute;overflow:hidden}.depth-image{background-image:var(--coast-image);will-change:filter;filter:saturate(.46) blur(var(--far-blur,0px));background-position:50%;background-size:cover;position:absolute;inset:-15px;transform:scale(1.015)}.depth-near{filter:saturate(.46) blur(var(--near-blur,0px));-webkit-mask-image:linear-gradient(38deg,#000 0 26%,#0000 54%);mask-image:linear-gradient(38deg,#000 0 26%,#0000 54%)}.focus-preview{aspect-ratio:3/2;width:39vw;right:var(--gutter);top:28.5%}.focus-preview:after{content:"";border:1px solid #ffffff24;position:absolute;inset:14px}.preview-caption{color:#dddcd0;letter-spacing:.16em;font-size:9px;position:absolute;bottom:24px;left:27px}.focus-bracket{width:52px;height:43px;left:var(--focus-x,28%);top:var(--focus-y,67%);border:1px solid #d2dccc;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #131b1677}.viewfinder-center{border:1px solid #ffffff60;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.control-dock{pointer-events:auto;position:absolute}.control-heading{letter-spacing:.045em;color:#c0c5c2;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;display:flex}.control-heading output{font-variant-numeric:tabular-nums;color:var(--ink);font-size:12px}.focus-dock{top:calc(28.5% + 26vw + 24px);right:var(--gutter);width:39vw}.focus-dock input{appearance:none;accent-color:#d4ded7;cursor:ew-resize;background:0 0;width:100%;height:24px;margin:0;padding:0}.focus-dock input::-webkit-slider-runnable-track{background:#6b7671;height:1px}.focus-dock input::-moz-range-track{background:#6b7671;height:1px}.focus-dock input::-webkit-slider-thumb{appearance:none;background:#e1e9df;border:1px solid #0e1210;border-radius:50%;width:11px;height:11px;margin-top:-5px;box-shadow:0 0 0 3px #152019}.focus-dock input::-moz-range-thumb{background:#e1e9df;border:0;border-radius:50%;width:10px;height:10px}.range-labels{letter-spacing:.15em;color:var(--sub);justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.aperture-reading{left:var(--gutter);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;display:flex;position:absolute;top:46%}.aperture-reading>span{color:var(--sub);font-size:25px;font-weight:300}.aperture-reading output{letter-spacing:-.04em;font-size:clamp(58px,6vw,96px);font-weight:300}.panel-aperture .aperture-light{letter-spacing:.02em;font-size:11px;top:calc(46% + 7vw)}.aperture-light output{color:var(--ink);margin-right:12px}.aperture-study{left:var(--gutter);aspect-ratio:2.8;opacity:.85;border-color:#35403e;width:22vw;bottom:216px}.aperture-study .depth-image{background-position:65% 54%}.aperture-dock{left:var(--gutter);width:28vw;max-width:480px;bottom:139px}.stop-control{border-bottom:1px solid #44504d;align-items:center;gap:2px;display:flex}.stop-control button{color:#9ca6a1;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-height:44px;padding:10px 17px 12px;font-size:12px;transition:color .2s;position:relative}.stop-control button:first-child{text-align:left;padding-left:0}.stop-control button:last-child{text-align:right;padding-right:0}.stop-control button:after{content:"";background:var(--ink);height:2px;transition:transform .22s;position:absolute;bottom:-1px;left:10%;right:10%;transform:scaleX(0)}.stop-control button[aria-pressed=true]{color:var(--ink)}.stop-control button[aria-pressed=true]:after{transform:scaleX(1)}.control-note{text-transform:uppercase;letter-spacing:.085em;color:#a0aaa4;justify-content:space-between;gap:10px;margin-top:13px;font-size:8px;display:flex}.panel-shutter h2{font-size:clamp(48px,5.6vw,96px);top:19%}.panel-shutter>p{top:calc(19% + 8vw)}.shutter-reading{left:var(--gutter);font-variant-numeric:tabular-nums;flex-direction:column;gap:10px;display:flex;position:absolute;top:51%}.shutter-reading output{letter-spacing:-.04em;font-size:clamp(58px,6.3vw,110px);font-weight:300}.shutter-reading>span{letter-spacing:.15em;color:var(--sub);font-size:9px}.shutter-dock{width:38vw;bottom:148px;right:8vw}.shutter-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.shutter-actions>span{letter-spacing:.08em;color:var(--sub);font-size:8px}.shutter-actions button{align-items:center;gap:10px;min-height:44px;padding:5px 0;font-size:10px;display:flex}.shutter-actions svg{width:18px}.panel-sensor>p{top:calc(19% + 13vw)}.sensor-data{left:var(--gutter);color:#d2d5ce;gap:26px;display:flex;position:absolute;top:57%}.sensor-data>span{font-variant-numeric:tabular-nums;flex-direction:column;font-size:24px;font-weight:300;display:flex}.sensor-data small{color:var(--sub);letter-spacing:.1em;margin-top:9px;font-size:8px}.sensor-key{left:var(--gutter);align-items:center;gap:20px;display:flex;position:absolute;bottom:145px}.bayer-tile{grid-template-columns:1fr 1fr;gap:2px;width:42px;height:42px;display:grid}.bayer-tile i{color:#eee;background:#926355;place-items:center;font:8px Manrope;display:grid}.bayer-tile i:nth-child(2),.bayer-tile i:nth-child(3){background:#416e59}.bayer-tile i:nth-child(4){background:#4c6384}.sensor-key p{font-size:10px;line-height:1.7}.sensor-layer-labels{right:var(--gutter);color:#a7b4aa;letter-spacing:.13em;gap:25px;font-size:8px;display:flex;position:absolute;bottom:148px}.panel-stability h2{max-width:43vw;font-size:clamp(42px,4.6vw,82px);top:19%}.panel-stability>p{top:calc(19% + 12vw)}.stability-dock{width:36vw;bottom:142px;right:8vw}.stability-dock .control-heading{border-bottom:1px solid #46534d;min-height:42px;margin-bottom:0;padding-bottom:17px}.stability-dock .control-note{letter-spacing:.13em;justify-content:center;margin-top:21px;font-size:9px}#stabilization-toggle{justify-content:flex-end;align-items:center;gap:10px;min-width:60px;min-height:44px;font-size:10px;display:flex}#stabilization-toggle i{border:1px solid #99a59b;border-radius:12px;width:21px;height:11px;position:relative}#stabilization-toggle i:after{content:"";background:#d8e9cf;border-radius:50%;width:5px;height:5px;transition:transform .2s;position:absolute;top:2px;right:2px}#stabilization-toggle[aria-checked=false] i:after{background:#8a948e;transform:translate(-9px)}.stability-reticle{width:36%;height:30%;transform:translate(var(--shake-x,0), var(--shake-y,0)) rotate(var(--shake-r,0));opacity:.32;position:absolute;top:34%;left:49%}.stability-reticle i{border-style:solid;border-color:#c7d4cb;width:15px;height:15px;position:absolute}.stability-reticle i:first-child{border-width:1px 0 0 1px;top:0;left:0}.stability-reticle i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.stability-reticle i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.stability-reticle i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}.panel-machine h2{font-size:clamp(43px,4.5vw,77px);top:15.5%}.panel-machine>p{letter-spacing:.19em;text-transform:uppercase;font-size:10px;bottom:138px}.panel-image h2{white-space:nowrap;font-size:clamp(35px,3.3vw,62px);top:12%;left:50%;transform:translate(-50%)}.panel-image>p{white-space:nowrap;font-size:11px;bottom:135px;left:50%;transform:translate(-50%)}.replay-link{right:var(--gutter);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;padding:10px 0;font-size:9px;display:flex;position:absolute;bottom:131px}.replay-link svg{width:17px}.optical-labels{z-index:10;pointer-events:none;letter-spacing:.12em;color:#c4cecc;text-transform:uppercase;font-size:8px;position:fixed;inset:0}.optical-labels span{white-space:nowrap;opacity:0;border-bottom:1px solid #6a78714d;padding-bottom:7px;position:absolute;transform:translate(-50%)}.optical-labels span:before{content:"";background:#73827c70;width:1px;height:32px;position:absolute;bottom:-33px;left:50%}.optical-labels span:after{content:"";background:#d0dad1;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-35px;left:calc(50% - 1px)}#final-photograph{z-index:4;pointer-events:none;visibility:hidden;opacity:0;width:min(71vw, calc(var(--vh) * 91));will-change:transform, opacity;transform-origin:50%;position:fixed;top:51%;left:50%;transform:translate(-50%,-50%)}#final-photograph img{width:100%;height:auto;display:block}#final-photograph figcaption{letter-spacing:.14em;color:#a6ada3;justify-content:space-between;padding-top:12px;font-size:8px;display:flex}#final-photograph figcaption span{color:#858d88;font-size:7px}.capture-blackout{z-index:20;pointer-events:none;opacity:0;background:#030405;position:fixed;inset:0}.experience-footer{z-index:80;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--rule);height:103px;padding-top:23px;position:fixed;bottom:0}.footer-meta{letter-spacing:.19em;text-transform:uppercase;color:#b4bdb6;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:8px;display:flex}.chapter-rail{grid-template-columns:repeat(9,1fr);gap:7px;width:100%;margin-top:17px;display:grid}.chapter-rail a{outline-offset:3px;height:44px;text-decoration:none;display:block;position:relative}.chapter-rail a:before{content:"";background:#343e37;height:1px;position:absolute;top:8px;left:0;right:0}.chapter-rail a:after{content:"";height:1px;transform:scaleX(var(--chapter-progress,0));transform-origin:0;background:#d6dfd2;position:absolute;top:8px;left:0;right:0}.chapter-rail a:hover:before{background:#839289}.chapter-rail a span{text-transform:uppercase;letter-spacing:.1em;opacity:0;color:#cbd6cd;font-size:8px;transition:opacity .18s,transform .18s;position:absolute;top:-12px;left:50%;transform:translate(-50%)translateY(4px)}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1;transform:translate(-50%)translateY(0)}#renderer-notice{color:var(--sub);font-size:8px;position:absolute;bottom:6px;left:0}#chapter-index{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);padding:0 var(--gutter);background:#0b0e10f9;border:0;position:fixed;inset:0;overflow:auto}#chapter-index::backdrop{background:#090b0d}.index-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:82px;display:flex}.index-head button{padding:10px}.index-head button svg{width:25px;height:25px}#index-title{margin:7vh 0 6vh;font-size:clamp(44px,5vw,86px)}#index-links{grid-template-columns:repeat(3,1fr);gap:14px 5vw;display:grid}#index-links a{border-bottom:1px solid #313c36;align-items:baseline;gap:22px;padding:20px 0;font-size:clamp(22px,2.2vw,35px);font-weight:350;text-decoration:none;display:flex}#index-links a small{letter-spacing:.1em;color:var(--sub);font-size:9px}#index-links a svg{opacity:.5;width:20px;margin-left:auto;transition:transform .2s}#index-links a:hover svg{transform:translate(6px)}.index-footnote{letter-spacing:.06em;color:var(--sub);margin-top:7vh;font-size:10px}.no-script{z-index:300;background:var(--bg);padding:8vw;position:fixed;inset:0;overflow:auto}.no-script h1{font-size:50px}.no-script p{margin:20px 0}.no-script img{width:800px;max-width:100%}@media (width>=901px){.panel-focus>p{top:auto;bottom:146px}}@media (width>=2200px){.masthead{height:116px}.wordmark{font-size:34px}.index-toggle{font-size:13px}.experience-footer{height:140px;padding-top:35px}.footer-meta{font-size:11px}.chapter-rail{margin-top:23px}.chapter-rail a{height:44px}.scene-panel p{font-size:18px}.panel-light .intro-line{top:calc(50% + 180px)}.begin-link{font-size:12px;bottom:210px}.panel-optics h2{bottom:235px}.panel-optics>p,.panel-machine>p{bottom:177px}.control-dock{font-size:16px}.stop-control button{min-height:60px;font-size:16px}.control-heading{font-size:15px}.control-heading output{font-size:18px}.control-note{font-size:11px}.panel-aperture .aperture-light{font-size:14px}.aperture-dock,.stability-dock,.shutter-dock{bottom:190px}.aperture-study{bottom:290px}.sensor-key{bottom:200px}.sensor-key p{font-size:14px}.sensor-layer-labels{font-size:11px;bottom:200px}.optical-labels{font-size:11px}.sensor-data{gap:50px}.sensor-data>span{font-size:32px}.sensor-data small{font-size:11px}.replay-link{font-size:12px;bottom:179px}.panel-image>p{font-size:15px;bottom:185px}#final-photograph figcaption{padding-top:20px;font-size:10px}#final-photograph figcaption span{font-size:10px}.panel-focus>p,.panel-sensor>p{top:calc(19% + 220px)}.panel-stability>p{top:calc(19% + 210px)}.panel-shutter>p{top:calc(19% + 110px)}.aperture-reading{top:43%}.panel-aperture .aperture-light{top:calc(43% + 115px)}.shutter-actions>span{font-size:10px}.shutter-actions button{font-size:13px}.shutter-actions svg{width:22px}}@media (width<=900px){:root{--gutter:6vw}h1{font-size:clamp(46px,8.5vw,75px)}h2{font-size:clamp(39px,7.5vw,65px)}.masthead{height:70px}.wordmark{font-size:21px}.index-toggle{letter-spacing:.13em;gap:10px;font-size:8px}.masthead-actions{gap:12px}.experience-footer{height:86px;padding-top:18px}.chapter-rail{gap:5px;margin-top:14px}.footer-meta{letter-spacing:.13em;font-size:7px}.stage-shade{background:linear-gradient(#090b0d40,#0000 10% 79%,#090b0db3)}.panel-light h1{width:90%;font-size:clamp(46px,8.8vw,79px);top:17%;transform:none}.panel-light .intro-line{font-size:12px;top:auto;bottom:162px}.begin-link{font-size:9px;bottom:111px}.panel-optics h2{width:86%;font-size:clamp(44px,8vw,73px);bottom:163px}.panel-optics>p{font-size:10px;bottom:128px}.panel-focus h2,.panel-aperture h2,.panel-sensor h2{font-size:clamp(41px,8vw,64px);line-height:1;top:15%}.panel-focus h2 br{display:none}.panel-focus>p{font-size:11px;top:24%}.panel-focus>p br{display:none}.focus-preview{top:47%;left:var(--gutter);right:var(--gutter);aspect-ratio:2.15;width:auto}.focus-dock{left:var(--gutter);right:var(--gutter);width:auto;top:calc(47% + 41vw + 19px)}.control-heading{margin-bottom:9px;font-size:10px}.control-heading output{font-size:11px}.range-labels{font-size:8px}.focus-preview:after{inset:10px}.preview-caption{font-size:8px;bottom:17px;left:21px}.panel-aperture h2{width:88%;font-size:clamp(38px,7.5vw,63px)}.panel-aperture h2 br{display:none}.aperture-reading{top:auto;bottom:242px;left:var(--gutter);gap:10px;font-size:45px}.aperture-reading output{font-size:49px}.aperture-reading>span{font-size:19px}.panel-aperture .aperture-light{top:auto;bottom:227px;left:var(--gutter);font-size:9px}.aperture-study{left:auto;right:var(--gutter);aspect-ratio:2.2;width:40vw;bottom:235px}.aperture-dock{left:var(--gutter);right:var(--gutter);width:auto;max-width:none;bottom:125px}.stop-control button{min-height:43px;padding:9px 14px 13px;font-size:11px}.control-note{margin-top:12px;font-size:7px}.panel-shutter h2{font-size:clamp(43px,8.5vw,68px);top:16%}.panel-shutter>p{font-size:11px;top:26%}.panel-shutter>p br{display:none}.shutter-reading{top:34%;left:var(--gutter);gap:4px}.shutter-reading output{font-size:43px}.shutter-reading>span{font-size:7px}.shutter-dock{left:var(--gutter);right:var(--gutter);width:auto;bottom:110px}.shutter-actions{margin-top:14px}.shutter-actions>span{font-size:7px}.shutter-actions button{font-size:9px}.panel-sensor h2 br{display:none}.panel-sensor>p{font-size:11px;top:26%}.panel-sensor>p br{display:none}.sensor-data{gap:28px;top:34%}.sensor-data>span{font-size:21px}.sensor-data small{font-size:7px}.sensor-key{gap:14px;bottom:125px}.sensor-key p{font-size:9px}.bayer-tile{width:36px;height:36px}.bayer-tile i{font-size:7px}.sensor-layer-labels{right:var(--gutter);gap:16px;font-size:6px;bottom:197px}.panel-stability h2{max-width:90%;font-size:clamp(39px,7.3vw,61px);top:16%}.panel-stability h2 br{display:none}.panel-stability>p{font-size:11px;top:29%}.panel-stability>p br{display:none}.stability-dock{left:var(--gutter);right:var(--gutter);width:auto;bottom:127px}.stability-dock .control-heading{padding-bottom:11px;font-size:10px}.stability-dock .control-note{margin-top:14px;font-size:7px}.stability-reticle{width:72%;height:21%;top:44%;left:14%}.panel-machine h2{font-size:clamp(39px,6.9vw,64px);top:16%}.panel-machine>p{letter-spacing:.11em;font-size:8px;bottom:120px}.panel-image h2{white-space:normal;text-align:center;width:90%;font-size:clamp(39px,7vw,62px);top:20%}.panel-image>p{font-size:10px;bottom:218px}.replay-link{white-space:nowrap;font-size:8px;bottom:145px;left:50%;right:auto;transform:translate(-50%)}#final-photograph{width:88vw;top:49.5%}#final-photograph figcaption{padding-top:12px;font-size:6px}#final-photograph figcaption span,.optical-labels{font-size:6px}.optical-labels span{letter-spacing:.06em;padding-bottom:5px}.optical-labels span:before{height:18px;bottom:-19px}.optical-labels span:after{bottom:-21px}#chapter-index{padding:0 var(--gutter)}.index-head{height:70px}#index-title{margin:5vh 0 3vh;font-size:49px}#index-links{grid-template-columns:1fr 1fr;gap:8px 25px}#index-links a{gap:13px;padding:15px 0;font-size:21px}#index-links a svg{width:17px}#index-links a small{font-size:8px}.index-footnote{margin:4vh 0;font-size:9px}.loading-indicator{font-size:8px;bottom:103px}}@media (width<=480px){.panel-light h1{width:91%;font-size:11.9vw;line-height:1.035}.panel-light h1 br{display:none}.panel-light .intro-line{font-size:10px}.panel-focus h2{font-size:10.1vw}.panel-aperture h2{font-size:10.3vw}.panel-sensor h2{font-size:10.1vw}.panel-stability h2{max-width:87%;font-size:10.1vw}.panel-stability h2 br{display:block}.panel-stability>p{top:30%}.panel-shutter h2{font-size:11.1vw}.panel-machine h2{font-size:9.1vw;line-height:1.12}.panel-optics h2{font-size:11.7vw}.focus-dock{top:calc(47% + 41vw + 19px)}.panel-focus>p{top:23.5%}.panel-sensor>p{top:25%}.sensor-data{top:33%}.shutter-reading{top:34%}.panel-aperture .aperture-light{font-size:8px}.aperture-study{width:40vw}.control-note{font-size:6px}.panel-image h2{font-size:10.2vw}.panel-image>p,.index-toggle{font-size:9px}.wordmark{font-size:19px}.masthead-actions{gap:8px}}@media (height<=680px) and (width>=901px){.masthead{height:64px}.experience-footer{height:78px;padding-top:16px}.chapter-rail{margin-top:10px}.panel-light h1{font-size:6vw;top:40%}.panel-light .intro-line{display:none}.begin-link{bottom:100px}.panel-optics h2{bottom:140px}.panel-optics>p{bottom:107px}.panel-focus h2,.panel-aperture h2,.panel-shutter h2,.panel-sensor h2,.panel-stability h2{font-size:4.5vw;top:17%}.panel-focus>p,.panel-sensor>p,.panel-stability>p{top:calc(17% + 10vw)}.panel-shutter>p{top:calc(17% + 6vw)}.aperture-study{display:none}.aperture-dock,.shutter-dock,.stability-dock{bottom:110px}.focus-preview{width:35vw;top:24%}.focus-dock{width:35vw;top:calc(24% + 23.333vw + 12px)}.sensor-key,.sensor-layer-labels{bottom:110px}.panel-machine h2{font-size:4vw;top:15%}.panel-machine>p{bottom:107px}.panel-image>p{bottom:106px}.replay-link{bottom:101px}}@media (height<=520px) and (width<=900px){.masthead{height:48px}.wordmark{font-size:17px}.experience-footer{height:70px;padding-top:10px}.chapter-rail{margin-top:7px}.panel-light h1{width:58%;font-size:7vw;top:24%}.panel-light .intro-line{display:none}.begin-link{font-size:7px;bottom:81px}.scene-panel h2{font-size:5.5vw;top:23%}.panel-optics h2{top:auto;bottom:98px}.panel-optics>p{font-size:8px;bottom:77px}.panel-focus>p,.panel-aperture>p,.panel-sensor>p,.panel-stability>p,.panel-shutter>p{display:none}.focus-preview{top:24%;left:auto;right:var(--gutter);aspect-ratio:2;width:40vw}.focus-dock{left:auto;right:var(--gutter);width:40vw;top:calc(24% + 20vw + 7px)}.control-heading{font-size:8px}.range-labels{font-size:6px}.panel-aperture h2{width:40%}.aperture-reading{top:48%;bottom:auto}.aperture-reading output{font-size:38px}.aperture-study{display:none}.aperture-dock{left:var(--gutter);width:37vw;bottom:78px}.control-note{font-size:5px}.shutter-reading{top:48%}.shutter-reading output{font-size:37px}.shutter-dock{left:auto;right:var(--gutter);width:40vw;bottom:83px}.shutter-actions>span{display:none}.shutter-actions{justify-content:flex-end;margin-top:6px}.shutter-actions button{font-size:7px}.sensor-data{gap:20px;top:52%}.sensor-data>span{font-size:18px}.sensor-key{bottom:82px}.sensor-key p{font-size:7px}.sensor-layer-labels{bottom:82px}.panel-stability h2{width:48%;max-width:48%;font-size:5.2vw}.panel-stability h2 br{display:block}.stability-dock{width:40vw;bottom:86px;left:auto}.stability-reticle{width:35%;height:30%;top:33%;left:53%}.panel-machine h2{font-size:4.8vw;top:20%}.panel-machine>p{bottom:83px}.panel-image h2{top:19%;left:var(--gutter);text-align:left;width:35%;font-size:4.8vw;transform:none}.panel-image>p{left:var(--gutter);font-size:8px;bottom:130px;transform:none}.replay-link{left:var(--gutter);font-size:6px;bottom:88px;transform:none}#final-photograph{width:45vw;top:49%;left:70%}#final-photograph figcaption{font-size:5px}#final-photograph figcaption span{display:none}.index-head{height:48px}#index-title{margin:24px 0;font-size:34px}#index-links{grid-template-columns:repeat(3,1fr)}#index-links a{padding:10px 0;font-size:17px}.index-footnote{margin:20px 0}}@media (width<=600px) and (height<=700px) and (orientation:portrait){.panel-aperture h2{font-size:10vw;line-height:1.05;top:15%}.aperture-reading{gap:8px;line-height:1;top:calc(56% - 1px);bottom:auto}.aperture-reading output{font-size:36px;line-height:1}.aperture-reading>span{font-size:15px}.panel-aperture .aperture-light{font-size:7px;line-height:1.4;top:calc(56% + 40px);bottom:auto}.aperture-study{aspect-ratio:2.5;width:38vw;top:calc(56% - 1px);bottom:auto}.aperture-dock{bottom:125px}}.sensor-macro-data{left:var(--gutter);opacity:0;flex-direction:column;gap:14px;display:flex;position:absolute;top:57%}.sensor-macro-data strong{letter-spacing:-.04em;font-size:55px;font-weight:300;line-height:1}.sensor-macro-data strong span{color:var(--sub);font-size:30px}.sensor-macro-data small{letter-spacing:.13em;color:var(--sub);font-size:8px}.optical-labels .sensor-callout{border:0;padding:0;line-height:12px;transform:none}.optical-labels .sensor-callout:before{height:1px;width:var(--lead-length);transform:rotate(var(--lead-angle));transform-origin:0;background:#73827c60;top:6px;bottom:auto;left:-8px}.optical-labels .sensor-callout:after{left:var(--dot-x);top:var(--dot-y);bottom:auto}@media (width<=900px){.sensor-macro-data{gap:10px;top:33%}.sensor-macro-data strong{font-size:29px}.sensor-macro-data strong span{font-size:20px}.sensor-macro-data small{font-size:7px}}@media (height<=520px) and (width<=900px){.sensor-macro-data{gap:8px;top:52%}.sensor-macro-data strong{font-size:24px}.sensor-macro-data small{font-size:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}button:after,button svg,a svg,.stage-shade{transition:none!important}.scene-panel,.depth-image,#final-photograph{will-change:auto}}