/* ===================================================================
   kontakt.css - style uzywane wylacznie na stronie kontakt.html
   Wspolne style (nawigacja, przyciski, karty, typografia) w styles.css.
   =================================================================== */

.label-accent-light {
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: var(--color-accent-light);
  margin-bottom: 20px;
}
.card-title-lg {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -.02em;
}
.text-16-relaxed {
  font-size: 16px;
  line-height: 1.5;
}
.tile-eyebrow {
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgb(var(--ink) / .4);
  margin-bottom: 10px;
}
.wr-kon-01 {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(52px,7vw,84px) clamp(20px,4vw,32px) clamp(56px,8vw,88px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap: clamp(32px,5vw,56px);
  align-items: start;
}
.wr-kon-03 {
  margin: 0 0 26px;
  max-width: 34em;
}
.wr-kon-04 {
  display: grid;
  gap: 10px;
  max-width: 32em;
}
.wr-kon-05 {
  background: var(--color-white);
  color: var(--color-ink);
  border: 1px solid rgb(var(--ink) / .1);
  border-radius: 22px;
  padding: 32px;
  box-shadow: 0 30px 70px -40px rgb(var(--ink) / .35);
}
.wr-kon-08 {
  margin: 0 0 44px;
  max-width: 18em;
}
.wr-kon-09 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: 18px;
}
.wr-kon-10 {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(56px,8vw,88px) clamp(20px,4vw,32px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap: 18px;
}