/* Preview feedback: retain the photo compositions, bound their viewing height. */
.home-v2 .board-art{aspect-ratio:500 / 481;object-fit:contain}
.home-v2 .work-image,.home-v2 .work-project[data-project="wearable"] .work-image{height:clamp(350px,56svh,480px);min-height:0;aspect-ratio:auto}
.home-v2 .work-grid{gap:24px 20px}
.home-v2 .work-info{padding:clamp(24px,2.4vw,36px);justify-content:flex-start;gap:22px}
.home-v2 .work-info strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,2.6vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1.08}
.home-v2 .work-description{font-size:clamp(15px,1.1vw,17px);font-weight:400;line-height:1.65;max-width:52ch;color:#e3edf6}
.home-v2 .work-next{margin-top:auto;font-weight:500;letter-spacing:.01em}
.home-v2 .work-project[data-project="hmi"] .work-info{padding:24px;gap:16px}
.home-v2 .work-project[data-project="hmi"] .work-description{font-size:14px;line-height:1.55}
.work-stories .work-story .product-scene{height:clamp(300px,54svh,480px)!important;aspect-ratio:auto!important}
.work-stories .story-art{position:relative;overflow:hidden;isolation:isolate;text-decoration:none;color:#fff}
.work-stories .story-art:focus-visible{outline:3px solid #067adb;outline-offset:5px}
.story-open{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:26px;padding:12px 16px;background:#061329e8;color:#fff;font:500 14px/1.4 Inter,Arial,sans-serif;transition:opacity .2s}
.story-open>span{font-size:22px}
.story-hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:clamp(24px,3vw,44px);background:#061329e8;opacity:0;transition:opacity .24s ease;pointer-events:none}
.story-hover strong{font:600 clamp(28px,3vw,44px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.045em}
.story-hover-description{max-width:52ch;font:400 17px/1.65 Inter,Arial,sans-serif;color:#e3edf6}
.story-hover-action{align-self:stretch;display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #ffffff50;padding-top:16px;font:500 14px/1.5 Inter,Arial,sans-serif}
.story-hover-action>span{font-size:25px}
@media(hover:hover){.story-art:hover .story-hover{opacity:1}.story-art:hover .story-open{opacity:0}}
.story-art:focus-visible .story-hover{opacity:1}.story-art:focus-visible .story-open{opacity:0}
/* Labels sit in an independent rail and do not enlarge with the selected part. */
.hmi-model{left:35%;width:min(52%,calc(var(--scene-height) * .50))}
.hmi-label-rail{position:absolute;inset:0 12px 0 auto;width:116px;pointer-events:none;opacity:0}
.hmi-explorer-stage[data-settled=true] .hmi-label-rail{opacity:1}
.hmi-label-rail>span{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#344765;font:600 13px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.hmi-label-rail>span:before{content:"";display:inline-block;width:12px;margin-right:7px;border-top:1px solid currentColor;vertical-align:middle}
.hmi-label-rail>[data-label="display"]{top:calc(50% - var(--axis-y,0px))}
.hmi-label-rail>[data-label="enclosure"]{top:calc(50% + var(--axis-y,0px))}
.hmi-explorer-stage[data-layer="enclosure"] [data-label="enclosure"],.hmi-explorer-stage[data-layer="pcb"] [data-label="pcb"],.hmi-explorer-stage[data-layer="display"] [data-label="display"]{color:#045dab}
@media(min-width:701px) and (max-width:1100px){.home-v2 .work-image,.home-v2 .work-project[data-project="wearable"] .work-image{height:430px}.home-v2 .work-project[data-project="hmi"] .work-info{padding:18px;gap:14px}.home-v2 .work-project[data-project="hmi"] .work-info strong{font-size:25px}.home-v2 .work-project[data-project="hmi"] .work-description{font-size:13px;line-height:1.5}}
@media(max-width:700px){.home-v2 .work-image,.home-v2 .work-project[data-project="wearable"] .work-image{height:clamp(280px,85vw,390px)}.home-v2 .work-info,.home-v2 .work-project[data-project="hmi"] .work-info{padding:22px;gap:16px}.home-v2 .work-info strong{font-size:28px}.home-v2 .work-description{font-size:14px;line-height:1.55}.work-stories .work-story .product-scene{height:clamp(240px,78vw,380px)!important}.story-hover{padding:22px;gap:16px}.story-hover-description{font-size:14px;line-height:1.5}.story-open{right:14px;bottom:12px;font-size:13px}}
@media(max-width:767px){.hmi-model{left:32%;width:47%}.hmi-label-rail{right:6px;width:94px}.hmi-label-rail>span{font-size:11px}.hmi-label-rail>span:before{width:7px;margin-right:4px}}
@media(prefers-reduced-motion:reduce){.story-hover,.story-open{transition:none}}
@media(max-width:360px){.work-stories .work-story .product-scene{height:300px!important}.story-hover strong{font-size:25px}.story-hover{gap:14px;padding:20px}}