.site-image-backdrop{z-index:20000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#061529d9;transition:opacity .16s;position:fixed;inset:0}.site-image-viewer{z-index:20001;color:#0b203b;width:min(1440px,100% - 48px);height:min(980px,100dvh - 48px);font-family:var(--font-manrope),sans-serif;background:#f6f9ff;border:1px solid #d7e3f3;border-radius:20px;outline:none;grid-template-rows:auto minmax(0,1fr) auto;margin:auto;padding:0;transition:opacity .16s,transform .16s;display:grid;position:fixed;inset:0;overflow:hidden;box-shadow:0 28px 90px #0005}.site-image-viewer-header{background:#fff;border-bottom:1px solid #dce5f3;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex}.site-image-viewer .site-image-viewer-title{color:#0b203b;overflow-wrap:anywhere;min-width:0;margin:0;font-size:16px;font-weight:650;line-height:1.5}.site-image-viewer button{color:#174bff;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d5e1f7;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;margin:0;padding:0;display:grid}.site-image-viewer button:hover{color:#fff;background:#174bff;border-color:#174bff}.site-image-viewer button:focus-visible{outline-offset:3px;outline:3px solid #174bff}.site-image-viewer-stage{background:linear-gradient(145deg,#e9f0fb,#f9fbff);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-width:0;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.site-image-viewer-stage>img{object-fit:contain;touch-action:pan-x pan-y pinch-zoom;grid-area:1/1;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.site-image-viewer .site-image-viewer-status{text-align:center;color:#405575;margin:0;padding:12px;font-size:15px;line-height:1.6;position:absolute;inset:auto 20px}.site-image-viewer-footer{background:#fff;border-top:1px solid #dce5f3;justify-content:center;align-items:center;gap:22px;padding:14px 20px;display:flex}.site-image-viewer-caption{text-align:center;flex:1;min-width:0}.site-image-viewer-count{font-variant-numeric:tabular-nums;color:#174bff;font-size:13px;font-weight:650}.site-image-viewer .site-image-viewer-caption p{color:#465d7b;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.5}.site-image-backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.site-image-viewer:is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(8px)}@media (max-width:600px){.site-image-viewer{border-radius:16px;width:calc(100% - 16px);height:calc(100dvh - 24px)}.site-image-viewer-header{gap:10px;padding:10px 12px}.site-image-viewer .site-image-viewer-title{font-size:14px}.site-image-viewer-stage{padding:6px}.site-image-viewer-footer{gap:10px;padding:10px}.site-image-viewer .site-image-viewer-caption p{max-height:54px;font-size:12px;overflow:auto}.site-image-viewer button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.site-image-viewer,.site-image-backdrop{transition:none}}.project-facts{border-block:1px solid var(--border,#dce5f3);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:36px 0;padding:28px 0;display:grid}.project-facts dt{font-size:var(--type-small,14px);color:var(--muted-foreground,#5d6f89);margin-bottom:8px}.project-facts dd{color:var(--navy,#0b203b);font-size:var(--type-body,16px);overflow-wrap:anywhere;margin:0;font-weight:600}.project-computer{background:radial-gradient(at 50% 35%,#fff 20%,#f0f5fd 85%);border:1px solid #dce5f3;border-radius:20px;margin:40px 0 0;padding:clamp(20px,5vw,72px)}.project-computer-device{filter:drop-shadow(0 18px 16px #0b203b12);max-width:1080px;margin:auto}.project-computer-bezel{background:linear-gradient(135deg,#21344f,#071525 70%);border:1px solid #647186;border-radius:20px;padding:20px 14px 0;position:relative;overflow:hidden}.project-computer-camera{background:#4a5f76;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:calc(50% - 2px);box-shadow:0 0 0 2px #081421}.project-computer-screen{aspect-ratio:16/10;background:#f7f9fc;border:1px solid #080f1a;border-radius:3px;overflow:hidden}.project-computer-slide>img{object-fit:cover;width:100%;height:100%;display:block}.project-computer-chin{background:linear-gradient(100deg,#d5dce5,#f2f4f6 40%,#b9c3d0);border-top:1px solid #b6c0cf;place-items:center;height:56px;margin:12px -14px 0;display:grid}.project-computer-chin>img{opacity:.7;width:80px;height:auto}.project-computer-neck{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(#8795a8,#d9e0e8 60%,#b3bfce);width:17%;height:58px;margin:auto}.project-computer-foot{background:linear-gradient(#edf1f6,#9facbe);border:1px solid #a2afbf;border-radius:50% 50% 5px 5px;width:32%;height:12px;margin:auto}.project-computer figcaption{color:var(--navy,#0b203b);font-size:var(--type-small,14px);justify-content:space-between;gap:20px;margin-top:30px;display:flex}.project-computer figcaption a{color:var(--primary,#1557ff);text-decoration:none}.project-computer figcaption a:hover{text-decoration:underline}.project-computer figcaption a:focus-visible{outline-offset:5px;outline:2px solid}.project-computer--compact{margin:16px 0;padding:24px}.project-computer--compact .project-computer-chin{height:32px}.project-computer--compact .project-computer-neck{height:30px}@media (max-width:700px){.project-facts{grid-template-columns:1fr 1fr;gap:22px}.project-computer{border-radius:14px;padding:20px 12px}.project-computer-bezel{border-radius:12px;padding:14px 7px 0}.project-computer-camera{top:5px}.project-computer-chin{height:30px;margin:7px -7px 0}.project-computer-chin>img{width:50px}.project-computer-neck{height:30px}.project-computer-foot{height:7px}.project-computer figcaption{flex-wrap:wrap;margin-top:24px}}.project-computer-viewport{touch-action:pan-y pinch-zoom;height:100%;overflow:hidden}.project-computer-track{height:100%;display:flex}.project-computer-slide{flex:0 0 100%;min-width:0;height:100%;position:relative}.project-computer-error{height:100%;color:var(--navy);font-size:var(--type-small);place-items:center;margin:0;display:grid}.project-computer figcaption{flex-wrap:wrap;align-items:center;gap:14px}.project-computer-caption{flex:1;min-width:120px}.project-computer-screen{position:relative}.project-computer-controls{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.project-computer-controls button{--edge-offset:8px;--edge-direction:270deg;color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.project-computer-controls button:first-child{--edge-offset:-8px;--edge-direction:90deg}.project-computer-controls button:after{content:"";background:var(--primary,#1557ff);border-radius:var(--control-radius,12px);pointer-events:none;width:48px;height:48px;transition:opacity var(--motion-fast,.18s), transform var(--motion-fast,.18s), filter var(--motion-fast,.18s);position:absolute}.project-computer-controls button svg{z-index:1;transition:opacity var(--motion-fast,.18s), transform var(--motion-fast,.18s);display:block;position:relative}.project-computer-edge{display:none}.project-computer-count{text-align:center;min-width:44px;font-size:var(--type-small,14px);font-variant-numeric:tabular-nums;color:var(--ink-soft,#344b65);font-weight:500}.project-computer .project-computer-expand{min-height:40px;color:var(--primary,#1557ff);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.project-computer .project-computer-expand:hover{text-decoration:underline}.project-computer .project-computer-expand:focus-visible{outline:2px solid var(--primary,#1557ff);outline-offset:4px}.project-computer-image{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block}.project-computer-image>img{object-fit:cover;width:100%;height:100%;display:block}.project-computer-image:focus-visible{outline:3px solid var(--primary,#1557ff);outline-offset:-3px}.project-computer:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.project-computer-controls button:focus-visible{outline:none}.project-computer-controls button:focus-visible svg{outline-offset:4px;border-radius:2px;outline:2px solid #fff}.project-computer-controls button:active:after{filter:brightness(.85)}@media (max-width:700px){.project-computer-controls{padding:8px}}@media (min-width:701px) and (hover:hover) and (pointer:fine){.project-computer-controls{padding:0}.project-computer-controls button{width:clamp(64px,15%,92px);height:100%}.project-computer-controls button:before{content:"";background:linear-gradient(var(--edge-direction), #0b203b26, transparent);opacity:0;transition:opacity var(--motion-fast,.18s);pointer-events:none;position:absolute;inset:0}.project-computer-controls button:after{opacity:0;width:48px;height:48px;transform:translateX(var(--edge-offset))}.project-computer-controls .project-computer-edge{clip-path:polygon(0 0,42% 0,100% 50%,42% 100%,0 100%,58% 50%);filter:drop-shadow(0 1px 2px #0b203b80);width:11px;height:18px;transition:opacity var(--motion-fast,.18s);pointer-events:none;background:#ffffffe6;display:block;position:absolute;top:calc(50% - 9px);right:7px}.project-computer-controls button:first-child .project-computer-edge{left:7px;right:auto;rotate:180deg}.project-computer-controls button svg{opacity:0;transform:translateX(var(--edge-offset))}.project-computer-controls button:is(:hover,:focus-visible):before,.project-computer-controls button:is(:hover,:focus-visible):after,.project-computer-controls button:is(:hover,:focus-visible) svg{opacity:1;transform:translate(0)}.project-computer-controls button:is(:hover,:focus-visible) .project-computer-edge{opacity:0}}@media (prefers-reduced-motion:reduce){.project-computer-controls button:before,.project-computer-controls button:after,.project-computer-controls .project-computer-edge,.project-computer-controls button svg{transition:none;transform:none}}