.sc-lesson{max-width:1344px;margin:auto;padding:64px 32px 60px}.sc-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:18px 70px;align-items:end;margin-bottom:46px}.sc-heading>.type-label{grid-column:1/-1}.sc-heading h2{max-width:610px}.sc-heading>.type-body{max-width:550px;color:hsl(var(--muted-foreground))}.sc-diagram{background:#f8f6f1;border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.sc-stages{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;padding:24px 32px 27px;background:var(--surface-band);border-bottom:1px solid hsl(var(--border))}.sc-stages>div:nth-of-type(2){text-align:center}.sc-stages>div:last-child{text-align:right}.sc-stages .type-label{color:hsl(var(--muted-foreground));display:block;margin-bottom:6px}.sc-stages>svg{width:20px;color:#7b8578}.sc-overview{margin:0;padding:40px 0}.sc-plate{position:relative}.sc-plate>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.sc-rattler-plate{aspect-ratio:1000/280}.sc-rattler-plate>img{position:absolute;width:78%;left:12%;top:50%;transform:translateY(-50%);mix-blend-mode:normal}.sc-picture-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.sc-viewing-eye{position:absolute;left:94%;top:55.714%;width:6%;height:auto;transform:translateY(-64%);overflow:hidden;mix-blend-mode:multiply;pointer-events:none}.sc-heat-label,.sc-eye-label{position:absolute;top:72%;color:#193224;font-weight:600;text-align:center}.sc-heat-label{left:1%;width:10%}.sc-eye-label{left:91%;width:9%;text-wrap:balance}.sc-rattler-plate .sc-marker{top:55.714%}.sc-marker{position:absolute;left:var(--part-x);top:49%;display:flex;align-items:center;flex-direction:column;transform:translate(-50%,-50%);text-decoration:none;color:#193224}.sc-marker-circle{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#315e2b;border:2px solid #315e2b;flex:none;position:relative}.sc-marker-circle svg{width:28px;height:28px}.sc-marker:hover .sc-marker-circle,.sc-marker:focus-visible .sc-marker-circle{color:#172e1c;border-color:#172e1c;box-shadow:0 0 0 5px #c9a84c55}.sc-marker.is-active .sc-marker-circle{color:#193224;border-color:#193224;box-shadow:0 0 0 5px #c9a84c66}.sc-marker:focus-visible{outline:3px solid #c9a84c;outline-offset:5px;border-radius:50%}.sc-overview figcaption{padding:12px 30px 19px;color:hsl(var(--muted-foreground))}.sc-basics{background:#fff;border-top:1px solid #b9bcae}.sc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #b9bcae;padding:0}.sc-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:9px 4px;border-bottom:3px solid transparent;margin-bottom:-1px;scroll-margin-top:128px;color:hsl(var(--muted-foreground));font-weight:600}.sc-tab-icon{width:20px;height:20px;flex:none}.sc-tab[aria-selected=true]{border-bottom-color:#315e2b;color:#193224;background:#315e2b0a}.sc-tab:hover{color:#193224;background:#315e2b0a}.sc-panels{display:grid;grid-template-rows:repeat(3,auto) auto}.sc-panel{grid-area:1/1/5/2;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 28px;padding:24px 28px 0;visibility:hidden;pointer-events:none}.sc-panel.is-active{visibility:visible;pointer-events:auto}.sc-part-intro{grid-column:1;grid-row:1/4;padding:22px 24px;background:#f0f3ec;display:flex;flex-direction:column;align-items:flex-start}.sc-part-intro h3{margin-bottom:10px}.sc-part-intro>.type-body{color:hsl(var(--muted-foreground))}.sc-next{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:20px;color:#315e2b;font-weight:600;text-decoration:underline;text-underline-offset:3px}.sc-next svg{width:16px;height:16px;flex:none}.sc-part-details{grid-column:2;grid-row:1/4;display:grid;grid-template-rows:subgrid}.sc-part-details>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:14px 0}.sc-part-details>div+div{border-top:1px solid hsl(var(--border))}.sc-part-details dt{font-weight:600;color:#193224}.sc-part-details dd{color:hsl(var(--muted-foreground))}.sc-sources{grid-column:1/-1;grid-row:4;color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));margin-top:20px;padding:12px 0}.sc-sources a{text-decoration:underline;text-underline-offset:3px}.sc-tab:focus-visible,.sc-panel:focus-visible,.sc-panel a:focus-visible{outline:3px solid #c9a84c;outline-offset:-3px}.sc-review-bar{max-width:1344px;padding:12px 32px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.sc-review-bar nav{display:flex;gap:20px;flex-wrap:wrap}.sc-review-bar a{text-decoration:underline;text-underline-offset:3px}@media (max-width:1000px) and (min-width:761px){.sc-heading{gap:18px 35px}.sc-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:0 24px;padding:24px 20px 0}.sc-part-intro{padding:18px}.sc-part-details>div{grid-template-columns:1fr;gap:6px}}@media (max-width:760px){.sc-lesson{padding:36px 18px}.sc-heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.sc-heading h2{max-width:430px}.sc-heading>.type-body{max-width:540px}.sc-stages{grid-template-columns:16px minmax(0,1fr);gap:16px 12px;padding:22px 20px}.sc-stages>div{grid-column:2;text-align:left}.sc-stages>div:nth-of-type(1){grid-row:1}.sc-stages>div:nth-of-type(2){grid-row:2;text-align:left}.sc-stages>div:last-child{grid-row:3;text-align:left}.sc-stages>svg{grid-column:1;align-self:center;transform:rotate(90deg);width:16px;height:16px}.sc-stages>svg:nth-of-type(1){grid-row:2}.sc-stages>svg:nth-of-type(2){grid-row:3}.sc-stages .type-label{margin:0 0 3px;max-width:none}.sc-stages .type-title{max-width:none;text-align:left}.sc-marker,.sc-heat-label,.sc-eye-label{display:none}.sc-overview figcaption{padding:12px 20px 16px}.sc-tabs{grid-template-columns:1fr 1fr 1.35fr 1fr 1.2fr}.sc-tab{min-height:48px;padding:4px 0;gap:3px;flex-direction:column}.sc-tab-icon{width:16px;height:16px}.sc-overview{padding:32px 0}.sc-panels{grid-template-rows:repeat(5,auto)}.sc-panel{grid-row:1/6;grid-template-columns:1fr;gap:0;padding:16px 16px 0}.sc-part-intro{grid-row:1;padding:18px}.sc-part-details{grid-column:1;grid-row:2/5;margin-top:8px}.sc-part-details>div{grid-template-columns:1fr;gap:5px;padding:16px 0}.sc-sources{grid-row:5;margin-top:0}.sc-review-bar{padding:10px 18px}}.sp-figure{margin:0 0 44px;padding:12px 0 36px;border-bottom:1px solid #c6c9be}.sp-diagram{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) minmax(0,.9fr);align-items:center;gap:48px}.sp-optic{min-width:0;position:relative;z-index:1}.sp-lens-label{position:absolute;bottom:100%;left:0;width:100%;text-align:center;color:#17221c;padding-bottom:8px;font-weight:700;white-space:nowrap}.sp-lens-cutaway{position:relative;aspect-ratio:171/124;overflow:hidden}.sp-lens-cutaway img{position:absolute;display:block;width:100%;max-width:none;height:auto;right:0;top:0}.sp-sensor{min-width:0;position:relative;z-index:1}.sp-plane{position:relative;width:100%;aspect-ratio:1}.sp-plane-image{display:block;width:100%;height:100%;background:#29342e;-webkit-mask-image:radial-gradient(circle closest-side,#000 86%,rgb(0 0 0 / .97) 90%,rgb(0 0 0 / .8) 93%,rgb(0 0 0 / .4) 96%,rgb(0 0 0 / .12) 98%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 86%,rgb(0 0 0 / .97) 90%,rgb(0 0 0 / .8) 93%,rgb(0 0 0 / .4) 96%,rgb(0 0 0 / .12) 98%,transparent 100%)}.sp-footprint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:4px solid;pointer-events:none}.sp-footprint>span{position:absolute;left:-4px;bottom:100%;padding:5px 10px;white-space:nowrap;line-height:1.15}.sp-footprint-large{border-color:#315e2b;box-shadow:0 0 0 1px #f6f3e966}.sp-footprint-large>span{background:#315e2b;color:#fff}.sp-footprint-small{border-color:#f0c869}.sp-footprint-small>span{background:#f0c869;color:#17221c}.sp-beam,.sp-connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sp-beam{z-index:0}.sp-connections{z-index:2}.sp-connections path{fill:none;stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sp-branch-large{stroke:#315e2b}.sp-branch-small{stroke:#f0c869}.sp-displays{min-width:0;position:relative;z-index:1}.sp-output{margin:0;position:relative;--sp-accent:#a6d69a}.sp-output-small{--sp-accent:#f0c869}.sp-output+.sp-output{margin-top:24px}.sp-display-image{display:block;width:100%;height:auto;aspect-ratio:4/3;image-rendering:pixelated;background:#29342e;border:4px solid #315e2b;border-radius:5px}.sp-output-small .sp-display-image{border-color:#f0c869}.sp-output-caption{position:absolute;inset:auto 4px 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:38px 14px 12px;background:linear-gradient(transparent,#111914d9 46%,#111914f2);color:#fff;pointer-events:none}.sp-view-title{color:#fff;position:relative;padding-bottom:12px;text-wrap:balance}.sp-view-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#ffffffc9}.sp-output-specs{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-left:1px solid #ffffff9c;padding-left:12px}.sp-output-id{color:var(--sp-accent);font-weight:700;white-space:nowrap}.sp-fov-label{padding:2px 7px;border:1px solid var(--sp-accent);border-radius:2px;background:#14251de6;color:#fff;white-space:nowrap}.sp-takeaway{max-width:850px;margin:32px auto 0;text-align:center;padding-top:22px;position:relative}.sp-takeaway:before{content:"";position:absolute;top:0;left:calc(50% - 24px);width:48px;height:3px;background:#b48b32}.sp-takeaway h3{color:#17221c}.sp-takeaway p{color:#52624f;margin-top:8px}@media (max-width:1050px){.sp-diagram{grid-template-columns:minmax(0,.75fr) minmax(0,1.2fr) minmax(0,.9fr);gap:32px}.sp-output-caption{gap:8px;padding:32px 10px 10px}.sp-output-specs{padding-left:8px}}@media (max-width:767px){.sp-figure{padding:8px 0 28px;margin-bottom:32px}.sp-diagram{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:24px 8px}.sp-optic{width:auto;margin:0}.sp-connections{display:none}.sp-sensor{max-width:430px;width:100%;margin:auto}.sp-displays{grid-column:1/-1;width:100%;max-width:440px;margin:auto}.sp-output+.sp-output{margin-top:16px}.sp-output-caption{padding:38px 14px 12px;gap:12px}.sp-output-specs{padding-left:12px}.sp-takeaway{margin-top:28px;padding-top:20px}.sp-takeaway h3{text-wrap:balance}}.monitor-screen{position:relative;border-radius:3px;background:#111613;box-shadow:0 0 0 2px #0c100e,0 -2px 0 7px #414641,0 0 0 7px #2c312e,0 0 0 8px #646960,0 14px 18px -6px #17221c30}.lc-teaching-note{margin:24px 0 0 30%;color:#52624f;max-width:760px}.lc-detail-gain{position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-left:3px solid #f0c869;border-radius:0 3px 3px 0;background:#14251df2;color:#fff;pointer-events:none}.lc-detail-gain strong{color:#f0c869}@media (max-width:767px){.lc-detail-gain{top:12px;left:12px;padding:6px 10px}}.lc-crop-marker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lc-column-headings,.lc-row{display:grid;grid-template-columns:24% 6% 33% 4% 33%;align-items:center}.lc-column-headings{margin-bottom:20px;align-items:start}.lc-column-headings>span{display:flex;flex-direction:column;gap:4px}.lc-column-headings .type-body{color:#52624f;max-width:360px}.lc-fov-heading{grid-column:3}.lc-detail-heading{grid-column:5}.lc-row{position:relative;isolation:isolate;margin-bottom:44px}.lc-row:last-of-type{margin-bottom:24px}.lc-optic{grid-column:1;position:relative;z-index:1;min-width:0;width:100%;justify-self:start}.lc-optic h4{position:absolute;bottom:100%;left:0;width:100%;text-align:center;margin-bottom:8px;font-weight:700}.lc-lens-cutaway{position:relative;overflow:hidden}.lc-optic img{display:block;width:100%;height:auto}.lc-row[data-lens="35"] .lc-optic{width:92%}.lc-light{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.lc-view{--sp-accent:#a6d69a;grid-column:3;position:relative;z-index:1;margin:0;border:4px solid #315e2b;border-radius:5px;overflow:hidden;background:#29342e;min-width:0}.lc-view canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;image-rendering:pixelated}.lc-caption{inset:auto 0 0}.lc-detail{grid-column:5;position:relative;margin:0;min-width:0}.lc-detail-frame{position:relative;overflow:hidden;border:4px solid #f0c869;border-radius:5px;background:#29342e}.lc-detail canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.lc-detail-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lc-mobile-heading{display:none}@media (min-width:768px) and (max-width:1050px){.lc-row{margin-bottom:56px}}@media (max-width:767px){.lc-teaching-note{margin:24px 0 0}.lc-column-headings{display:none}.lc-row{grid-template-columns:30% 8% 62%;row-gap:40px;margin-bottom:64px}.lc-optic h4{white-space:nowrap}.lc-view{grid-column:3}.lc-detail{grid-column:1/-1}.lc-mobile-heading{display:block;position:absolute;bottom:100%;left:0;padding-bottom:8px;color:#52624f}.lc-row:last-of-type{margin-bottom:36px}}.pp-note{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px;margin-top:36px;padding:24px 28px;border-top:1px solid #c6c9be;border-bottom:1px solid #c6c9be;background:#f7f6f080;scroll-margin-top:128px}.pp-copy>.type-label{margin-bottom:8px}.pp-copy h3{margin-bottom:10px}.pp-copy>.type-body{max-width:54ch;color:#52624f}.pp-copy>.type-body+.type-body{margin-top:8px}.pp-diagram{max-width:380px;width:100%;justify-self:center;text-align:center}.pp-count{margin-bottom:12px;font-weight:600;color:#52624f}.pp-sensors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:40px}.pp-sensor{margin:0;min-width:0}.pp-sensor figcaption{margin-bottom:8px}.pp-sensor-stage{display:flex;justify-content:center;align-items:flex-end;aspect-ratio:5/4;max-width:140px;margin:auto}.pp-sensor svg{display:block;height:auto;box-shadow:0 3px 5px #17221c18}.pp-sensor>p{margin-top:8px;color:#52624f;font-variant-numeric:tabular-nums}.pp-grid-note{margin-top:12px;color:#697363}@media (max-width:767px){.pp-note{grid-template-columns:1fr;gap:22px;margin-top:28px;padding:20px 16px}.pp-diagram{max-width:320px}.pp-sensors{gap:28px}.pp-sensor-stage{max-width:124px}.pp-copy>.type-body{text-wrap:pretty}}.cl-section{background:#eeede5;color:#17221c;border-top:1px solid hsl(var(--border));scroll-margin-top:70px}.cl-inner{max-width:1344px;margin:auto;padding:48px 32px}.cl-heading{margin-bottom:56px;scroll-margin-top:128px}.cl-heading h2{margin-bottom:12px}.cl-chapter-heading{margin-bottom:36px;padding-top:22px;border-top:1px solid #c6c9be}.cl-kicker{margin-bottom:12px}.cl-chapter-heading>.type-body{margin-top:10px;color:#52624f;max-width:680px;text-wrap:balance}.cl-sensor-chapter .sp-figure{border:0;margin-bottom:0;padding-bottom:0}.cl-takeaway{max-width:1000px;margin:36px 0 0;padding:6px 0}.cl-takeaway h4{margin-bottom:10px}.cl-takeaway p{color:#52624f;max-width:900px}.cl-sensor-chapter .cl-takeaway p{text-wrap:balance}.cl-lens-chapter{margin-top:52px}.cl-section a:focus-visible,.cl-section button:focus-visible{outline:3px solid #a17f29;outline-offset:3px}@media (max-width:1050px){.cl-inner{padding:40px 22px 32px}}@media (max-width:767px){.cl-inner{padding:32px 18px 24px}.cl-heading{margin-bottom:32px}.cl-chapter-heading{margin-bottom:24px;padding-top:18px}.cl-takeaway{margin:28px 0 0;padding-left:0}.cl-lens-chapter{margin-top:36px}}.pl-section{border-top:1px solid hsl(var(--border));scroll-margin-top:128px;background:hsl(var(--background))}.pl-inner{padding-top:48px;padding-bottom:40px}.pl-heading{margin-bottom:40px;text-align:center}.learn-page .pl-heading.learn-section-heading>.type-body{max-width:880px;margin-inline:auto;text-wrap:balance}.pl-comparison{max-width:1056px;margin:auto}.pl-shared{display:grid;grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);align-items:center;gap:28px}.pl-source-specs{text-align:right}.pl-source-specs strong,.pl-source-caption strong{color:#886119}.pl-shared p{margin-top:6px;color:hsl(var(--muted-foreground))}.pl-source-picture{border:1px solid #878d80;border-radius:2px;overflow:hidden}.pl-comparison canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;image-rendering:pixelated}.pl-flow-stem{width:3px;height:32px;margin:auto;background:#b58e44}.pl-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:64px;column-gap:64px;padding:30px 16px 0}.pl-pair:before{content:"";position:absolute;top:0;left:calc(25% - 9.5px);right:calc(25% - 9.5px);height:3px;background:#b58e44}.pl-demo{min-width:0;margin:0}.pl-stage{position:relative;aspect-ratio:4/3;display:flex;align-items:flex-end;justify-content:center}.pl-stage:before{content:"";position:absolute;top:-30px;bottom:calc(var(--view-scale)*100% + 18px);left:calc(50% - 1.5px);width:3px;background:#b58e44}.pl-picture{width:calc(var(--view-scale)*100%);flex:none}.pl-picture canvas{border-radius:2px}.pl-input-arrow{position:absolute;left:calc(50% - 7px);top:-23px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #b58e44}.pl-screen-labels{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:36px 14px 12px;background:linear-gradient(transparent,#0d1512e6);color:#fff;border-radius:0 0 2px 2px;pointer-events:none}.pl-mag{display:flex;flex-direction:column;gap:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.pl-scene-fov{padding:3px 7px;border-radius:2px;background:#080c0ce6;color:#bcc3bd;white-space:nowrap;font-variant-numeric:tabular-nums}.pl-apparent{position:relative;display:flex;align-items:baseline;justify-content:center;gap:5px;width:calc(var(--view-scale)*100%);margin:24px auto 0;padding-top:8px;border-top:3px solid #b58e44;color:#886119;text-align:center;font-variant-numeric:tabular-nums}.pl-apparent:before,.pl-apparent:after{content:"";position:absolute;top:-10px;height:17px;border-left:3px solid #b58e44}.pl-apparent:before{left:0}.pl-apparent:after{right:0}.pl-caption{text-align:center;margin-top:18px}.pl-product{display:inline-block;margin-top:6px;text-decoration:underline;text-decoration-color:hsl(var(--border));text-underline-offset:3px;color:hsl(var(--foreground))}.pl-product:hover{text-decoration-color:currentColor}.pl-display-spec{margin-top:3px;color:hsl(var(--muted-foreground))}.pl-conclusion{margin:40px auto 0;text-align:center}.pl-tagline{display:flex;align-items:center;gap:20px}.pl-tagline>span{flex:0 1 auto;text-wrap:balance}.pl-tagline:before,.pl-tagline:after{content:"";height:1px;min-width:24px;flex:1 0 24px;background:#b58e44}.pl-footnote{max-width:560px;margin:8px auto 0;color:hsl(var(--muted-foreground));text-wrap:balance}.pl-section a:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:3px}@media (max-width:767px){.pl-inner{padding-top:32px;padding-bottom:28px}.pl-heading{margin-bottom:28px}.pl-shared{grid-template-columns:112px minmax(0,1fr);gap:8px 20px;max-width:410px;margin:auto}.pl-source-picture{grid-row:1/3;grid-column:1}.pl-source-specs{text-align:left;grid-column:2}.pl-source-caption{grid-column:2}.pl-shared p{margin-top:3px}.pl-flow-stem{height:28px}.pl-pair{grid-template-columns:1fr;gap:36px;padding:24px 12px 0;max-width:460px;margin:auto}.pl-pair:before{left:calc(50% - 1.5px);right:auto;width:3px;height:24px}.pl-stage{aspect-ratio:auto;padding-top:8px}.pl-stage:before,.pl-input-arrow{display:none}.pl-demo:first-child .pl-picture{margin-bottom:0}.pl-caption{margin-top:16px}.pl-conclusion{margin-top:28px}.pl-tagline{gap:12px}.pl-tagline:before,.pl-tagline:after{min-width:12px;flex-basis:12px}.pl-screen-labels{padding:30px 10px 10px}}.fl-section{border-top:1px solid hsl(var(--border));scroll-margin-top:128px;background:hsl(var(--background))}.zl-section,.dl-section{background:#eeede5}.fl-inner{padding-top:48px;padding-bottom:40px}.fl-section :is(button,input,summary,a):focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}.fl-section a{text-decoration:underline;text-underline-offset:3px}.fl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.fl-buttons{display:flex;gap:6px;flex-wrap:wrap}.fl-buttons button{min-height:44px;padding:10px 18px;border:1px solid hsl(var(--border));border-radius:3px;background:hsl(var(--background));color:hsl(var(--foreground))}.fl-buttons button[aria-pressed=true]{background:#173c2e;border-color:#173c2e;color:#fff}.fl-buttons button:hover{box-shadow:inset 0 0 0 1px hsl(var(--muted-foreground))}.fl-image-tag{position:absolute;left:12px;top:12px;background:#17221cef;color:#fff;padding:6px 10px;border-radius:3px}.fl-details{margin-top:24px;color:#52624f}.fl-details summary{cursor:pointer;padding:10px 0;width:-moz-fit-content;width:fit-content}.fl-details p{max-width:80ch;margin-top:12px}.zl-methods{margin:0;display:grid;gap:0}.zl-methods>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding:20px 0;border-bottom:1px solid hsl(var(--border))}.zl-methods>div:first-child{padding-top:0}.zl-methods dd{margin:0;max-width:76ch;color:hsl(var(--muted-foreground))}.zl-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:20px;align-items:center}.zl-flow figure{min-width:0}.zl-flow figcaption{margin-bottom:10px}.zl-flow figure>p{margin-top:12px}.zl-frame{position:relative;overflow:hidden;background:#17221c;border:2px solid #315e2b}.zl-crop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #e0b763;box-shadow:0 0 0 1000px #0006;pointer-events:none}.zl-output{border-color:#b58e44}.zl-arrow{width:28px;height:28px;color:#a67f30}.zl-total{margin-top:28px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid #c6c9be;padding-top:24px}.zl-total>span{color:#52624f}.zl-total strong{font-variant-numeric:tabular-nums}.dl-experiment{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px 32px}.dl-view{position:relative;align-self:start;overflow:hidden;border:2px solid #315e2b;background:#17221c}.dl-detail{align-self:center;min-width:0}.dl-detail>.type-label{margin-bottom:12px}.dl-detail>p:last-child{margin-top:12px;color:hsl(var(--muted-foreground))}.dl-controls{min-width:0}.dl-distance-label{display:flex;justify-content:space-between;align-items:center;gap:16px}.dl-distance-label output{white-space:nowrap;font-variant-numeric:tabular-nums;color:#a67f30}.dl-controls input{width:100%;height:32px;margin:8px 0 0;accent-color:#315e2b;cursor:pointer}.dl-stops{display:flex;justify-content:space-between;margin-bottom:12px;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.dl-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid hsl(var(--border))}.dl-tasks .type-label{margin-bottom:8px}.dl-limit{margin-top:20px;color:#52624f}@media (max-width:767px){.zl-methods>div{grid-template-columns:1fr;gap:8px;padding:18px 0}.fl-inner{padding-top:32px;padding-bottom:28px}.fl-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.zl-flow{grid-template-columns:minmax(0,1fr);gap:14px}.zl-arrow{transform:rotate(90deg);justify-self:center}.zl-total{flex-direction:column;gap:8px}.dl-experiment{grid-template-columns:1fr;gap:20px}.dl-controls{grid-row:2}.dl-distance-label{flex-wrap:wrap}.dl-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}.dl-detail>.type-label{grid-column:1/-1}.dl-detail>p:last-child{margin:0}.dl-tasks{grid-template-columns:1fr;gap:18px}.dl-tasks article{display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:baseline}.dl-tasks .type-label{margin:0}}@media (prefers-reduced-motion:reduce){.learn-page{scroll-behavior:auto}.fl-section *{transition:none!important;animation:none!important}}.zm-start{display:flex;align-items:center;gap:20px;padding:24px 0;border-block:1px solid hsl(var(--border));margin-bottom:8px}.zm-start>svg{width:36px;height:36px;color:hsl(var(--hunter-green));flex:none}.zm-start p{margin-top:6px;color:hsl(var(--muted-foreground))}.zm-start a{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}.zm-start a svg{width:18px}.zm-lane{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:48px;padding:36px 0;border-bottom:1px solid hsl(var(--border));align-items:center}.zm-description h3{margin:8px 0 12px}.zm-description>.type-body{color:hsl(var(--muted-foreground))}.zm-description .fl-buttons{margin-top:18px}.zm-comparison{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:22px;align-items:center;padding:8px}.zm-comparison figure{min-width:0;margin:0}.zm-screen{position:relative;overflow:hidden}.zm-screen canvas,.zm-eye-view canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.zm-comparison figcaption{margin-top:20px;text-align:center;min-height:3em;color:hsl(var(--muted-foreground))}.zm-arrow{width:28px;color:#a67f30;margin-bottom:60px}.zm-eyepiece{display:flex;flex-direction:column;align-items:center;gap:6px;color:hsl(var(--hunter-green));margin-bottom:60px}.zm-eyepiece>svg{width:28px}.zm-eyepiece .type-caption{writing-mode:vertical-rl}.zm-eye-view{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid hsl(var(--panel-dark));width:80%;margin:auto;background:hsl(var(--panel-dark))}.zm-eye-view>div{position:absolute;width:160%;left:50%;top:50%;transform:translate(-50%,-50%)}.zm-hardware{display:flex;align-items:center;gap:10px;margin-top:18px;color:hsl(var(--hunter-green))}.zm-hardware svg{width:24px}.zm-note{margin-top:20px;color:hsl(var(--muted-foreground))}@media (max-width:1023px){.zm-lane{gap:28px;grid-template-columns:1fr}.zm-start{flex-wrap:wrap}.zm-start>div{flex:1;min-width:200px}.zm-start a{margin-left:56px}.zm-description{max-width:70ch}}@media (max-width:540px){.zm-comparison{grid-template-columns:1fr;gap:8px;padding:8px;max-width:400px;margin:auto;width:100%}.zm-arrow{transform:rotate(90deg);margin:0 auto 18px}.zm-comparison figcaption{min-height:0;margin:18px 0}.zm-eyepiece{margin:0 auto 18px;flex-direction:row}.zm-eyepiece .type-caption{writing-mode:horizontal-tb}.zm-eyepiece>svg:last-child{transform:rotate(90deg)}.zm-eye-view{max-width:260px}.zm-start a{margin-left:0}.zm-lane{padding-block:28px}}.sn-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}.sn-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}.sn-screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#4b4e4a;margin:0}.sn-screen>svg{display:block;width:100%;height:100%;overflow:hidden}.sn-image-label{position:absolute;left:12px;bottom:12px;padding:8px 12px;border-radius:3px;background:#101813;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.sn-explanation{min-width:0;padding-left:24px;border-left:1px solid #c9cebf}.sn-explanation p{color:hsl(var(--muted-foreground))}.sn-look{margin-top:10px}.sn-weather-comparison{display:grid;gap:8px;margin-top:16px}.sn-weather{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid #daddd3;border-radius:4px;background:#f0f1eb}.sn-weather-icon{width:32px;height:32px;flex-shrink:0;color:#68715f}.sn-weather h4{font-weight:600}.sn-weather p{margin-top:3px}.sn-weather-humid{border-color:#bdcbb8;background:#e7eee2}.sn-weather-humid .sn-weather-icon{color:#315e2b}.sn-explanation .sn-limit{margin-top:12px}.sn-spec-strip{margin-top:40px;padding-top:28px;border-top:1px solid #c9cebf}.sn-spec-heading{margin-bottom:32px;max-width:72ch}.sn-spec-heading h3{margin:8px 0 12px}.sn-spec-heading>.type-body{color:hsl(var(--muted-foreground))}.sn-spec-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:24px;column-gap:24px;row-gap:12px}.sn-spec-column{min-width:0;display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start}.sn-spec-column+.sn-spec-column{border-left:1px solid #c9cebf;padding-left:24px}.sn-spec-column h4{margin:0}.sn-spec-intro{min-height:2lh;color:hsl(var(--muted-foreground))}.sn-spec-visual{min-height:0;display:flex;align-items:flex-start;padding-top:12px}.sn-score-example{width:100%;border:1px solid #c9cebf;border-radius:6px;overflow:hidden}.sn-example-label{padding:12px 14px;color:hsl(var(--muted-foreground))}.sn-score-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 14px;border-top:1px solid #daddd3}.sn-score-row>svg{width:28px;height:28px;color:#315e2b}.sn-score-row h5{font-weight:600}.sn-score-row>strong{white-space:nowrap}.sn-score-selected{background:#e7eee2}.sn-score-choice{display:flex;align-items:center;gap:4px;color:#315e2b;margin-top:4px}.sn-score-choice svg{width:14px;height:14px}.sn-source-order{list-style:none;padding:0;margin:0;width:100%}.sn-source-order li{display:flex;align-items:center;gap:12px;padding:16px 0}.sn-source-order li+li{border-top:1px solid #daddd3}.sn-source-order li:first-child{padding-top:0}.sn-source-order li:last-child{padding-bottom:0}.sn-source-order h5{font-weight:600}.sn-source-order p{margin-top:3px;color:hsl(var(--muted-foreground))}.sn-source-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:6px;background:#e7eee2;color:#315e2b}.sn-source-icon svg{width:26px;height:26px}.sn-type-icons{display:grid;gap:24px;width:100%;align-items:start}.sn-type-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start}.sn-type-item+.sn-type-item{border-top:1px solid #daddd3;padding-top:24px}.sn-type-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:8px;background:#e7eee2;color:#315e2b}.sn-type-symbol svg{display:block;width:48px;height:48px}.sn-type-item p{margin-top:6px;color:hsl(var(--muted-foreground))}@media (max-width:1050px){.sn-main{gap:24px}.sn-explanation{padding-left:20px}.sn-pair{gap:12px}}@media (max-width:850px){.sn-main{grid-template-columns:1fr;gap:26px}.sn-explanation{padding:0;border-left:0;max-width:70ch}.sn-spec-columns{grid-template-columns:1fr;gap:26px}.sn-spec-column{max-width:520px;width:100%;margin-inline:auto}.sn-spec-column+.sn-spec-column{padding:24px 0 0;border-left:0;border-top:1px solid #c9cebf}.sn-spec-column{grid-row:auto;grid-template-rows:auto auto auto;row-gap:12px}.sn-spec-intro{min-height:0}.sn-type-item{grid-template-columns:64px minmax(0,1fr)}.sn-type-symbol{width:64px;height:64px}}@media (max-width:480px){.sn-image-label{left:8px;bottom:8px;padding:6px 10px}.sn-spec-strip{margin-top:28px;padding-top:24px}}.idr-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:24px 0;border-block:1px solid hsl(var(--border))}.idr-tasks>div+div{border-left:1px solid hsl(var(--border));padding-left:32px}.idr-tasks h3{margin:8px 0}.idr-tasks p,.idr-tasks .type-label{color:hsl(var(--muted-foreground))}.idr-fixed{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:36px 0 24px}.idr-fixed div p{margin-top:8px;color:hsl(var(--muted-foreground))}.idr-fixed>p{color:hsl(var(--hunter-green));max-width:270px}.idr-distance-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.idr-distance{min-width:0;margin:0;display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:14px}.idr-distance>figcaption{display:flex;flex-direction:column;gap:6px}.idr-distance>figcaption span{color:hsl(var(--muted-foreground))}.idr-image{border:2px solid hsl(var(--hunter-green));overflow:hidden;border-radius:3px}.idr-samples>.type-caption{margin-top:8px;color:hsl(var(--muted-foreground))}.idr-meter{position:relative;height:12px;margin-top:16px;background:hsl(var(--border))}.idr-meter span{display:block;height:100%;background:hsl(var(--hunter-green))}.idr-meter i{position:absolute;top:-5px;height:22px;width:3px;background:hsl(var(--gold));transform:translate(-50%)}.idr-method{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;margin-top:36px;padding:28px;background:var(--surface-band);align-items:center}.idr-method h3{margin:8px 0 12px}.idr-method>div>p:last-child{max-width:68ch}.idr-result{border-left:1px solid hsl(var(--border));padding-left:28px}.idr-result strong{display:block;margin:12px 0 8px;color:hsl(var(--hunter-green))}.idr-result>.type-ui{color:hsl(var(--hunter-green))}.idr-context{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;color:hsl(var(--muted-foreground))}@media (max-width:767px){.idr-tasks{grid-template-columns:1fr;gap:20px}.idr-tasks>div+div{border-left:0;padding-left:0}.idr-fixed{align-items:start;flex-direction:column;gap:12px}.idr-fixed>p{max-width:none}.idr-distance-pair{grid-template-columns:1fr;gap:32px}.idr-distance{grid-row:auto;grid-template-rows:auto auto auto;gap:14px}.idr-method{grid-template-columns:1fr;gap:24px;padding:24px 20px}.idr-result{border-left:0;border-top:1px solid hsl(var(--border));padding:20px 0 0}.idr-context{grid-template-columns:1fr;gap:16px}}.pt-fixed{padding:14px 0;border-block:1px solid hsl(var(--border));margin-bottom:28px;color:hsl(var(--hunter-green))}.pt-progression{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.pt-step{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:18px}.pt-step header p{margin-top:8px;color:hsl(var(--muted-foreground))}.pt-step figure{margin:0;min-width:0}.pt-step canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.pt-full{display:flex;flex-direction:column;justify-content:end}.pt-full .pt-scene{aspect-ratio:5/4;background:hsl(var(--panel-dark));display:flex;align-items:center}.pt-step figcaption{margin-top:12px;color:hsl(var(--hunter-green))}.pt-detail>.type-caption{margin-bottom:8px;color:hsl(var(--muted-foreground))}.pt-detail .pt-scene{border-color:hsl(var(--gold))}.pt-conclusion{display:grid;grid-template-columns:1fr 2fr;gap:28px;margin-top:32px;padding-top:24px;border-top:1px solid hsl(var(--border))}.pt-conclusion h3{color:hsl(var(--hunter-green))}.pt-conclusion p{max-width:65ch}@media (max-width:767px){.pt-progression{grid-template-columns:1fr;gap:36px}.pt-step{grid-row:auto;grid-template-rows:auto auto auto;gap:18px}.pt-step+.pt-step{padding-top:28px;border-top:1px solid hsl(var(--border))}.pt-conclusion{grid-template-columns:1fr;gap:12px}}.pt-scene{overflow:hidden;border:2px solid #315e2b;background:#23382a}.pt-note{margin-top:28px;color:#52624f}.pt-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:24px;align-items:center}.pt-links a{display:flex;align-items:center;gap:16px;padding:14px 0;text-decoration:none}.pt-links a:first-child{background:#173c2e;color:#fff;padding:14px 18px}.pt-links svg{width:20px;height:20px;flex-shrink:0}@media (max-width:767px){.pt-links{gap:4px}}.learn-page{--learn-page-size:36px;--learn-section-size:28px;--learn-item-size:20px}.learn-page :is(.type-hero,#learn-page-title){font-family:"Source Serif 4",Georgia,serif;font-size:var(--learn-page-size);font-weight:700;line-height:1.1}.learn-page .type-headline:not(#learn-page-title){font-family:"Source Serif 4",Georgia,serif;font-size:var(--learn-section-size);font-weight:700;line-height:1.15}.learn-page :is(.type-title,.type-subhead,.type-figure-lg){font-family:"Source Serif 4",Georgia,serif;font-size:var(--learn-item-size);font-weight:700;line-height:1.2}.learn-page :is(.type-body,.type-small,.type-figure){font-family:"Source Sans 3",system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.learn-page :is(.type-ui,.sc-tab,.hero-subnav-rail a){font-family:"Source Sans 3",system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.learn-page :is(.type-caption,.type-label){font-family:"Source Sans 3",system-ui,sans-serif;font-size:12px;line-height:1.4}.learn-page .type-caption{font-weight:400}.learn-page .type-label{font-weight:600}.learn-page .text-gold-deep{color:#a67f30}@media (min-width:1024px){.learn-page{--learn-page-size:44px;--learn-section-size:36px;--learn-item-size:24px}}.learn-page .sp-output-caption{grid-template-columns:1fr;gap:8px}.learn-page .sp-output-specs{flex-direction:row;flex-wrap:wrap;align-items:center;border-left:0;padding-left:0;gap:8px}.learn-page .sp-view-title{padding-bottom:0}.learn-page .sp-view-title:after{display:none}.learn-page .pl-footnote{max-width:70ch}.learn-page .pl-apparent{flex-wrap:wrap}@media (max-width:1023px){.learn-page .sn-spec-columns{grid-template-columns:1fr;gap:28px}.learn-page .sn-spec-column{grid-row:auto;grid-template-rows:auto auto auto;row-gap:12px;max-width:600px;width:100%;margin-inline:auto}.learn-page .sn-spec-column+.sn-spec-column{padding:24px 0 0;border-left:0;border-top:1px solid hsl(var(--border))}}@media (max-width:767px){.learn-page .lc-row{grid-template-columns:1fr;gap:24px;margin-bottom:44px}.learn-page .lc-optic{grid-column:1;width:44%;margin:32px auto 0}.learn-page .lc-view{grid-column:1;width:100%}.learn-page .lc-light{display:none}.learn-page .lc-detail{margin-top:20px}.learn-page .sc-tabs{display:flex;overflow-x:auto}.learn-page .sc-tab{flex:1 0 auto;padding:10px 12px}.learn-page .pl-scene-fov{white-space:normal;text-align:right}}.learn-page .sc-lesson,.learn-page .cl-inner{max-width:1280px}.learn-page #how-the-picture-is-made,.learn-page #the-capture{scroll-margin-top:128px}.learn-page .learn-section-heading{display:block;margin:0 0 30px}.learn-page .learn-section-heading>.type-label{margin:0 0 8px}.learn-page .learn-section-heading>:is(h2,h3){max-width:none;margin:0 0 12px}.learn-page .learn-section-heading>.type-body{max-width:90ch;margin:0;color:hsl(var(--muted-foreground))}.learn-next{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:48px;padding-bottom:48px}.learn-next>div:first-child{max-width:580px}@media (min-width:640px) and (max-width:1023px){.learn-page .sc-lesson,.learn-page .cl-inner{padding-left:24px;padding-right:24px}}@media (max-width:767px){.learn-next{align-items:flex-start;flex-direction:column;gap:24px;padding-top:36px;padding-bottom:36px}}@media (max-width:639px){.learn-page .sc-lesson,.learn-page .cl-inner{padding-left:16px;padding-right:16px}}.learn-anchor-alias{display:block;height:0;scroll-margin-top:128px}