/* Expanded product story, continuing the optical instrument art direction. */
.hero-lead{max-width:570px;line-height:1.95}.hero-lead strong{font-weight:800}.hero-stage{padding-top:12px}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,105px)}
.editorial-grid>*{min-width:0}.editorial-copy{text-align:left}.editorial-copy h2{max-width:650px;letter-spacing:-.04em;text-align:left}
.editorial-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#526d77;margin-top:23px;max-width:620px}
.editorial-copy .eyebrow{color:#087c8d;margin-bottom:21px}.editorial-heading{display:block}.editorial-heading p:not(.eyebrow){font-size:16px;line-height:1.9;color:#526d77;margin-top:22px;max-width:890px}
.editorial-heading h2{text-align:left}.feature-intro .editorial-copy h2{font-size:clamp(35px,3.7vw,54px)}
.feature-tags{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px}.feature-tags span{font-size:10px;color:#257280;border-bottom:1px solid #85b9c0;padding-bottom:8px}
.camera-sketch{position:relative;border:1px solid #78b3bd47;border-radius:35px;background:radial-gradient(ellipse at 50% 30%,#fff9,transparent 72%);padding:12px 20px 24px}.camera-sketch svg{width:100%;display:block}.sketch-caption{display:block;text-align:center;font:9px var(--mono);letter-spacing:.1em;color:#397585}
.reliability-section,.local-section,.connection-section{position:relative;isolation:isolate;color:#f4ffff;background:#082b39;overflow:hidden}
.reliability-section:before,.connection-section:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#082b39ed,#082b39c7),url('../images/optical-atmosphere.webp') center/cover}
.reliability-section:after,.local-section:after{content:'';position:absolute;width:650px;height:510px;border:1px solid #b4f4f419;border-radius:70px;right:-220px;top:-100px;transform:rotate(-18deg);z-index:-1;box-shadow:0 0 0 40px #9bece705}
.reliability-section h2,.local-section h2,.connection-section h2{color:#f3ffff}.reliability-section .eyebrow,.local-section .eyebrow,.connection-section .eyebrow{color:#76d7d9}.reliability-section .editorial-copy>p:not(.eyebrow),.local-section .editorial-copy>p:not(.eyebrow),.connection-section .editorial-copy>p:not(.eyebrow){color:#c3dce3}
.proof-metric{border-left:2px solid #65e7db;padding:18px 0 18px 45px}.proof-metric>.micro-label{color:#9bd3d9;font:10px var(--mono);letter-spacing:.09em}.proof-metric>strong{display:block;font:500 clamp(60px,7.1vw,104px)/1.35 var(--mono);letter-spacing:-.085em;color:#67eee2}.proof-metric>span:last-of-type{font-size:19px;color:#e1f5f6}.proof-metric>div{display:flex;align-items:center;gap:25px;border-top:1px solid #8fd8d92d;margin-top:29px;padding-top:26px}.proof-metric b{font-size:35px;letter-spacing:-.045em;color:#c8fff1}.proof-metric p{font-size:12px;line-height:1.7;color:#adcdd5}
.editorial-section{background:#f7fbfb}.value-route{padding:32px 22px;text-align:center;border-top:1px solid #a7ced3;border-bottom:1px solid #a7ced3}.value-route>span{font:10px var(--mono);letter-spacing:.15em;color:#4a8490}.value-route>strong{display:block;color:#0a778a;font:500 clamp(40px,5.8vw,80px)/1.5 var(--mono);letter-spacing:-.07em;margin:15px 0}.value-route small{font-size:.4em;letter-spacing:0}.route-line{display:flex;align-items:center;justify-content:center;gap:17px;color:#208695;font-size:12px}.route-line>.icon{width:30px}.route-targets{display:flex;justify-content:center;gap:29px;margin-top:26px;color:#153e4e;font-weight:700;font-size:14px}
.since-mark{padding:24px 0;text-align:left;border-top:1px solid #aacad1;border-bottom:1px solid #aacad1}.since-mark>span{font:11px var(--mono);letter-spacing:.15em;color:#48818d}.since-mark>strong{font:800 clamp(84px,10vw,148px)/1.3 "Manrope",sans-serif;letter-spacing:-.08em;display:block;color:#0d566b}.since-mark strong span{color:#039caa}.since-mark>p{color:#3c6b78;font-size:13px}
.local-section{background:linear-gradient(120deg,#0b3948,#07586b)}.local-visual{position:relative;border:1px dashed #9adad999;border-radius:30px;padding:65px 25px 34px;background:#ffffff04}.local-perimeter{position:absolute;top:-8px;left:27px;padding:0 12px;background:#0b4556;color:#a9f0ec;font:11px var(--mono);letter-spacing:.13em}.local-visual>div{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:60px 24px;justify-items:center;align-items:center;gap:17px 15px}.local-visual .icon{width:59px;height:59px;color:#70eadd}.local-visual .icon:first-child{grid-area:1/1}.local-visual .icon:nth-of-type(2){grid-area:1/3}.local-visual div span:nth-of-type(1){grid-area:2/1}.local-visual div span:nth-of-type(2){grid-area:2/3}.local-visual b{grid-area:1/2;font-size:35px;color:#82c7d1}.local-visual div span{font-size:15px}.local-visual>p{text-align:center;border-top:1px solid #b3e9e530;margin-top:29px;padding-top:22px;font-size:11px;color:#b4dbdf}
.multi-section{background:#eff6f6}.multi-figure{margin:0;min-width:0}.multi-figure>a{display:block;position:relative;border-radius:21px;overflow:hidden;box-shadow:0 23px 45px -20px #073e4a55}.multi-figure img{display:block;width:100%;height:auto}.read-region{position:absolute;display:block;border:2px solid #6dffe6;border-radius:5px;box-shadow:0 0 0 1px #00212e66,0 0 25px #43ffe755;pointer-events:none}.read-region b{position:absolute;top:-20px;left:-2px;padding:4px 7px;background:#6dffe6;color:#073c49;font:9px var(--mono)}.read-region-one{left:54.5%;top:46.5%;width:28%;height:16%}.read-region-two{left:60.7%;top:62%;width:22%;height:11%}.multi-figure figcaption{font:10px/1.6 var(--mono);color:#597c87;margin-top:17px}.multi-values{display:flex;gap:32px;margin-top:28px}.multi-values>div{border-top:1px solid #9fc6cc;padding-top:15px;flex:1}.multi-values dt{font-size:11px;color:#557a84}.multi-values dt span{color:#078697;font-family:var(--mono);margin-right:5px}.multi-values dd{font:500 31px/1.6 var(--mono);color:#0b6679;margin:7px 0 0}.multi-values small{font-size:16px}
.setup-section{background:#fff}.setup-points{border-top:1px solid #d4e4e6}.setup-points>div{display:flex;gap:26px;align-items:center;padding:26px 0;border-bottom:1px solid #d4e4e6}.setup-points span{font:400 27px var(--mono);color:#178798}.setup-points p{font-size:18px;font-weight:600;line-height:1.5;color:#274b59}
.video-grid{grid-template-columns:.88fr 1.12fr;gap:55px}.editorial-copy code{font:600 1em var(--mono);color:#73f4e4;padding:2px 5px;background:#ffffff0a}.inline-flow{display:flex;align-items:center;gap:18px;color:#85e1de;font-size:12px;margin-top:28px}.inline-flow b{font-size:22px}.explain-film{margin:0;border:1px solid #6099a566;padding:9px;border-radius:23px;background:#123b4a;box-shadow:0 23px 50px -25px #001b2999;overflow:hidden}.explain-video{display:block;width:100%;aspect-ratio:16/9;background:#082b39;border-radius:15px;object-fit:contain}.explain-film figcaption{font-size:10px;line-height:1.6;color:#bbd7de;padding:14px 12px 8px}.metcal-section{background:#e4f3f3}.metcal-section .text-link{display:inline-flex;margin-top:27px}.records-section{background:#f9fbfb}.editorial-copy>p.emphasis-copy{font-size:23px;font-weight:700;line-height:1.5;color:#17576b}.editorial-copy>p.standard-note{font-size:12px;line-height:1.8;padding-top:18px;border-top:1px solid #d2e2e5}.source-link{display:inline-flex;align-items:center;gap:7px;margin-top:19px;color:#277787;font-size:10px}.source-link .icon{height:13px;width:13px}.record-visual{background:#103b4c;border:1px solid #668d99;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px -25px #1a4d5d55}.record-top{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;font:10px var(--mono);letter-spacing:.1em;color:#b9e2e4}.record-top .icon{color:#69eddb}.record-visual img{width:100%;height:auto;display:block}.record-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;gap:20px}.record-bottom>span{font:9px/1.6 var(--mono);color:#b4d6df;max-width:130px}.record-bottom>strong{font:400 35px var(--mono);color:#83f4df;white-space:nowrap}.record-bottom small{font-size:17px}
.applications-section{background:#dff1f2;position:relative;overflow:hidden}.application-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.application-list li{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #9ec6cd;color:#173d4c;font-size:18px;font-weight:600}.application-list li>span{font:11px var(--mono);color:#388594;flex:none}.application-list .icon{margin-left:auto;color:#398c99;width:17px;flex:none}
@media(max-width:1190px){.editorial-grid{gap:40px}.editorial-copy>p:not(.eyebrow),.editorial-heading p:not(.eyebrow){font-size:14px}.video-grid{gap:30px;grid-template-columns:.92fr 1.08fr}.proof-metric{padding-left:28px}.proof-metric>strong{font-size:7.8vw}.camera-sketch{padding:8px 10px 20px}.sketch-caption{font-size:7px}.multi-values{gap:20px}.multi-values dd{font-size:27px}.setup-points p{font-size:16px}.application-list li{font-size:16px}.application-list{column-gap:40px}.editorial-copy>p.emphasis-copy{font-size:21px}}
@media(max-width:900px){.video-grid{grid-template-columns:1fr;gap:35px}.video-grid .editorial-copy{max-width:680px}.video-grid .explain-film{max-width:760px;width:100%}.proof-metric>div{gap:15px}.proof-metric b{font-size:28px}.proof-metric p{font-size:10px}.since-mark>strong{font-size:100px}.route-targets{gap:18px;font-size:12px}.multi-values{flex-wrap:wrap}.record-bottom{padding:20px}.record-bottom>strong{font-size:28px}.local-visual{padding-inline:16px}}
@media(max-width:760px){.editorial-grid{grid-template-columns:1fr;gap:34px}.editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-top:19px}.editorial-copy .eyebrow{margin-bottom:17px;font-size:8px}.editorial-heading p:not(.eyebrow){font-size:14px}.feature-intro .editorial-copy h2{font-size:36px}.feature-tags{gap:10px 16px;margin-top:23px}.feature-tags span{font-size:9px}.camera-sketch{max-width:550px;width:100%;margin:auto;padding:12px 16px 24px}.sketch-caption{font-size:8px}.proof-metric{padding:10px 0 10px 23px}.proof-metric>strong{font-size:clamp(51px,12vw,80px);letter-spacing:-.075em}.proof-metric>.micro-label{font-size:8px}.proof-metric>span:last-of-type{font-size:16px}.proof-metric>div{margin-top:21px;padding-top:21px;gap:23px}.proof-metric b{font-size:32px}.proof-metric p{font-size:11px}.value-route{padding:25px 8px}.value-route>strong{font-size:54px}.route-targets{font-size:13px;gap:25px}.since-mark>strong{font-size:100px}.since-mark>span{font-size:9px}.since-mark>p{font-size:11px}.local-visual{padding:49px 20px 28px}.local-perimeter{font-size:9px}.multi-values{gap:25px;margin-top:23px}.multi-values dd{font-size:28px}.multi-figure figcaption{font-size:9px}.read-region b{font-size:8px;top:-18px}.setup-points>div{padding:21px 0;gap:22px}.setup-points span{font-size:23px}.setup-points p{font-size:15px}.explain-film{border-radius:18px;padding:6px}.explain-video{border-radius:12px}.explain-film figcaption{font-size:9px;padding:12px 8px 6px}.inline-flow{font-size:11px;gap:14px}.editorial-copy>p.emphasis-copy{font-size:21px}.editorial-copy>p.standard-note{font-size:11px}.source-link{font-size:9px}.record-top{font-size:8px;padding:17px 20px}.record-bottom>strong{font-size:29px}.record-bottom>span{font-size:8px}.application-list{grid-template-columns:1fr}.application-list li{font-size:16px;gap:17px;padding:19px 0}.application-list li>span{font-size:10px}.hero-stage{padding-top:0}}
@media(max-width:370px){.feature-intro .editorial-copy h2{font-size:32px}.sketch-caption{font-size:6px}.multi-values{gap:17px}.multi-values dd{font-size:24px}.multi-values dt{font-size:10px}.value-route>strong{font-size:47px}.record-bottom>strong{font-size:24px}.application-list li{font-size:14px}.feature-tags span{font-size:8px}}

/* Original MET/CAL recording and company identity. */
.metcal-grid{grid-template-columns:.85fr 1.15fr;align-items:center}
.compatibility-label{display:inline-block;margin-top:20px;padding:8px 13px;border:1px solid #77b6be;border-radius:50px;font:10px var(--mono);color:#0e6375;background:#ffffff70}
.metcal-section .editorial-copy code{color:#0a687b;background:#d1e8e9;border-radius:3px;padding:2px 5px}
.recording-film{padding:9px;border-color:#6c9ca7}.recording-player{position:relative;isolation:isolate;border-radius:15px;overflow:hidden;background:#062936}.recording-player .explain-video{border-radius:0}
.recording-play{position:absolute;inset:0 0 40px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;border:0;cursor:pointer;background:linear-gradient(180deg,#052e3810,#052e3825 60%,#052e3855);padding:12px}
.recording-play[hidden]{display:none}.recording-play-symbol{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#5eeadd;color:#063746;box-shadow:0 0 0 9px #092e4a25,0 8px 25px #092e4a45;transition:transform .2s,background .2s}.recording-play:hover .recording-play-symbol{transform:scale(1.08);background:#99fff0}.recording-play:focus-visible{outline:3px solid #53e9d9;outline-offset:-5px}.recording-play .icon{width:30px;height:30px;fill:currentColor;stroke-width:1.3;margin-left:3px}.recording-play-label{display:flex;align-items:center;gap:12px;background:#082b39ee;border:1px solid #97ece84d;border-radius:30px;padding:10px 16px;font-size:12px;font-weight:700}.recording-play-label small{font-size:10px;color:#b5e4e8;font-weight:400}.recording-play:disabled{cursor:wait}.recording-film figcaption strong,.recording-film figcaption>span{display:block}.recording-film figcaption strong{font-size:11px;color:#e4ffff;margin-bottom:5px}.recording-film figcaption>span+span{margin-top:7px;color:#a0c2cc}.recording-error{display:block;padding:15px;color:white;text-decoration:underline}
.contact-aside .contact-logo{display:block;align-self:flex-start;width:235px;max-width:100%;padding:13px 16px;background:#fff;border-radius:9px;margin:18px 0 23px;line-height:0}.contact-logo img{display:block;width:100%;height:auto}.contact-logo:focus-visible{outline:3px solid #63ecda;outline-offset:4px}
@media(max-width:900px){.metcal-grid{grid-template-columns:1fr}}
@media(max-width:760px){.recording-film{padding:6px}.recording-play-symbol{width:60px;height:60px}.recording-play .icon{width:25px;height:25px}.recording-play{gap:12px;bottom:34px}.recording-play-label{font-size:11px;padding:8px 12px}.recording-film figcaption strong{font-size:10px}.contact-aside .contact-logo{width:225px;margin-block:15px 20px}}
@media(max-width:370px){.recording-play-symbol{width:46px;height:46px}.recording-play{gap:9px}.recording-play-label{font-size:10px;padding:6px 10px}.recording-play-label small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.recording-play-symbol{transition:none}}
.example-image--contain{background:#183b49}.example-image--contain img{object-fit:contain}.example-image--contain:hover img{transform:none}.example-reading{flex-wrap:wrap;row-gap:8px}