.work{background:#FDFCF9;color:#061329;padding:72px clamp(24px,5vw,76px) 88px}
.work-inner{max-width:1448px;margin:auto}
.work h2{margin:0 0 36px;font:800 clamp(36px,4.2vw,60px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.045em}
.work-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px 20px}
.work-project{min-width:0;margin:0}.work-project:last-child{grid-column:1/-1}
.work-image{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#F7F6F3,#E9E7E2);height:clamp(390px,44vw,650px);outline:none}
.work-image img{display:block;width:100%;height:100%;object-fit:contain}
.work-project[data-project="obd2"] img{position:absolute;width:94%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-48%);filter:drop-shadow(0 18px 13px #06132928)}
.work-project[data-project="hmi"] img{position:absolute;width:96%;height:auto;left:50%;top:58%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 10px #06132924)}
.work-project[data-project="wearable"] .work-image{height:auto;aspect-ratio:1.7}
.work-project[data-project="wearable"] img{object-fit:cover;object-position:center 43%}
.work-image:focus-visible{outline:3px solid #067ADB;outline-offset:5px}
.work-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,44px);background:rgba(6,19,41,.82);color:#FDFCF9;opacity:0;transition:opacity .3s ease;pointer-events:none}
.work-info strong{font:750 clamp(24px,2.6vw,38px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em;max-width:500px}
.work-info p{max-width:420px;margin:20px 0 0;font:400 17px/1.55 Inter,Arial,sans-serif}
.work-image:is(:hover,:focus-visible) .work-info{opacity:1}
.work-caption{margin:15px 0 0;font:700 clamp(18px,1.6vw,23px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em}
.work-mobile-info{display:none;color:#42516A;font:400 16px/1.55 Inter,Arial,sans-serif;margin:9px 0 0;max-width:560px}
@media(max-width:1100px){.work{padding-left:24px;padding-right:24px}.work-image{height:clamp(350px,44vw,480px)}.work-info{padding:24px}.work-info p{font-size:16px}}
@media(max-width:700px){.work{padding:44px 24px 56px}.work h2{margin-bottom:26px}.work-grid{grid-template-columns:1fr;gap:32px}.work-project:last-child{grid-column:auto}.work-image{height:auto;aspect-ratio:1.25}.work-project[data-project="hmi"] img{padding:28px}.work-project[data-project="wearable"] .work-image{aspect-ratio:1.35}.work-project[data-project="wearable"] img{object-fit:contain;background:#F3F0EB}}
@media(max-width:700px){.work-project[data-project="obd2"] img{width:94%;transform:translate(-50%,-48%)}.work-project[data-project="hmi"] img{width:90%;padding:0;top:50%;transform:translate(-50%,-50%)}}
@media(hover:none),(pointer:coarse),(max-width:700px){.work-image .work-info{display:none}.work-mobile-info{display:block}}
@media(prefers-reduced-motion:reduce){.work-info{transition:none}}


/* Finished photographs have their own margins; do not crop their subjects. */
.work-image{background:#fff}
.work-project[data-project] .work-image img{position:static;width:100%;height:100%;max-width:100%;left:auto;top:auto;transform:none;filter:none;padding:0;object-fit:contain}
.work-project[data-project="wearable"] .work-image{aspect-ratio:1.7;background:#fff}
/* Enlarge the HMI inside its existing card; only empty photographic margins clip. */
.work-project[data-project="hmi"] .work-image img{transform:translateX(-2%) scale(1.42);transform-origin:center}
.work-info{gap:20px}
.work-info p{font-size:clamp(13px,1.05vw,17px);line-height:1.5;max-width:560px}
.work-project[data-project="hmi"] .work-info{padding:clamp(18px,2vw,30px)}
.work-project[data-project="hmi"] .work-info strong{font-size:clamp(22px,2.2vw,32px)}
/* Gallery interaction: preview and explicit activation are separate states. */
.home-v2 .work{padding-inline:0}
.home-v2 .work-inner{width:var(--nitra-width);max-width:none}
.work-image{display:block;color:#fdfcf9;text-decoration:none;cursor:pointer}
.work-teaser{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(transparent,#061329e8);text-shadow:0 1px 3px #061329;font:600 17px/1.3 Manrope,Arial,sans-serif;transition:opacity .3s ease}
.work-teaser>span{font:500 11px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.work-info{display:flex!important;justify-content:space-between;gap:18px;background:rgba(6,19,41,.91)}
.work-description{max-width:560px;font:400 clamp(14px,1.1vw,17px)/1.55 Inter,Arial,sans-serif}
.work-next{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ffffff66;padding-top:14px;font:600 12px/1.5 Inter,Arial,sans-serif}
.work-next>span{font-size:20px}
.work-image:is(:hover,:focus-visible) .work-info{opacity:0}
.work-image.is-preview .work-info,.work-image.is-open .work-info{opacity:1}
.work-image.is-preview .work-teaser,.work-image.is-open .work-teaser{opacity:0}
.work-image:focus-visible{outline:3px solid #067adb;outline-offset:5px}
@media(min-width:701px) and (max-width:1100px){.work-project[data-project="hmi"] .work-teaser{padding:16px;align-items:start;flex-direction:column;gap:6px}.work-project[data-project="hmi"] .work-info{padding:20px}.work-project[data-project="hmi"] .work-description{font-size:14px}}
@media(min-width:761px) and (max-width:1100px){.home-v2 .scene{right:0}.home-v2 .board-art{width:70%;left:15%}}
@media(max-width:700px){.work-teaser{padding:16px 18px;font-size:16px}.work-teaser>span{font-size:10px}.work-image,.work-project[data-project="wearable"] .work-image{min-height:260px}.work-info,.work-project[data-project="hmi"] .work-info{padding:20px;gap:12px}.work-info strong,.work-project[data-project="hmi"] .work-info strong{font-size:25px;line-height:1.12}.work-description{font-size:14px;line-height:1.5}.work-next{padding-top:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.work-teaser{transition:none}}
.work-image{width:100%;max-width:100%;min-width:0}
.work-description-mobile{display:none}
@media(min-width:701px) and (max-width:900px){.work-project[data-project="hmi"] .work-info{padding:18px;gap:12px}.work-project[data-project="hmi"] .work-description-desktop{font-size:13px;line-height:1.45}.work-project[data-project="hmi"] .work-info strong{font-size:24px}.work-project[data-project="hmi"] .work-next{font-size:11px;padding-top:10px}.work-image{min-height:420px}}
@media(max-width:700px){.work-description-desktop{display:none}.work-description-mobile{display:block}}