.device-gallery,.device-story{--device-ink:#153f2e;--device-muted:#7d8979;--device-line:#dfe5d9;--device-paper:#fbfcf7;color:var(--device-ink);font-family:inherit;min-width:0;max-width:100%;box-sizing:border-box}
.device-gallery *,.device-story *,.device-gallery *::before,.device-story *::before{box-sizing:border-box}
.device-gallery button,.device-story button,.device-story input{font:inherit}
.device-gallery button,.device-story button{cursor:pointer;min-height:40px;transition:background .18s,color .18s,border-color .18s}
.device-gallery button:disabled,.device-story button:disabled{cursor:not-allowed;opacity:.45}
.device-gallery button:focus-visible,.device-gallery a:focus-visible,.device-gallery__stage:focus-visible,.device-story button:focus-visible,.device-story input:focus-visible{outline:3px solid #b99a60;outline-offset:3px}
.device-gallery h3,.device-gallery p,.device-gallery figure,.device-story h2,.device-story h3,.device-story p{margin:0}
.device-gallery__bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 17px;color:#8a957f;font-size:10px;line-height:1.5}
.device-gallery__bar>span:first-child{font-size:12px;letter-spacing:.12em;color:#3e5b3d;font-weight:600}
.device-gallery__modes{display:flex;flex-wrap:wrap;gap:4px;padding:5px;background:#edf1e7;border-radius:12px;margin:0 0 15px;width:fit-content;max-width:100%}
.device-gallery__modes button{background:transparent;color:#788670;border:0;border-radius:8px;padding:9px 12px;font-size:11px;line-height:1.4;white-space:normal}
.device-gallery__modes button:hover{background:#f6f8f0;color:#234c36}
.device-gallery__modes button[aria-pressed=true]{background:#fffef9;color:#153f2e;box-shadow:0 2px 5px #2b3f2410}
.device-gallery__modes button span{margin-left:3px;font-size:13px}
.device-gallery__picture{position:relative;display:grid;place-items:center;border-radius:19px;overflow:hidden;background:#f6f3ed;aspect-ratio:1;min-width:0;width:100%;border:1px solid #e5e9dc}
.device-gallery__picture>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.device-gallery__picture:hover>img{transform:scale(1.025)}
.device-gallery__picture.is-reference{background:#fff}
.device-gallery__picture.is-reference>img{object-fit:contain;padding:22px}
.device-gallery__picture.is-product-visualisation{background:#f6f3ed}
.device-gallery__picture.is-camera-visualisation{aspect-ratio:3/2}
.device-gallery__picture.is-camera-visualisation>img{object-fit:cover}
.device-gallery__expand{position:absolute;right:18px;bottom:17px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fffef7da;color:#3c5e40;font-size:20px;box-shadow:0 2px 12px #1c3b2910}
.device-gallery__figure figcaption{padding:16px 1px 12px;min-height:79px}
.device-gallery__provenance{display:block;font-size:9px;font-weight:600;letter-spacing:.07em;color:#7e8d70;margin-bottom:7px}
.device-gallery__figure figcaption p{font-size:11px;color:#839078;line-height:1.7;max-width:78ch}
.device-gallery__thumbnails{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-start;margin-top:3px}
.device-gallery__thumbnails button{width:75px;padding:5px;border:1px solid #e0e5d9;border-radius:10px;background:#fffef9;color:#7a866f;min-height:90px}
.device-gallery__thumbnails button[aria-pressed=true]{border-color:#597956;box-shadow:inset 0 0 0 1px #597956;background:#f2f5eb}
.device-gallery__thumbnails img{width:63px;height:63px;object-fit:contain;border-radius:6px;display:block;margin:auto;background:#f1f3e9}
.device-gallery__thumbnails span{display:block;font-size:8px;line-height:1.4;margin:6px 0 1px}
.device-gallery__links{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0;font-size:10px;line-height:1.5}
.device-gallery__links a{color:#4c6a42;text-decoration:none;border-bottom:1px solid #cbd7be;padding:4px 0}
.device-gallery__links a:hover{color:#153f2e;border-color:#617e52}
.device-gallery__links span{color:#93a087;font-size:9px}
.device-gallery__3d-surface{position:relative;aspect-ratio:1;min-height:300px;background:radial-gradient(ellipse at 50% 70%,#e9eee1,#f9faf4);border-radius:19px;overflow:hidden;border:1px solid #e1e7d7}
.device-gallery__stage{position:absolute;inset:0;touch-action:none;cursor:grab}
.device-gallery__stage:active{cursor:grabbing}
.device-gallery__stage canvas{display:block;width:100%;height:100%;touch-action:none}
.device-gallery__fallback-image{position:absolute;inset:0;display:grid;place-items:center}
.device-gallery__fallback-image>img{width:100%;height:100%;object-fit:contain}
.device-gallery__3d-surface[data-state=loading] .device-gallery__fallback-image{opacity:.4}
.device-gallery__3d-surface[data-state=ready] .device-gallery__fallback-image{visibility:hidden;opacity:0}
.device-gallery__status{position:absolute;bottom:18px;left:18px;right:18px;border:1px solid #e0e5d6;border-radius:10px;padding:13px 15px;color:#6d7d60;background:#fffef9ed;font-size:11px;line-height:1.6}
.device-gallery__3d-surface[data-state=ready] .device-gallery__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);padding:0;border:0}
.device-gallery__status button{display:block;margin-top:10px;border:1px solid #cedbc4;border-radius:7px;background:#fffef8;color:#3c603e;padding:6px 12px;font-size:10px}
.device-gallery__360{position:absolute;top:18px;right:18px;font-size:11px;color:#8fa07c;letter-spacing:.1em;pointer-events:none}
.device-gallery__views{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}
.device-gallery__views button{border:1px solid #dce4d3;border-radius:7px;padding:7px 11px;min-height:36px;background:#fffef8;color:#7e8c71;font-size:10px;line-height:1.4}
.device-gallery__views button[aria-pressed=true]{background:#e7efdf;color:#315537;border-color:#c4d4b6}
.device-gallery__views button:hover:not(:disabled){background:#edf3e6;color:#1d492d}
.device-gallery__views button[data-zoom]{min-width:36px;font-size:17px}
.device-gallery__help,.device-gallery__caption{font-size:10px;line-height:1.7;color:#819072;max-width:77ch;margin-top:10px!important}
.device-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;text-align:center;border:1px solid #e0e6d8;border-radius:19px;background:#f2f5ec;padding:35px}
.device-gallery__empty>span{font-size:50px;line-height:1;color:#a3b18e;margin-bottom:25px}
.device-gallery__empty h3{font-size:22px;letter-spacing:-.04em;font-weight:500;line-height:1.2;max-width:23ch}
.device-gallery__empty p{font-size:12px;line-height:1.7;max-width:39ch;color:#8a977d;margin-top:14px}
.device-gallery__media-error{position:absolute;inset:0;display:grid;place-items:center;padding:35px;color:#859675;background:#f1f4e9;font-size:12px;line-height:1.7;text-align:center}
.device-gallery__loading{padding:35px 20px;background:#f0f4e8;border:1px solid #dfe7d4;border-radius:14px;font-size:12px;color:#7c8d6c;line-height:1.7}
.device-gallery__loading button{display:block;padding:8px 13px;border:1px solid #c8d7bc;border-radius:7px;background:#fffef8;color:#3b603a;font-size:11px;margin-top:12px}
.device-story{width:100%}
.device-story__section{padding:68px 0;border-bottom:1px solid #e3e9da}
.device-story__section:first-child{padding-top:25px}
.device-story__section:last-child{border-bottom:0}
.device-story__section-heading>p{font-size:10px;letter-spacing:.14em;font-weight:600;color:#7f9070;margin-bottom:16px}
.device-story .device-story__section-heading h2{font-size:clamp(29px,4vw,49px);letter-spacing:-.05em;line-height:1.08;font-weight:500;color:#153f2e;margin-bottom:20px}
.device-story__section-heading>span{display:block;max-width:55ch;font-size:14px;line-height:1.75;color:#819373}
.device-story__assembly-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.75fr);gap:50px;align-items:center;margin:33px 0 25px}
.device-story__surface{position:relative;aspect-ratio:1;min-height:260px;min-width:0;border:1px solid #e2e8d8;border-radius:22px;background:radial-gradient(ellipse at 50% 65%,#e9eee0,#fbfcf6);overflow:hidden}
.device-story__poster{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .35s}
.device-story__poster>img{width:100%;height:100%;object-fit:cover}
.device-story__stage{position:absolute;inset:0;touch-action:pan-y}
.device-story__assembly .device-story__stage{touch-action:none;cursor:grab}
.device-story__assembly .device-story__stage:active{cursor:grabbing}
.device-story__stage>canvas{width:100%;height:100%;display:block}
.device-story__surface[data-state=ready] .device-story__poster{opacity:0;visibility:hidden}
.device-story__scene-label{position:absolute;bottom:17px;right:19px;color:#91a081;font-size:9px;line-height:1.5;pointer-events:none;background:#fbfcf6b8;border-radius:4px;padding:3px 5px}
.device-story__scene-status{position:absolute;left:19px;right:19px;bottom:43px;padding:12px 14px;background:#fffef9e8;color:#7c8e6b;border:1px solid #e3e8d8;border-radius:10px;font-size:11px;line-height:1.7}
.device-story__surface[data-state=ready] .device-story__scene-status{display:none}
.device-story__scene-status button{border:1px solid #cbd9be;border-radius:6px;background:#f9fcf3;color:#42603b;padding:7px 10px;margin-top:8px;font-size:10px;display:block}
.device-story__parts{list-style:none;padding:0;margin:0}
.device-story__parts li+li{border-top:1px solid #e2e9d8}
.device-story__parts button{display:flex;gap:13px;align-items:center;min-width:0;width:100%;padding:15px 2px;text-align:left;border:0;border-radius:6px;color:#9ca98d;background:none;min-height:52px}
.device-story__parts button>span{font-size:9px;letter-spacing:.06em;color:#a9b59a;flex:0 0 23px}
.device-story__parts button>strong{font-size:13px;line-height:1.45;font-weight:500;letter-spacing:-.01em}
.device-story__parts button[aria-pressed=true]{color:#204e32}
.device-story__parts button[aria-pressed=true]>span{color:#5d8250}
.device-story__parts button:hover{background:#f0f5e8}
.device-story__caption{min-height:115px;margin-top:23px;padding-left:36px}
.device-story__caption h3{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.035em}
.device-story__caption p{font-size:12px;line-height:1.7;color:#829573;margin-top:10px}
.device-story__controls{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:13px;background:#edf3e4;border:1px solid #dce7d1;margin:15px 0 18px;min-width:0}
.device-story__play,.device-story__reset{flex-shrink:0;min-width:105px;border:1px solid #d2dfc7;background:#fffef9;color:#456b3f;border-radius:8px;padding:10px 13px;font-size:11px;white-space:nowrap}
.device-story__play>span{margin-right:6px;font-size:9px}
.device-story__play:not(:disabled):hover,.device-story__reset:not(:disabled):hover{background:#dfead3}
.device-story__reset{min-width:0;background:none;border-color:transparent;color:#839576;font-size:10px}
.device-story__progress{flex:1;min-width:0}
.device-story__progress>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:10px;color:#768c66;line-height:1.5}
.device-story__progress output{font-variant-numeric:tabular-nums;color:#547344;min-width:31px;text-align:right}
.device-story__progress input,.device-story__reading-control input{display:block;width:100%;accent-color:#466f3f;height:27px;cursor:pointer;margin:3px 0 0}
.device-story__fineprint{font-size:10px;line-height:1.8;color:#98a78a;max-width:95ch}
.device-story__principle-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:26px}
.device-story__principle-layout .device-story__section-heading>span{font-size:15px;line-height:1.85;max-width:40ch}
.device-story__signal-note{display:flex;gap:8px;align-items:flex-start;margin-top:27px;font-size:10px;color:#96a786;line-height:1.65;max-width:37ch}
.device-story__signal-note>i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#a4b38e;margin-top:6px}
.device-story__dashboard{margin-top:31px;border:1px solid #e1e8d6;border-radius:20px;padding:31px 33px;background:linear-gradient(120deg,#f8faf3,#f0f5e8)}
.device-story__chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.device-story__chart-heading>div>p{font-size:13px;font-weight:500;color:#56764a;line-height:1.5}
.device-story__chart-heading>div>span{font-size:9px;color:#9dad8d;display:block;margin-top:5px}
.device-story__chart-heading output{font-size:25px;color:#2d5a36;letter-spacing:-.03em;text-align:right;white-space:nowrap}
.device-story__chart-heading output>small{display:block;color:#9caf8c;font-size:10px;letter-spacing:0;margin-top:6px}
.device-story__chart{display:block;width:100%;height:auto;margin:20px 0 16px;overflow:visible}
.device-story__chart text{font-family:inherit;font-size:10px;fill:#9dad8b}
.device-story__gridline{stroke:#dfe8d4;stroke-width:1}
.device-story__area{fill:#abc594;opacity:.15}
.device-story__line{fill:none;stroke:#567d43;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.device-story__cross{stroke:#a5bb91;stroke-dasharray:3 5;stroke-width:1}
.device-story__crossdot{fill:#2e613b;stroke:#f4f9ec;stroke-width:2.5}
.device-story__notedot{fill:#9aaa70}
.device-story__chart .device-story__notelabel{fill:#82996c;font-size:9px}
.device-story__reading-control{margin:12px 0 28px}
.device-story__reading-control label{font-size:10px;color:#8fa27c}
.device-story__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0 24px;padding-top:25px;border-top:1px solid #dce6ce}
.device-story__stats>div{display:flex;flex-direction:column;gap:7px}
.device-story__stats strong{font-size:26px;font-weight:400;letter-spacing:-.04em;line-height:1.25}
.device-story__stats span{font-size:10px;line-height:1.5;color:#94a681}
.device-story__fallback-note{padding:30px;border:1px solid #e2e9d8;border-radius:13px;background:#f1f5e9;font-size:12px;line-height:1.7;color:#879b73}
@media(max-width:800px){.device-story__assembly-layout{grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr);gap:26px}.device-story__caption{padding-left:0}.device-story__principle-layout{gap:32px}.device-story__controls{padding:16px;gap:12px}.device-story__parts button>strong{font-size:12px}.device-story__dashboard{padding:25px}.device-story__section{padding:52px 0}}
@media(max-width:600px){.device-gallery__modes{gap:2px;padding:4px}.device-gallery__modes button{font-size:10px;padding:8px 10px;min-height:38px}.device-gallery__picture,.device-gallery__3d-surface{border-radius:15px}.device-gallery__3d-surface{min-height:260px}.device-gallery__views{gap:5px}.device-gallery__views button{font-size:9px;padding:8px 10px;min-height:37px}.device-gallery__bar{font-size:9px;gap:8px}.device-gallery__figure figcaption p{font-size:10px}.device-gallery__thumbnails button{width:67px;min-height:82px;padding:4px}.device-gallery__thumbnails img{width:57px;height:57px}.device-gallery__empty{padding:27px;min-height:290px}.device-gallery__empty h3{font-size:20px}.device-gallery__empty p{font-size:11px}.device-story__section{padding:44px 0}.device-story__assembly-layout,.device-story__principle-layout{grid-template-columns:minmax(0,1fr);gap:22px}.device-story__section-heading>p{font-size:9px;margin-bottom:12px}.device-story .device-story__section-heading h2{font-size:32px;margin-bottom:15px}.device-story__section-heading>span,.device-story__principle-layout .device-story__section-heading>span{font-size:12px;line-height:1.8}.device-story__surface{min-height:240px;border-radius:17px}.device-story__parts{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.device-story__parts li+li{border-top:0}.device-story__parts li{border-bottom:1px solid #e2e9d8}.device-story__parts button{min-height:50px;padding:12px 0;gap:6px}.device-story__parts button>span{flex-basis:20px;font-size:8px}.device-story__parts button>strong{font-size:11px}.device-story__caption{min-height:70px;margin-top:20px}.device-story__caption h3{font-size:18px}.device-story__caption p{font-size:11px}.device-story__controls{display:grid;grid-template-columns:1fr auto;padding:15px;gap:10px}.device-story__progress{grid-column:1/3;grid-row:1}.device-story__play{justify-self:start;min-width:115px;font-size:10px}.device-story__reset{justify-self:end;font-size:9px}.device-story__progress>div{font-size:9px;gap:8px}.device-story__fineprint{font-size:9px}.device-story__signal-note{margin-top:16px;font-size:9px}.device-story__dashboard{padding:21px 18px;border-radius:15px}.device-story__chart-heading{gap:12px}.device-story__chart-heading>div>p{font-size:11px}.device-story__chart-heading>div>span{font-size:8px}.device-story__chart-heading output{font-size:22px}.device-story__stats{gap:12px;margin-top:17px;padding-top:20px}.device-story__stats strong{font-size:23px}.device-story__stats span{font-size:9px}.device-story__chart{margin:24px 0 15px}.device-gallery__links{font-size:9px}.device-gallery__links span{font-size:8px}}
@media(max-width:360px){.device-gallery__modes button{padding:8px 9px;font-size:9px}.device-gallery__bar>span:first-child{font-size:11px}.device-gallery__bar>span:last-child{font-size:8px}.device-gallery__thumbnails{gap:7px}.device-gallery__thumbnails button{width:61px}.device-gallery__thumbnails img{width:51px;height:51px}.device-gallery__3d-surface{min-height:250px}.device-gallery__views button{font-size:8px;padding:7px 9px}.device-gallery__status{left:10px;right:10px;bottom:12px;padding:11px;font-size:10px}.device-gallery__figure figcaption{padding-top:13px}.device-gallery__figure figcaption p{font-size:9px}.device-gallery__help,.device-gallery__caption{font-size:9px}.device-story .device-story__section-heading h2{font-size:29px}.device-story__parts{gap:0 9px}.device-story__parts button>strong{font-size:10px}.device-story__parts button>span{flex-basis:16px}.device-story__scene-label{font-size:8px;right:12px;bottom:12px}.device-story__scene-status{left:12px;right:12px;font-size:10px}.device-story__dashboard{padding:18px 13px}.device-story__chart-heading>div>p{font-size:10px}.device-story__chart-heading output{font-size:19px}.device-story__stats strong{font-size:20px}.device-story__stats span{font-size:8px}.device-story__stats{gap:9px}}
@media(prefers-reduced-motion:reduce){.device-gallery *,.device-gallery *::before,.device-story *,.device-story *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.device-gallery__picture:hover>img{transform:none}}
