/* Shared case-study layer, scoped to detail pages. Explorer geometry and scripts remain intact. */
body.case-family{--paper:#f2f1ed;--nitra-paper:#f2f1ed;background:#f2f1ed;color:#061329}
.case-family header.nitra-header{background:#056cc4 url('paper-blue-web.webp') center/1440px auto}
.case-family header.nitra-header:before{display:block}
.case-family .nitra-header-inner{border-bottom:1px solid #ffffff50}
.case-family .case-opening{background:linear-gradient(#056cc450,#056cc470),#056cc4 url('paper-blue-web.webp') center top/1440px auto;color:#fff;padding:24px 0 82px}
.case-family main .case-back{display:inline-flex;align-items:center;min-height:44px;color:#e3effa;text-decoration:none;font-size:12px;margin-bottom:23px}
.case-family main .case-kicker{font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 20px}
.case-family .case-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end}
.case-family main .case-heading h1{font:800 clamp(44px,5.6vw,80px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:white;margin:0}
.case-family main .case-heading>p{font:400 18px/1.65 Inter,Arial,sans-serif;color:#f4f8ff;margin:0 0 4px}
.case-opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff50;margin-top:36px;padding-top:15px}
.case-family main .case-opening-bottom>p{font-size:11px;color:#e5f2ff;margin:0;line-height:1.7}
.case-family main .case-opening-bottom>a{display:inline-flex;align-items:center;gap:30px;min-height:44px;color:white;text-decoration:none;font-size:13px;font-weight:600}
.case-family main .case-opening a:hover{text-decoration:underline}
.case-family .case-opening a:focus-visible{outline-color:white}
.case-family .case-context{position:relative;background:var(--paper);padding:36px 0 70px}
.case-family .case-context:before{content:'';position:absolute;inset:-39px 0 auto;height:40px;background:var(--paper);clip-path:polygon(0 85%,100% 0,100% 100%,0 100%)}
.case-context-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;align-items:center}
.case-family main .case-product{background:var(--paper);isolation:isolate;margin:0;min-width:0}
.case-family main .case-product img{display:block;width:100%;height:auto;mix-blend-mode:multiply;object-fit:contain}
.case-family.detail-hmi .case-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}
.case-family.detail-golf .case-product img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);}
.case-family main .case-context-copy .case-kicker{color:#536174;margin-bottom:20px}
.case-family main .case-context h2{font:700 clamp(32px,3.3vw,48px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:0 0 24px}
.case-family main .case-context-copy>p:not(.case-kicker){font-size:15px;line-height:1.85;color:#46566b;margin:0;max-width:43ch}
.case-family main .case-link{display:inline-flex;gap:28px;align-items:center;min-height:44px;margin-top:24px;color:#056cc4;border-bottom:1px solid #9aafbf;text-decoration:none;font-size:13px;font-weight:600}
.case-family main .case-link:hover{border-color:#056cc4}
.case-family main .case-link span{font-size:21px}
/* Shared reading scale and restrained separators, without changing interactive artwork. */
.case-family main h2{font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.05em}
.case-family main h3{font-weight:700;letter-spacing:-.04em}
.case-family .sketch-section{padding-top:60px;border-top:1px solid #bdc9d3}
.case-family .component-copy h2{font-size:clamp(32px,3.4vw,48px)}
.case-family .system{padding-block:60px}
.case-family .contribution{padding-block:60px 70px;border-top:1px solid #bdc9d3}
.case-family .contribution>div{max-width:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 9%}
.case-family .contribution h2{grid-row:1/3}
.case-family .contribution p:not(.eyebrow){margin:0;max-width:48ch;font-size:15px;line-height:1.85}
.case-family .contribution ul{grid-column:2;font-size:13px}
.case-family.detail-hmi .hmi-hardware{padding:64px 0}
.case-family.detail-hmi .hmi-board-stage{background:#e3ebef}
.case-family.detail-hmi .hmi-contribution{padding:64px 0 70px}
.case-family.detail-hmi .hmi-hardware h2,.case-family.detail-hmi .hmi-contribution h2{font-size:clamp(32px,3.4vw,48px);font-weight:700}
.case-family.detail-golf .build-section{background:#e3ebef;padding-block:64px}
.case-family.detail-golf .engineering{padding-block:64px}
.case-family.detail-golf .outcome{padding-block:35px 65px}
.case-family main .case-next{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:28px 0 48px;margin-bottom:0;border-top:1px solid #bdc9d3}
.case-family .case-next>a:first-child{flex:1;padding:0;max-width:850px}
.case-family .case-next .project-next-title{font-weight:700;font-size:clamp(30px,3.6vw,50px)}
.case-family main .case-next .case-all{font-size:12px;min-height:44px;display:flex;align-items:center;white-space:nowrap;padding:0;text-decoration:underline;color:#056cc4}
@media(max-width:1000px){.case-family .case-heading{grid-template-columns:1.25fr 1fr;gap:6%}.case-family main .case-heading h1{font-size:52px}.case-context-grid{gap:5%;grid-template-columns:1.2fr 1fr}.case-family main .case-context h2{font-size:34px}}
@media(max-width:760px){
 .case-family .case-opening{padding:16px 0 58px}.case-family main .case-back{margin-bottom:16px}
 .case-family .case-heading{grid-template-columns:1fr;gap:22px}.case-family main .case-heading h1{font-size:clamp(39px,10vw,62px)}.case-family main .case-heading>p{font-size:16px}
 .case-opening-bottom{align-items:start;flex-direction:column;gap:10px;margin-top:26px;padding-top:16px}
 .case-family .case-context{padding:24px 0 40px}.case-family .case-context:before{height:26px;top:-25px}
 .case-context-grid{grid-template-columns:1fr;gap:28px}.case-family main .case-context h2{font-size:34px;margin-bottom:19px}.case-family main .case-context-copy>p:not(.case-kicker){font-size:14px}.case-family main .case-context-copy .case-kicker{margin-bottom:15px}
 .case-family .sketch-section{padding-top:36px}.case-family .component-copy h2{font-size:30px}
 .case-family .contribution{padding-block:40px}.case-family .contribution>div{grid-template-columns:1fr;gap:24px}.case-family .contribution h2{grid-row:auto}.case-family .contribution ul{grid-column:auto;margin-top:0}
 .case-family .system{padding-block:40px}.case-family.detail-hmi .hmi-hardware,.case-family.detail-hmi .hmi-contribution,.case-family.detail-golf .build-section,.case-family.detail-golf .engineering{padding-block:44px}
 .case-family main .case-next{align-items:start;flex-direction:column;gap:18px;padding:28px 0 32px}.case-family .case-next>a:first-child{width:100%}
}