/* The material cutaway is illustrative, without implied engineering dimensions. */
.foundation-visual {
  background: #fbfbf8;
  border: 1px solid #dfe3df;
  border-radius: 16px;
  padding: 26px 28px 28px;
  min-height: 0;
  overflow: hidden;
}
.foundation-visual::before { display: none; }
.foundation-visual .foundation-visual-top { gap: 16px; }
.foundation-visual .foundation-visual-top .eyebrow {
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .9px;
  color: #68716b;
}
.foundation-visual .technical-cross { color: #979e96; font-weight: 400; }
.foundation-visual .pavement-diagram {
  display: block;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: contain;
  margin: 6px auto 10px;
  position: relative;
}
.foundation-visual .layer-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  justify-content: center;
  margin: 0;
  padding-top: 18px;
  border-top: 1px solid #e4e6e1;
}
.foundation-visual .layer-legend span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #454e48;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
}
.foundation-visual .layer-legend i {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #00000012;
}
.foundation-visual .layer-legend .swatch-asphalt { background: #353c3e; }
.foundation-visual .layer-legend .swatch-stone { background: #a9ada0; }
.foundation-visual .layer-legend .swatch-earth { background: #927b5d; }
.foundation-visual > p {
  color: #69726b;
  font-size: 13px;
  line-height: 1.7;
  max-width: 390px;
  margin: 17px auto 0;
}
@media (max-width: 650px) {
  .foundation-visual { padding: 20px 18px 23px; border-radius: 12px; min-height: 0; }
  .foundation-visual .foundation-visual-top .eyebrow { font-size: 10px; letter-spacing: .65px; }
  .foundation-visual .pavement-diagram { margin-top: 3px; }
  .foundation-visual .layer-legend { gap: 10px 15px; padding-top: 15px; }
  .foundation-visual .layer-legend span { font-size: 12px; }
  .foundation-visual > p { font-size: 12px; }
}
