/* Homepage refresh: photographic product tiles */

.sect-head--products span.kicker{color:#d97706}
.sect-head--products h2::after{
  width:44px;
  background:linear-gradient(90deg,#f59e0b,#f97316);
}
.sect-head--products p{max-width:700px;margin-left:auto;margin-right:auto}

.cat-grid--products{gap:24px}
.cat-tile--photo{
  background:#f3f6fa;
  border:1px solid #e4eaf2;
  border-radius:16px;
  box-shadow:0 1px 0 rgba(16,32,54,.03);
}
.cat-tile--photo:hover{
  border-color:#d6e0ec;
  box-shadow:0 26px 46px -30px rgba(16,32,54,.55);
}
.cat-tile--photo .cat-tile__media{
  aspect-ratio:4/3;
  background:linear-gradient(180deg,#fbfcfe 0%,#eef3f9 100%);
  border-bottom:1px solid #e7edf5;
}
.cat-tile--photo .cat-tile__media img{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.02) contrast(1.015);
  transform:scale(1.001);
  transition:transform .5s var(--ease);
}
.cat-tile--photo:hover .cat-tile__media img{transform:scale(1.045)}
.cat-tile--photo .cat-tile__body{
  padding:20px 22px 22px;
  background:#f5f8fb;
}
.cat-tile--photo .cat-tile__body h3{
  font-size:1.06rem;
  line-height:1.35;
  letter-spacing:-.01em;
}
.cat-tile--photo .cat-tile__body p{
  margin-top:8px;
  font-size:.88rem;
  line-height:1.55;
}
.cat-tile--photo .cat-tile__body .arrow-link{
  margin-top:14px;
  color:#c2410c;
  font-size:.85rem;
  font-weight:800;
}
.cat-tile--photo .cat-tile__body .arrow-link:hover{color:#9a3412}

.cat-tile--illustration .cat-tile__media img{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:scale(1.45);
  transition:transform .5s var(--ease);
}
.cat-tile--illustration:hover .cat-tile__media img{transform:scale(1.52)}

@media (max-width:620px){
  .cat-grid--products{gap:18px}
  .cat-tile--photo .cat-tile__body{padding:18px 18px 20px}
}