/* Product shortcuts: precise line icons in a warm editorial directory. */
.solutions .showcase-heading{margin-bottom:68px}
.solutions .showcase-heading h2{white-space:nowrap}
.solutions .solution-index{
  --index-gap:clamp(14px,1vw,24px);
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--index-gap);
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:88vw;
  max-width:none;
  margin:0 0 54px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.solutions .solution-index__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  min-width:0;
  min-height:clamp(128px,8vw,150px);
  padding:8px 5px;
  border:0;
  border-radius:10px;
  background:none;
  color:#302c28;
  text-align:center;
  text-decoration:none;
  transition:color .2s ease;
}
.solutions .solution-index__item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:calc(var(--index-gap) * -.5);
  top:clamp(17px,1.2vw,24px);
  width:1px;
  height:clamp(80px,5.5vw,104px);
  background:linear-gradient(180deg,transparent,#d6cec1 25%,#d6cec1 75%,transparent);
  pointer-events:none;
}
.solution-index__heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(11px,.85vw,17px);
  min-height:clamp(44px,2.5vw,50px);
  white-space:nowrap;
}
.solution-index__heading strong{
  font-size:clamp(17px,1vw,20px);
  font-weight:600;
  line-height:1.35;
  letter-spacing:-.025em;
}
.solution-index__icon{
  display:grid;
  flex:none;
  place-items:center;
  width:clamp(44px,2.5vw,50px);
  height:clamp(44px,2.5vw,50px);
  color:#74695d;
  transition:transform .25s ease,color .25s ease;
}
.solution-index__icon svg{width:clamp(34px,1.95vw,40px);height:clamp(34px,1.95vw,40px)}
.solution-index__description{
  display:block;
  max-width:19em;
  margin-top:clamp(14px,1vw,20px);
  color:#777169;
  font-size:clamp(12px,.75vw,14px);
  font-weight:400;
  line-height:1.7;
  text-wrap:balance;
}
.solutions .solution-index__item:hover,
.solutions .solution-index__item:focus-visible{color:#70513a;background:none}
.solutions .solution-index__item:hover .solution-index__icon,
.solutions .solution-index__item:focus-visible .solution-index__icon{color:#8d6548;transform:translateY(-3px)}
.solutions .solution-index__item:focus-visible{outline:2px solid #a67e55;outline-offset:2px}

@media(max-width:1050px){
  .solutions .showcase-heading{margin-bottom:52px}
  .solutions .solution-index{--index-gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px var(--index-gap);margin-bottom:40px}
  .solutions .solution-index__item{min-height:105px}
  .solutions .solution-index__item:nth-child(3n)::after{display:none}
}
@media(max-width:950px){
  .solutions .showcase-heading{display:block}
  .solutions .showcase-heading>p{max-width:none;margin-top:16px}
}
@media(max-width:760px){
  .solutions .showcase-heading{margin-bottom:42px}
  .solutions .showcase-heading h2{font-size:clamp(18px,4.2vw,30px)}
  .solutions .solution-index{--index-gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px var(--index-gap);margin-bottom:35px}
  .solutions .solution-index__item{min-height:112px;padding:4px 2px}
  .solution-index__heading{gap:6px}
  .solution-index__heading strong{font-size:14px}
  .solution-index__icon{width:36px;height:36px}
  .solution-index__icon svg{width:30px;height:30px}
  .solution-index__description{margin-top:9px;font-size:11px;line-height:1.55}
  .solutions .solution-index__item:nth-child(3n)::after{display:block}
  .solutions .solution-index__item:nth-child(2n)::after{display:none}
}