[data-alpine-optics]{--ink:#10232c;--ice:#edf0ee;color:var(--ink);background:var(--ice);overflow:clip}[data-alpine-optics] *{box-sizing:border-box}[data-alpine-optics] h2{font-size:clamp(32px,4.4vw,64px);font-weight:400;letter-spacing:-.035em;line-height:1.16;margin:0 0 20px}[data-alpine-optics] p{line-height:1.75;margin:0 0 16px}[data-alpine-optics] .op-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:22px}[data-alpine-optics] button{font:inherit;cursor:pointer;min-height:48px}[data-alpine-optics] button:focus-visible,[data-alpine-optics] input:focus-visible{outline:2px solid #80c8dd;outline-offset:4px}.op-hero{position:relative;min-height:660px;height:85svh;max-height:1000px;color:#fff}.op-hero img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.op-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#07151bd9,transparent 65%)}.op-hero-copy{position:absolute;left:7%;bottom:8%;z-index:1;max-width:580px}.op-magnet{height:190svh;position:relative;background:#091419;color:#fff}.op-pin{position:sticky;top:0;min-height:680px;height:100svh;max-height:1100px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:6vw;gap:4vw}.op-assembly{position:relative;aspect-ratio:1.15;perspective:1000px;isolation:isolate}.op-piece{position:absolute;top:30%;right:0;bottom:20%;left:0;overflow:hidden;will-change:transform;transform-origin:50% 60%}.op-piece img{position:absolute;width:200%;max-width:none;height:auto;top:50%;transform:translateY(-50%)}.op-frame img{right:0}.op-lens{z-index:2;transform:translate(calc(var(--detach,0)*-14%),calc(var(--detach,0)*-44%)) scale(calc(1 + var(--detach,0)*.05)) rotateY(calc(var(--detach,0)*-12deg));filter:drop-shadow(0 20px 15px #0006)}.op-lens img{left:0}.op-copy p{color:#b6c4c9;max-width:440px}.op-controls{display:flex;gap:8px;margin:28px 0 20px}.op-controls button{border:1px solid #ffffff33;background:transparent;color:inherit;border-radius:99px;padding:10px 24px}.op-controls button[aria-pressed=true]{background:#eef2f0;color:#172b34}.op-range{width:min(100%,380px);height:40px;accent-color:#b5d9e3;touch-action:pan-y}.op-range-label{display:flex;justify-content:space-between;width:min(100%,380px);font-size:11px;color:#91a4ac}.op-field{position:absolute;top:35%;right:10%;bottom:25%;left:10%;pointer-events:none;opacity:var(--field,0);border:1px solid #9bcede55;border-radius:32%;box-shadow:0 0 25px #8cc4dc13;transform:scale(calc(1 + var(--detach,0)*.1));z-index:1}.op-field:before,.op-field:after{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border:1px solid #9bcede25;border-radius:inherit}.op-field:after{top:-16%;right:-16%;bottom:-16%;left:-16%;border-color:#9bcede12}.op-small{font-size:11px;color:#8c9fa7;margin-top:18px!important}.op-vision{position:relative;background:#d8e1e2}.op-scene{position:relative;height:90svh;min-height:660px;max-height:1050px;overflow:hidden;isolation:isolate}.op-scene img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.op-outside{filter:brightness(1.72) contrast(.76) saturate(.6)}.op-inside{clip-path:url(#op-lens-cut);filter:contrast(1.12) saturate(.92)}.op-scene[data-mode=night] .op-outside{filter:brightness(1.8) contrast(.65) saturate(.5) blur(.6px)}.op-scene[data-mode=night] .op-inside{filter:contrast(1.12) sepia(.24) saturate(.95)}.op-edge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 8px #0006)}.op-scene:after{content:"";position:absolute;top:65%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#09141be8);z-index:1;pointer-events:none}.op-vision-copy{position:absolute;left:6%;top:6%;color:#10232c;z-index:2;max-width:460px;text-shadow:0 1px 12px #ffffff99}.op-scene[data-mode=night] .op-vision-copy{color:#fff;text-shadow:0 1px 15px #000}.op-vision-copy h2{font-size:clamp(28px,3.3vw,48px)}.op-modebar{position:absolute;bottom:5%;left:6%;right:6%;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:24px;color:#fff}.op-modebar p{margin:0;max-width:420px;font-size:15px}.op-pills{display:flex;background:#0d202a99;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:5px;border:1px solid #ffffff44;border-radius:99px;flex-shrink:0;gap:3px}.op-pills button{border:0;background:transparent;color:#fff;border-radius:99px;padding:12px 23px;font-size:14px}.op-pills button[aria-pressed=true]{background:#f0f2ed;color:#10232c}.op-details{display:grid;grid-template-columns:1fr 1fr;align-items:center}.op-details img{width:100%;height:760px;object-fit:cover;object-position:center 30%}.op-detail-copy{padding:9vw 6vw}.op-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0 0}.op-specs dt{font-size:clamp(22px,2vw,34px)}.op-specs dd{margin:6px 0 0;font-size:12px;color:#617077}.op-faq{padding:70px 7vw}.op-faq h2{font-size:30px}.op-faq details{max-width:900px;padding:18px 0;border-bottom:1px solid #17303b20}.op-faq summary{cursor:pointer}.op-faq p{margin:18px 0 0;color:#607078}.op-static .op-magnet{height:auto}.op-static .op-pin{position:relative}.op-static .op-lens{will-change:auto}@media(max-width:749px){.op-hero{min-height:600px;height:85svh}.op-hero img{object-position:55% center}.op-hero-copy{left:6%;bottom:7%;right:6%}.op-magnet{height:165svh}.op-pin{display:flex;flex-direction:column;justify-content:center;gap:0;padding:24px 6%;min-height:690px;height:100svh}.op-assembly{width:114%;aspect-ratio:1.4;flex-shrink:0;margin-top:10px}.op-piece{top:28%;right:0;bottom:17%;left:0}.op-copy{width:100%}.op-copy h2{font-size:34px}.op-copy .op-kicker{margin-bottom:12px}.op-copy p{font-size:14px;margin-bottom:10px}.op-controls{margin:16px 0 8px}.op-controls button{padding:8px 22px}.op-range,.op-range-label{width:100%}.op-small{font-size:10px}.op-scene{height:88svh;min-height:700px}.op-vision-copy{top:5%;left:6%;right:6%}.op-vision-copy h2{font-size:32px}.op-modebar{bottom:5%;flex-direction:column;align-items:stretch;gap:18px}.op-modebar p{font-size:13px}.op-pills{justify-content:center}.op-pills button{flex:1;padding:10px 14px}.op-details{display:block}.op-details img{height:70svh;max-height:800px}.op-detail-copy{padding:48px 6%}.op-specs{gap:12px}.op-faq{padding:45px 6%}}@media(prefers-reduced-motion:reduce){.op-magnet{height:auto}.op-pin{position:relative}.op-lens{will-change:auto}}.op-piece{top:20%;right:0;bottom:10%;left:0}.op-range{-webkit-appearance:none;appearance:none;background:transparent!important;border:0!important;padding:0!important}.op-range::-webkit-slider-runnable-track{height:2px;background:#91a7b080}.op-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#d9e9ee;border:3px solid #213b48;margin-top:-9px}.op-range::-moz-range-track{height:2px;background:#91a7b080}.op-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#d9e9ee;border:2px solid #213b48}@media(max-width:749px){.op-piece{top:18%;right:0;bottom:8%;left:0}}.op-assembly{transform:rotate(-10deg) rotateY(-16deg);transform-style:preserve-3d;width:100%}.op-lens{transform:translate(calc(var(--detach,1)*-26%),calc(var(--detach,1)*-42%)) rotateY(calc(var(--detach,1)*-12deg))}.op-frame{transform:translate(calc(var(--detach,1)*12%),calc(var(--detach,1)*16%))}.op-field{border:2px solid #a2e4ff;border-radius:40%;box-shadow:0 0 18px #74cfff80,inset 0 0 18px #74cfff44;top:36%;right:15%;bottom:28%;left:15%;opacity:var(--field,0)}.op-field:before,.op-field:after{border-color:#9ae0ff88;border-width:2px}.op-field:before{top:-14%;right:-14%;bottom:-14%;left:-14%}.op-field:after{top:-28%;right:-28%;bottom:-28%;left:-28%}.op-window{position:absolute;width:min(82%,960px);aspect-ratio:2.15;left:50%;top:51%;transform:translate(-50%,-50%);clip-path:url(#op-lens-cut);filter:drop-shadow(0 0 2px #fff);overflow:hidden}.op-scene .op-window img{width:var(--scene-w);height:var(--scene-h);max-width:none;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);clip-path:none;object-fit:cover}.op-vision-copy{z-index:2}.op-modebar{bottom:5%}@media(max-width:749px){.op-assembly{width:96%;aspect-ratio:1.15}.op-window{width:92%;top:48%}.op-pin{padding-top:12px}.op-piece{top:15%;right:0;bottom:5%;left:0}.op-copy h2{font-size:30px}}.op-assembly{width:80%;justify-self:center;margin-left:7%;transform:rotate(-15deg) rotateY(-20deg)}@media(max-width:749px){.op-assembly{width:84%;margin-left:7%}}.op-assembly{transform:none;width:78%;margin-left:8%;aspect-ratio:1.05}.op-lens{transform:translate(calc(var(--detach,1)*-30%),calc(var(--detach,1)*-36%))}.op-frame{transform:translate(calc(var(--detach,1)*18%),calc(var(--detach,1)*22%))}.op-lens-outline{position:absolute;width:min(82%,960px);aspect-ratio:2.15;height:auto;left:50%;top:51%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 6px #07182066);z-index:1}.op-scene[data-mode=night] .op-lens-outline{opacity:.8}@media(max-width:749px){.op-assembly{width:84%;margin-left:7%;aspect-ratio:1.15}.op-lens-outline{width:92%;top:48%}}.op-piece{top:0;right:0;bottom:0;left:0}.op-field{top:36%;right:15%;bottom:28%;left:15%}@media(max-width:749px){.op-piece{top:0;right:0;bottom:0;left:0}}.op-assembly{width:100%;margin-left:0;aspect-ratio:1280/1240;transform:none}.op-registered{display:block;width:100%;height:100%;overflow:visible}.op-registered .op-frame{transform:none}.op-registered .op-lens{transform:translate(calc(var(--detach,1)*-170px),calc(var(--detach,1)*-180px));filter:drop-shadow(0 12px 14px #0005);transform-origin:0 0;will-change:transform}.op-magnetic-lines{fill:none;stroke:#afdce9;stroke-width:2;stroke-dasharray:6 12;opacity:calc(var(--field,0)*.65);filter:drop-shadow(0 0 5px #96d7ed);pointer-events:none}.op-magnetic-lines path+path{stroke-width:1;opacity:.4}.op-lens-outline{filter:drop-shadow(0 4px 9px #081b2433);overflow:visible}.op-window{filter:none}.op-scene[data-mode=night] .op-lens-outline{opacity:1}@media(max-width:749px){.op-assembly{width:100%;margin:0;aspect-ratio:1280/1240}.op-window,.op-lens-outline{width:96%;top:48%}.op-pin{min-height:730px}.op-magnetic-lines{stroke-width:2.5}}@media(prefers-reduced-motion:reduce){.op-registered .op-lens{will-change:auto}}@media(max-width:749px){.op-modebar{bottom:145px;gap:10px}.op-window,.op-lens-outline{top:45%}.op-scene{min-height:760px}}[data-alpine-optics] .op-scene .op-window img{left:calc(-1 * var(--window-x));top:calc(-1 * var(--window-y));transform:none}[data-alpine-optics] .op-glass-edge{position:absolute;left:50%;top:51%;width:min(82%,960px);height:auto;aspect-ratio:2.15;transform:translate(-50%,-50%);overflow:visible;pointer-events:none;z-index:1;filter:drop-shadow(0 4px 6px #10232c33)}@media(max-width:749px){[data-alpine-optics] .op-glass-edge{width:92%;top:48%}[data-alpine-optics] .op-modebar{bottom:max(7%,84px)}}@media(max-width:749px){[data-alpine-optics] .op-glass-edge{width:96%;top:45%}[data-alpine-optics] .op-modebar{bottom:145px}}@media(max-width:749px){[data-alpine-optics] .op-modebar{bottom:220px;gap:10px}[data-alpine-optics] .op-window,[data-alpine-optics] .op-glass-edge{top:42%}}[data-alpine-optics] .op-pin{min-height:0!important}[data-alpine-optics] .op-magnet{background:#000;height:180svh}[data-alpine-optics] .op-pin{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:28px 5vw;height:100svh;min-height:740px;max-height:1100px}[data-alpine-optics] .op-assembly{width:100%;height:100%;max-height:58svh;margin:0;aspect-ratio:2;transform:none}[data-alpine-optics] .op-real-source{overflow:hidden;object-fit:contain}[data-alpine-optics] .op-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;align-items:start}[data-alpine-optics] .op-copy .op-kicker{grid-column:1/-1;margin-bottom:10px}[data-alpine-optics] .op-copy h2{grid-row:2/5;font-size:clamp(30px,3.5vw,48px)}[data-alpine-optics] .op-copy .op-controls{margin:8px 0}[data-alpine-optics] .op-copy .op-small{display:none}[data-alpine-optics] .op-copy .op-range-label{grid-column:2}[data-alpine-optics] .op-magnetic-lines{stroke:#b8e4ed;stroke-width:3;stroke-dasharray:12 9;opacity:calc(var(--field)*.7);filter:drop-shadow(0 0 7px #a4e8ff)}[data-alpine-optics] .op-source-assembled{pointer-events:none}@media(max-width:749px){[data-alpine-optics] .op-pin{padding:20px 5vw 100px;min-height:660px;gap:12px;grid-template-rows:minmax(200px,1fr) auto}[data-alpine-optics] .op-assembly{width:110%;margin-left:-5%;max-height:40svh}[data-alpine-optics] .op-copy{display:block}[data-alpine-optics] .op-copy h2{font-size:29px;margin-bottom:12px}[data-alpine-optics] .op-copy p{font-size:13px}[data-alpine-optics] .op-controls{justify-content:flex-start}[data-alpine-optics] .op-magnetic-lines{stroke-width:4}}[data-alpine-optics] .op-pin{grid-template-columns:minmax(0,1fr)}[data-alpine-optics] .op-assembly,[data-alpine-optics] .op-copy{min-width:0;max-width:100%}[data-alpine-optics] .op-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:749px){[data-alpine-optics] .op-assembly{width:100%;margin:0}[data-alpine-optics] .op-pin{grid-template-rows:minmax(150px,1fr) auto}}@media(max-width:749px){[data-alpine-optics] .op-pin{padding-bottom:190px;grid-template-rows:minmax(120px,1fr) auto}[data-alpine-optics] .op-copy h2{font-size:27px}[data-alpine-optics] .op-copy .op-kicker{margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/205/assets/alpine-optics-v2.css.map */