.work-showcase{background:#f2f1ed;color:#061329;padding:64px 0 76px}
.ws-heading{margin-bottom:42px}.ws-heading h1,.ws-heading h2{margin:0;font:800 clamp(40px,4.5vw,64px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.06em}.ws-heading>p{margin:16px 0 0;color:#536174;font:400 15px/1.65 Inter,Arial,sans-serif}
.ws-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.35fr);gap:7%;align-items:start}
.ws-tabs{display:none;border-top:1px solid #bfc8cd}.ws-ready .ws-tabs{display:block}
.ws-tab{position:relative;display:grid;grid-template-columns:1fr 32px;gap:8px 16px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #bfc8cd;padding:24px 0;color:#061329;cursor:pointer}
.ws-category{grid-column:1;color:#536174;font:500 11px/1.4 Inter,Arial,sans-serif}
.ws-tab-title{grid-column:1;font:700 clamp(22px,2.2vw,32px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.ws-toggle{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;width:32px;height:32px;border:1px solid #aeb9c3;border-radius:50%;font:400 21px/1 Inter,Arial,sans-serif;color:#067adb;transition:transform .2s,background .2s}
.ws-description{grid-column:1/-1;display:none;margin-top:10px;max-width:36ch;color:#46566b;font:400 14px/1.7 Inter,Arial,sans-serif}
.ws-tab[aria-selected=true] .ws-description{display:block}.ws-tab[aria-selected=true] .ws-tab-title{color:#056cc4}.ws-tab[aria-selected=true] .ws-toggle{background:#067adb;color:#fff;border-color:#067adb;transform:rotate(45deg)}
.ws-tab:hover .ws-tab-title{color:#056cc4}.work-showcase :is(a,button,[tabindex]):focus-visible{outline:2px solid #067adb;outline-offset:5px}
.ws-panels{min-width:0;background:#f2f1ed;isolation:isolate}.ws-panel[hidden]{display:none}.ws-panel{min-width:0}.ws-panel:not(:last-child){margin-bottom:40px}.ws-ready .ws-panel{margin:0}
.ws-product{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(300px,49svh,430px);background:#f2f1ed;isolation:isolate;text-decoration:none;overflow:hidden}
.ws-product img{display:block;width:auto;height:auto;max-width:96%;max-height:96%;mix-blend-mode:multiply;transition:transform .35s ease}
.ws-hmi .ws-product img{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.ws-golf .ws-product img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.ws-image-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #aeb9c3;border-radius:50%;color:#056cc4;background:#f2f1ed;font:400 24px/1 Inter,Arial,sans-serif;transition:transform .25s}
.ws-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #bfc8cd;padding-top:16px;margin-top:12px}
.ws-caption p{font:400 11px/1.7 Inter,Arial,sans-serif;color:#536174;margin:0;max-width:36ch}
.ws-caption a{display:inline-flex;align-items:center;gap:22px;min-height:44px;white-space:nowrap;color:#056cc4;text-decoration:none;font:600 13px/1.4 Inter,Arial,sans-serif}.ws-caption a>span{font-size:22px}
@media(hover:hover){.ws-product:hover img{transform:scale(1.025)}.ws-product:hover .ws-image-arrow{transform:translate(2px,-2px)}.ws-caption a:hover{text-decoration:underline}}
@media(max-width:900px){.ws-layout{gap:5%;grid-template-columns:1fr 1.3fr}.ws-caption{align-items:start;gap:8px;flex-direction:column}.ws-tab-title{font-size:25px}.ws-tab{padding:20px 0}.ws-description{font-size:13px}.ws-product{height:350px}}
@media(max-width:700px){.work-showcase{padding:40px 0 50px}.ws-heading{margin-bottom:28px}.ws-layout{grid-template-columns:1fr;gap:24px}.ws-tab{padding:16px 0}.ws-tab-title{font-size:23px}.ws-description{max-width:none}.ws-category{font-size:10px}.ws-product{height:clamp(230px,70vw,330px)}.ws-caption{flex-direction:row;align-items:center}.ws-caption p{max-width:24ch;font-size:10px}.ws-caption a{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.ws-product img,.ws-image-arrow,.ws-toggle{transition:none}}

.project-detail .project-opening-band{position:relative;isolation:isolate;background:#e6eef3;border:0}
.project-detail.detail-hmi .project-opening-band{background:#edece2}
.project-detail.detail-golf .project-opening-band{background:#e3ece8}
.project-detail .hero figure{background:transparent!important}
.project-detail .hero figure img{mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
/* Independent, close labels. The selected part retains its existing enlargement. */
.hmi-explorer-stage{--model-w:min(52%,calc(var(--scene-height) * .50))}
.hmi-label-rail{inset:0;width:auto}
.hmi-label-rail>span{left:min(calc(35% + var(--model-w) * .58 + 10px),calc(100% - 124px));font-size:12px}
.hmi-label-rail>[data-label=pcb]{left:min(calc(35% + var(--model-w) * .43 + 10px),calc(100% - 124px))}
.hmi-label-rail>[data-label=display]{left:min(calc(35% + var(--model-w) * .5 + var(--axis-x,0px) + 10px),calc(100% - 124px))}

@media(max-width:700px){.hmi-explorer-stage{--model-w:47%}.hmi-label-rail>span{left:calc(32% + var(--model-w) * .61 + 4px);font-size:10px}.hmi-label-rail>[data-label=pcb]{left:calc(32% + var(--model-w) * .46 + 4px)}.hmi-label-rail>[data-label=display]{left:calc(32% + var(--model-w) * .52 + var(--axis-x,0px) + 4px)}}
.project-detail.detail-obd .hero figure img{mask-image:none}