/* OFFLIMITS MEDIA® – Einzelseiten (Leistungen, About us, Vision). Ergänzt style.css, nutzt dieselben Farben und Schriften. */
.page-sub{padding-top:calc(72px + env(safe-area-inset-top))}
.sub-title{margin:0;max-width:13ch;font-family:"Bricolage",sans-serif;font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(48px,9.6vw,172px);line-height:.86;letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance}
.sub-intro{display:grid;gap:20px;margin-top:clamp(40px,6vw,88px)}
@media (min-width:900px){.sub-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}}
.sub-intro .lead{max-width:34ch}
.sub-intro .muted,.prose{font-size:clamp(16px,1.15vw,18px);line-height:1.6}
.sub-intro .muted{max-width:54ch;margin:0}

.split{display:grid;gap:clamp(32px,5vw,64px)}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}}
.prose{display:grid;gap:18px;max-width:56ch}
.prose p{margin:0}

.svc{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.svc>li{display:grid;gap:12px 24px;padding:28px 0 34px;border-bottom:1px solid var(--line)}
@media (min-width:900px){.svc>li{grid-template-columns:120px minmax(0,1fr) minmax(0,1.25fr);align-items:start}}
.svc .h3{margin:0}
.svc-body{display:grid;gap:16px;justify-items:start}
.svc-body p{margin:0;max-width:54ch;line-height:1.6}
.svc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.svc-tags li{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}

.sub-cta{padding-bottom:clamp(40px,6vw,96px)}

.svc-cta{display:inline-block;margin-top:.6em;color:var(--text);font-weight:600}