.about-page{min-height:100svh;padding:calc(var(--header-height) + clamp(4rem, 8vw, 8rem)) var(--page-gutter) 6rem;background:radial-gradient(at 85% 4%,#17314d80,#0000 34%),#050b14}.about-page-inner{max-width:1280px;margin:0 auto}.about-intro{max-width:920px;padding-bottom:clamp(5rem,9vw,8rem)}.about-eyebrow{color:var(--color-silver);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.about-page-title{letter-spacing:-.055em;margin-top:30px;font-size:clamp(3.4rem,7.8vw,6.8rem);font-weight:550;line-height:1.03}.about-page-intro{max-width:660px;color:var(--color-muted);margin-top:34px;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.8}.about-intro-note{color:var(--color-silver);align-items:center;gap:14px;margin-top:32px;font-size:12px;display:flex}.about-intro-note svg{flex-shrink:0}.about-learning-section{border-top:1px solid var(--color-border);padding:56px 0 72px}.about-section-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.about-section-heading>.about-section-copy{max-width:330px}.about-section-title{letter-spacing:-.04em;margin-top:24px;font-size:clamp(2.3rem,4.2vw,3.75rem);font-weight:500;line-height:1.1}.about-section-copy{color:var(--color-muted);font-size:15px;line-height:1.85}.about-history-timeline{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:44px;display:grid}.about-timeline-button{color:var(--color-muted);border:1px solid var(--color-border);background:0 0;border-radius:7px;flex-direction:column;align-items:center;gap:18px;padding:20px 12px;transition:color .22s,border-color .22s,background .22s,transform .22s;display:flex}.about-timeline-button:hover{border-color:#c4cedd80;transform:translateY(-3px)}.about-timeline-button[aria-pressed=true]{color:#071426;background:#e7edf3;border-color:#e7edf3}.about-timeline-year{text-align:center;font-size:12px;font-weight:500}.about-history-detail{border:1px solid var(--color-border);background:linear-gradient(130deg,#182f476e,#08111d40);border-radius:10px;grid-template-columns:.72fr 1.28fr;margin-top:18px;display:grid;overflow:hidden}.about-history-visual{min-height:340px;color:var(--color-silver);border-right:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:relative}.about-history-visual svg{position:relative}.about-history-halo{background:radial-gradient(circle,#698caa1a,#0000 64%);border:1px solid #aebbcd1f;border-radius:50%;width:220px;height:220px;position:absolute}.about-history-halo:before{content:"";border:1px solid #aebbcd14;border-radius:50%;position:absolute;inset:20px}.about-history-date{letter-spacing:.07em;font-size:12px;position:relative}.about-milestone{padding:clamp(28px,4.5vw,60px)}.about-milestone-title{letter-spacing:-.025em;margin:20px 0 18px;font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:500;line-height:1.2}.about-milestone-lesson{color:var(--color-silver);margin-top:24px;font-size:14px}.about-source-link{color:var(--color-muted);align-items:center;gap:8px;font-size:11px;transition:color .18s;display:inline-flex}.about-source-link:hover{color:var(--color-text)}.about-milestone .about-source-link{margin-top:22px}.about-exposure-lab{border:1px solid var(--color-border);background:linear-gradient(125deg,#12243785,#08111d80);border-radius:12px;grid-template-columns:1.4fr 1fr;margin-top:44px;display:grid}.about-lab-visuals{min-width:0;padding:28px}.about-lab-viewfinder{aspect-ratio:640/390;background:#06101a;border-radius:8px;position:relative;overflow:hidden}.about-lab-scene{width:100%;height:100%}.about-lab-exposed-scene{filter:brightness(var(--lab-brightness));transition:filter .24s}.about-lab-background{filter:blur(var(--lab-background-blur));transition:filter .24s}.about-lab-preview-grain{pointer-events:none;mix-blend-mode:soft-light;opacity:var(--lab-noise);transition:opacity .24s}.about-lab-preview-top,.about-lab-preview-bottom{pointer-events:none;color:#f2f5f8;text-shadow:0 1px 4px #071426;justify-content:space-between;align-items:center;gap:12px;padding:18px;font-size:10px;display:flex;position:absolute;left:0;right:0}.about-lab-preview-top{top:0}.about-lab-preview-bottom{bottom:0}.about-lab-preview-label{align-items:center;gap:6px;display:flex}.about-lab-exposure-output{background:#050b148c;border-radius:20px;padding:4px 8px}.about-lab-light-path{justify-content:space-between;align-items:center;gap:15px;margin-top:28px;display:flex}.about-lab-aperture-visual,.about-lab-capture-visual{color:var(--color-muted);flex-direction:column;flex-shrink:0;align-items:center;gap:9px;font-size:10px;display:flex}.about-lab-aperture-visual>svg,.about-lab-capture-visual>svg{width:76px;height:76px}.about-lab-aperture-opening{transition:r .24s}.about-lab-light-beam{color:var(--color-silver);flex-direction:column;flex:40px;gap:4px;max-width:70px;margin-bottom:22px;display:flex;position:relative}.about-lab-light-beam>span{opacity:.3;background:linear-gradient(90deg,#0000,#c4cedd);width:100%;height:1px}.about-lab-light-beam>svg{position:absolute;top:-4px;right:-6px}.about-lab-capture-cells{border:1px solid #c4cedd66;border-radius:4px;grid-template-columns:repeat(6,1fr);gap:3px;width:76px;height:76px;padding:8px;display:grid}.about-lab-capture-cell{background:#acc8dc;border-radius:1px;transition:opacity .24s}.about-lab-capture-visual--film .about-lab-capture-cells{border-top:4px dotted #6d7986;border-bottom:4px dotted #6d7986;padding:12px 8px}.about-lab-capture-visual--film .about-lab-capture-cell{background:#b6a68e;border-radius:50%}.about-lab-collected-light{color:var(--color-muted);flex-direction:column;gap:3px;margin-left:auto;font-size:10px;display:flex}.about-lab-collected-light strong{color:var(--color-silver);font-variant-numeric:tabular-nums;font-size:26px;font-weight:500;line-height:1.2}.about-lab-collected-light>span{max-width:120px;font-size:9px}.about-lab-simulation-note{color:var(--color-muted);margin-top:26px;font-size:10px;line-height:1.7}.about-lab-controls{border-left:1px solid var(--color-border);min-width:0;padding:28px}.about-lab-medium-choice{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.about-lab-medium-choice legend{color:var(--color-muted);margin-bottom:12px;font-size:11px}.about-lab-medium-button{color:var(--color-muted);border:1px solid var(--color-border);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;transition:background .18s,color .18s;display:flex}.about-lab-medium-button[aria-pressed=true]{color:#e7edf3;background:#1b3046;border-color:#45576a}.about-lab-control{margin-top:25px}.about-lab-control-label{justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.about-lab-control-label output{color:var(--color-silver);font-variant-numeric:tabular-nums}.about-lab-slider{cursor:pointer;accent-color:#d2dde8;width:100%;height:16px;margin:14px 0 4px}.about-lab-control-scale{color:var(--color-muted);justify-content:space-between;font-size:9px;display:flex}.about-lab-control-help{color:var(--color-muted);margin-top:10px;font-size:11px;line-height:1.75}.about-lab-presets{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.about-lab-preset{color:var(--color-silver);border:1px solid var(--color-border);background:0 0;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;transition:background .18s;display:flex}.about-lab-preset:hover{background:#17314d}.about-capture-story{grid-template-columns:1.4fr 1fr;gap:44px;margin-top:38px;display:grid}.about-capture-explanation>svg{color:var(--color-silver)}.about-capture-explanation h3{letter-spacing:-.02em;margin:17px 0 14px;font-size:24px;font-weight:500}.about-lab-challenge{border-left:1px solid var(--color-border);padding-left:28px}.about-lab-challenge h3{letter-spacing:-.02em;margin:15px 0 14px;font-size:22px;font-weight:500;line-height:1.3}.about-learning-sources{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:16px;margin-top:32px;padding-top:24px;display:flex}.about-learning-sources>span{color:var(--color-silver);font-size:11px}.about-purpose{border-top:1px solid var(--color-border);padding-top:54px}.about-purpose>.about-section-copy{max-width:660px;margin-top:25px}.about-explore-link{color:#071426;background:#e7edf3;border-radius:6px;align-items:center;gap:16px;margin-top:28px;padding:15px 22px;font-size:14px;font-weight:500;transition:transform .18s,background .18s;display:inline-flex}.about-explore-link:hover{background:#cbd8e5;transform:translateY(-2px)}.about-page[data-motion=off] *,.about-page[data-motion=off] :before,.about-page[data-motion=off] :after{transition:none}.about-page[data-motion=off] .about-timeline-button:hover,.about-page[data-motion=off] .about-explore-link:hover{transform:none}@media (width<=1000px){.about-history-timeline{grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;padding-bottom:8px;overflow-x:auto}.about-exposure-lab,.about-capture-story{grid-template-columns:1fr 1fr}.about-lab-light-path{gap:10px}.about-lab-collected-light strong{font-size:22px}.about-lab-collected-light>span{max-width:90px}}@media (width<=767px){.about-page{padding-bottom:4rem}.about-section-heading{flex-direction:column;align-items:flex-start;gap:22px}.about-section-heading>.about-section-copy{max-width:540px}.about-learning-section{padding:38px 0 48px}.about-history-detail,.about-exposure-lab,.about-capture-story{grid-template-columns:1fr}.about-history-visual{border-right:0;border-bottom:1px solid var(--color-border);gap:16px;min-height:210px}.about-history-visual svg{width:58px;height:58px}.about-history-halo{width:160px;height:160px}.about-lab-visuals,.about-lab-controls{padding:20px}.about-lab-controls{border-left:0;border-top:1px solid var(--color-border)}.about-lab-preview-top,.about-lab-preview-bottom{padding:12px;font-size:9px}.about-lab-collected-light strong{font-size:26px}.about-capture-story{gap:28px}.about-lab-challenge{border-left:0;border-top:1px solid var(--color-border);padding:24px 0 0}}@media (width<=390px){.about-lab-light-path{gap:7px}.about-lab-light-beam{display:none}.about-lab-aperture-visual>svg,.about-lab-capture-cells{width:66px;height:66px}.about-lab-preview-bottom{flex-direction:column;align-items:flex-start;gap:3px}}