.photometry-hero{position:relative;overflow:clip}.photometry-hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;min-height:740px;padding-block:58px 68px;display:grid}.photometry-hero-copy{z-index:1;position:relative}.photometry-hero-copy>.eyebrow{align-items:center;gap:12px;margin-bottom:30px;display:flex}.photometry-hero-copy h1{letter-spacing:-2px;font-size:clamp(64px,6.45vw,94px);line-height:1.02}.photometry-hero-copy h1 em{display:block}.photometry-hero-description{max-width:510px;color:var(--muted);margin-top:28px;font-size:18px;line-height:1.8}.photometry-hero-copy .actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.photometry-hero-copy .button,.photometry-hero-copy .text-link{font-size:14px}.photometry-hero-art{width:calc(100% + 130px);color:var(--teal);margin-top:-20px;margin-left:-45px;position:relative}.photometry-hero-canvas{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block;overflow:visible}.photometry-hero-depth{transform:translate3d(calc(var(--hero-progress,0) * var(--hero-drift) + var(--hero-pointer-x,0) * var(--hero-pointer-travel)), calc(var(--hero-progress,0) * var(--hero-travel) + var(--hero-pointer-y,0) * var(--hero-pointer-lift)),0);transition:transform .18s ease-out}.photometry-hero-backdrop{--hero-travel:24px;--hero-drift:-8px;--hero-pointer-travel:-6px;--hero-pointer-lift:-4px;color:var(--line);stroke-width:1px}.photometry-hero-inner-orbit{stroke:var(--indigo);stroke-opacity:.09}.photometry-hero-recording{--hero-travel:-24px;--hero-drift:-8px;--hero-pointer-travel:10px;--hero-pointer-lift:6px;color:var(--teal)}.photometry-hero-events{--hero-travel:-76px;--hero-drift:10px;--hero-pointer-travel:20px;--hero-pointer-lift:12px;color:var(--clay)}.photometry-hero-comparison{--hero-travel:-132px;--hero-drift:26px;--hero-pointer-travel:30px;--hero-pointer-lift:18px;color:var(--indigo)}.photometry-hero-recording,.photometry-hero-events,.photometry-hero-comparison{filter:drop-shadow(0 12px 14px #202f2d08)}@media (min-width:1600px){.photometry-hero-inner{min-height:790px}.photometry-hero-art{width:calc(100% + 190px);margin-left:-55px}}@media (max-width:1100px) and (min-width:900px){.photometry-hero-copy h1{font-size:64px}.photometry-hero-description{max-width:420px;font-size:16px}.photometry-hero-art{width:calc(100% + 150px);margin-left:-45px}}@media (max-width:899px){.photometry-hero-inner{grid-template-columns:1fr;min-height:0;padding-block:48px 34px}.photometry-hero-copy h1{font-size:clamp(58px,9vw,82px)}.photometry-hero-description{max-width:570px}.photometry-hero-copy .actions{flex-flow:wrap;align-items:center;gap:20px 26px}.photometry-hero-art{width:100%;max-width:680px;margin:25px auto 0}.photometry-hero-depth{transition:none;transform:none}}@media (max-width:540px){.photometry-hero-inner{padding-top:35px}.photometry-hero-copy>.eyebrow{gap:9px;margin-bottom:24px;font-size:9px}.photometry-hero-copy h1{letter-spacing:-1.3px;font-size:clamp(49px,12.9vw,68px)}.photometry-hero-description{margin-top:24px;font-size:16px;line-height:1.75}.photometry-hero-copy .actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:26px}.photometry-hero-copy .button{padding:17px 19px;font-size:13px}.photometry-hero-art{width:calc(100% + 28px);margin-top:26px;margin-left:-18px}}@media (prefers-reduced-motion:reduce){.photometry-hero-depth{transition:none;transform:none}}.photometry-hero-canvas text{fill:currentColor;stroke:none;font:14px var(--sans)}.photometry-hero-faint{opacity:.22;stroke-width:.8px}.photometry-hero-canvas .photometry-hero-micro{font:9px var(--mono);letter-spacing:1.1px}.photometry-hero-label circle{fill:var(--paper)}.photometry-hero-canvas .photometry-hero-number{font:9px var(--mono)}.photometry-hero-leader{opacity:.5;stroke-width:.9px}@media (max-width:540px){.photometry-hero-canvas .photometry-hero-label>text:not(.photometry-hero-number){font-size:27px}.photometry-hero-canvas .photometry-hero-micro{display:none}}.photometry-hero-sheet{fill:#f2f5ee;stroke-width:1.3px}.photometry-hero-edge{fill:#d7e1d7;stroke-opacity:.3}.photometry-hero-events .photometry-hero-sheet{fill:#faf2eb}.photometry-hero-events .photometry-hero-edge{fill:#e8d7cb}.photometry-hero-comparison .photometry-hero-sheet{fill:var(--indigo-pale)}.photometry-hero-comparison .photometry-hero-edge{fill:#d5d7e4}.photometry-hero-reference{color:var(--clay)}.photometry-hero-wave{stroke:currentColor;stroke-width:1.8px}.photometry-hero-rule{opacity:.25;stroke-width:.8px}.photometry-hero-window{fill:currentColor;fill-opacity:.055;stroke:none}.photometry-hero-event-dot{fill:var(--clay-pale)}.photometry-hero-canvas .photometry-hero-small{font:12px var(--sans)}@media (max-width:540px){.photometry-hero-canvas .photometry-hero-small{font-size:18px}}
.photometry-story .photometry-canvas{width:100%;height:auto;color:var(--teal);font-family:var(--sans);display:block}.photometry-story .setup-desktop .photometry-canvas{max-height:min(55svh,570px)}.photometry-story[data-scroll-layout=wide] .setup-chapter{min-height:90svh}.photometry-story[data-scroll-layout=wide] .setup-chapter:last-child{min-height:100svh}.photometry-story .photometry-canvas text{fill:var(--teal);stroke:none;font-size:15px}.photometry-story .photometry-canvas .photometry-small{fill:var(--muted);font-size:13px}.photometry-story .photometry-paper{fill:var(--paper)}.photometry-story .photometry-clay{stroke:var(--clay)}.photometry-story .photometry-canvas .photometry-clay-text{fill:var(--clay)}.photometry-story .photometry-rule{stroke:var(--line)}.photometry-story .photometry-clock-mark{stroke:var(--clay);stroke-dasharray:3 5;opacity:.65}.photometry-story .photometry-connection{stroke:var(--teal);opacity:.5}.photometry-story .photometry-return{stroke:var(--clay);stroke-dasharray:4 5;opacity:.65}.photometry-story .photometry-window,.photometry-story .photometry-event-mark rect{fill:var(--clay);fill-opacity:.09;stroke:none}.photometry-story .photometry-event-mark path{stroke:var(--clay);stroke-dasharray:3 5}.photometry-story .photometry-mobile-canvas{padding:18px 8px 10px}.photometry-story .photometry-mobile-canvas text{font-size:12px}.photometry-story .setup-figure figcaption{min-height:87px}.photometry-story .setup-closing{align-items:center}.photometry-story .setup-closing p{max-width:550px}@media (max-width:600px){.photometry-story .setup-chapter h3{max-width:100%}.photometry-story .setup-chapter-copy .setup-takeaway{line-height:1.8}}