#ozray-hero{--ground:#f6f6f6;--ink:#231f20;--ink-soft:#2e2a2b;--bar:#bfbfc3;--bar-on:#4e4c52;--slide-time:4s;--slide-fade:.9s;--orb-hi:#f3f3f3;--orb-edge:#e9e9ea;--floor:#fff;--cycle:12s;--ink2:#1f2330;--copy-x:6cqw;--copy-y:8.4cqw;--title:4.86cqw;--desc:1.6cqw;--desc-gap:2.2cqw;--desc-lh:1.65;--spectrum:#7b2ff7,#3f6cff,#22c3e6,#3ddc84,#f5d33b,#ff9a3c;--hold:1.5s;--swap:1s}#ozray-hero,#ozray-hero *{box-sizing:border-box}#ozray-hero{color:var(--ink);font-family:var(--font-sans)}.slider{background:var(--ground);display:grid;position:relative;overflow:hidden;container-type:inline-size}.slide{isolation:isolate;aspect-ratio:2000/800;opacity:0;visibility:hidden;transition:opacity 0s linear var(--slide-fade),visibility 0s linear var(--slide-fade);grid-area:1/1;position:relative;overflow:hidden;container-type:inline-size}.slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity var(--slide-fade) ease-in-out,visibility 0s}.slide:not(.is-active) *{animation-play-state:paused}.bars{z-index:10;gap:1.75cqw;display:flex;position:absolute;top:93.1%;left:50%;transform:translate(-50%)}.bars button{appearance:none;cursor:pointer;background:0 0;border:0;width:9.3cqw;margin:0;padding:1cqw 0;display:block}.bars i{background:var(--bar);height:.28cqw;min-height:3px;display:block;position:relative;overflow:hidden}.bars i:after{content:"";background:var(--bar-on);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.bars button[aria-current=true] i:after{animation:fill var(--slide-time) linear forwards}.bars button:disabled{cursor:default}.bars button:disabled i{background:#dededf}.bars button:focus-visible{outline:2px solid var(--bar-on);outline-offset:2px}.slider.paused .bars button[aria-current=true] i:after{animation-play-state:paused}@keyframes fill{to{transform:scaleX(1)}}.slider[data-page="3"] .bars i{background:#282e3e4d;box-shadow:0 0 0 1px #ffffff73,0 1px 4px #0000002e}.slider[data-page="3"] .bars i:after{background:#2b2f3c}.s1{background:linear-gradient(180deg,#f7f7f7 0%,#f4f4f4 62%,#fbfbfb 76%,var(--floor) 100%)}.s1:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fff0 0%,#ffffff8c 18%,#ffffffed 42%,var(--floor) 100%);position:absolute;inset:60% 0 0}.s1 .cols{grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.s1 .col{text-align:center;flex-direction:column;align-items:center;padding-top:6cqw;display:flex;position:relative}.s1 .col:first-child{left:.45cqw}.s1 .col:nth-child(3){left:-.5cqw}.s1 .orbs{z-index:-2;pointer-events:none;position:absolute;inset:0}.s1 .orb{left:var(--cx);aspect-ratio:1;background:radial-gradient(closest-side,var(--orb-hi) 0%,var(--orb-hi) 80%,var(--orb-edge) 100%);opacity:0;width:36cqw;animation:orb var(--cycle) ease-in-out infinite both;border-radius:50%;position:absolute;top:.6cqw;transform:translate(-50%)scale(.97);box-shadow:0 0 3cqw -.6cqw #0000000f}.s1 .orb:first-child{--cx:17.1%}.s1 .orb:nth-child(2){--cx:49.85%;animation-delay:calc(var(--cycle) / 3)}.s1 .orb:nth-child(3){--cx:82.85%;animation-delay:calc(var(--cycle) / 3 * 2)}@keyframes orb{0%{opacity:0;transform:translate(-50%)scale(.97)}15%{opacity:1;transform:translate(-50%)scale(1)}33%{opacity:1;transform:translate(-50%)scale(1.005)}50%{opacity:0;transform:translate(-50%)scale(1.02)}to{opacity:0;transform:translate(-50%)scale(.97)}}.s1 h2{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:4.1cqw;font-weight:600;line-height:1}.s1 .tag{letter-spacing:-.025em;color:var(--ink-soft);margin:.7cqw 0 0;font-size:max(18px,1.3cqw);font-weight:400;line-height:1.2}.s1 .thumbs{grid-template-columns:1fr 1fr;gap:.65cqw;width:20.9cqw;margin-top:1.45cqw;display:grid}.s1 .thumbs img{aspect-ratio:714/420;object-fit:cover;border-radius:.45cqw;width:100%;display:block;box-shadow:0 .3cqw .8cqw -.4cqw #00000040}.s1 .product{flex:1;width:100%;position:relative}.s1 .product img{left:calc(50% + var(--x));top:var(--y);width:var(--w);pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.s1 .product .refl{transform-origin:50% var(--base);opacity:.6;-webkit-mask-image:linear-gradient(180deg,transparent calc(var(--base) - 16%),#00000059 var(--base),transparent var(--base));-webkit-mask-image:linear-gradient(180deg,transparent calc(var(--base) - 16%),#00000059 var(--base),transparent var(--base));mask-image:linear-gradient(180deg,transparent calc(var(--base) - 16%),#00000059 var(--base),transparent var(--base));transform:scaleY(-1)}.s1 .p-pamina{--w:19.2cqw;--x:-9.1cqw;--y:-2.25cqw;--base:81.5%}.s1 .p-swir{--w:26.4cqw;--x:-12.75cqw;--y:-1.35cqw;--base:80%}.s1 .p-lwir{--w:17.2cqw;--x:-8.6cqw;--y:-1.05cqw;--base:89.3%}.s2{background:var(--ground) url(/ozray-hero/images/bg.jpg) 50% 18% / cover no-repeat;--x:100cqw}.s2:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(40cqw 30cqw at var(--x) 50%,#8c78ff1a,transparent 70%);opacity:var(--glow,0);position:absolute;inset:0}.s2 .copy{left:var(--copy-x);top:var(--copy-y);z-index:3;width:36cqw;position:absolute}.s2 h2{font-weight:800;font-size:var(--title);letter-spacing:-.04em;color:var(--ink2);margin:0;line-height:1}.s2 .copy p{margin:var(--desc-gap) 0 0;font-weight:500;font-size:max(18px,var(--desc));line-height:var(--desc-lh);letter-spacing:-.035em;color:#2a2d38}.s2 .spec{background:linear-gradient(90deg,var(--spectrum),var(--spectrum));background-size:200% 100%;width:12.2cqw;height:.16cqw;min-height:2px;margin-top:2.15cqw;animation:6s linear infinite spec;display:block}@keyframes spec{to{background-position:-200% 0}}.s2 .layer{z-index:2;pointer-events:none;position:absolute;inset:0}.s2 .layer img{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1.6cqw 1.6cqw #28283c24);max-width:none;animation:7s ease-in-out infinite float;display:block;position:absolute}.s2 .l-cam img{width:48.5cqw;top:3.3cqw;left:40.6cqw}.s2 .l-rig img{width:39.5cqw;top:4.9cqw;left:44.4cqw}@keyframes float{50%{transform:translateY(-.35cqw)}}.s2 .layer.out{clip-path:inset(0 0 0 var(--x))}.s2 .layer.in{clip-path:inset(0 calc(100cqw - var(--x)) 0 0)}.s2 .layer.idle{clip-path:inset(0 100% 0 0)}.s2 .layer.in:after{content:"";top:0;bottom:0;left:calc(var(--x) - 7cqw);mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff8c 0 1px,#0000 1px 4px);width:7cqw;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.s2 .scan{top:0;bottom:0;left:var(--x);z-index:4;pointer-events:none;width:0;opacity:var(--glow,0);position:absolute}.s2 .scan:before{content:"";mix-blend-mode:hard-light;filter:blur(.15cqw);background:linear-gradient(90deg,#ffffffe6,#7b2ff747 12%,#3f6cff3d 28%,#22c3e633 44%,#3ddc8429 60%,#f5d33b1f 76%,#ff9a3c14 88%,#0000);width:5.5cqw;position:absolute;top:0;bottom:0;left:0}.s2 .scan:after{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 .6cqw .15cqw #fffffff2,0 0 2.2cqw .4cqw #8c78ff73}.s2 .scan .tick{left:.7cqw;top:var(--ty,50%);white-space:nowrap;letter-spacing:.12em;color:#5b5f73;font:500 .62cqw/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute}.s3{--mv-wait:1s;--mv-zoom:2.2s;--mv-hold:.8s;--mv-scale:1.15;--mv-origin:38% 42%;--mv-shift:1.4%, 1.2%;background:linear-gradient(90deg,#f5f7fa 0%,#eff2f6 45%,#e8ecf2 100%)}.s3 .copy{left:var(--copy-x);top:var(--copy-y);z-index:3;width:36cqw;position:absolute}.s3 h2{font-weight:800;font-size:var(--title);letter-spacing:-.04em;color:var(--ink2);margin:0;line-height:1}.s3 .copy p{margin:var(--desc-gap) 0 0;font-weight:500;font-size:max(18px,var(--desc));line-height:var(--desc-lh);letter-spacing:-.035em;color:#2a2d38}.s3 .scene{z-index:1;width:60cqw;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000073 9%,#000 22%);mask-image:linear-gradient(90deg,#0000 0%,#00000073 9%,#000 22%)}.s3 .scene img{object-fit:cover;object-position:58% 26%;filter:saturate()contrast(1.06);width:100%;height:100%;transform-origin:var(--mv-origin);will-change:transform;animation:mvzoom var(--mv-zoom) cubic-bezier(.4,0,.2,1) var(--mv-wait) both;display:block}@keyframes mvzoom{0%{transform:translate(0)scale(1)}to{transform:translate(var(--mv-shift)) scale(var(--mv-scale))}}.s3 .inset{z-index:2;width:15cqw;position:absolute;top:22.2cqw;left:7.5cqw}.s3 .inset img{filter:drop-shadow(0 1cqw 1.2cqw #1e283c2e);width:100%;display:block;position:relative}.s3 .inset .refl{filter:none;opacity:.5;transform-origin:50% 92%;position:absolute;top:0;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 74%,#00000059 92%,#0000 92%);mask-image:linear-gradient(#0000 74%,#00000059 92%,#0000 92%)}@media (max-width:760px){.slide{aspect-ratio:auto}.bars{gap:10px;top:auto;bottom:15px}.bars button{width:64px;padding:15px 0}.bars i{height:3px}.slide{min-height:172cqw}.s1{padding-block:48px 72px;padding-inline:16px}.s1:after{height:120px;top:auto}.s1 .cols{grid-template-columns:1fr;position:relative;inset:auto}.s1 .col{opacity:0;grid-area:1/1;transition:opacity .6s ease-in-out}.s1 .col.m-on{opacity:1}.s1 .col,.s1 .col:first-child,.s1 .col:nth-child(3){padding-top:0;left:0}.s1 .orbs{display:none}.s1 .col:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side,var(--orb-hi) 80%,var(--orb-edge) 100%);border-radius:50%;width:min(128vw,560px);position:absolute;top:-40px;left:50%;transform:translate(-50%)}.s1 h2{font-size:52px}.s1 .tag{margin-top:12px;font-size:18px}.s1 .thumbs{gap:8px;width:min(100%,440px);margin-top:20px}.s1 .thumbs img{border-radius:8px}.s1 .product{aspect-ratio:1.25;flex:none;width:min(100%,440px);margin-top:4px}.s1 .product img{width:auto;height:100%;top:0;left:50%;transform:translate(-50%)}.s1 .product .refl{display:none}.s1 .p-swir img{width:100%;height:auto;top:6%}.s2{background-position:62%}.s2 .copy{width:auto;top:44px;left:16px;right:16px}.s2 h2{font-size:46px}.s2 .copy p{margin-top:16px;font-size:18px}.s2 .spec{width:160px;height:3px;margin-top:20px}.s2 .l-cam img{width:86cqw;top:56cqw;left:7cqw}.s2 .l-rig img{width:74cqw;top:58cqw;left:13cqw}.s2 .scan .tick{display:none}.s3 .copy{width:auto;top:44px;left:16px;right:16px}.s3 h2{font-size:46px}.s3 .copy p{margin-top:16px;font-size:18px}.s3 .scene{width:auto;height:96cqw;top:auto;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 22%);mask-image:linear-gradient(#0000 0%,#000 22%)}.s3 .inset{width:38cqw;top:50cqw;left:16px}}@keyframes fadein{0%{opacity:0}}@keyframes orbm{0%,50%,to{opacity:0}15%,33%{opacity:1}}@media (prefers-reduced-motion:reduce){.slide{transition:none}.s1 .col{animation:none}.s1 .col:first-child{opacity:1}.s1 .orb{opacity:1;animation:none;transform:translate(-50%)}.s2 .layer img,.s2 .spec,.s3 .scene img{animation:none}}
#ozray-hero .s-extra{background:var(--ground) center / cover no-repeat}#ozray-hero .s-extra:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffffb8,#ffffff52 45%,#0000 72%);position:absolute;inset:0}#ozray-hero .s-extra.is-light:before{background:linear-gradient(90deg,#0000008c,#0003 45%,#0000 72%)}#ozray-hero .s-extra.is-center:before{background:linear-gradient(#ffffff59,#fffc)}#ozray-hero .s-extra.is-light.is-center:before{background:linear-gradient(#0000001f,#00000080)}#ozray-hero .s-extra .copy{left:var(--copy-x);top:var(--copy-y);z-index:3;width:46cqw;position:absolute}#ozray-hero .s-extra h2{font-weight:800;font-size:var(--title);letter-spacing:-.04em;color:var(--ink2);white-space:pre-line;margin:0;line-height:1.08}#ozray-hero .s-extra .copy p{margin:var(--desc-gap) 0 0;font-weight:500;font-size:var(--desc);line-height:var(--desc-lh);letter-spacing:-.035em;color:#2a2d38;white-space:pre-line}#ozray-hero .s-extra.is-light h2,#ozray-hero .s-extra.is-light .copy p{color:#fff}#ozray-hero .s-extra.is-center .copy{text-align:center;width:auto;padding-inline:6cqw;top:50%;left:0;right:0;transform:translateY(-50%)}#ozray-hero[data-kind=extra] .bars i{background:#282e3e4d;box-shadow:0 0 0 1px #ffffff73,0 1px 4px #0000002e}#ozray-hero[data-kind=extra] .bars i:after{background:#fff}@media (min-width:761px){#ozray-hero .bars{top:auto;bottom:clamp(16px,2cqw,40px)}}@media (max-width:760px){#ozray-hero .bars{gap:8px;max-width:min(100% - 32px,170px);left:16px;transform:none}#ozray-hero .bars button{flex:1 1 0;width:auto;min-width:18px}#ozray-hero .s-extra .copy{width:auto;top:44px;left:16px;right:16px}#ozray-hero .s-extra h2{font-size:46px}#ozray-hero .s-extra .copy p{margin-top:16px;font-size:18px}#ozray-hero .s-extra.is-center .copy{padding-inline:16px;top:50%}}#ozray-hero .kmvia{z-index:11;background:#ffffffb8;border:1px solid #231f2024;border-radius:2px;align-items:center;gap:.7cqw;padding:.6cqw 1cqw;text-decoration:none;transition:border-color .2s;display:flex;position:absolute;top:1.7cqw;left:2.4cqw}#ozray-hero .kmvia:hover{border-color:#231f2066}#ozray-hero .kmvia-logo{width:auto;height:1.6cqw;display:block}@media (max-width:760px){#ozray-hero .kmvia{gap:6px;padding:4px 7px;top:12px;left:16px}#ozray-hero .kmvia-logo{height:14px}}#ozray-hero{height:calc(100svh - var(--top-h));transition:height .55s .15s}html[data-hero-hold] #ozray-hero{height:100svh}#ozray-hero .slide{aspect-ratio:auto;height:100%}@media (max-width:760px){#ozray-hero,html[data-hero-hold] #ozray-hero{height:auto}}