#containerslede .concept{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:26px;padding-bottom:26px}
#containerslede .concept-heading h2{margin:0 0 13px;font-size:clamp(30px,3.1vw,51px);white-space:nowrap;letter-spacing:-1.5px}
#containerslede .concept-heading p{max-width:none;margin:0;font-size:clamp(10px,.9vw,15px);line-height:1.6;white-space:nowrap}
#containerslede .concept .concept-image{width:100%;height:300px;min-height:0;max-height:none;flex:none;align-self:stretch}
#containerslede .concept .concept-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-height:none;padding:0}
#containerslede .concept-bottom{display:flex;align-items:center;gap:18px}
#containerslede .concept-bottom p{max-width:none;white-space:nowrap;margin:0;font-size:clamp(9px,.8vw,13px);line-height:1.6;color:#52664e}
#containerslede .concept-bottom .bart-button{margin:0;white-space:nowrap;flex-shrink:0;padding:12px 15px;gap:18px;font-size:10px!important}
@media(min-width:1500px){#containerslede .concept .concept-image{height:440px}}
@media(max-width:1023px){
 #containerslede .concept{padding-top:145px;padding-bottom:48px;gap:25px}
 #containerslede .concept-heading h2{white-space:normal;font-size:36px;line-height:1.08}
 #containerslede .concept-heading p,#containerslede .concept-bottom p{white-space:normal;font-size:14px;line-height:1.75}
 #containerslede .concept .concept-image{height:auto;aspect-ratio:1.55}
 #containerslede .concept-bottom{display:block}
 #containerslede .concept-bottom .bart-button{margin-top:18px;font-size:12px!important;padding:16px 20px}
}
@media(min-width:1024px){
 #b5 .materials header h1{white-space:nowrap;font-size:clamp(25px,2.75vw,43px);letter-spacing:-1.1px}
 #b5 .materials header .connector{display:none}
}
/* Narrower, taller technique copy with a clear paragraph break. */
#b3 .copy p+p{margin-top:22px}
@media(min-width:1024px){
 #b3 .composition{height:530px}
 #b3 .copy{width:40%;top:0;min-height:510px;padding:28px;box-sizing:border-box}
 #b3 .copy h1{font-size:36px}
 #b3 .copy p{font-size:13px;line-height:1.7;margin-bottom:18px}
 #b3 .copy p+p{margin-top:22px}
 #b3 .copy .signature{margin-top:23px}
}

/* Installation: full-width heading, larger drawing left, linked parts right. */
#b2 .fractions{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px 4%;align-items:center;padding:26px 5% 24px}
#b2 .fraction-heading{grid-column:1/-1;text-align:center}
#b2 .fraction-heading h1{font-size:clamp(25px,3.1vw,48px);white-space:nowrap;margin:0 0 12px;letter-spacing:-1.4px}
#b2 .fraction-heading .lead {
  max-width: none;
  white-space: normal;
  /* Compensate for the desktop panel transform so the text stays readable. */
  font-size: calc(14.1px / var(--screen-scale, 1));
  line-height: 1.6;
  margin: 0;
}
#b2 .visual{padding:0;background:none}
#b2 .drawing{width:100%;max-height:none;aspect-ratio:1280/1109;margin:0}
#b2 .drawing>img{max-height:none;height:100%;object-fit:contain}
#b2 .copy{padding:0}
#b2 .part{padding:16px 0;font-size:15px;gap:12px}
#b2 .part b{font-size:13px;min-width:20px}
#b2 .part-description{font-size:12px;line-height:1.7;color:#abb5a7;min-height:42px;margin:20px 0 0}
#b2 .hotspot.active:after{background:#a2c51e55;box-shadow:0 0 0 5px #a2c51e9e,0 0 25px #a2c51e;border-color:white}
@media(max-width:1023px){
 #b2 .fractions{padding-top:140px;grid-template-columns:1fr;gap:26px}
 #b2 .fraction-heading h1{white-space:normal;font-size:36px}
 #b2 .drawing{width:100%;margin:0}
 #b2 .part{padding:14px 0;font-size:14px}
}

/* Technique: four equal photos, two columns, no overlap. */
#b3 .collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
#b3 .collage .photo{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto}
#b3 .collage .machine{grid-column:1;grid-row:1}
#b3 .collage .drive{grid-column:2;grid-row:1}
#b3 .collage .installation{grid-column:1;grid-row:2}
#b3 .collage .control{grid-column:2;grid-row:2}
#b3 .collage .caption{font-size:10px;letter-spacing:.2px;line-height:1.35;padding:10px 12px;background:#0b3027e6}
@media(min-width:1024px){
 #b3 .composition{height:580px}
 #b3 .copy{width:34%;min-height:560px;padding:64px 26px 32px}
 #b3 .collage{left:38%;height:560px}
}
@media(max-width:1023px){#b3 .collage{gap:12px}}
@media(max-width:650px){#b3 .collage{margin-top:20px;height:500px}}

/* Block 7: one centred title line and one subtitle line. */
#ghent .section-heading{display:block;text-align:center;margin:0 0 25px}
#ghent .section-heading h2{white-space:nowrap;margin:0 0 14px;font-size:clamp(28px,3.3vw,52px)}
#ghent .section-heading>p{white-space:nowrap;max-width:none;margin:0;font-size:clamp(8px,.85vw,14px);line-height:1.7}
@media(max-width:1023px){#ghent .section-heading h2{white-space:normal;font-size:36px}#ghent .section-heading>p{white-space:normal;font-size:14px}}

#ghent .project-swap-gallery{width:min(100%,1100px);margin:0 auto 18px}
#ghent .project-large{display:block;position:relative;width:100%;height:440px;padding:0;border:0;background:#dce3d4;overflow:hidden;cursor:zoom-in}
#ghent .project-large img{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
#ghent .project-large span{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;color:white;background:#0b3027d9;font-size:10px;text-align:left}
#ghent .project-miniatures{display:flex;justify-content:center;gap:14px;margin-top:14px}
#ghent .project-miniatures button{width:150px;height:85px;padding:0;border:2px solid transparent;cursor:pointer;overflow:hidden;background:#dce3d4}
#ghent .project-miniatures button:hover,#ghent .project-miniatures button:focus-visible{border-color:#a2c51e}
#ghent .project-miniatures img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1023px){#ghent .project-large{height:auto;aspect-ratio:1.65}#ghent .project-miniatures button{width:30%;height:auto;aspect-ratio:1.65}}

/* Block 8: title and introduction on separate single lines. */
#technische-gegevens .section-heading{display:block;text-align:center;margin:0 0 25px}
#technische-gegevens .section-heading h2{white-space:nowrap;margin:0 0 14px;font-size:clamp(28px,3.3vw,52px)}
#technische-gegevens .section-heading>p{white-space:nowrap;max-width:none;margin:0;font-size:clamp(10px,.95vw,15px);line-height:1.7}
#technische-gegevens .technical-data{border-bottom:0}
@media(max-width:1023px){#technische-gegevens .section-heading h2{white-space:normal;font-size:36px}#technische-gegevens .section-heading>p{white-space:normal;font-size:14px}}

/* Block 9: single-line title with introduction below. */
#b4 .value-intro{display:block;text-align:center;margin-bottom:24px}
#b4 .value-intro h2{white-space:nowrap;font-size:clamp(28px,3.3vw,52px);margin:0 0 14px}
#b4 .value-intro h2 em{display:inline}
#b4 .value-intro>p{white-space:nowrap;max-width:none;margin:0;font-size:clamp(10px,.95vw,15px);line-height:1.7}
@media(max-width:1023px){#b4 .value-intro h2{white-space:normal;font-size:36px}#b4 .value-intro>p{white-space:normal;font-size:14px}}

#b7 .material-other{grid-column:1/-1;display:flex;gap:10px;align-items:stretch}
#b7 .material-other .material-check{flex:0 0 auto;min-width:100px}
#b7 .material-other>input{flex:1;min-width:0;width:100%;border:1px solid #cbd2be;background:#fafbf4;color:#203621;padding:8px 10px;font:inherit}

/* Compact brand footer with three aligned credits below the white line. */
#b7 .footer{padding:2px 6% 20px;background:#091e16}
#b7 .footer-brand{margin:0 0 2px}
#b7 .footer-bottom{border-top:1px solid #fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding-top:15px;color:#d3decd;font-size:10px;letter-spacing:.6px}
#b7 .footer-bottom .group{display:flex;align-items:center;gap:12px;width:auto}
#b7 .footer-bottom .group>span{font-size:10px;letter-spacing:.6px;white-space:nowrap}
#b7 .footer-bottom .group img{width:130px;height:43px}
#b7 .footer-designer{justify-self:end}
#b7 .footer-designer:hover{color:#a2c51e}
@media(max-width:600px){#b7 .footer{padding:2px 5% 16px}#b7 .footer-bottom{gap:12px;font-size:8px;letter-spacing:0}#b7 .footer-bottom .group{gap:6px}#b7 .footer-bottom .group>span{font-size:8px}#b7 .footer-bottom .group img{width:80px;height:30px}}
/* Additional CMS gallery photos remain accessible in a horizontal strip. */
#ghent .project-miniatures{justify-content:flex-start;width:max-content;max-width:100%;margin:14px auto 0;overflow-x:auto;padding-bottom:4px}
#ghent .project-miniatures button{flex:0 0 150px}
@media(max-width:1023px){#ghent .project-miniatures button{flex-basis:110px;width:110px}}

#b7 .footer { padding-block: 4px 5px; }
#b7 .footer .footer-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 24px;
  margin: 0;
  padding: 15px 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0;
}
#b7 .footer-contact > * { white-space: nowrap; }
#b7 .footer-bottom {
  padding-top: 4px;
  gap: 12px;
  font-size: 14px;
  letter-spacing: 0;
}
#b7 .footer-bottom .group > span { font-size: 14px; letter-spacing: 0; }
#b7 .footer-designer { display: inline-flex; }
#b7 .footer-designer img {
  display: block;
  width: auto;
  height: 48px;
  border-radius: 3px;
}
@media (max-width: 600px) {
  #b7 .footer-bottom {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
  }
  #b7 .footer-bottom > span:first-child { grid-column: 1 / -1; }
}