/* Homepage "AI product photos by category" link section (SEO pass, 2026-10-27).
   Built on .icon-grid / .icon-card from main.css. New here: three columns, a
   heading plus a list of links inside each card, and the home section rhythm
   (112 / 88 / 64 px top, no bottom padding, same as the other .s-* sections). */
.section.s-explore{padding-top:112px;padding-bottom:0}
.s-explore .icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.s-explore .icon-card{display:block}
.s-explore .icon-card h3{font-size:19px;font-weight:600;line-height:1.3}
.s-explore .icon-card ul{margin-top:14px}
.s-explore .icon-card li+li{margin-top:8px}
.s-explore .icon-card a{
  font-size:16px;line-height:1.4;text-decoration:underline;
  text-decoration-color:rgba(21,21,21,.25);text-underline-offset:3px;
  transition:text-decoration-color .2s ease;
}
.s-explore .icon-card a:hover{text-decoration-color:var(--green-dark)}
.s-explore .btn-row{margin-top:40px}
@media (max-width:1199px){
  .section.s-explore{padding-top:88px}
  .s-explore .icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:809px){
  .section.s-explore{padding-top:64px}
  .s-explore .icon-grid{grid-template-columns:1fr}
  .s-explore .icon-card{padding:20px}
}

/* About page: headed sections inside .about-copy (sizes follow .article in main.css) */
.about-copy h2{font-size:32px;line-height:1.25;font-weight:600;margin-top:48px}
.about-copy h2+p{margin-top:12px}
.about-copy a{text-decoration:underline}
.about-copy .btn{text-decoration:none}
.about-copy .btn-row{justify-content:flex-start;margin-top:32px}
@media (max-width:809px){
  .about-copy h2{font-size:26px;margin-top:40px}
  .about-copy .btn-row{justify-content:center}
}