.ni-related { padding: 48px 0; }
.ni-related > .ni-container > .ni-eyebrow { margin: 0 0 24px; font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: 0; }
.ni-content-interior .ni-related > .ni-container > .ni-eyebrow { margin-bottom: 28px; font-size: 14px; }
.ni-content-interior .ni-related .ni-card-image { aspect-ratio: auto; height: 300px; }
.ni-content-interior .ni-related .ni-card-copy { gap: 16px; }
.ni-content-interior .ni-related .ni-card-copy > * { margin: 0; }
.ni-content-interior .ni-related .ni-card-copy h3 { font-size: 28px; line-height: 1.3; }
.ni-content-interior .ni-related .ni-card-copy > p:not(.ni-eyebrow) { font-size: 17px; line-height: 1.3; }
.ni-content-interior .ni-related .ni-card-copy .ni-button { margin-top: auto; font-size: 18px; }
.ni-content-interior .ni-related .ni-case-teaser > div { padding: 28px; }
.ni-content-interior .ni-related .ni-case-teaser h3 { margin: 0 0 14px; font-size: 22px; line-height: 1.3; }
.ni-content-interior .ni-related .ni-case-teaser p { margin: 0 0 14px; font-size: 16px; line-height: 1.3; }
.ni-content-interior .ni-related .ni-case-teaser .ni-button { min-height: 40px; padding: 8px 16px; font-size: 16px; }
.ni-content-interior .ni-related .ni-related-heading h2 { margin-bottom: 28px; }
.ni-content-interior .ni-related .ni-case-teaser .ni-eyebrow { font-size: 14px; line-height: 1.3; font-weight: 400; letter-spacing: 0; }
.ni-related-news .ni-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ni-content-interior .ni-related-news .ni-case-teaser > div { display: flex; flex-direction: column; align-items: start; gap: 12px; }
.ni-content-interior .ni-related-news .ni-case-teaser > div > * { margin: 0; }
.ni-content-interior .ni-related-news .ni-case-teaser h3 { font-size: 28px; line-height: 1.3; }
.ni-content-interior .ni-related-news .ni-case-teaser p { font-size: 17px; line-height: 1.3; }
.ni-content-interior .ni-related-news .ni-case-teaser .ni-eyebrow { font-size: 14px; }
.ni-content-interior .ni-related-news .ni-case-teaser .ni-button { min-height: 62px; padding: 18px 28px; font-size: 18px; line-height: 1.3; }
.ni-content-interior .ni-related-news .ni-case-teaser { background: #333; border: 0; color: #fff; }
.ni-content-interior .ni-related-news .ni-case-teaser h3 { font-weight: 400; }
.ni-content-interior .ni-related-news .ni-case-teaser p { color: #d3d6da; }
.ni-content-interior .ni-related-news .ni-case-teaser .ni-eyebrow { color: #f47a92; }
.ni-related .ni-case-teaser { overflow: hidden; }
@media(prefers-reduced-motion:no-preference) {
    .ni-related .ni-case-teaser>img { transition: transform .35s ease; }
    .ni-related .ni-case-teaser:is(:hover,:focus-within)>img { transform: scale(1.025); }
    .ni-related .ni-case-teaser h3 { transition: color .18s ease; }
}
.single-solution .ni-related-case h2 { font-size: 40px; line-height: 1.2; }
.ni-related h2 { font-size: 32px; margin-bottom: 24px; }
.ni-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.ni-related .ni-product-card { background: #f3f5f7; padding: 0; }
.ni-related .ni-card-image { aspect-ratio: 466 / 300; }
.ni-related .ni-card-copy { padding: 28px; }
.ni-related .ni-card-copy h3 { color: #333; }
.ni-related .ni-card-copy > p:not(.ni-eyebrow) { color: #666c73; }
.single-product .ni-related .ni-card-image { aspect-ratio: auto; height: 300px; }
.single-product .ni-related h2 { line-height: 42px; }
.single-product .ni-related .ni-card-copy { gap: 12px; min-height: 230px; }
.single-product .ni-related .ni-card-copy > * { margin: 0; }
.single-product .ni-related .ni-card-copy .ni-eyebrow { color: #f47a92; font-weight: 400; letter-spacing: 0; line-height: 1.3; }
.single-product .ni-related .ni-card-copy h3 { font-size: 28px; font-weight: 400; line-height: 1.3; }
.single-product .ni-related .ni-card-copy > p:not(.ni-eyebrow) { color: #333; font-size: 17px; line-height: 1.3; }
.single-product .ni-related .ni-card-copy .ni-button { margin-top: auto; min-height: 62px; padding: 18px 28px; gap: 30px; font-size: 18px; font-weight: 400; line-height: 1.3; }
.ni-case-teasers { grid-template-columns: 1fr; }
.ni-case-teaser { display: grid; grid-template-columns: minmax(0,800fr) minmax(0,768fr); gap: 32px; background: #f3f5f7; }
.ni-case-teaser > img { width: 100%; height: 360px; object-fit: cover; }
.ni-case-teaser > div { padding: 28px; align-self: center; }
.ni-related-slider .ni-related-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.ni-related-slider .ni-related-heading h2 { margin: 0; }
.ni-related-slider .swiper-wrapper { align-items: stretch; }
.ni-related-slider .ni-case-teaser { display: grid; height: auto; }
.ni-related-slider:not(.swiper-initialized) > .swiper-wrapper { display: grid; gap: 32px; }
.ni-case-controls { display: none; align-items: center; gap: 8px; flex-shrink: 0; }
.swiper-initialized .ni-case-controls { display: flex; }
.ni-case-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; background: #fff; border: 1px solid #dde2e6; color: #333; font-size: 20px; }
.ni-case-controls button:hover,.ni-case-controls button:focus-visible { background: var(--brand); border-color: var(--brand); color: #fff; }
.ni-related-slider .ni-case-controls button:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
.ni-case-controls .ni-case-position { position: static; flex: 0 0 48px; width: 48px; text-align: center; font-size: 14px; }
.single-product .ni-case-controls button { width: 42px; height: 42px; }
.single-product .ni-related-case .ni-case-teaser { background: transparent; }
.single-product .ni-related-case .ni-case-teaser > div { display: flex; flex-direction: column; align-items: start; align-self: start; gap: 24px; padding: 32px; }
.single-product .ni-related-case .ni-case-teaser > div > * { margin: 0; }
.single-product .ni-related-case .ni-case-teaser h3 { font-size: 36px; line-height: 1.3; font-weight: 600; color: #17191c; }
.single-product .ni-related-case .ni-case-teaser p { font-size: 20px; line-height: 1.3; color: #666c73; }
.single-product .ni-related-case .ni-case-teaser .ni-button { min-height: 62px; padding: 18px 28px; gap: 30px; font-size: 18px; font-weight: 400; line-height: 1.3; }
@media(max-width:1199px) { .ni-related-grid { gap: 20px; }
 .single-product .ni-related .ni-card-copy { padding: 22px; }
 .single-product .ni-related .ni-card-copy h3 { font-size: 24px; }
 .single-product .ni-related .ni-card-copy .ni-button { padding: 14px 18px; gap: 16px; }
 .single-product .ni-related-case .ni-case-teaser h3 { font-size: 28px; }
 .single-product .ni-related-case .ni-case-teaser > div { padding: 24px; gap: 20px; }
 }
@media(max-width:767px) { .ni-related-grid,.ni-case-teaser { grid-template-columns: 1fr; }
.ni-related-news .ni-related-grid { grid-template-columns: minmax(0,1fr); }
 .ni-content-interior .ni-related .ni-card-image { height: 240px; }
 .ni-content-interior .ni-related .ni-card-copy h3 { font-size: 24px; }
 .single-solution .ni-related-case h2 { font-size: 32px; }
 .ni-related-slider .ni-related-heading { flex-wrap: wrap; gap: 16px; }
 .ni-related-slider .ni-related-heading h2 { flex-basis: 100%; font-size: 28px; }
 .ni-case-controls { margin-left: auto; }
 .ni-related-slider .ni-case-teaser > div { align-self: start; }
 .single-product .ni-related .ni-card-image { height: 240px; }
 .single-product .ni-related .ni-card-copy h3 { font-size: 24px; }
 .single-product .ni-related h2 { line-height: 1.3; }
 .single-product .ni-related-case .ni-case-teaser > div { padding: 24px 0 0; }
 .ni-case-teaser > img { height: 240px; }
 }

.ni-pencil-new .ni-related .ni-card-copy .ni-eyebrow { color:var(--brand); }
.ni-pencil-new .ni-related-news .ni-case-teaser { background:#f3f5f7; color:#333; }
.ni-pencil-new .ni-related-news .ni-case-teaser p { color:#666c73; }
.ni-pencil-new .ni-related-news .ni-case-teaser .ni-eyebrow { color:var(--brand); }
.ni-block.ni-related .ni-case-teaser:is(:hover,:focus-within) h3 { color: var(--brand); }


@media(min-width:768px) and (max-width:1199px){
 .single-solution.ni-content-interior .ni-related-product .ni-card-image,
 .single-solution .ni-related-case .ni-case-teaser>img{height:200px}
}

@media(max-width:1599px){
 :is(.single-case,.single-news,.single-solution) .ni-related-product .ni-related-grid{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:767px){
 .single-product .ni-related-case .ni-case-teaser>img{height:180px}
 .single-product .ni-related-case .ni-case-teaser h3{font-size:22px}
}

@media(max-width:767px){
 .single-product .ni-related-case .ni-case-teaser{row-gap:0;align-content:start}
 .single-product .ni-related-case .ni-case-teaser>div{padding-top:20px}
}

@media(max-width:767px){
 .ni-block.ni-related .ni-case-teaser{row-gap:0;align-content:start}
 .ni-block.ni-related .ni-case-teaser>div,.ni-block.ni-related .ni-card-copy{padding-block:20px;gap:12px;min-height:0}
 .ni-block.ni-related .ni-case-teaser>div{display:flex;flex-direction:column;align-items:start;align-self:start}
 .ni-block.ni-related .ni-case-teaser>div>*,.ni-block.ni-related .ni-card-copy>*{margin:0}
 .ni-block.ni-related .ni-case-teaser h3,.ni-block.ni-related .ni-card-copy h3{font-size:22px;line-height:1.3}
}