/* Equipment page — light, quiet grid of the studio's own kit photos */
body.eq { background: var(--bg); color: var(--fg); }
.eq .site-header { background: color-mix(in srgb, var(--bg) 84%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.eq .nav a.is-current { opacity: 1; text-decoration: underline; text-underline-offset: 6px; }

.eq-main { max-width: 1180px; margin: 0 auto; padding: 130px var(--gutter) 90px; }
.eq-head { max-width: 720px; margin-bottom: 56px; }
.eq-head h1 { font: 400 clamp(44px, 7vw, 92px)/.98 var(--serif); letter-spacing: -.025em; margin-bottom: 20px; }
.eq-head h1 em { color: var(--acc); font-style: normal; }
.eq-head p { font-size: 17px; line-height: 1.6; color: var(--mute); }

.eq-group { margin-top: 56px; }
.eq-group h2 { display: flex; align-items: baseline; gap: 12px; font: 500 clamp(24px, 3vw, 32px)/1.1 var(--serif); letter-spacing: -.01em;
  padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.eq-group h2 small { font-size: 14px; color: var(--mute); font-weight: 400; }

.eq-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.eq-card { margin: 0; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 0 var(--line); }
.eq-card img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: 50% 48%; transition: transform .6s ease; }
.eq-card:hover img { transform: scale(1.04); }
.eq-card figcaption { padding: 12px 14px 14px; font-size: 14px; font-weight: 500; line-height: 1.35; border-top: 1px solid var(--line); }

.eq-end { margin-top: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px;
  padding: 30px; border-radius: 22px; background: #141210; color: #f3ede3; }
.eq-end p { font-size: 17px; max-width: 34em; }

@media (max-width: 600px) {
  .eq-main { padding-top: 110px; }
  .eq-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .eq-card figcaption { font-size: 13px; padding: 10px 11px 12px; }
  .eq-end { padding: 24px; }
}