/* IQ Media Arts — Leistungen: text-only pages and responsive typography.
   Scope: service pages only. Site-wide CTA and active navigation are in iqma-shared-ui.css. */

.iqma-service-main .iqma-service-intro {
  min-height: 0;
  padding: clamp(143px, 12vw, 196px) 0 clamp(66px, 6.8vw, 104px);
}
.iqma-service-intro-grid { display: block; }
.iqma-service-copy { width: 100%; max-width: 980px; min-width: 0; }
.iqma-service-overline {
  color: #e09aa3;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .72rem;
  line-height: 1.6;
  font-weight: 700;
  margin: 0 0 clamp(15px, 2vw, 25px);
}
.iqma-service-copy h1 {
  max-width: 20ch;
  font-size: clamp(2.8rem, 5.1vw, 4.85rem);
  line-height: 1.095;
  letter-spacing: -.035em;
  margin: 0 0 clamp(26px, 3vw, 39px);
  overflow-wrap: normal;
  hyphens: auto;
}
.iqma-service-copy .iqma-service-text {
  display: grid;
  gap: clamp(16px, 1.8vw, 24px);
  max-width: 75ch;
}
.iqma-service-copy .iqma-service-text p {
  color: #cdcbcd;
  font-size: clamp(1rem, 1.12vw, 1.13rem);
  line-height: 1.79;
  max-width: 100%;
  margin: 0;
  overflow-wrap: break-word;
  hyphens: auto;
}
.iqma-service-copy .iqma-service-text p:first-child { color: #f0eeef; }
.iqma-service-works { background: #141518; padding: clamp(46px,5vw,76px) 0; }
.iqma-service-works-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px,4vw,65px);
}
.iqma-service-works-inner > div { min-width: 0; max-width: 760px; }
.iqma-service-works h2 {
  font-size: clamp(1.75rem,3vw,2.7rem);
  line-height: 1.15;
  margin: 0 0 12px;
}
.iqma-service-works p:not(.iqma-service-overline) { color:#c4c1c4; margin:0; }
.iqma-service-works .btn { flex-shrink: 0; text-align: center; white-space: normal; }
.iqma-service-cta .iqma-service-cta-links { display:flex; flex-direction:column; gap:12px; align-items:stretch; min-width:200px; }
.iqma-service-cta .iqma-service-cta-links .btn { text-align:center; justify-content:center; }
@media (max-width: 1000px) {
  .iqma-service-main .iqma-service-intro { padding-top: 143px; padding-bottom: 77px; }
  .iqma-service-copy { max-width: 100%; }
  .iqma-service-copy h1 { font-size: clamp(2.45rem,6vw,4.1rem); }
  .iqma-service-copy .iqma-service-text { max-width: 70ch; }
}
@media (max-width: 850px) {
  .iqma-service-main .iqma-service-intro { padding-top: 130px; padding-bottom: 67px; }
  .iqma-service-works-inner { flex-direction: column; align-items: flex-start; }
  .iqma-service-works .btn { max-width: 100%; }
  .iqma-service-cta .iqma-service-cta-links { min-width: 0; width: 100%; }
}
@media (max-width: 550px) {
  .iqma-service-main .iqma-service-intro { padding-top: 113px; padding-bottom: 55px; }
  .iqma-service-overline { font-size: .67rem; letter-spacing: .12em; margin-bottom: 15px; }
  .iqma-service-copy h1 { max-width: 100%; font-size: clamp(2.1rem,9vw,2.75rem); line-height:1.1; margin-bottom: 25px; }
  .iqma-service-copy .iqma-service-text { gap: 16px; }
  .iqma-service-copy .iqma-service-text p { font-size: 1rem; line-height: 1.72; }
  .iqma-service-works { padding: 45px 0; }
  .iqma-service-works h2 { font-size: 1.85rem; }
  .iqma-service-works .btn { width: 100%; }
}