.products-showcase{
  padding:66px 0 72px;
  border-bottom:1px solid var(--rule);
}
.products-showcase-head{
  max-width:760px;
  margin:0 auto 44px;
  text-align:center;
}
.products-showcase h2{
  margin:0 auto;
  max-width:none;
  font-size:clamp(2.7rem,3.8vw,4rem);
  line-height:.98;
}
.product-gallery{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:46px 30px;
  align-items:start;
}
.product-tile{
  grid-column:span 2;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  color:var(--ink);
  text-align:center;
  text-decoration:none;
}
.product-tile:nth-child(4){grid-column:2/span 2}
.product-tile:nth-child(5){grid-column:4/span 2}
.product-tile figure{
  width:clamp(150px,15vw,205px);
  aspect-ratio:1;
  margin:0 0 23px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--rule));
  border-radius:50%;
  background:var(--soft);
}
.product-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform .35s ease;
}
.product-tile:hover img{transform:scale(1.055)}
.product-tile:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:8px;
  border-radius:2px;
}
.product-hull img{object-position:52% 58%}
.product-pi img{object-position:52% 58%}
.product-cargo img{object-position:50% 50%}
.product-property img{object-position:52% 45%}
.product-motor img{object-position:58% 48%}
.product-tile h3{
  margin:0 0 9px;
  font-size:clamp(1.45rem,2vw,1.85rem);
  line-height:1.08;
}
.product-tile p{
  max-width:34ch;
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.products-footnote{
  max-width:72ch;
  margin:52px auto 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
  text-align:center;
}
@media(max-width:700px){
  .products-showcase{padding:56px 0}
  .products-showcase-head{margin-bottom:40px}
  .products-showcase h2{font-size:clamp(2.4rem,11vw,3.5rem)}
  .product-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:40px 18px;
  }
  .product-tile,
  .product-tile:nth-child(4){grid-column:auto}
  .product-tile:nth-child(5){
    grid-column:1/-1;
    width:calc(50% - 9px);
    justify-self:center;
  }
  .product-tile figure{
    width:min(34vw,145px);
    margin-bottom:18px;
  }
  .product-tile h3{font-size:1.35rem}
  .product-tile p{font-size:12px}
  .products-footnote{margin-top:42px}
}
@media(max-width:420px){
  .product-gallery{grid-template-columns:1fr}
  .product-tile,
  .product-tile:nth-child(4),
  .product-tile:nth-child(5){
    grid-column:1;
    width:auto;
  }
  .product-tile figure{width:160px}
  .product-tile p{max-width:31ch}
}
@media print{.products-showcase{display:none}}