/* HMI case study: shared Nitra opening, editorial hardware narrative. */
:root{--paper:#fdfcf9;--navy:#061329;--blue:#056cc4;--ink:#40516b;--line:#cbd5df;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body.detail-hmi{margin:0;background:var(--paper);color:var(--navy);font:16px/1.65 Inter,Arial,sans-serif}
.detail-hmi main h1,.detail-hmi main h2,.detail-hmi main h3,.detail-hmi main p,.detail-hmi main figure,.detail-hmi main dl,.detail-hmi main dd{margin:0}
.detail-hmi main h1,.detail-hmi main h2,.detail-hmi main h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.05em;line-height:1.12}
.detail-hmi main img{display:block;max-width:100%;height:auto}
.detail-hmi main a{color:inherit;text-underline-offset:6px}
.detail-hmi a:focus-visible,.detail-hmi summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.detail-hmi .project-opening-band a:focus-visible,.detail-hmi .nitra-header a:focus-visible,.detail-hmi .nitra-footer a:focus-visible{outline-color:white}
.detail-hmi .wrap{margin-inline:auto}
.detail-hmi main> .wrap>section{min-width:0}
.detail-hmi .hmi-introduction{display:grid;grid-template-columns:1fr 1.08fr;gap:9%;padding:78px 0 82px;border-bottom:1px solid var(--line);align-items:start}
.detail-hmi .hmi-introduction h2{font-size:clamp(32px,3.2vw,46px);font-weight:600}
.detail-hmi .hmi-introduction p{max-width:610px;font-size:18px;line-height:1.75;color:var(--ink)}
.detail-hmi .hmi-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.13em;font-weight:600;color:var(--blue);margin:0 0 22px}
.detail-hmi .hmi-hardware{padding:80px 0 90px}
.detail-hmi .hmi-hardware-heading{margin-bottom:40px}
.detail-hmi .hmi-hardware h2,.detail-hmi .hmi-architecture h2,.detail-hmi .hmi-contribution h2{font-size:clamp(34px,3.8vw,54px);font-weight:600;letter-spacing:-.05em;line-height:1.12}
.detail-hmi .hmi-hardware-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:center;gap:7%}
.detail-hmi .hmi-board-stage{background:#eaf1f6;padding:46px 24px;display:flex;align-items:center;justify-content:center}
.detail-hmi .hmi-board-stage img{width:100%;height:auto;object-fit:contain}
.detail-hmi .hmi-board figcaption{font-size:11px;line-height:1.6;color:var(--ink);margin-top:14px}
.detail-hmi .hmi-hardware-copy h3{font-size:36px;font-weight:600;line-height:1.13;margin-bottom:24px}
.detail-hmi .hmi-hardware-copy>p{font-size:15px;line-height:1.8;color:var(--ink);max-width:460px}
.detail-hmi .hmi-core-facts{display:grid;gap:20px;padding-top:26px;margin-top:30px;border-top:1px solid var(--line)}
.detail-hmi .hmi-core-facts>div{display:grid;grid-template-columns:116px 1fr;gap:20px;align-items:baseline}
.detail-hmi .hmi-core-facts dt{font-size:12px;color:var(--ink)}
.detail-hmi .hmi-core-facts dd{font-size:14px;font-weight:500;line-height:1.55}
.detail-hmi .hmi-architecture{border-top:1px solid var(--line);padding:78px 0 36px;margin:0}
.detail-hmi .architecture-heading{margin-bottom:44px;align-items:flex-end}
.detail-hmi .architecture-heading .hmi-eyebrow{font-size:11px;margin-bottom:22px;color:var(--blue)}
.detail-hmi .architecture-heading h2{margin:0}
.detail-hmi .architecture-legend{font-size:10px;margin-bottom:6px}
.detail-hmi .hmi-architecture figcaption{font-size:12px;margin-top:16px}
.detail-hmi .hmi-specifications{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:0}
.detail-hmi .hmi-specifications summary{list-style:none;min-height:80px;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font:600 22px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.035em;cursor:pointer}
.detail-hmi .hmi-specifications summary::-webkit-details-marker{display:none}
.detail-hmi .hmi-specifications summary:hover{color:var(--blue)}
.detail-hmi .hmi-spec-toggle{position:relative;width:20px;height:20px;flex:none;color:var(--blue)}
.detail-hmi .hmi-spec-toggle:before,.detail-hmi .hmi-spec-toggle:after{content:'';position:absolute;background:currentColor;left:1px;top:9px;width:18px;height:2px}
.detail-hmi .hmi-spec-toggle:after{transform:rotate(90deg)}
.detail-hmi .hmi-specifications[open] .hmi-spec-toggle:after{display:none}
.detail-hmi .specs{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;row-gap:28px;padding:10px 0 38px}
.detail-hmi .specs>div{min-width:0}
.detail-hmi .specs dt{font-size:12px;color:var(--ink);margin-bottom:6px}
.detail-hmi .specs dd{font-size:16px;font-weight:500;line-height:1.5}
.detail-hmi .specs dd span{display:block;font-size:13px;font-weight:400;color:var(--ink);margin-top:3px}
.detail-hmi .hmi-contribution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;padding:86px 0 88px}
.detail-hmi .hmi-contribution-intro{font-size:16px;line-height:1.75;color:var(--ink);max-width:470px;margin-top:28px}
.detail-hmi .hmi-responsibilities{padding-top:8px}
.detail-hmi .hmi-responsibilities>div+div{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}
.detail-hmi .hmi-responsibilities h3{font-size:23px;font-weight:600;margin-bottom:13px}
.detail-hmi .hmi-responsibilities p{font-size:14px;line-height:1.8;color:var(--ink);max-width:480px}
@media(max-width:1100px){.detail-hmi .hmi-hardware-layout{gap:5%}.detail-hmi .hmi-hardware-copy h3{font-size:30px}.detail-hmi .hmi-core-facts>div{grid-template-columns:1fr;gap:4px}.detail-hmi .hmi-introduction{gap:6%}.detail-hmi .hmi-introduction p{font-size:16px}.detail-hmi .hmi-board-stage{padding:36px 18px}.detail-hmi .hmi-contribution{gap:7%}}
@media(max-width:767px){
 .detail-hmi .hmi-introduction{grid-template-columns:1fr;gap:22px;padding:46px 0 48px}
 .detail-hmi .hmi-introduction h2{font-size:31px}.detail-hmi .hmi-introduction p{font-size:15px}
 .detail-hmi .hmi-hardware{padding:50px 0 54px}.detail-hmi .hmi-hardware-heading{margin-bottom:28px}
 .detail-hmi .hmi-eyebrow,.detail-hmi .architecture-heading .hmi-eyebrow{font-size:10px;margin-bottom:18px}
 .detail-hmi .hmi-hardware h2,.detail-hmi .hmi-architecture h2,.detail-hmi .hmi-contribution h2{font-size:35px}
 .detail-hmi .hmi-hardware-layout{grid-template-columns:1fr;gap:30px}.detail-hmi .hmi-board-stage{padding:28px 14px}
 .detail-hmi .hmi-hardware-copy h3{font-size:29px;margin-bottom:18px}.detail-hmi .hmi-hardware-copy>p{font-size:14px}
 .detail-hmi .hmi-core-facts{margin-top:24px;padding-top:22px;gap:17px}.detail-hmi .hmi-core-facts>div{grid-template-columns:100px 1fr;gap:15px}.detail-hmi .hmi-core-facts dd{font-size:13px}
 .detail-hmi .hmi-architecture{padding:50px 0 28px}.detail-hmi .architecture-heading{margin-bottom:24px}.detail-hmi .architecture-legend{margin-top:26px;margin-bottom:0;font-size:10px}
 .detail-hmi .hmi-architecture figcaption{font-size:11px;margin-top:0}
 .detail-hmi .hmi-specifications summary{font-size:21px;min-height:76px}.detail-hmi .specs{grid-template-columns:1fr;gap:22px;padding-bottom:30px}
 .detail-hmi .hmi-contribution{grid-template-columns:1fr;gap:32px;padding:52px 0 55px}.detail-hmi .hmi-contribution-intro{font-size:15px;margin-top:23px}.detail-hmi .hmi-responsibilities{padding:0}.detail-hmi .hmi-responsibilities h3{font-size:22px}
}
@media(max-width:359px){.detail-hmi .hmi-hardware h2,.detail-hmi .hmi-architecture h2,.detail-hmi .hmi-contribution h2{font-size:31px}.detail-hmi .hmi-core-facts>div{grid-template-columns:90px 1fr;gap:10px}.detail-hmi .hmi-core-facts dd{font-size:12px}.detail-hmi .hmi-specifications summary{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}